Skip to content

M
mallapp
Commit 41646e47 authored by zhengke's avatar zhengke
Browse files
Options

增加设为vip功能

parent 5295d4aa
Hide whitespace changes
Inline Side-by-side
Showing with 240 additions and 180 deletions
pages/share-team/share-team.vue
View file @ 41646e47
<template>
<view class="cteamStyle" :style="{'height':contentHeight}">
<view style="width: 100%;height: 100%;">
<u-tabs :list="list" name="GradeName" :is-scroll="false" :current="current" @change="change" :active-color='mainColor' ></u-tabs>
<u-tabs :list="list" name="GradeName" :is-scroll="false" :current="current" @change="change" :active-color='mainColor'></u-tabs>
<view style="width:100%;background:#fff;padding:20px 20px 0 20px;">
<view style="display:flex;align-items: center;">
<u-search :show-action="true" style="width:80%" v-model="msg2.Name" placeholder="请输入用户昵称" action-text="搜索" @custom="init2(1)"
@search="init2(1)" radius="40"></u-search>
<u-search :show-action="true" style="width:80%" v-model="msg2.Name" placeholder="请输入用户昵称" action-text="搜索" @custom="init2(1)"
@search="init2(1)" radius="40"></u-search>
<view style="font-size:13px;margin-left:10px;">
<u-checkbox-group size="30" :active-color="mainColor">
<u-checkbox @change="getDirest" v-model="isCheckIn">直属</u-checkbox>
......@@ -15,67 +15,64 @@
<view class="cteam_Search">
<view class="ctem_item" @click="getSort(0,0)" :style="{ color: msg2.SortNum == 0 || msg2.SortNum == 1 ? mainColor : '#222'}">
<text>时间</text>
<u-icon v-if="msg2.SortNum==0||msg2.SortNum==1" :name="msg2.SortNum == 0 ? 'descending' : 'ascending'" size="36" :color="msg2.SortNum == 0 || msg2.SortNum == 1 ? mainColor : '#222'"></u-icon>
<u-icon v-if="msg2.SortNum==0||msg2.SortNum==1" :name="msg2.SortNum == 0 ? 'descending' : 'ascending'" size="36"
:color="msg2.SortNum == 0 || msg2.SortNum == 1 ? mainColor : '#222'"></u-icon>
</view>
<view @click="getSort(2,1)" class="ctem_item" :style="{ color: msg2.SortNum == 2 || msg2.SortNum == 3 ? mainColor : '#222'}">
<text>客户人数</text>
<u-icon v-if="msg2.SortNum==2||msg2.SortNum==3" :name="msg2.SortNum == 2 ? 'descending' : 'ascending'" size="36" :color="msg2.SortNum == 2 || msg2.SortNum == 3 ? mainColor : '#222'"></u-icon>
<u-icon v-if="msg2.SortNum==2||msg2.SortNum==3" :name="msg2.SortNum == 2 ? 'descending' : 'ascending'" size="36"
:color="msg2.SortNum == 2 || msg2.SortNum == 3 ? mainColor : '#222'"></u-icon>
</view>
</view>
</view>
<u-empty v-if="g.length==0" text="暂无数据" mode="data"></u-empty>
<template v-if="g.length > 0">
<view
style="
<view style="
height: calc(100vh - 160px);
width: calc(100vw);
overflow: hidden;
margin-top:10px;
">
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }">
<view style="display: flex;flex-direction: column;align-items: center;">
<view v-for="(item, index) in g" :key="index" class="listbox" @click="goUrl(item.UserId)">
<view class="box_top">
<u-avatar :src="item.Photo" size="64"></u-avatar>
<view class="box_r">
<view style="width: 100%;display: flex;flex-direction: row;align-items: center;
margin-bottom:3px;justify-content: space-between;">
<view style="width: 190px;">
<Text class='l_name'>{{item.UserName}}</Text>
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }">
<!-- <view style="display: flex;flex-direction: column;align-items: center;"> -->
<view>
<u-swipe-action :show="item.show" :disabled="item.disabled" :index="index" v-for="(item, index) in g" :key="item.id" @click="click" @open="open"
:options="options">
<view class="share_Item u-border-bottom">
<!-- <u-avatar :src="item.Photo" size="64"></u-avatar> -->
<!-- 此层wrap在此为必写的，否则可能会出现标题定位错误 -->
<view class="title-wrap" style="width:100%;">
<view class="box_top">
<u-avatar :src="item.Photo" size="64"></u-avatar>
<view class="box_r">
<view style="width: 100%;display: flex;flex-direction: row;align-items: center;
margin-bottom:3px;justify-content: space-between;">
<view style="width: 190px;">
<Text class='l_name'>{{item.UserName}}</Text>
</view>
<Text style='font-size: 12px;'>推广{{item.GeneralizeNum}}人</Text>
</view>
<Text style='font-size: 10px;color: #999999;font-size:12px;'>{{item.CreateDate}}</Text>
</view>
<Text style='font-size: 12px;'>推广{{item.GeneralizeNum}}人</Text>
</view>
<Text style='font-size: 10px;color: #999999;font-size:12px;'>{{item.CreateDate}}</Text>
<view class="box_b">
<Text style='color: #878787;font-size: 13px;'> <text style='color: #FF3F47;'> {{item.Income}}</text> 元</Text>
<Text style='color: #878787;font-size: 13px;'>{{item.OrderNum}}个订单</Text>
</view>
</view>
</view>
<view class="box_b">
<Text style='color: #878787;font-size: 13px;'> <text style='color: #FF3F47;'> {{item.Income}}</text> 元</Text>
<Text style='color: #878787;font-size: 13px;'>{{item.OrderNum}}个订单</Text>
</view>
</view>
</u-swipe-action>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
/>
<!-- </view> -->
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20" bg-color="#f3f4f6" />
</scroll-view>
</view>
</template>
</view>
</view>
</template>
......@@ -84,105 +81,118 @@
data() {
return {
pageTitle: "我的团队",
contentHeight:0,
mainColor:'',
secondary:'',
current:0,
g:[],
list:[
{GradeName: '一级分销'},
{GradeName: '二级分销'},
{GradeName: '三级分销'},
contentHeight: 0,
mainColor: '',
secondary: '',
current: 0,
g: [],
list: [{
GradeName: '一级分销'
},
{
GradeName: '二级分销'
},
{
GradeName: '三级分销'
},
],
msg:{
msg: {
pageIndex: 1,
pageSize:10,
GradeId:1
pageSize: 10,
GradeId: 1
},
msg2:{
msg2: {
pageIndex: 1,
pageSize:10,
FXGradeId:0,
Name:'', //昵称
SortNum:0 ,// 0时间降序 1时间升序 2人数倒序 3人数升序
IsDirect:0 //1直属下线 0不是
pageSize: 10,
FXGradeId: 0,
Name: '', //昵称
SortNum: 0, // 0时间降序 1时间升序 2人数倒序 3人数升序
IsDirect: 0 //1直属下线 0不是
},
page_count:1,
page_count: 1,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
IsEnableFXGrade:0,
isCheckIn:false, //是否选中
IsEnableFXGrade: 0,
isCheckIn: false, //是否选中
options: [{
text: '设为VIP',
style: {
backgroundColor: '#007aff'
}
}]
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + 'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
},
onLoad(option){
if(option && option.IsEnableFXGrade){
onLoad(option) {
if (option && option.IsEnableFXGrade) {
this.IsEnableFXGrade = option.IsEnableFXGrade;
}
if(this.IsEnableFXGrade==1){
this.list=[{GradeName: '普通会员'},]//设置默认值
if (this.IsEnableFXGrade == 1) {
this.list = [{
GradeName: '普通会员'
}, ] //设置默认值
this.getUserMyTeamTitelListForFX()
}else{
} else {
this.init()
}
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata") ?
wx.getStorageSync("basedata").bar_title : [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
getDirest(){
if(this.isCheckIn){
this.msg2.IsDirect=1;
}else{
this.msg2.IsDirect=0;
open() {
},
getDirest() {
if (this.isCheckIn) {
this.msg2.IsDirect = 1;
} else {
this.msg2.IsDirect = 0;
}
this.init2(1);
},
getUserMyTeamTitelListForFX(){
getUserMyTeamTitelListForFX() {
uni.showLoading({
title: '加载中'
});
this.request2(
{
this.request2({
url: '/api/AppletUser/GerUserMyTeamTitelListForFX',
data: {}
},
(res) => {
uni.hideLoading();
this.list=res.data;
this.msg2.FXGradeId = this.list[0].Id;
this.init2()
}
(res) => {
uni.hideLoading();
this.list = res.data;
this.msg2.FXGradeId = this.list[0].Id;
this.init2()
}
);
},
//排序
getSort(sort,t){
getSort(sort, t) {
if (t == 0) {
if (this.msg2.SortNum == 0) {
this.msg2.SortNum = 1; //升序
......@@ -199,101 +209,139 @@
}
this.init2(1);
},
init2(num){
if(num==1){
this.g=[];
init2(num) {
if (num == 1) {
this.g = [];
}
uni.showLoading({
title: '加载中'
});
this.request2(
{
this.request2({
url: '/api/AppletUser/GetUserMyTeamPageListForFX',
data: this.msg2
},
(res) => {
uni.hideLoading();
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
},
(res) => {
uni.hideLoading();
this.g = this.g.concat(res.data.pageData);
this.g.forEach(x=>{
x.show=false;
if(this.list[this.current].Id!=1){
x.disabled=true;
}else{
x.disabled=false;
}
})
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
);
},
init(){
init() {
uni.showLoading({
title: '加载中'
});
this.request2(
{
this.request2({
url: '/api/AppletUser/GetUserMyTeamPageList',
data: this.msg
},
(res) => {
uni.hideLoading();
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
(res) => {
uni.hideLoading();
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
);
},
change(index){
this.current = index
if(this.IsEnableFXGrade==1){
change(index) {
this.current = index;
if (this.IsEnableFXGrade == 1) {
this.msg2.FXGradeId = this.list[index].Id;
this.msg2.pageIndex=1;
this.g=[]
this.msg2.pageIndex = 1;
this.g = []
this.init2()
}else{
this.msg.GradeId = index+1;
this.msg.pageIndex=1;
this.g=[]
} else {
this.msg.GradeId = index + 1;
this.msg.pageIndex = 1;
this.g = []
this.init()
}
},
lower(e) {
if(this.IsEnableFXGrade==1){
if (this.IsEnableFXGrade == 1) {
if (this.msg2.pageIndex < this.page_count) {
this.msg2.pageIndex++;
this.status = "loading";
this.init2();
this.msg2.pageIndex++;
this.status = "loading";
this.init2();
} else {
this.status = "nomore";
this.status = "nomore";
}
}else{
} else {
if (this.msg.pageIndex < this.page_count) {
this.msg.pageIndex++;
this.status = "loading";
this.init();
this.msg.pageIndex++;
this.status = "loading";
this.init();
} else {
this.status = "nomore";
this.status = "nomore";
}
}
},
//跳转详情
goUrl(UserId){
console.log('点击');
uni.navigateTo({
url: '/pages/share-team/share-detail?UserId='+UserId
goUrl(UserId) {
uni.navigateTo({
url: '/pages/share-team/share-detail?UserId=' + UserId
});
},
click(index) {
let msg={
NewUserId:this.g[index].UserId
}
this.request2({
url: '/api/AppletUser/SetUserToVip',
data: msg
},
(res) => {
this.request2({
url: '/api/AppletUser/GerUserMyTeamTitelListForFX',
data: {}
},
(res) => {
this.list = res.data;
}
);
this.init2(1)
}
);
this.g[index].show = false;
},
open(index) {
// 先将正在被操作的swipeAction标记为打开状态，否则由于props的特性限制，
// 原本为'false'，再次设置为'false'会无效
this.g[index].show = true;
this.g.map((val, idx) => {
if(index != idx) this.g[idx].show = false;
})
this.$forceUpdate();
}
}
}
</script>
<style>
.cteamStyle{
background: #f3f4f6;
}
.cteamStyle .loading{
.cteamStyle {
background: #f3f4f6;
}
.cteamStyle .loading {
width: 200rpx;
height: 200rpx;
background: #000000;
......@@ -305,11 +353,12 @@
justify-content: center;
position: fixed;
left: 50%;
top:30%;
top: 30%;
margin-left: -100rpx;
z-index: 999;
}
.cteamStyle .listbox{
.cteamStyle .listbox {
width: 100%;
background: #fff;
padding: 0 15px;
......@@ -317,34 +366,38 @@
display: flex;
flex-direction: column;
align-items: center;
margin-bottom:10px;
margin-bottom: 10px;
}
.cteamStyle .box_top{
width:100% ;
.cteamStyle .box_top {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 10px 0 ;
padding: 10px 0;
/* border-bottom: 1px solid #f5f5f5; */
}
.cteamStyle .box_r{
width: calc(100vw - 25px - 32px - 20px);
.cteamStyle .box_r {
width: calc(100vw - 25px - 32px - 10px);
height: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cteamStyle .box_r .l_name{
.cteamStyle .box_r .l_name {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size:13px;
font-size: 13px;
}
.cteamStyle .box_b{
.cteamStyle .box_b {
width: 100%;
height: 40px;
padding: 0 10px;
......@@ -356,16 +409,23 @@
border-radius: 4px;
margin: 10px 0;
}
.cteamStyle .cteam_Search{
.cteamStyle .cteam_Search {
display: flex;
margin-top:10px;
margin-top: 10px;
}
.cteamStyle .ctem_item{
.cteamStyle .ctem_item {
height: 40px;
line-height: 40px;
flex: 1;
text-align: center;
display: flex;
display: flex;
justify-content: center;
}
.cteamStyle .share_Item {
display: flex;
padding:20rpx;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment