141 lines
3.2 KiB
Vue
141 lines
3.2 KiB
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
|
||
|
|
<view class="nav-list">
|
||
|
|
<view class="total">可提现金额</view>
|
||
|
|
<view class="price">{{ distributionData.canRebate | unitPrice }}</view>
|
||
|
|
<view class="frozen"
|
||
|
|
>冻结金额{{ distributionData.commissionFrozen | unitPrice }}</view
|
||
|
|
>
|
||
|
|
</view>
|
||
|
|
<view class="nav">
|
||
|
|
<view class="nav-item">
|
||
|
|
<u-icon
|
||
|
|
size="50"
|
||
|
|
@click="handleClick('/pages/mine/distribution/list?id='+distributionData.id+'&name='+distributionData.memberName)"
|
||
|
|
color="#ff6b35"
|
||
|
|
name="bag-fill"
|
||
|
|
></u-icon>
|
||
|
|
<view>分销商品</view>
|
||
|
|
</view>
|
||
|
|
<view
|
||
|
|
class="nav-item"
|
||
|
|
@click="handleClick(`/pages/mine/distribution/history?type=0&id=${distributionData.id}&name=${distributionData.memberName}`)"
|
||
|
|
>
|
||
|
|
<u-icon size="50" color="#ff6b35" name="order"></u-icon>
|
||
|
|
<view>分销业绩</view>
|
||
|
|
</view>
|
||
|
|
<view
|
||
|
|
class="nav-item"
|
||
|
|
@click="handleClick('/pages/mine/distribution/history?type=1')"
|
||
|
|
>
|
||
|
|
<u-icon size="50" color="#ff6b35" name="red-packet-fill"></u-icon>
|
||
|
|
<view>提现记录</view>
|
||
|
|
</view>
|
||
|
|
<view
|
||
|
|
class="nav-item"
|
||
|
|
@click="handleClick('/pages/mine/distribution/withdrawal')"
|
||
|
|
>
|
||
|
|
<u-icon size="50" color="#ffc71c" name="rmb-circle-fill"></u-icon>
|
||
|
|
<view>提现</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="nav-item" @click="handleClick('/pages/mine/distribution/list')">
|
||
|
|
<u-icon size="50" color="#1e9ff2" name="home-fill"></u-icon>
|
||
|
|
<view>选品库</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import { distribution } from "@/api/goods";
|
||
|
|
export default {
|
||
|
|
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
distributionData: "",
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleClick(url) {
|
||
|
|
uni.navigateTo({
|
||
|
|
url,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
queryGoods(src) {
|
||
|
|
uni.navigateTo({
|
||
|
|
url: `/pages/mine/distribution/${src}`,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 初始化推广商品
|
||
|
|
*/
|
||
|
|
init() {
|
||
|
|
uni.showLoading({
|
||
|
|
title: "加载中",
|
||
|
|
});
|
||
|
|
distribution().then((res) => {
|
||
|
|
if (res.data.result) {
|
||
|
|
this.distributionData = res.data.result;
|
||
|
|
}
|
||
|
|
uni.hideLoading();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.init();
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.nav {
|
||
|
|
// height: 176rpx;
|
||
|
|
background: #fff;
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
// border-radius: 20rpx;
|
||
|
|
// transform: translateY(-20rpx);
|
||
|
|
// box-shadow: 4rpx 10rpx 22rpx rgba(0, 0, 0, 0.1);
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.nav-list {
|
||
|
|
color: #fff;
|
||
|
|
padding: 40rpx 0;
|
||
|
|
background: $aider-light-color;
|
||
|
|
// border-bottom-left-radius: 100rpx;
|
||
|
|
// border-bottom-right-radius: 100rpx;
|
||
|
|
}
|
||
|
|
.total {
|
||
|
|
padding: 10rpx 0;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 28rpx;
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
.frozen {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 24rpx;
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
.price {
|
||
|
|
text-align: center;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 50rpx;
|
||
|
|
}
|
||
|
|
.nav-item {
|
||
|
|
height: 240rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
> * {
|
||
|
|
margin: 10rpx 0;
|
||
|
|
}
|
||
|
|
width: 33%;
|
||
|
|
// color: #fff;
|
||
|
|
}
|
||
|
|
</style>
|