|
@ -2,19 +2,18 @@ |
|
|
<view class="bind-user"> |
|
|
<view class="bind-user"> |
|
|
<view class="bind-user-header"> |
|
|
<view class="bind-user-header"> |
|
|
<view class="flex mb28 ml20 "> |
|
|
<view class="flex mb28 ml20 "> |
|
|
<up-image width="140rpx" height="140rpx" src="https://cdn.uviewui.com/uview/album/1.jpg" |
|
|
|
|
|
shape="circle"></up-image> |
|
|
|
|
|
|
|
|
<up-image width="140rpx" height="140rpx" :src="state.baseInfo.upgrade_image" shape="circle"></up-image> |
|
|
<view class="header-name"> |
|
|
<view class="header-name"> |
|
|
<view class="font32 mb20 color-040">微信用户</view> |
|
|
|
|
|
|
|
|
<view class="font32 mb20 color-040">{{ state.baseInfo.info.userName }}</view> |
|
|
<view class="label1"> |
|
|
<view class="label1"> |
|
|
初级合伙人 |
|
|
|
|
|
|
|
|
{{ state.baseInfo.partner_level }} |
|
|
</view> |
|
|
</view> |
|
|
<view class="flex font24"> |
|
|
<view class="flex font24"> |
|
|
<view style="color: #B97132;">当前分成比例: |
|
|
<view style="color: #B97132;">当前分成比例: |
|
|
<text style="color: #CD4732;">25%</text> |
|
|
|
|
|
|
|
|
<text style="color: #CD4732;">{{state.baseInfo.partner_new_num}}</text> |
|
|
</view> |
|
|
</view> |
|
|
<view style="color: #B97132;">晋级后分成比例: |
|
|
<view style="color: #B97132;">晋级后分成比例: |
|
|
<text style="color: #CD4732;">30%</text> |
|
|
|
|
|
|
|
|
<text style="color: #CD4732;">{{state.baseInfo.partner_upgrade_num}}</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
@ -41,7 +40,7 @@ |
|
|
<text class="text1"> |
|
|
<text class="text1"> |
|
|
¥ |
|
|
¥ |
|
|
</text> |
|
|
</text> |
|
|
<text style="color: #FF2A2A; font-size: 36rpx;">29.00</text> |
|
|
|
|
|
|
|
|
<text style="color: #FF2A2A; font-size: 36rpx;">{{state.baseInfo.money}}</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="line1"> |
|
|
<view class="line1"> |
|
|
</view> |
|
|
</view> |
|
@ -51,7 +50,7 @@ |
|
|
本月订单分成: |
|
|
本月订单分成: |
|
|
</view> |
|
|
</view> |
|
|
¥<view class=""> |
|
|
¥<view class=""> |
|
|
0.00 |
|
|
|
|
|
|
|
|
{{state.baseInfo.new_money}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="level flex-rowl"> |
|
|
<view class="level flex-rowl"> |
|
@ -59,7 +58,7 @@ |
|
|
累积订单分成: |
|
|
累积订单分成: |
|
|
</view> |
|
|
</view> |
|
|
¥<view class=""> |
|
|
¥<view class=""> |
|
|
0.00 |
|
|
|
|
|
|
|
|
{{state.baseInfo.old_money}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
@ -68,14 +67,14 @@ |
|
|
<view class="my-data"> |
|
|
<view class="my-data"> |
|
|
<view class="my-data-total"> |
|
|
<view class="my-data-total"> |
|
|
<cardTitle :cardTitle="mounthName"></cardTitle> |
|
|
<cardTitle :cardTitle="mounthName"></cardTitle> |
|
|
<cardData :cardData="nounthData"></cardData> |
|
|
|
|
|
|
|
|
<cardData :cardData="state.nounthData"></cardData> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="my-data"> |
|
|
<view class="my-data"> |
|
|
<view class="my-data-total"> |
|
|
<view class="my-data-total"> |
|
|
<cardTitle :cardTitle="totalName"></cardTitle> |
|
|
<cardTitle :cardTitle="totalName"></cardTitle> |
|
|
<cardData :cardData="totalData"></cardData> |
|
|
|
|
|
|
|
|
<cardData :cardData="state.totalData"></cardData> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
@ -91,58 +90,17 @@ |
|
|
import cardData from '../components/cardData.vue' |
|
|
import cardData from '../components/cardData.vue' |
|
|
import { |
|
|
import { |
|
|
ref, |
|
|
ref, |
|
|
reactive |
|
|
|
|
|
|
|
|
reactive, |
|
|
|
|
|
onMounted |
|
|
} from "vue" |
|
|
} from "vue" |
|
|
|
|
|
|
|
|
|
|
|
import { |
|
|
|
|
|
binBaseInfo, |
|
|
|
|
|
bindCode |
|
|
|
|
|
} from "@/api/home.js" |
|
|
|
|
|
|
|
|
const mounthName = ref('本月数据') |
|
|
const mounthName = ref('本月数据') |
|
|
const totalName = ref('累计数据') |
|
|
const totalName = ref('累计数据') |
|
|
const nounthData = reactive([{ |
|
|
|
|
|
title: '本月注册用户', |
|
|
|
|
|
num: "0个" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月下单用户', |
|
|
|
|
|
num: "0个" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月有效用户', |
|
|
|
|
|
num: "0个" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月订单金额', |
|
|
|
|
|
num: "¥0.00", |
|
|
|
|
|
color: 'red' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月有效订单金额', |
|
|
|
|
|
num: "¥0.00", |
|
|
|
|
|
color: 'red' |
|
|
|
|
|
}, |
|
|
|
|
|
]) |
|
|
|
|
|
const totalData = reactive([{ |
|
|
|
|
|
title: '累计注册用户', |
|
|
|
|
|
num: "0个", |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计下单用户', |
|
|
|
|
|
num: "0个" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计有效用户', |
|
|
|
|
|
num: "0个", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计订单金额', |
|
|
|
|
|
num: "¥0.00", |
|
|
|
|
|
color: 'red' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计有效订单金额', |
|
|
|
|
|
num: "¥0.00", |
|
|
|
|
|
color: 'red' |
|
|
|
|
|
}, |
|
|
|
|
|
]) |
|
|
|
|
|
|
|
|
|
|
|
const handleGoto = (val) => { |
|
|
const handleGoto = (val) => { |
|
|
switch (val) { |
|
|
switch (val) { |
|
@ -155,6 +113,82 @@ |
|
|
break; |
|
|
break; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const state = reactive({ |
|
|
|
|
|
info: {}, |
|
|
|
|
|
baseInfo: {}, |
|
|
|
|
|
nounthData: [], |
|
|
|
|
|
totalData: [] |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
|
state.info = JSON.parse(uni.getStorageSync("baseInfo")) |
|
|
|
|
|
getBaseInfo() |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const getBaseInfo = () => { |
|
|
|
|
|
binBaseInfo(state.info.userId).then(res => { |
|
|
|
|
|
state.baseInfo = res.data |
|
|
|
|
|
state.nounthData = [{ |
|
|
|
|
|
title: '本月注册用户', |
|
|
|
|
|
num: state.baseInfo.register_users, |
|
|
|
|
|
code: "register_users" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月下单用户', |
|
|
|
|
|
num: state.baseInfo.register_users, |
|
|
|
|
|
code: "order_users" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月有效用户', |
|
|
|
|
|
num: state.baseInfo.use_users, |
|
|
|
|
|
code: "use_users" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月订单金额', |
|
|
|
|
|
num: `¥${state.baseInfo.order_users_money}`, |
|
|
|
|
|
color: 'red', |
|
|
|
|
|
code: "order_users_money" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '本月有效订单金额', |
|
|
|
|
|
num: `¥${state.baseInfo.use_users_money}`, |
|
|
|
|
|
color: 'red', |
|
|
|
|
|
code: "use_users_money" |
|
|
|
|
|
}, |
|
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
state.totalData = [{ |
|
|
|
|
|
title: '累计注册用户', |
|
|
|
|
|
num: state.baseInfo.register_users_sum, |
|
|
|
|
|
code: "register_users_sum" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计下单用户', |
|
|
|
|
|
num: state.baseInfo.order_users_sum, |
|
|
|
|
|
code: "order_users_sum" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计有效用户', |
|
|
|
|
|
num: state.baseInfo.use_users_sum, |
|
|
|
|
|
code: "use_users_sum" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计订单金额', |
|
|
|
|
|
num: `¥${state.baseInfo.order_users_sum_money}`, |
|
|
|
|
|
color: 'red', |
|
|
|
|
|
code: "order_users_sum_money" |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '累计有效订单金额', |
|
|
|
|
|
num: `¥${state.baseInfo.use_users_sum_money}`, |
|
|
|
|
|
color: 'red', |
|
|
|
|
|
code: "use_users_sum_money" |
|
|
|
|
|
}, |
|
|
|
|
|
] |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|