parent
26542f2f31
commit
815337acc7
@ -0,0 +1,43 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<image :src="imgs" mode="widthFix" class="width90 mart15"></image> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { |
||||||
|
promotionalPosters |
||||||
|
} from '../../../Utils/Api.js'; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
imgs: '' |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
this.promotionalPosters(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
promotionalPosters() { |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
promotionalPosters().then(res => { |
||||||
|
uni.hideLoading(); |
||||||
|
if (res.return_code == '000000') { |
||||||
|
this.imgs = res.return_data; |
||||||
|
// uni.showToast({ |
||||||
|
// title: "请截图保存至手机相册", |
||||||
|
// icon: "none", |
||||||
|
// duration: 3000 |
||||||
|
// }); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,291 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<image src="../../../static/img/user/1.png" class="width100 images"></image> |
||||||
|
<view class="width100 font16 fcorfff title fotct paddtop15">今日积分收入</view> |
||||||
|
<view class="width100 font48 fcorfff title fotct paddtop15"> |
||||||
|
{{ !distribution.toDayIntegralNum ? 0 : distribution.toDayIntegralNum}} |
||||||
|
</view> |
||||||
|
<view class="title paddtop15 alijus fcorfff fotct"> |
||||||
|
<view class="width30w "> |
||||||
|
<view class="width100 font14">邀请人数</view> |
||||||
|
<view class="width100 font18 paddtop5"> |
||||||
|
{{ !distribution.inviteeNum ? 0 : distribution.inviteeNum}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="backcorfff" style="width: 1px;height: 50px;"></view> |
||||||
|
<view class="width30w"> |
||||||
|
<view class="width100 font14">积分收入</view> |
||||||
|
<view class="width100 font18 paddtop5"> |
||||||
|
{{ !distribution.integralIncome ? 0 : distribution.integralIncome}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="backcorfff" style="width: 1px;height: 50px;"></view> |
||||||
|
<view class="width30w"> |
||||||
|
<view class="width100 font14">积分笔数</view> |
||||||
|
<view class="width100 font18 paddtop5">{{ !distribution.orderCount ? 0 : distribution.orderCount}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="font14 width20w fcorfff title fotct mart10" |
||||||
|
style="padding: 3px 5px;border-radius: 15px;border: 1px solid;" @click="jumpmypro()">我的邀请码</view> |
||||||
|
|
||||||
|
<view class="width90 mart40 alijus "> |
||||||
|
<view class="font14 fcor666 paddtop5 paddbotm5 margle20 marRight20" v-for="(item,index) in cateTypeList" |
||||||
|
@click="switchid(item)" :class="[goodtyid == item.id ? 'fon62ac borbtom fontwig6 font16' : '']" |
||||||
|
:key="index"> |
||||||
|
{{item.title}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="alijus width90 fotct mart20 font14 fcor666" v-if="goodtyid == 1"> |
||||||
|
<view class="width30w fotlt"> |
||||||
|
名称 |
||||||
|
</view> |
||||||
|
<view class="width30w"> |
||||||
|
电话 |
||||||
|
</view> |
||||||
|
<view class="width30w"> |
||||||
|
邀请时间 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="width100" v-if="goodtyid == 1"> |
||||||
|
<view v-if="dataslist == '' " class="mart60 fotct font14 fcor666"> |
||||||
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image> |
||||||
|
</view> |
||||||
|
<view class="alijus width90 fotct mart15 font14 fcor999" v-for="(item,index) in dataslist" :key="index"> |
||||||
|
<view class="width30w fotlt"> |
||||||
|
{{item.userName}} |
||||||
|
</view> |
||||||
|
<view class="width30w fotlt"> |
||||||
|
{{item.phone}} |
||||||
|
</view> |
||||||
|
<view class="width30w"> |
||||||
|
{{item.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="width100" v-if="goodtyid == 2"> |
||||||
|
<view v-if="integralList == '' " class="mart60 fotct font14 fcor666"> |
||||||
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image> |
||||||
|
</view> |
||||||
|
<view class="alijus width94 mart15 font14 fcor999" v-for="(item,index) in integralList" :key="index"> |
||||||
|
<image :src="imageUrl+item.ext1" class="icon40" mode="widthFix"></image> |
||||||
|
<view class="width85 bor-botm1"> |
||||||
|
<view class="width100 alijusstart"> |
||||||
|
<view class="width70 fcor333 paddleft10">{{item.title}}</view> |
||||||
|
<view class="width30 fcor333 fontwig6 font20 fotrt">+{{item.integralNum}}</view> |
||||||
|
</view> |
||||||
|
<view class="width100 fcor999 font13 paddleft10 paddbotm5"> |
||||||
|
{{item.ext3}} | {{item.userName}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="width100" v-if="goodtyid == 3"> |
||||||
|
<view v-if="distrOrderList == '' " class="mart60 fotct font14 fcor666"> |
||||||
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image> |
||||||
|
</view> |
||||||
|
<view class="alijus width100 mart15 font14 fcor999" v-for="(item,index) in distrOrderList" :key="index"> |
||||||
|
<view class="width100 bor-botm1 paddleft5 paddtright10"> |
||||||
|
<view class="width100 alijusstart"> |
||||||
|
<view class="width70 fcor333 paddleft10">{{item.goodsTypeName}}</view> |
||||||
|
<view class="width30 fcor333 fontwig6 font20 fotrt">¥{{item.totalPrice}}</view> |
||||||
|
</view> |
||||||
|
<view class="width100 fcor999 font13 paddleft10 paddbotm5"> |
||||||
|
{{item.time}} ｜ {{item.memName}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="height45"></view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { |
||||||
|
userDistributionStatistics, |
||||||
|
distributionInviteList, |
||||||
|
distributionOrderList, |
||||||
|
promoteOrderList |
||||||
|
} from '../../../Utils/Api.js' |
||||||
|
let app = getApp(); |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
imagewxUrl: app.globalData.imageWxImg, |
||||||
|
imageUrl:app.globalData.imgUrl, |
||||||
|
imgadres: 'noorder.png', |
||||||
|
cateTypeList: [{ |
||||||
|
id: 1, |
||||||
|
title: '邀请列表' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
title: '积分记录' |
||||||
|
}, { |
||||||
|
id: 3, |
||||||
|
title: '推广记录' |
||||||
|
}, |
||||||
|
], |
||||||
|
goodtyid: 1, //区分类型 |
||||||
|
dataslist: [], //邀请列表 |
||||||
|
distrOrderList: [], //订单列表 |
||||||
|
distribution: '', //统计 |
||||||
|
integralList: [], //积分数据 |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
isNoMoreData: false, |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
this.userDistributionStatistics(); |
||||||
|
this.distributionInviteList(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
//跳转到生成海报 |
||||||
|
jumpmypro() { |
||||||
|
uni.navigateTo({ |
||||||
|
url: '/pages/user/generatePoster/generatePoster' |
||||||
|
}) |
||||||
|
}, |
||||||
|
//切换id |
||||||
|
switchid(item) { |
||||||
|
this.goodtyid = item.id; |
||||||
|
if (item.id == 1) { |
||||||
|
this.pageNum = 1; |
||||||
|
this.dataslist = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.distributionInviteList(); |
||||||
|
} else if (item.id == 2) { |
||||||
|
this.pageNum = 1; |
||||||
|
this.integralList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.distributionOrderList(); |
||||||
|
} else if (item.id == 3) { |
||||||
|
this.pageNum = 1; |
||||||
|
this.distrOrderList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.promoteOrderList(); |
||||||
|
} |
||||||
|
}, |
||||||
|
//分销统计 |
||||||
|
userDistributionStatistics() { |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
userDistributionStatistics().then(res => { |
||||||
|
if (res.return_code == '000000') { |
||||||
|
this.distribution = res.return_data; |
||||||
|
uni.hideLoading(); |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
//邀请列表 |
||||||
|
distributionInviteList() { |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
if (this.isNoMoreData) { |
||||||
|
uni.hideLoading(); |
||||||
|
return false; |
||||||
|
} |
||||||
|
let pagenum = this.pageNum; |
||||||
|
let params = { |
||||||
|
pageNum: pagenum, |
||||||
|
pageSize: this.pageSize, |
||||||
|
} |
||||||
|
distributionInviteList(params).then(res => { |
||||||
|
uni.hideLoading(); |
||||||
|
if (res.return_code == '000000') { |
||||||
|
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
||||||
|
this.dataslist = this.dataslist.concat(res.return_data.list); |
||||||
|
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||||
|
this.isNoMoreData = true; |
||||||
|
} |
||||||
|
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||||
|
} else { |
||||||
|
this.dataslist = []; |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 分销用户积分 |
||||||
|
distributionOrderList() { |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
if (this.isNoMoreData) { |
||||||
|
uni.hideLoading() |
||||||
|
return false; |
||||||
|
} |
||||||
|
let pagenum = this.pageNum; |
||||||
|
let params = { |
||||||
|
pageNum: pagenum, |
||||||
|
pageSize: this.pageSize, |
||||||
|
} |
||||||
|
distributionOrderList(params).then(res => { |
||||||
|
uni.hideLoading(); |
||||||
|
if (res.return_code == '000000') { |
||||||
|
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
||||||
|
this.integralList = this.integralList.concat(res.return_data.list); |
||||||
|
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||||
|
this.isNoMoreData = true; |
||||||
|
} |
||||||
|
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||||
|
} else { |
||||||
|
this.integralList = []; |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
//分销用户订单列表 |
||||||
|
promoteOrderList() { |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
if (this.isNoMoreData) { |
||||||
|
uni.hideLoading() |
||||||
|
return false; |
||||||
|
} |
||||||
|
let pagenum = this.pageNum; |
||||||
|
let params = { |
||||||
|
pageNum: pagenum, |
||||||
|
pageSize: this.pageSize, |
||||||
|
} |
||||||
|
promoteOrderList(params).then(res => { |
||||||
|
uni.hideLoading(); |
||||||
|
if (res.return_code == '000000') { |
||||||
|
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
||||||
|
this.distrOrderList = this.distrOrderList.concat(res.return_data.list); |
||||||
|
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||||
|
this.isNoMoreData = true; |
||||||
|
} |
||||||
|
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||||
|
} else { |
||||||
|
this.distrOrderList = []; |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
.images { |
||||||
|
position: absolute; |
||||||
|
height: 235px; |
||||||
|
} |
||||||
|
|
||||||
|
.title { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.borbtom { |
||||||
|
border-bottom: 3px solid #62ac4e; |
||||||
|
} |
||||||
|
|
||||||
|
.fon62ac { |
||||||
|
color: #62ac4e; |
||||||
|
} |
||||||
|
</style> |
||||||
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
Loading…
Reference in new issue