xiaoe_mp_npm 1.1.11-test01 → 1.1.11-test02

package/miniprogram_dist/AliveInvite/LiveRoomVertical/components/friends/friends.js

@@ -0,0 +1,182 @@
+// import room from '@/api/room';
+import base64 from '../../libs/base64'
+import {
+    getInviteDetail
+} from "../../../../common/api/eLiveInvite";
+Component({
+    properties: {
+        switchToControlDialogVisible:{
+            type: Boolean,
+            value:false
+        },
+        aliveId:{
+            type: String,
+            value: ''
+        },
+        appId: {
+            type: String,
+            value: ''
+        },
+        userId: {
+            type: String,
+            value: ''
+        },
+        isPackUp:{
+            type:Boolean,
+            value:false,
+        }
+    },
+    data: {
+        isShowFriends: false,
+        count: 0, // 邀请的好友数
+        inviteParm:'',
+        total: 0,
+        refreshing: false,
+        finishedTxt: '加载中',
+        finished: false,
+        componentsState: 1,
+        page_size: 25,
+        page_index: 0,
+        friendList:[],
+        friendListMockData: [
+            // {
+            //     wx_avatar: '../../../images/u_6182407864819_jXJGQ1pe0d.png',
+            //     wx_nickname: 'wendy'
+            // }, {
+            //     wx_avatar: '../../../images/u_6182407864819_jXJGQ1pe0d.png',
+            //     wx_nickname: 'moira1'
+            // }
+
+        ] //邀请的好友列表
+    },
+    observers: {
+        switchToControlDialogVisible(val) {
+            if(val){
+                this.showFriends()
+            }else{
+                this.closeFriends()
+            }
+        },
+      },
+    ready() {
+    },
+    methods: {
+        onLoad(){
+            if (this._freshing) return
+            this._freshing = true
+            this.setData({
+              finished: false,
+              page_index: 0
+            })
+            this.getFriendsList()
+        },
+        onScrolltolower(){
+            console.log(this.data.finished, this._freshing )
+            if(this.scrolling){return}
+            this.scrolling = true
+            this.setData({
+              finishedTxt: this.data.finished ? "没有更多了" : "加载中"
+            })
+            if(this.data.finished || this._freshing){
+                return
+            }
+            let onScrolltolower  = true
+            this.getFriendsList(onScrolltolower)
+        },
+        closeFriends() {
+            this.setData({
+                isShowFriends: false
+            })
+            this.setData({
+                componentsState: this.data.componentsState + 1
+            })
+        },
+        showFriends() {
+            this.setData({
+                isShowFriends: true
+            })
+            this.getFriendsList()
+        },
+        generateBase64(paymentType, resourceType, resourceId, productId) {
+            const params = {
+              payment_type: paymentType,
+              resource_type: resourceType,
+              resource_id: resourceId,
+              product_id: productId,
+            }
+            return base64.encode(JSON.stringify(params))
+        },
+        getFriendsList(onScrolltolower = false) {
+            let state = this.data.componentsState 
+            let inviteParams = this.generateBase64(2, 4, this.properties.aliveId, '')
+            let params = {
+                "bizData": {
+                    "inviteParm": inviteParams,
+                    "page": this.data.page_index,
+                    "count": this.data.page_size,
+                },
+                "user_id": this.properties.userId,
+                "app_id": this.properties.appId
+            };
+            getInviteDetail(params).then(res => {
+                let DATA = res.data;
+                if (DATA.code === 0) {
+                    // 关闭弹窗的时候返回的数据丢弃 // 上拉加载与下拉刷新一起触发时丢弃上拉加载数据
+                if(state !==this.data.componentsState || (this._freshing === true && onScrolltolower) ) {
+                    return
+                  }
+                  var total = DATA.inviteNum
+                  var finishedTxt = "加载中"
+                  var finished = false
+                  this.formatData(DATA.data,onScrolltolower)
+                  // 下拉加载，且数据返回空
+                  if(this._freshing && DATA.data.length === 0){
+                    finishedTxt = "no-data"
+                  }
+                  else if (this.data.friendList.length >= total || DATA.data.length === 0) {
+                      // 获取到所有数据
+                      finished = true// 没有更多了
+                      finishedTxt = "没有更多了"
+                      this.setData({finishedTxt})
+                  }
+                  else {
+                    finishedTxt = "加载中"
+                  }
+                  this.setData({
+                    refreshing: false,
+                    page_index: this.data.page_index + 1,
+                    finishedTxt,
+                    finished,
+                    total
+                  })
+                  this._freshing = false
+                  this.scrolling = false
+                } else {
+                    wx.showToast({
+                        title: DATA.msg,
+                        icon: 'error'
+                    })
+                }
+            }).catch(err => {
+                wx.showToast({
+                    title: err.msg,
+                    icon: 'error'
+                })
+            });
+        },
+        formatData(data,onScrolltolower){
+            //onScrolltolower代表是上拉加载的标识，网卡的时候有上拉加载与下拉刷新同时请求，上拉加载的数据也push进去的情况。
+              let friendList = this.data.friendList
+              data.forEach((item,index) => {
+                  if (!this._freshing) {
+                    friendList.push(item)
+                  }
+                })
+                if (this._freshing && !onScrolltolower) {
+                  //下拉刷新的时候直接赋值
+                  friendList = JSON.parse(JSON.stringify(data))
+                }
+                this.setData({friendList})
+          },
+    }
+})

