You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

147 lines
3.7 KiB

<template>
<view :style="viewColor">
<view class="title">推荐人数据统计
<view><span class="info">昵称: {{ realInfo.nickname }} </span></view>
<view>
<span class="info">ID: {{realInfo.uid}}</span>
</view>
<view>
<span class="info">手机号: {{realInfo.phone}}</span>
</view>
</view>
<view class="uni-container">
<uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据">
<uni-tr>
<uni-th width="100" align="center">部门名称</uni-th>
<uni-th width="100" align="center">客户数</uni-th>
<uni-th width="100" align="center">粉丝数</uni-th>
</uni-tr>
<uni-tr v-for="(item, index) in tableData" :key="index">
<uni-td align="center">{{pageCurrent ==1 ? index+1 : pageCurrent + index+1 }}</uni-td>
<uni-td align="center">{{ item.referrals }}</uni-td>
<uni-td align="center">{{ item.invites }}</uni-td>
</uni-tr>
</uni-table>
<!-- <view class="uni-pagination-box"><uni-pagination show-icon :page-size="pageSize" :current="pageCurrent" :total="total" @change="change" /></view> -->
</view>
<home></home>
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
</view>
</template>
<script>
import { getCheck } from '@/api/user.js';
import parser from "@/components/jyf-parser/jyf-parser";
import { spreadStatistics,fansStatistics } from '@/api/user.js';
import shareInfo from '@/components/shareInfo';
import home from '@/components/home';
import authorize from '@/components/Authorize';
import { mapGetters } from "vuex";
import { configMap } from "@/utils";
export default {
components: {
shareInfo,
home,
"jyf-parser": parser,
authorize,
},
data() {
return {
isAuto: false, //没有授权的不会自动授权
isShowAuth: false, //是否隐藏授权
tableData: [],
// 每页数据量
pageSize: 10,
// 当前页
pageCurrent: 1,
realInfo:{},
// 数据总量
total: 0,
loading: false
}
},
computed:{
...configMap({margin_ico_switch: 0,margin_ico: '',site_name: '',share_pic: ''}, mapGetters(['isLogin','uid','viewColor'])),
},
onLoad() {
this.getCheck();
this.getData(1)
// this.getfansStatistics()
},
methods: {
// 分页触发
change(e) {
this.$refs.table.clearSelection()
this.getData(e.current)
},
// 获取数据
getData(pageCurrent) {
let that = this;
if (that.isLogin === false) {
that.$util.Tips({
title: '未登录'
});
setTimeout(() => {
uni.navigateTo({
url: '/pages/users/login/index'
})
}, 1000);
}else{
that.loading = true
that.pageCurrent = pageCurrent
spreadStatistics({page:that.pageCurrent,limit:that.pageSize}).then(res => {
that.tableData = res.data
// that.total = res.data.count
that.loading = false
});
}
},
getCheck:function(){
let that = this
getCheck().then(res =>{
that.$set(that, 'realInfo', res.data);
if(that.realInfo.real_name.length == 0 || that.realInfo.card.length == 0 || that.realInfo.age.length == 0 || that.realInfo.spread_phone.length == 0){
that.$util.Tips({
title: '请补全身份信息',
icon: 'error'
});
setTimeout(function(){
uni.reLaunch({
url: '/pages/users/user_modify_mes/index'
});
},500)
}
})
},
}
}
</script>
<style>
/* #ifndef H5 */
/* page {
padding-top: 85px;
} */
/* #endif */
.uni-group {
display: flex;
align-items: center;
}
.title {
margin-bottom: 30rpx;
font-size: 32rpx;
color: #282828;
margin: 4px 0;
background-color: #fff;
padding: 16px 14px 6px 14px;
}
.info {
margin-right:20px;
font-size: 12px;
color: #606266;
}
</style>