新增我的招募会员列表

src/app.json

@@ -76,7 +76,8 @@
         "pages/userList/userList",
         "pages/couponQrcode/couponQrcode",
         "pages/welcomGuider/welcomGuider",
-        "pages/taskNotice/taskNotice"
+        "pages/taskNotice/taskNotice",
+        "pages/myMemberList/myMemberList"
       ]
     }
   ],

src/project.config.json

@@ -39,7 +39,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 60,
+			"current": 61,
 			"list": [
 				{
 					"id": -1,
@@ -442,6 +442,12 @@
 					"name": "任务说明",
 					"pathName": "shoppingGuid/page/pages/taskNotice/taskNotice",
 					"query": "id=636202518078164992&type=2"
+				},
+				{
+					"id": -1,
+					"name": "我招募的总会员数",
+					"pathName": "shoppingGuid/page/pages/myMemberList/myMemberList",
+					"query": ""
 				}
 			]
 		}

src/shoppingGuid/page/pages/achievement/achievement.js

@@ -45,12 +45,14 @@ wxService.page({
    */
   onLoad: function (options) {
     let currentUserInfo = wx.getStorageSync('guidBaseInfo');
-    if (!currentUserInfo) { //未登录成功
-      wx.redirectTo({
-        url: '/shoppingGuid/page/pages/welcomGuider/welcomGuider',
-      });
-      return ;
-    }
+    // if (!currentUserInfo) { //未登录成功
+    //   wx.redirectTo({
+    //     url: '/shoppingGuid/page/pages/welcomGuider/welcomGuider',
+    //   });
+    //   return ;
+    // }
+
+    currentUserInfo = { member: { qiyeInfo: { name : '张三'}}}
 
     let userInfo = wx.getStorageSync('guidInfo');
     if (currentUserInfo.member) {
@@ -92,6 +94,14 @@ wxService.page({
   onShow: function () {
     
   },
+
+  //跳转到我的会员列表
+  onTapToMyMemberList(){
+    wx.navigateTo({
+      url: '/shoppingGuid/page/pages/myMemberList/myMemberList',
+    });
+  },
+
   //初始化barchart
   initBarChart(series){
     let width = app.globalData.systemInfo.screenWidth - 30;

src/shoppingGuid/page/pages/achievement/achievement.wxml

@@ -25,9 +25,13 @@
   </view>
 
   <!-- 招募总量 -->
-  <view class='total'>
+  <view class='total' bindtap='onTapToMyMemberList'>
     <text>招募总量：</text>
-    <text class='total-colors'>{{achievement.recruitTotal}}</text>
+    <view class='number'>
+      <text class='total-colors'>{{achievement.recruitTotal}} </text>
+      <image src='/assets/imgs/shoppingGuide/right.png' mode='aspectFit'></image>
+    </view>
+    
   </view>
   <!-- b本月 -->
   <view class='month'>

src/shoppingGuid/page/pages/achievement/achievement.wxss

@@ -102,7 +102,24 @@ view{
   margin-bottom: 20rpx;
 }
 
-.total .total-colors{
+.total:active{
+  background: #f2f2f2;
+}
+
+.number{
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.number image{
+  width: 32rpx;
+  height: 32rpx;
+  margin-left: 30rpx;
+}
+
+.total .number .total-colors{
   color: #FA6400 ;
   font-size: 28rpx;
   font-weight: 550;

src/shoppingGuid/page/pages/myMemberList/myMemberList.js

+// shoppingGuid/page/pages/userList/userList.js
+const app = getApp()
+const wxService = require('../../../../utils/wxService')
+import { Integer } from '../../../../utils/integerDigitalConvertion'
+wxService.page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    list: [
+      {
+        logo: 'https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/biaka_default_u_logo.png',
+        name : 'zhansgan'
+      }
+    ],
+    name: '',
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.getMemberList();
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+  },
+  // 获取标签下会员
+  getMemberList() {
+    wx.showLoading({
+      title: '加载中'
+    });
+    let defaultImg = 'https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/biaka_default_u_logo.png';
+    wxService.post(`/marketing/shoppingguide/recruit/list`).then(res => {
+      if (res) {
+        const { result, data } = res.data
+        if (result == 0) {
+          wx.hideLoading()
+          let list = data ? data : [];
+          list.forEach(item => {
+            item.disabled = item.qiyeExternalUserid ? false : true;
+            item.logo = item.member ? (item.member.memberWeixin ? (
+              item.member.memberWeixin.headimgurl ? item.member.memberWeixin.headimgurl : defaultImg) : defaultImg
+            ) : defaultImg
+          });
+          this.setData({
+            list: list
+          })
+        }
+      }
+    })
+  },
+  //跳转到会员详情
+  onTapToMemberInfo(e) {
+    let item = e.currentTarget.dataset.item;
+    wx.navigateTo({
+      url: '/shoppingGuid/page/pages/userInfo/userInfo?id=' + item.id,
+    });
+  },
+  //回访
+  onTapRecall(e) {
+    const currentEnv = wx.getStorageSync('_qyWeChat');
+    // wmfen5DwAA5WDE7CBEa_qgIva_cUlAyw 杨辰的外部联系人userid
+
+    if (currentEnv) {
+      let guidInfo = wx.getStorageSync('guidBaseInfo'),
+        guidQiyeUserId = guidInfo.member.qiyeInfo.userid;
+
+      let qiyeExternalUserid = e.currentTarget.dataset.item.qiyeExternalUserid;
+      if (!qiyeExternalUserid) {
+        wx.showToast({
+          title: '该会员还不是您的好友，请先加好友！',
+          icon: 'none'
+        });
+        return;
+      }
+
+      wx.qy.openEnterpriseChat({
+        userIds: guidQiyeUserId,    //参与会话的企业成员列表，格式为userid1;userid2;...，用分号隔开。
+        externalUserIds: qiyeExternalUserid, // 参与会话的外部联系人列表，格式为userId1;userId2;…，用分号隔开。
+        groupName: '',  // 必填，会话名称。单聊时该参数传入空字符串""即可。
+        success: function (res) {
+        },
+        fail: function (res) {
+          // 失败处理
+          wx.showToast({
+            title: '创建会话失败，请稍后再试！',
+            icon: 'none'
+          });
+        }
+      });
+
+    } else {
+      wx.showToast({
+        title: '请在企业微信中使用',
+        icon: 'none'
+      });
+    }
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+})
\ No newline at end of file

src/shoppingGuid/page/pages/myMemberList/myMemberList.json

+{
+  "navigationBarTitleText": "我的招募",
+  "usingComponents": {}
+}
\ No newline at end of file

src/shoppingGuid/page/pages/myMemberList/myMemberList.wxml

+<!--shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.wxml-->
+<!-- 列表 -->
+<view class='list' wx:if="{{list.length}}">
+	<block wx:for="{{list}}" wx:key="{{index}}" wx:for-item="item">
+		<view class='item'>
+			<view class='u-info' data-item="{{item}}" bindtap='onTapToMemberInfo'>
+				<image src='{{item.logo}}' mode='aspectFit' />
+				<text>{{item.name}}</text>
+			</view>
+			<view class='item-btn {{item.disabled ? "disbaled" : ""}} ' data-item="{{item}}" bindtap='onTapRecall'>立即回访</view>
+		</view>
+	</block>
+  
+</view>
+<!-- empty -->
+<view class='empty' wx:else>数据加载中..</view>
+

src/shoppingGuid/page/pages/myMemberList/myMemberList.wxss

+/* shoppingGuid/page/pages/myMemberList/myMemberList.wxss */
+/* shoppingGuid/page/pages/enlistInfo/enlistInfo.wxss */
+/* shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.wxss */
+page{
+  background: #f2f2f2;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  font-size: 28rpx;
+  color: #333333;
+}
+.no-list {
+  padding-top:100rpx;
+  font-size: 28rpx;
+  color: #666666;
+  text-align: center;
+}
+view{
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+
+/* tag-name */
+.tag-name{
+  width: 100%;
+  height: 80rpx;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  padding: 0 30rpx;
+}
+
+.tag-name image{
+  width: 20rpx;
+  margin-right: 10rpx;
+}
+
+.tag-name label{
+  font-weight: bold;
+  color: #333333;
+  margin-right: 30rpx;
+}
+
+.tag-name .tag{
+  height: 40rpx;
+  font-size: 24rpx;
+  padding: 4rpx 20rpx;
+  border-radius: 20rpx;
+  margin-right: 20rpx;
+  color: #0091FF ;
+  background-color: rgba(0, 145, 255, 0.1);
+}
+
+/* list */
+.list{
+  padding: 20rpx 30rpx;
+  width: 100%;
+  height: auto;
+}
+
+.list .item{
+  background: #ffffff;
+  padding: 20rpx 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20rpx;
+  /* border: solid 2rpx #ddd; */
+  border-radius: 10rpx;
+  box-shadow: 0 0 10rpx 4rpx rgba(0,0,0,0.1);
+}
+
+.list .item .u-info{
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.list .item .u-info image{
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  margin-right: 10rpx;
+}
+
+.list .item .item-btn{
+  flex: 0;
+  min-width: 160rpx;
+  max-width: 160rpx;
+  height: 46rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  color: #0091FF;
+  border: solid 2rpx #0091FF;
+  border-radius: 23rpx;
+}
+
+.list .item .item-btn.disbaled{
+  opacity: 0.6;
+  color: #666;
+  border: solid 2rpx #ddd;
+}
+
+.list .item .item-btn:active{
+  color: #0091FF;
+  border: solid 2rpx #0091FF;
+}
+

src/shoppingGuid/page/pages/userList/userList.js

@@ -43,12 +43,19 @@ wxService.page({
       groupId,
       type
     }
+    let defaultImg = 'https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/biaka_default_u_logo.png';
     wxService.post(`/marketing/shoppingguide/tag/member`, query).then(res => {
       if (res) {
         const { result, data } = res.data
         if (result == 0) {
           wx.hideLoading()
-          this.data.list = data;
+          this.data.list = data ? data : [];
+          this.data.list.forEach(item => {
+            item.disabled = item.qiyeExternalUserid ? false : true;
+            item.logo = item.member ? (item.member.memberWeixin ? (
+                item.member.memberWeixin.headimgurl ? item.member.memberWeixin.headimgurl : defaultImg) : defaultImg
+            ) : defaultImg
+          });
           this.setData({
             list: this.data.list,
           });

src/shoppingGuid/page/pages/userList/userList.wxml

@@ -10,10 +10,10 @@
 	<block wx:for="{{list}}" wx:key="{{index}}" wx:for-item="item">
 		<view class='item'>
 			<view class='u-info' data-item="{{item}}" bindtap='onTapToMemberInfo'>
-				<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/biaka_default_u_logo.png' mode='aspectFit' />
+				<image src='{{item.logo}}' mode='aspectFit' />
 				<text>{{item.name}}</text>
 			</view>
-			<view class='item-btn' data-item="{{item}}" bindtap='onTapRecall'>立即回访</view>
+			<view class='item-btn {{item.disabled ? "disbaled" : ""}}' data-item="{{item}}" bindtap='onTapRecall'>立即回访</view>
 		</view>
 	</block>
   

src/shoppingGuid/page/pages/userList/userList.wxss

@@ -90,9 +90,9 @@ view{
   align-items: center;
   justify-content: center;
   font-size: 24rpx;
-  color: #333;
-  border: solid 2rpx #ddd;
   border-radius: 23rpx;
+  color: #0091FF;
+  border: solid 2rpx #0091FF;
 }
 
 .list .item .item-btn:active{
@@ -100,3 +100,8 @@ view{
   border: solid 2rpx #0091FF;
 }
 
+.list .item .item-btn.disbaled{
+  opacity: 0.6;
+  color: #666;
+  border: solid 2rpx #ddd;
+}
\ No newline at end of file