package/miniprogram_dist/AliveInvite/LiveRoomVertical/components/friends/friends.wxml

@@ -0,0 +1,26 @@
+<view class="{{isPackUp?'viewAreaPackUp':'viewUnPackUp'}} container-friends" wx:if="{{isShowFriends}}">
+  <van-popup show="{{ isShowFriends }}" bind:close="onClose" position="bottom" custom-class="container-friends">
+    <view bindtap="closeFriends" class="header">
+      <image
+        class="icon-left-back"
+        src="../../../images/icon_arrow_up.png"
+      />
+      <view class="count-style">邀请的好友{{'('+total+')'}}</view>
+    </view>
+    <scroll-view scroll-y="true" bindscrolltolower="onScrolltolower" refresher-triggered="{{refreshing}}" bindrefresherrefresh="onLoad" refresher-enabled="{{true}}" style="height:calc(100vh - 700rpx)">
+    <view class="friend-list">
+      <view
+        class="friend-item"
+        wx:for="{{friendList}}"
+      >
+        <image wx:if="{{item.wx_avatar}}" class="img-avatar" src="{{item.wx_avatar}}" />
+        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cdn.xiaoeknow.com/aaa/default.svg" />
+        <view class="name">
+          {{ item.wx_nickname }}
+        </view>
+      </view>
+    </view>
+    <view class="finished-text" wx:if="{{!refreshing && finishedTxt !== 'no-data'}}">{{finishedTxt}}</view>
+  </scroll-view>
+  </van-popup>
+</view>

package/miniprogram_dist/AliveInvite/LiveRoomVertical/components/friends/friends.wxss

