开发

pages/inviteRanking/index.js

@@ -9,6 +9,7 @@ Page({
         userInfo: {},
         ranking: '',
         userList: [],
+        inviteList: []
     },
 
     /**
@@ -22,7 +23,6 @@ Page({
         this.setData({
             userInfo: getApp().globalData.userInfo
         })
-        console.log(getApp().globalData.userInfo);
         this.getRankingData(2)
     },
     async getRankingData(id) {
@@ -54,6 +54,12 @@ Page({
              url: `/pages/personal/index?uid=${currentTarget.dataset.uid}&type=${this.data.rankingType==4?'pk':'user'}`,
          }) */
     },
+    showTranscript() {
+        this.selectComponent("#popUp").showModal()
+    },
+    closeTranscript() {
+        this.selectComponent("#popUp").hideModal()
+    },
     onShareAppMessage() {
         return {
             title: '这个小程序太赞了！孩子朗读能力蹭蹭上涨，推荐你试试！',

pages/inviteRanking/index.less

@@ -228,4 +228,90 @@
     .tips2 {
         color: #2DCE66;
     }
+}
+
+.popBox {
+    height: 100%;
+    overflow: hidden;
+    background-color: #FFA31D;
+    border-top-left-radius: 20rpx;
+    border-top-right-radius: 20rpx;
+    padding-bottom: 30rpx;
+    .header {
+        position: relative;
+        padding: 30rpx 0;
+        letter-spacing: 2rpx;
+        text-align: center;
+        font-size: 32rpx;
+        color: white;
+        background-color: #FFA31D;
+        font-weight: bold;
+
+        .close {
+            position: absolute;
+            right: 20rpx;
+            top: 26rpx;
+            width: 50rpx;
+            height: 50rpx;
+            border-radius: 50%;
+        }
+    }
+
+    .list {
+        height: calc(100% - 100rpx);
+        padding: 0px 20rpx 20rpx;
+        box-sizing: border-box;
+
+        .item {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 24rpx;
+            padding: 10rpx 30rpx;
+            border-radius: 20rpx;
+            background-color: #fff;
+
+            .left {
+                display: flex;
+                align-items: center;
+
+                .num {
+                    font-size: 30rpx;
+                    width: 60rpx;
+                }
+
+                .avatar {
+                    width: 68rpx;
+                    height: 68rpx;
+                    border-radius: 50%;
+                    background-color: #D9D9D9;
+                }
+
+                .nickName {
+                    width: 200rpx;
+                    margin-left: 16rpx;
+                }
+            }
+
+            .time {
+                font-size: 26rpx;
+            }
+        }
+
+        .copywriting {
+            width: 100%;
+            margin: 100rpx 0rpx;
+            text-align: center;
+
+            .text {
+                margin-bottom: 40rpx;
+            }
+        }
+
+        .inviteBtn {
+            padding: 30rpx 0;
+            width: 390rpx;
+            height: 68rpx;
+        }
+    }
 }

pages/inviteRanking/index.wxml

@@ -1,3 +1,4 @@
+<wxs src="../../utils/filter.wxs" module="filters" />
 <view class="rankingBox">
     <view class="podiumBox invitation">
         <view class="dateBox">
@@ -74,11 +75,29 @@
             </view>
         </view>
         <view class="operate">
-            <view class="record">邀请记录</view>
+            <view class="record" bindtap="showTranscript">邀请记录</view>
             <button class="resetBtn share" open-type="share">
                 邀请我的同学朋友
             </button>
         </view>
     </view>
-    <popUp id="popUp"></popUp>
+    <popUp id="popUp">
+        <view class="popBox">
+            <view class="header">
+                邀请记录
+                <image src="/static/lollipop.png" class="close" bindtap="closeTranscript" />
+            </view>
+            <scroll-view scroll-y="true" class="list" enhanced show-scrollbar='{{false}}'>
+                <view class="item" wx:for="{{inviteList}}" wx:key="eid">
+                    <view class="left">
+                        <view class="num">{{index+1}}</view>
+                        <image src="{{item.avatar}}" class="avatar" data-uid="{{item.uid}}" bindtap="jumpUserInfo" />
+                        <view class="nickName textOver">{{item.nickName||item.eid}}</view>
+                    </view>
+                    <view class="time">{{filters.formatDate(item.gmtCreated,1)}}</view>
+                </view>
+               
+            </scroll-view>
+        </view>
+    </popUp>
 </view>

pages/inviteRanking/index.wxss

@@ -191,3 +191,77 @@
 .invitation .tips2 {
   color: #2DCE66;
 }
+.popBox {
+  height: 100%;
+  overflow: hidden;
+  background-color: #FFA31D;
+  border-top-left-radius: 20rpx;
+  border-top-right-radius: 20rpx;
+  padding-bottom: 30rpx;
+}
+.popBox .header {
+  position: relative;
+  padding: 30rpx 0;
+  letter-spacing: 2rpx;
+  text-align: center;
+  font-size: 32rpx;
+  color: white;
+  background-color: #FFA31D;
+  font-weight: bold;
+}
+.popBox .header .close {
+  position: absolute;
+  right: 20rpx;
+  top: 26rpx;
+  width: 50rpx;
+  height: 50rpx;
+  border-radius: 50%;
+}
+.popBox .list {
+  height: calc(100% - 100rpx);
+  padding: 0px 20rpx 20rpx;
+  box-sizing: border-box;
+}
+.popBox .list .item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24rpx;
+  padding: 10rpx 30rpx;
+  border-radius: 20rpx;
+  background-color: #fff;
+}
+.popBox .list .item .left {
+  display: flex;
+  align-items: center;
+}
+.popBox .list .item .left .num {
+  font-size: 30rpx;
+  width: 60rpx;
+}
+.popBox .list .item .left .avatar {
+  width: 68rpx;
+  height: 68rpx;
+  border-radius: 50%;
+  background-color: #D9D9D9;
+}
+.popBox .list .item .left .nickName {
+  width: 200rpx;
+  margin-left: 16rpx;
+}
+.popBox .list .item .time {
+  font-size: 26rpx;
+}
+.popBox .list .copywriting {
+  width: 100%;
+  margin: 100rpx 0rpx;
+  text-align: center;
+}
+.popBox .list .copywriting .text {
+  margin-bottom: 40rpx;
+}
+.popBox .list .inviteBtn {
+  padding: 30rpx 0;
+  width: 390rpx;
+  height: 68rpx;
+}

utils/request.js

@@ -6,13 +6,13 @@ const {
         envVersion
     }
 } = wx.getAccountInfoSync();
-/* if (envVersion == 'develop') {
+if (envVersion == 'develop') {
     baseUrl = 'https://reader-api.efunbox.cn/wx'
     oldUrl = 'https://reader-api.efunbox.cn'
-} else { */
-baseUrl = 'https://reader-api.ai160.com/wx'
-oldUrl = 'https://reader-api.ai160.com'
-// }
+} else {
+    baseUrl = 'https://reader-api.ai160.com/wx'
+    oldUrl = 'https://reader-api.ai160.com'
+}
 
 function request(url, method, data, oldBaseUrl = false, intercept = true) {
     let header = {