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.
290 lines
8.3 KiB
290 lines
8.3 KiB
<template>
|
|
<view class="container">
|
|
<global-loading />
|
|
|
|
<view class="salesIndex-topBackImg">
|
|
<view class="topStoreTag flex-row-plus">
|
|
<view class="storeName overflow font-color-FFF">
|
|
<image class="storeLogoImg" :src="item.shopLogo"></image>
|
|
<label class=" fs24">{{item.shopName}}</label>
|
|
</view>
|
|
</view>
|
|
<view class="flex-items flex-column">
|
|
<image class="salesHeadImg" :src="SalesMainItem.headImage"></image>
|
|
<view class="font-color-FFF fs36 mar-top-10">{{SalesMainItem.name}}</view>
|
|
<view class="gradeText">{{item.levelName}}</view>
|
|
</view>
|
|
<view class="flex-items-plus awardTopInfo">
|
|
<view class="flex-row-plus award-box flex-items flex-sp-around">
|
|
<view class="flex-column-plus flex-items" @click="gototalAward">
|
|
<label class="fs50">{{SalesMainItem.cumulative}}</label>
|
|
<label class="fs26 award">累计奖励(元）</label>
|
|
</view>
|
|
<view class="flex-column-plus flex-items" @click="gounliquidated">
|
|
<label class="fs50">{{SalesMainItem.unsettled}}</label>
|
|
<label class="fs26 award">未结算奖励(元）</label>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex-items-plus awardInfo">
|
|
<view class="flex-row-plus award-box flex-items flex-sp-around">
|
|
<view class="flex-column-plus flex-items" @click="gototalClient">
|
|
<label class="fs44 font-color-C5AA7B">{{SalesMainItem.users}}</label>
|
|
<label class="fs24 font-color-333">{{$t('page.cumulativecustomer')}}{{$t('common.persons')}}</label>
|
|
</view>
|
|
<view class="borRig-line-E5E5E5 lineRight" style="height: 44upx;"></view>
|
|
<view class="flex-column-plus flex-items" @click="gototalPersonnel">
|
|
<label class="fs44 font-color-C5AA7B">{{SalesMainItem.distributors}}</label>
|
|
<label class="fs24 font-color-333">{{$t('page.cumulativedistributor')}}{{$t('common.persons')}}</label>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="btnList">
|
|
<view class="btnListBox flex-row-plus flex-items flex-sp-around">
|
|
<view class="flex-column-plus flex-items" @click="gopromotion(1)">
|
|
<image class="salesIcon" src="http://36.138.125.206:8081/ceres-local-file/static/images/salesStoreIcon.png"></image>
|
|
<label class="fs26 font-color-333">推广店铺</label>
|
|
</view>
|
|
<view class="flex-column-plus flex-items" @click="storeindex">
|
|
<image class="salesIcon" src="http://36.138.125.206:8081/ceres-local-file/static/images/extendGoodsIcon.png"></image>
|
|
<label class="fs26 font-color-333">推广商品</label>
|
|
</view>
|
|
<view class="flex-column-plus flex-items" @click="godistributionOrder">
|
|
<image class="salesIcon" src="http://36.138.125.206:8081/ceres-local-file/static/images/salesOrderIcon.png"></image>
|
|
<label class="fs26 font-color-333">分销订单</label>
|
|
</view>
|
|
<view class="flex-column-plus flex-items" @click="gopromotion(2)">
|
|
<image class="salesIcon" src="http://36.138.125.206:8081/ceres-local-file/static/images/inviteLowerIcon.png"></image>
|
|
<label class="fs26 font-color-333">邀请下级</label>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
const NET = require('../../utils/request')
|
|
const API = require('../../config/api')
|
|
export default {
|
|
data() {
|
|
return {
|
|
item: {},
|
|
SalesMainItem: {},
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.item = JSON.parse(options.distributeInfo)
|
|
uni.setStorageSync("salesId", this.item.distributorId)
|
|
this.getSalesMainInfo()
|
|
},
|
|
|
|
methods: {
|
|
getSalesMainInfo() {
|
|
// uni.showLoading({
|
|
// mask: true,
|
|
// title: '加载中...'
|
|
// })
|
|
NET.request(API.QuerySalesMainInfo, {
|
|
distributorId: this.item.distributorId,
|
|
shopId:this.item.shopId
|
|
}, 'GET').then(res => {
|
|
uni.hideLoading()
|
|
this.SalesMainItem = res.data
|
|
}).catch(res => {
|
|
uni.hideLoading()
|
|
})
|
|
},
|
|
//累计奖励
|
|
gototalAward() {
|
|
uni.navigateTo({
|
|
url: 'totalAward?shopId=' + this.item.shopId + '&distributorId=' + this.item.distributorId
|
|
});
|
|
},
|
|
// 未结算奖励
|
|
gounliquidated() {
|
|
uni.navigateTo({
|
|
url: 'unliquidated?shopId=' + this.item.shopId + '&distributorId=' + this.item.distributorId
|
|
});
|
|
},
|
|
// 累计客户
|
|
gototalClient() {
|
|
uni.navigateTo({
|
|
url: 'totalClient?shopId=' + this.item.shopId + '&distributorId=' + this.item.distributorId
|
|
});
|
|
},
|
|
// 累计分销员
|
|
gototalPersonnel() {
|
|
uni.navigateTo({
|
|
url: 'totalPersonnel?shopId=' + this.item.shopId + '&distributorId=' + this.item.distributorId
|
|
});
|
|
},
|
|
// 推广店铺
|
|
gopromotion(promoteType){
|
|
// #ifdef APP-PLUS
|
|
var system = 1
|
|
// #endif
|
|
|
|
// #ifdef H5
|
|
var system = 3
|
|
// #endif
|
|
|
|
// #ifdef MP-WEIXIN
|
|
var system = 2
|
|
// #endif
|
|
|
|
// #ifdef MP-ALIPAY
|
|
var system = 4
|
|
// #endif
|
|
|
|
// uni.showLoading({
|
|
// mask: true,
|
|
// title: '请稍候...'
|
|
// })
|
|
/* const res = {'data':'https://cereshop.oss-cn-shenzhen.aliyuncs.com/test/2021-06-10/64223b9f0eef41abbb5d4056b9a40e2a08441534-3cbe-47af-8134-fc74635e069f.png'}
|
|
uni.hideLoading()
|
|
uni.navigateTo({
|
|
url: `../../pages_category_page1/distributionModule/shareProduct?shareImg=${res.data}&shopId=${this.item.shopId}`
|
|
}); */
|
|
|
|
NET.request(API.shopGetSharePic, {
|
|
type: promoteType,
|
|
shopId: this.item.shopId,
|
|
distributorId: this.item.distributorId,
|
|
terminal: system
|
|
}, 'GET').then(res => {
|
|
uni.hideLoading()
|
|
uni.navigateTo({
|
|
url: `../../pages_category_page1/distributionModule/shareProduct?shareType=1&shareImg=${res.data}&shopId=${this.item.shopId}&salesId=${this.item.distributorId}`
|
|
});
|
|
}).catch(res => {
|
|
uni.hideLoading()
|
|
})
|
|
},
|
|
// 推广商品
|
|
storeindex(){
|
|
uni.navigateTo({
|
|
url: 'commodity?shopId=' + this.item.shopId + '&distributorId=' + this.item.distributorId + '&headimg=' + this.SalesMainItem.headImage + '&username=' + this.SalesMainItem.name
|
|
});
|
|
},
|
|
// 分销订单
|
|
godistributionOrder(){
|
|
uni.navigateTo({
|
|
url: `distributionOrder?shopId=${this.item.shopId}&distributorId=${this.item.distributorId}`
|
|
});
|
|
},
|
|
// 邀请下级
|
|
goinvite(){
|
|
uni.navigateTo({
|
|
url: 'invite?tenantCode=' + JSON.stringify(this.SalesMainItem) + '&shopId=' + this.item.shopId + '&distributorId=' + this.item.distributorId
|
|
});
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #F7F7F7;
|
|
}
|
|
|
|
.container {
|
|
.salesIndex-topBackImg {
|
|
width: 100%;
|
|
background: #333333;
|
|
padding-top: 10upx;
|
|
position: relative;
|
|
.topStoreTag {
|
|
background: #717171;
|
|
height: 50upx;
|
|
width: 180upx;
|
|
border-radius: 20rpx 0 0 20rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50rpx;
|
|
.storeName {
|
|
height: 50upx;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 5rpx;
|
|
}
|
|
.storeLogoImg {
|
|
width: 40upx;
|
|
height: 40upx;
|
|
border-radius: 50%;
|
|
margin-right: 10rpx;
|
|
}
|
|
}
|
|
|
|
.salesHeadImg {
|
|
width: 100upx;
|
|
height: 100upx;
|
|
border-radius: 50%;
|
|
border: 10rpx solid #717171;
|
|
}
|
|
|
|
.gradeText {
|
|
font-size: 26rpx;
|
|
color: #FFFFFF;
|
|
font-weight: 400;
|
|
line-height: 36rpx;
|
|
text-align: center;
|
|
margin-top: 15upx;
|
|
padding: 5upx 10upx;
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
.awardTopInfo {
|
|
.award-box {
|
|
height: 158upx;
|
|
width: 690upx;
|
|
margin-top: 30upx;
|
|
label {
|
|
color: #FDEDD3;
|
|
}
|
|
.award {
|
|
color: #8A734A;
|
|
width: 222rpx;
|
|
height: 78rpx;
|
|
line-height: 78rpx;
|
|
background: linear-gradient(90deg, #FDEDD3 0%, #EDDABA 100%);
|
|
text-align: center;
|
|
margin-bottom: 28rpx;
|
|
}
|
|
.salesIcon {
|
|
width: 60upx;
|
|
height: 56upx;
|
|
}
|
|
}
|
|
}
|
|
.awardInfo {
|
|
.award-box {
|
|
height: 158upx;
|
|
width: 690upx;
|
|
margin-top: 30upx;
|
|
background: #FFFFFF;
|
|
.salesIcon {
|
|
width: 60upx;
|
|
height: 56upx;
|
|
}
|
|
}
|
|
}
|
|
.btnList {
|
|
display: flex;
|
|
width: 100%;
|
|
margin-top: 30upx;
|
|
flex-flow: wrap;
|
|
justify-content: center;
|
|
.btnListBox {
|
|
background: #FFFFFF;
|
|
height: 196upx;
|
|
width: 690upx;
|
|
}
|
|
.salesIcon {
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|