magic-csb/boluo-app-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
xd
2025-06-05 22:47:41 +08:00
parent ed99c7b1ae
commit 6805b590c7
17 changed files with 144 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/partner-intro/index.less
View File

@ -61,6 +61,10 @@
font-weight: 400;
font-size: 28px;
line-height: 40px;
&.grey {
color: @blColorG2
}
}
&__title {

14
src/components/partner-intro/index.tsx
View File

@ -142,12 +142,18 @@ export default function PartnerIntro() {
</div>
</div>
<div className={`${PREFIX}__block`}>
<div className={`${PREFIX}__title`}>群主特别通道</div>
<div className={`${PREFIX}__title`}>分享方法</div>
<div className={`${PREFIX}__card`}>
<div className={`${PREFIX}__body`}>分享小程序任意页面到群、朋友圈、好友即可</div>
</div>
</div>
<div className={`${PREFIX}__block`}>
<div className={`${PREFIX}__title`}>合伙人交流群</div>
<div className={`${PREFIX}__card ${PREFIX}__special`}>
<div className={`${PREFIX}__body`}>如果您是主播群群主，请务必添加播络小伙计</div>
<div className={`${PREFIX}__body`}>我们会为您提供专属服务，让您的收益最大化</div>
<div className={`${PREFIX}__h1`}>加入播络合伙人交流群</div>
<div className={`${PREFIX}__body grey`}>学习分享邀请经验，一起赚钱</div>
<Button className={`${PREFIX}__service`} onClick={handleOpenService}>
点击添加播络伙计
点击加入
</Button>
</div>
<div className={`${PREFIX}__tip`}>注：收益不设时限，可重复享有，播络保留活动最终解释权</div>

8
src/components/partner-invite-list/index.less
View File

@ -41,14 +41,18 @@
height: 131px;
width: 100%;
background: #fff;
padding: 24px 32px;
padding: 24px 32px 0 32px;
box-sizing: border-box;
font-size: 28px;
&-border {
border-bottom: 1px solid #e6e7e8;
}
&-content {
.flex-row();
width: 100%;
border-bottom: 1px solid #e6e7e8;
padding-bottom: 24px;
}
&-time-id {

14
src/components/partner-invite-list/index.tsx
View File

@ -99,13 +99,15 @@ function PartnerList(props: {
>
{dataList.map(item => (
<div className={`${PREFIX}__item`} key={item.id || item.userId}>
<div className={`${PREFIX}__item-content`}>
<div className={`${PREFIX}__item-time-id`}>
<div className={`${PREFIX}__item-time`}>{formatTimestamp(item.created)}</div>
<div className={`${PREFIX}__item-id`}>{formatUserId(item.userId)}</div>
<div className={`${PREFIX}__item-border`}>
<div className={`${PREFIX}__item-content`}>
<div className={`${PREFIX}__item-time-id`}>
<div className={`${PREFIX}__item-time`}>{formatTimestamp(item.created)}</div>
<div className={`${PREFIX}__item-id`}>{formatUserId(item.userId)}</div>
</div>
<div className={`${PREFIX}__item-created`}>{item.isCreateResume ? '已创建' : '未创建'}</div>
<div className={`${PREFIX}__item-joined`}>{item.isPartner ? '已加入' : '未加入'}</div>
</div>
<div className={`${PREFIX}__item-created`}>{item.isCreateResume ? '已创建' : '未创建'}</div>
<div className={`${PREFIX}__item-joined`}>{item.isPartner ? '已加入' : '未加入'}</div>
</div>
</div>
))}

2
src/components/partner-profit/ProfitList.tsx
View File

@ -96,7 +96,7 @@ function ProfitList(props: IPartnerProfitListProps) {
style={listHeight ? { height: `${listHeight}px` } : undefined}
>
{dataList.map(item => {
const isChat = type === ProfitType.CHAT_SHARE || item.earnType.toString().toLowerCase().indexOf('chat');
const isChat = type === ProfitType.CHAT_SHARE || item.earnType.toString().toLowerCase().indexOf('chat') > -1;
return (
<div className={`${PREFIX}__row`} key={item.id}>
<div className={`${PREFIX}__row-content`}>

8
src/components/partner-profit/index.less
View File

@ -28,6 +28,14 @@
}
}
&__help-icon {
width: 28px;
height: 28px;
margin-left: 2px;
position: relative;
top: 6px;
}
&__title {
height: 72px;
width: 100%;

53
src/components/partner-profit/index.tsx
View File

@ -1,7 +1,10 @@
import { Image } from '@tarojs/components';
import { Tabs } from '@taroify/core';
import PartnerKanban from '@/components/partner-kanban';
import { ProfitType } from '@/types/partner';
import Toast from '@/utils/toast';
import ProfitList from './ProfitList';
@ -21,22 +24,64 @@ function TableTitle() {
}
export default function PartnerProfit() {
const handleClickHelpChat = () => {
Toast.info('主播被开聊14天后会显示收益');
};
const handleClickHelpPay = () => {
Toast.info('会员支付15日后结算收益');
};
const handleClickHelpInvite = () => {
Toast.info('所邀合伙人获得收益后自动获得收益');
};
return (
<div className={PREFIX}>
<div className={`${PREFIX}__top`}>
<PartnerKanban />
</div>
<div className={`${PREFIX}__main`}>
<Tabs className={`${PREFIX}__tabs`}>
<Tabs.TabPane title="推荐主播收益">
<Tabs className={`${PREFIX}__tabs`} ellipsis={false}>
<Tabs.TabPane
title={
<>
推荐主播收益
<Image
className={`${PREFIX}__help-icon`}
src={require('@/statics/svg/help.svg')}
onClick={handleClickHelpChat}
/>
</>
}
>
<TableTitle />
<ProfitList type={ProfitType.CHAT_SHARE} />
</Tabs.TabPane>
<Tabs.TabPane title="推荐会员权益">
<Tabs.TabPane
title={
<>
推荐会员权益
<Image
className={`${PREFIX}__help-icon`}
src={require('@/statics/svg/help.svg')}
onClick={handleClickHelpPay}
/>
</>
}
>
<TableTitle />
<ProfitList type={ProfitType.PAYMENT_SHARE} />
</Tabs.TabPane>
<Tabs.TabPane title="推荐合伙人收益">
<Tabs.TabPane
title={
<>
推荐合伙人收益
<Image
className={`${PREFIX}__help-icon`}
src={require('@/statics/svg/help.svg')}
onClick={handleClickHelpInvite}
/>
</>
}
>
<TableTitle />
<ProfitList type={ProfitType.INDIRECT_MEMBER_REFERRAL} />
</Tabs.TabPane>