@@ -0,0 +1,97 @@
+@keyframes popping {
+  from {
+    transform: translateY(11.2rpx);
+    opacity: 0.5;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+.finished-text {
+  display: flex;
+  justify-content: center;
+  color: #999;
+  font-size: 28rpx;
+  padding-bottom: 20rpx;
+}
+.container-friends {
+  animation: popping ease 300ms;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 750rpx;
+  height: calc(100vh - 494rpx);
+  background-color: #fff !important;
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+  background-size: contain;
+  background-repeat: no-repeat;
+  border-radius: 16rpx 16rpx 0 0;
+}
+.viewAreaPackUp {
+  height: calc(100vh - 160rpx);
+}
+.viewUnPackUp {
+  height: calc(100vh - 494rpx);
+}
+.header {
+  height: 146rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFangSC-Medium;
+  font-size: 36rpx;
+  color: #333333;
+  text-align: center;
+}
+/* .count-style {
+  position: absolute;
+  left: 65%;
+} */
+.icon-left-back {
+  position: absolute;
+  left: 20rpx;
+  transform: rotate(270deg);
+  width: 45rpx;
+  height: 45rpx;
+}
+.detail {
+  padding: 32rpx;
+}
+.friend-list {
+  height: calc(100vh - 748rpx);
+  /* flex: 1; */
+  overflow: scroll;
+  /* display: flex; */
+  /* flex-wrap: wrap; */
+  /* flex-direction: row; */
+  padding: 0 16rpx;
+}
+.friend-item {
+  display: inline-block;
+  text-align: center;
+  width: 96rpx;
+  height: 152rpx;
+  margin: 0 20rpx 32rpx 20rpx;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.img-avatar {
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 100%;
+}
+.name {
+  margin-top: 12rpx;
+  width: 96rpx;
+  font-family: PingFangSC-Medium;
+  font-size: 24rpx;
+  color: #333333;
+  text-align: center;
+  /* margin-left: 20px; */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.js

@@ -0,0 +1,253 @@
+// import room from '@/api/room';
+import base64 from './libs/base64'
+import {getTop3List, getInviteList} from '../../common/api/eLiveInvite'
+
+// import Taro from '@tarojs/taro';
+// import { INVITE_GUEST_URL } from 'src/libs/alive_pusher/constant/api/live';
+// const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  // behaviors: [computedBehavior],
+  properties: {
+    roomInfo: {
+      type: Object,
+      value: {}
+    },
+    inviteParm: {
+      type: String,
+      value: ''
+    },
+    // 直播是否结束
+    isLiveOver: {
+      type: Boolean,
+      value: false // 默认直播没有结束
+    },
+    userId: {
+      type: String,
+      value: ''
+    },
+    appId: {
+      type: String,
+      value: ''
+    },
+    isList:{
+      type:Boolean,
+      value:false
+    }
+
+  },
+  data: {
+    refInvitingRank: '',
+    top3Inviter: [], // top3用户，用于显示头像
+    isShowRank: false, // 正式 false
+    topInviter: [], // 邀请用户列表
+    selfInfo: {}, // 个人内容，用于页面底部
+    isDefaultPage: true, // 正式 true 是否是默认页面。等接口请求完再判断展示什么样式，防止展示空图标。
+    inActivity: false, // 正式 false 测试用  true: activitySwitch=true & 直播没结束
+    activitySwitch: false, // 是否关联活动
+    activityEndType: 1, // 有效时间 1-直到直播结束，2-自定义时间
+    activityEndTime: '', // 自定义截止时间
+    rewardList: [], // 冲榜活动 奖品列表展示
+    showInvitePoster: false, // 展示邀请弹窗
+    timer: null, // 邀请列表定时器
+    timerTop3: null, // 邀请top3头像定时器
+    topHeight: 0,
+    rightPosition: 0,
+    hasPhoneChin:false,
+    isAndroid: true // 判断是否安卓
+  },
+  ready() {
+  },
+  lifetimes: {
+    // 在组件实例进入页面节点树时执行
+    attached() {
+      this.getTop3Inviter();
+      const {height, top, right} = wx.getMenuButtonBoundingClientRect()
+      const width = wx.getSystemInfoSync().windowWidth
+      this.setData({
+        topHeight: height + top + 16,
+        rightPosition: width - right
+      })
+      wx.getSystemInfo().then( res => {
+        const model = res.model
+        const isHighModel = /iphone\sx/i.test(model) || (/iphone/i.test(model) && /unknown/.test(model)) || /iphone\s11/i.test(model) || /iphone\s12/i.test(model) || /iphone\s13/i.test(model)
+        this.setData({
+          hasPhoneChin:isHighModel ? true : false
+        })
+      })
+    },
+    // 在组件实例被从页面节点树移除时执行
+    detached() {
+      clearInterval(this.data.timerTop3)
+      this.setData({
+        timerTop3: null
+      })
+      this.closeInvitingRank()
+    }
+  },
+  observers: {
+    isList(val) {
+        if(val){
+          this.openRank()
+        }else{
+          this.closeInvitingRank()
+        }
+    },
+  },
+  methods: {
+    async setInviteParm() {
+      const inviteParm = this.generateBase64(2, 4, this.properties.roomInfo.alive_id, '')
+      this.setData({
+        inviteParm
+      })
+      await this.getTop3Inviter()
+    },
+    generateBase64(paymentType, resourceType, resourceId, productId) {
+      const params = {
+        payment_type: paymentType,
+        resource_type: resourceType,
+        resource_id: resourceId,
+        product_id: productId,
+      }
+      return base64.encode(JSON.stringify(params))
+    },
+    // 打开个人邀请好友列表弹窗
+    openFriendsModal() {
+      if (this.data.selfInfo.inviteAvatars && this.data.selfInfo.inviteAvatars.length > 0) {
+        this.triggerEvent('changePosterDisplay',"friendsDialog")
+      }
+    },
+    // 打开冲榜活动规则弹窗
+    openRuleDetail() {
+      this.triggerEvent('changePosterDisplay',"rulesDialog")
+    },
+    checkIsAndroid(){
+      const that = this
+      wx.getSystemInfo({
+        success (res) {
+          if(res.system.includes('iOS')) {
+            that.setData({
+              isAndroid: false
+            })
+          } else if(res.system.includes('Android')){
+            that.setData({
+              isAndroid: true
+            })
+          }
+        }
+      })
+    },
+    // 获取排名前三的用户
+    getTop3Inviter() {
+      if (!this.properties.roomInfo.app_id) {
+        return
+      }
+      const inviteParm = this.generateBase64(2, 4, this.properties.roomInfo.alive_id, '')
+      const params = {
+        bizData: {
+          inviteParm: inviteParm,
+        },
+        user_id: this.properties.roomInfo.user_id,
+        app_id: this.properties.roomInfo.app_id
+      }
+      getTop3List(params).then(res => {
+        const DATA = res.data
+        if (DATA.code === 0) {
+          this.setData({
+            top3Inviter: DATA.data.invitelist.slice(0, 3),
+            activitySwitch: !!DATA.data.inviteActivitySwitchState, // inviteActivitySwitchState 0-没有关联 1-关联
+            activityEndType: DATA.data.inviteActivityEndType, // activityEndType 1-直播结束 2-自定义时间
+            activityEndTime: DATA.data.inviteActivityEndTime // 结束时间
+          })
+          // 有关联活动
+          if (this.data.activitySwitch) {
+            // 获取活动状态
+            this.computedInActivity()
+          }
+        } else {
+          wx.showToast({
+            title: DATA.msg,
+            icon: 'error'
+          })
+        }
+      }).catch(err => {
+        wx.showToast({
+          title: err.data.msg,
+          icon: 'error'
+        })
+      })
+    },
+    // 冲榜活动是否在进行 true: activitySwitch=true & 直播没结束
+    computedInActivity() {
+      let flag = false
+      if (this.data.activitySwitch) {
+        if (this.data.activityEndType === 1 && !this.data.isLiveOver) {
+          flag = true
+        } else if (this.data.activityEndType === 2) {
+          this.checkIsAndroid()
+          let endTime = new Date(this.data.activityEndTime)
+          if(!this.data.isAndroid) {
+            endTime = new Date(this.data.activityEndTime.replaceAll('-', '/'))
+          }
+          flag = Date.now() <= endTime.getTime()
+        }
+      }
+      this.setData({
+        inActivity: flag
+      })
+    },
+    closeInvitingRank() {
+      clearInterval(this.timer)
+      this.timer = null;
+      this.setData({isShowRank: false})
+    },
+    openRank() {
+      this.setData({isShowRank: true})
+      this.getTopInviter()
+      const timer = setInterval(() => {
+        this.getTopInviter()
+      }, 30*1000)
+      this.timer = timer;
+    },
+    // 获取邀请用户排名列表
+    getTopInviter() {
+      const inviteParm = this.generateBase64(2, 4, this.properties.roomInfo.alive_id, '')
+      const params = {
+        bizData: {
+          inviteParm: inviteParm,
+        },
+        user_id: this.properties.roomInfo.user_id,
+        app_id: this.properties.roomInfo.app_id
+      }
+      getInviteList(params).then(res => {
+        const DATA = res.data
+        let inviteNum = DATA.data.listInfos? DATA.data.listInfos.slice(0,50):[]
+        if (DATA.code === 0) {
+          this.setData({
+            topInviter: inviteNum,
+            selfInfo: DATA.data.selfInfo,
+            isDefaultPage: false
+          })
+        } else {
+          wx.showToast({
+            title: DATA.msg,
+            icon: 'error'
+          })
+        }
+      }).catch(err => {
+        wx.showToast({
+          title: err.data.msg,
+          icon: 'error'
+        })
+      })
+    },
+    gotoInvite() {
+      this.triggerEvent('changePosterDisplay',"invitePosterDialog")
+    },
+    changeShowInvite() {
+      this.setData({
+        showInvitePoster: false
+      })
+    }
+  },
+})