wanma-benteng
/
new-mshop-view
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化：推广人统计 暂时绑定时 显示样式优化，增加解绑时间 

修复：推广中心 菜单图标一致的问题
This commit is contained in:
wuhui_zzw 2024-04-25 15:10:41 +08:00
parent 05999b15c0
commit 98fcab711a
2 changed files with 71 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
pages/users/promoter-list/index.vue
View File

@ -20,7 +20,7 @@
<button class='iconfont icon-sousuo2' @click="submitForm"></button>
</view> -->
<view class='list'>
<view class="sortNav acea-row row-middle">
<view class="sortNav acea-row row-middle">
<view class="sortItem" @click='setSort("spread_count ASC")' v-if="sort == 'spread_count DESC'">团队排序
<image :src="domain+'/static/diy/sort1'+keyColor+'.png'"></image>
</view>
@ -54,10 +54,12 @@
<view class="picTxt acea-row row-between-wrapper">
<view class='pictrue'>
<image :src='item.avatar ? item.avatar : "/static/images/f.png"'></image>
<view class="icon-text" v-if="item.is_temporary">暂</view>
</view>
<view class='text'>
<view class='name line1'>{{item.nickname}}</view>
<view>加入时间: {{item.spread_time}}</view>
<view class="text-time">加入时间: {{item.spread_time}}</view>
<view class="text-time" v-if="item.is_temporary">解绑时间: {{item.spread_limit}}</view>
</view>
</view>
<view class="right">
@ -67,7 +69,7 @@
</view>
</view>
</block>
</view>
</view>
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
@ -75,12 +77,7 @@
</template>
<script>
import {
spreadPeople,
getUserInfo,
spreadInfo
} from '@/api/user.js';
import {spreadPeople, spreadInfo} from '@/api/user.js';
import { mapGetters } from "vuex";
import authorize from '@/components/Authorize';
import { HTTP_REQUEST_URL } from '@/config/app';
@ -110,7 +107,7 @@
isShowAuth: false, //是否隐藏授权
userInfo:{},
times: [],
config: {},
};
},
computed: mapGetters(['isLogin','uid','viewColor','keyColor']),
@ -138,7 +135,7 @@
methods: {
getUserInfo(){
spreadInfo().then(res => {
this.userInfo = res.data
this.userInfo = res.data;
});
},
onLoadFun: function(e) {
@ -180,7 +177,7 @@
this.keyword = '';
this.sort = '';
this.status = false;
this.$set(this, 'recordList', []);
this.userSpreadNewList();
}
@ -271,7 +268,7 @@
padding: 0 30rpx;
border-radius: 30rpx;
background-color: #FFFFFF;
font-size: 26rpx;
font-size: 26rpx;
}
.iconfont {
margin-right: 10rpx;
@ -281,7 +278,7 @@
.placeholder {
font-size: 26rpx;
color: #999999;
}
}
.input {
flex: 1;
}
@ -294,17 +291,13 @@
color: #282828;
border-bottom: 1px solid #eee;
}
.promoter-list .nav .item.on {
border-bottom: 5rpx solid var(--view-theme);
color: var(--view-theme);
}
.promoter-list .list {
margin-top: 12rpx;
}
.promoter-list .list .sortNav {
background-color: #fff;
height: 76rpx;
@ -312,67 +305,78 @@
color: #333;
font-size: 28rpx;
}
.promoter-list .list .sortNav .sortItem {
text-align: center;
flex: 1;
}
.promoter-list .list .sortNav .sortItem image {
width: 24rpx;
height: 24rpx;
margin-left: 6rpx;
vertical-align: -3rpx;
}
.promoter-list .list .item {
padding: 15rpx 20rpx;
background-color: #fff;
border-bottom: 1px solid #eee;
height: 152rpx;
padding: 0 30rpx 0 20rpx;
font-size: 24rpx;
color: #666;
}
.picTxt {
width: calc(100% - 150rpx);
.promoter-list .list .item .picTxt {
width: 440rpx;
}
.promoter-list .list .item .picTxt .pictrue {
width: 106rpx;
height: 106rpx;
border-radius: 50%;
}
.promoter-list .list .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 3rpx solid #fff;
box-shadow: 0 0 10rpx #aaa;
box-sizing: border-box;
}
.promoter-list .list .item .picTxt .text {
width: 304rpx;
font-size: 24rpx;
color: #666;
}
.promoter-list .list .item .picTxt .text .name {
font-size: 28rpx;
color: #333;
margin-bottom: 13rpx;
}
.promoter-list .list .item .right {
width: 240rpx;
text-align: right;
font-size: 22rpx;
color: #333;
}
.promoter-list .list .item .right .num{
margin-right: 7rpx;
.pictrue {
width: 106rpx;
height: 106rpx;
border-radius: 50%;
position: relative!important;
image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 3rpx solid #fff;
box-shadow: 0 0 10rpx #aaa;
box-sizing: border-box;
}
.icon-text{
position: absolute;
top: 0;
right: 0;
background-color: #f2e6e8;
color: #894f4c;
width: 35rpx;
height: 35rpx;
text-align: center;
line-height: 35rpx;
border-radius: 50%;
}
}
.text {
width: calc(100% - 106rpx);
padding-left: 15rpx;
font-size: 24rpx;
color: #666;
.name {
height: 50rpx;
line-height: 50rpx;
font-size: 28rpx;
color: #333;
text-align: left;
}
.text-time{
height: 40rpx;
line-height: 40rpx;
text-align: left;
}
}
}
.right {
width: 150rpx;
text-align: right;
font-size: 22rpx;
color: #333;
.num{
margin-right: 7rpx;
}
}
}
</style>

6
pages/users/user_spread_user/index.vue
View File

@ -37,15 +37,15 @@
<view>推广名片</view>
</view>
<view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/promoter-list/index')">
<text class='iconfont icon-erweima'></text>
<text class='iconfont icon-tongji'></text>
<view>推广人统计</view>
</view>
<view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/user_spread_money/index?type=2')">
<text class='iconfont icon-erweima'></text>
<text class='iconfont icon-mingxi'></text>
<view>佣金明细</view>
</view>
<view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/promoter-order/index')">
<text class='iconfont icon-erweima'></text>
<text class='iconfont icon-dingdanguanli'></text>
<view>推广人订单</view>
</view>
<!--<view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/promoter_rank/index')">