Compare commits
14 Commits
feat/vip_m
...
feat/3.8/j
| Author | SHA1 | Date | |
|---|---|---|---|
| 669c489619 | |||
| 1e29b34518 | |||
| 4cc4aaa707 | |||
| d17a3e1461 | |||
| 6fd07f9071 | |||
| 4d699baca9 | |||
| 34e8a775e4 | |||
| c586e4b227 | |||
| 23879fe88d | |||
| 14853bcda2 | |||
| 365f3f6dd6 | |||
| dfa73624eb | |||
| 3f782b6be3 | |||
| e38114d32b |
24
src/app.tsx
24
src/app.tsx
@ -15,6 +15,29 @@ import { requestUserInfo, updateLastLoginTime } from '@/utils/user';
|
|||||||
import './app.less';
|
import './app.less';
|
||||||
|
|
||||||
function App({ children }: PropsWithChildren<BL.Anything>) {
|
function App({ children }: PropsWithChildren<BL.Anything>) {
|
||||||
|
const checkBasicUpdate = () => {
|
||||||
|
if (process.env.TARO_ENV !== 'weapp' || !Taro.canIUse('getUpdateManager')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const manager = Taro.getUpdateManager();
|
||||||
|
manager.onCheckForUpdate(res => {
|
||||||
|
console.log('onCheckForUpdate', res);
|
||||||
|
});
|
||||||
|
|
||||||
|
// 新版本下载完成
|
||||||
|
manager.onUpdateReady(() => {
|
||||||
|
Taro.showModal({
|
||||||
|
title: '更新提示',
|
||||||
|
content: '新版本已经准备好,是否重启应用?',
|
||||||
|
success: function (res) {
|
||||||
|
if (res.confirm) {
|
||||||
|
// 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
|
||||||
|
manager.applyUpdate();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
useLaunch(async ({ query }) => {
|
useLaunch(async ({ query }) => {
|
||||||
console.log('App launched.');
|
console.log('App launched.');
|
||||||
await http.init(getInviteCodeFromQuery(query));
|
await http.init(getInviteCodeFromQuery(query));
|
||||||
@ -30,6 +53,7 @@ function App({ children }: PropsWithChildren<BL.Anything>) {
|
|||||||
});
|
});
|
||||||
|
|
||||||
useDidShow(options => {
|
useDidShow(options => {
|
||||||
|
checkBasicUpdate();
|
||||||
requestCityConfigs();
|
requestCityConfigs();
|
||||||
|
|
||||||
console.log(options);
|
console.log(options);
|
||||||
|
|||||||
22
src/components/invite-operations-banner/index.less
Normal file
22
src/components/invite-operations-banner/index.less
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
@import '@/styles/variables.less';
|
||||||
|
@import '@/styles/common.less';
|
||||||
|
|
||||||
|
.invite-operations-fragment-banner {
|
||||||
|
width: 100%;
|
||||||
|
height: 90px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
|
||||||
|
&__image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__close {
|
||||||
|
width: 64px;
|
||||||
|
height: 38px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
40
src/components/invite-operations-banner/index.tsx
Normal file
40
src/components/invite-operations-banner/index.tsx
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import { Image } from '@tarojs/components';
|
||||||
|
|
||||||
|
import { useCallback, useState } from 'react';
|
||||||
|
|
||||||
|
import { PageUrl } from '@/constants/app';
|
||||||
|
import { getPartnerBannerClose, setPartnerBannerClose } from '@/utils/partner';
|
||||||
|
import { navigateTo } from '@/utils/route';
|
||||||
|
import './index.less';
|
||||||
|
|
||||||
|
const PREFIX = 'invite-operations-fragment-banner';
|
||||||
|
|
||||||
|
export default function InviteOperationsBanner() {
|
||||||
|
const [bannerClose, setBannerClose] = useState<boolean>(getPartnerBannerClose());
|
||||||
|
|
||||||
|
const handlePartnerBannerClose = useCallback(e => {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
setBannerClose(true);
|
||||||
|
setPartnerBannerClose();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleClick = useCallback(async () => {
|
||||||
|
navigateTo(PageUrl.InviteOperations);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
if (bannerClose) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={PREFIX} onClick={handleClick}>
|
||||||
|
<Image
|
||||||
|
className={`${PREFIX}__image`}
|
||||||
|
src="https://publiccdn.neighbourhood.com.cn/img/invite-operations-banner.png"
|
||||||
|
mode="scaleToFill"
|
||||||
|
/>
|
||||||
|
<div className={`${PREFIX}__close`} onClick={handlePartnerBannerClose} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -2,11 +2,12 @@ import { Image } from '@tarojs/components';
|
|||||||
|
|
||||||
import { Arrow } from '@taroify/icons';
|
import { Arrow } from '@taroify/icons';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
import React, { useCallback } from 'react';
|
import React, { useCallback, useMemo } from 'react';
|
||||||
|
|
||||||
import { cityValues } from '@/components/user-batch-publish';
|
// import { cityValues } from '@/components/user-batch-publish';
|
||||||
import { PageUrl } from '@/constants/app';
|
import { PageUrl } from '@/constants/app';
|
||||||
import { JOB_MANAGE_STATUS_TITLE_MAP, JobManageStatus } from '@/constants/job';
|
import { JOB_MANAGE_STATUS_TITLE_MAP, JobManageStatus } from '@/constants/job';
|
||||||
|
import useCityOperators from '@/hooks/use-city-operators';
|
||||||
import { JobManageInfo } from '@/types/job';
|
import { JobManageInfo } from '@/types/job';
|
||||||
import { getJobLocation } from '@/utils/job';
|
import { getJobLocation } from '@/utils/job';
|
||||||
import { navigateTo } from '@/utils/route';
|
import { navigateTo } from '@/utils/route';
|
||||||
@ -30,6 +31,9 @@ const STATUS_CLASS_MAP = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInfo['id'] }) {
|
function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInfo['id'] }) {
|
||||||
|
const cityOperators = useCityOperators();
|
||||||
|
const availableCities = useMemo(() => cityOperators.filter(c => c.sendCount), [cityOperators]);
|
||||||
|
|
||||||
const handleClick = useCallback(
|
const handleClick = useCallback(
|
||||||
e => {
|
e => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@ -38,7 +42,7 @@ function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInf
|
|||||||
},
|
},
|
||||||
[cityCode, jobId]
|
[cityCode, jobId]
|
||||||
);
|
);
|
||||||
if (!cityValues.find(c => c.cityCode === cityCode)) {
|
if (!availableCities.find(c => c.cityCode === cityCode)) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -1,2 +1,28 @@
|
|||||||
@import '@/styles/common.less';
|
@import '@/styles/common.less';
|
||||||
@import '@/styles/variables.less';
|
@import '@/styles/variables.less';
|
||||||
|
|
||||||
|
.job-manage-list {
|
||||||
|
&__empty-tips {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
padding-top: 218px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
&__icon {
|
||||||
|
width: 386px;
|
||||||
|
height: 278px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__describe {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 40px;
|
||||||
|
color: @blColor;
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
import { Image } from '@tarojs/components';
|
||||||
import Taro from '@tarojs/taro';
|
import Taro from '@tarojs/taro';
|
||||||
|
|
||||||
import { List, PullRefresh } from '@taroify/core';
|
import { List, PullRefresh } from '@taroify/core';
|
||||||
@ -28,7 +29,15 @@ const FIRST_PAGE = 0;
|
|||||||
const PAGE_SIZE = 40;
|
const PAGE_SIZE = 40;
|
||||||
const PREFIX = 'job-manage-list';
|
const PREFIX = 'job-manage-list';
|
||||||
const log = logWithPrefix(PREFIX);
|
const log = logWithPrefix(PREFIX);
|
||||||
|
const EmptyTips = (props: { className?: string; height?: number }) => {
|
||||||
|
const { className, height } = props;
|
||||||
|
return (
|
||||||
|
<div className={classNames(`${PREFIX}__empty-tips`, className)} style={height ? { height } : undefined}>
|
||||||
|
<Image className={`${PREFIX}__empty-tips__icon`} src={require('@/statics/svg/empty-box.svg')} mode="aspectFit" />
|
||||||
|
<div className={`${PREFIX}__empty-tips__describe`}>当前还没有通告</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
function JobManageList(props: IJobManageListProps) {
|
function JobManageList(props: IJobManageListProps) {
|
||||||
const { className, listHeight, refreshDisabled, visible = true, status, onListEmpty } = props;
|
const { className, listHeight, refreshDisabled, visible = true, status, onListEmpty } = props;
|
||||||
const [refreshing, setRefreshing] = useState(false);
|
const [refreshing, setRefreshing] = useState(false);
|
||||||
@ -151,6 +160,8 @@ function JobManageList(props: IJobManageListProps) {
|
|||||||
onRefresh={handleRefresh}
|
onRefresh={handleRefresh}
|
||||||
disabled={refreshDisabled}
|
disabled={refreshDisabled}
|
||||||
>
|
>
|
||||||
|
{Boolean(!dataList.length) && <EmptyTips className={className} height={listHeight} />}
|
||||||
|
|
||||||
<List
|
<List
|
||||||
hasMore={hasMore}
|
hasMore={hasMore}
|
||||||
onLoad={handleLoadMore}
|
onLoad={handleLoadMore}
|
||||||
|
|||||||
@ -146,25 +146,6 @@ export default function PartnerIntro() {
|
|||||||
</Swiper>
|
</Swiper>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={`${PREFIX}__block`}>
|
|
||||||
<div className={`${PREFIX}__title`}>
|
|
||||||
群主认证
|
|
||||||
<div className={`${PREFIX}__recommend`}>
|
|
||||||
<GoodJob />
|
|
||||||
强烈推荐
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className={`${PREFIX}__card ${PREFIX}__special`}>
|
|
||||||
<div className={`${PREFIX}__body`}>
|
|
||||||
<div className="center">
|
|
||||||
完成群主认证后,群成员通过该群访问任何人分享的播络小程序进行注册,你都能获得分成
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<Button className={`${PREFIX}__service`} onClick={handleConfirm}>
|
|
||||||
立即认证
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className={`${PREFIX}__block`}>
|
<div className={`${PREFIX}__block`}>
|
||||||
<div className={`${PREFIX}__title`}>3重收益</div>
|
<div className={`${PREFIX}__title`}>3重收益</div>
|
||||||
<div className={`${PREFIX}__card`}>
|
<div className={`${PREFIX}__card`}>
|
||||||
@ -194,6 +175,25 @@ export default function PartnerIntro() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div className={`${PREFIX}__block`}>
|
||||||
|
<div className={`${PREFIX}__title`}>
|
||||||
|
群主认证
|
||||||
|
<div className={`${PREFIX}__recommend`}>
|
||||||
|
<GoodJob />
|
||||||
|
强烈推荐
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__card ${PREFIX}__special`}>
|
||||||
|
<div className={`${PREFIX}__body`}>
|
||||||
|
<div className="center">
|
||||||
|
完成群主认证后,群成员通过该群访问任何人分享的播络小程序进行注册,你都能获得分成
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Button className={`${PREFIX}__service`} onClick={handleConfirm}>
|
||||||
|
立即认证
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div className={`${PREFIX}__block`}>
|
<div className={`${PREFIX}__block`}>
|
||||||
<div className={`${PREFIX}__title`}>交流群</div>
|
<div className={`${PREFIX}__title`}>交流群</div>
|
||||||
<div className={`${PREFIX}__card ${PREFIX}__special`}>
|
<div className={`${PREFIX}__card ${PREFIX}__special`}>
|
||||||
|
|||||||
@ -12,6 +12,11 @@
|
|||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
margin-bottom: 31px;
|
margin-bottom: 31px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
color: @blHighlightColor;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__body {
|
&__body {
|
||||||
|
|||||||
@ -4,16 +4,19 @@ import Taro from '@tarojs/taro';
|
|||||||
import { Dialog, Popup } from '@taroify/core';
|
import { Dialog, Popup } from '@taroify/core';
|
||||||
import { Fragment, useCallback, useState } from 'react';
|
import { Fragment, useCallback, useState } from 'react';
|
||||||
|
|
||||||
|
import LoginButton from '@/components/login-button';
|
||||||
import JobBuy from '@/components/product-dialog/steps-ui/job-buy';
|
import JobBuy from '@/components/product-dialog/steps-ui/job-buy';
|
||||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||||
import { PageUrl } from '@/constants/app';
|
import { PageUrl } from '@/constants/app';
|
||||||
import { CacheKey } from '@/constants/cache-key';
|
import { CacheKey } from '@/constants/cache-key';
|
||||||
import { GET_CONTACT_TYPE } from '@/constants/job';
|
import { GET_CONTACT_TYPE } from '@/constants/job';
|
||||||
import { switchTab, navigateTo } from '@/utils/route';
|
import { navigateTo, switchTab } from '@/utils/route';
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
|
||||||
interface IProps {
|
interface IProps {
|
||||||
onCancel: () => void;
|
onCancel: () => void;
|
||||||
|
onRefresh: () => void;
|
||||||
|
needLogin?: boolean;
|
||||||
isCreateResume?: boolean;
|
isCreateResume?: boolean;
|
||||||
onConfirm: (type: GET_CONTACT_TYPE) => void;
|
onConfirm: (type: GET_CONTACT_TYPE) => void;
|
||||||
}
|
}
|
||||||
@ -24,9 +27,10 @@ const GET_CONTACT_TYPE_OPTIONS = [
|
|||||||
{
|
{
|
||||||
type: GET_CONTACT_TYPE.MATERIAL,
|
type: GET_CONTACT_TYPE.MATERIAL,
|
||||||
icon: 'https://publiccdn.neighbourhood.com.cn/img/file.svg',
|
icon: 'https://publiccdn.neighbourhood.com.cn/img/file.svg',
|
||||||
title: '创建模卡(免费报单)',
|
title: '创建模卡(送会员)',
|
||||||
desc: '免费报单,优先推荐给企业,机会更多',
|
desc: '送日会员,优先推荐给企业,机会更多',
|
||||||
btnText: '创建',
|
btnText: '创建',
|
||||||
|
needLogin: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: GET_CONTACT_TYPE.VIP,
|
type: GET_CONTACT_TYPE.VIP,
|
||||||
@ -42,9 +46,16 @@ const GET_CONTACT_TYPE_OPTIONS = [
|
|||||||
// desc: '群内定期发放会员,免费报单',
|
// desc: '群内定期发放会员,免费报单',
|
||||||
// btnText: '进群',
|
// btnText: '进群',
|
||||||
// },
|
// },
|
||||||
|
{
|
||||||
|
type: GET_CONTACT_TYPE.INVITE,
|
||||||
|
icon: 'https://publiccdn.neighbourhood.com.cn/img/invite-operations.png',
|
||||||
|
title: '邀请运营进群(送会员)',
|
||||||
|
desc: '每邀请进一个主播群送一个日会员',
|
||||||
|
btnText: '邀请',
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
export function PrejobPopup({ onCancel, isCreateResume, onConfirm, onRefresh }: IProps) {
|
||||||
const [openPopup, setOpenPopup] = useState(true);
|
const [openPopup, setOpenPopup] = useState(true);
|
||||||
const [openDialog, setOpenDialog] = useState(false);
|
const [openDialog, setOpenDialog] = useState(false);
|
||||||
const [clicked, setClicked] = useState(!!Taro.getStorageSync(CacheKey.JOIN_GROUP_POPUP_CLICKED));
|
const [clicked, setClicked] = useState(!!Taro.getStorageSync(CacheKey.JOIN_GROUP_POPUP_CLICKED));
|
||||||
@ -53,6 +64,10 @@ export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
|||||||
navigateTo(PageUrl.MaterialUploadVideo);
|
navigateTo(PageUrl.MaterialUploadVideo);
|
||||||
onConfirm(type);
|
onConfirm(type);
|
||||||
}
|
}
|
||||||
|
if (type === GET_CONTACT_TYPE.INVITE) {
|
||||||
|
navigateTo(PageUrl.InviteOperations);
|
||||||
|
onConfirm(type);
|
||||||
|
}
|
||||||
if (type === GET_CONTACT_TYPE.VIP) {
|
if (type === GET_CONTACT_TYPE.VIP) {
|
||||||
setOpenPopup(false);
|
setOpenPopup(false);
|
||||||
setOpenDialog(true);
|
setOpenDialog(true);
|
||||||
@ -71,7 +86,10 @@ export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
|||||||
<Fragment>
|
<Fragment>
|
||||||
<Popup rounded className={PREFIX} placement="bottom" open={openPopup} onClose={onCancel}>
|
<Popup rounded className={PREFIX} placement="bottom" open={openPopup} onClose={onCancel}>
|
||||||
<div className={`${PREFIX}__content`}>
|
<div className={`${PREFIX}__content`}>
|
||||||
<div className={`${PREFIX}__title`}>以下方式任选其一均可获取联系方式</div>
|
<div className={`${PREFIX}__title`}>
|
||||||
|
<div className="highlight">今日</div>免费次数已用完,请<div className="highlight">明日</div>
|
||||||
|
再来或选择以下方式
|
||||||
|
</div>
|
||||||
<div className={`${PREFIX}__body`}>
|
<div className={`${PREFIX}__body`}>
|
||||||
{GET_CONTACT_TYPE_OPTIONS.map(option => {
|
{GET_CONTACT_TYPE_OPTIONS.map(option => {
|
||||||
if (clicked && option.type === GET_CONTACT_TYPE.GROUP) {
|
if (clicked && option.type === GET_CONTACT_TYPE.GROUP) {
|
||||||
@ -87,9 +105,20 @@ export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
|||||||
<div className="desc">{option.desc}</div>
|
<div className="desc">{option.desc}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={`${PREFIX}__item-action`}>
|
<div className={`${PREFIX}__item-action`}>
|
||||||
<Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
|
{option.needLogin ? (
|
||||||
{option.btnText}
|
<LoginButton
|
||||||
</Button>
|
needRefresh
|
||||||
|
onRefresh={onRefresh}
|
||||||
|
className={`${PREFIX}__btn`}
|
||||||
|
onClick={handleClick(option.type)}
|
||||||
|
>
|
||||||
|
{option.btnText}
|
||||||
|
</LoginButton>
|
||||||
|
) : (
|
||||||
|
<Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
|
||||||
|
{option.btnText}
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -2,7 +2,6 @@
|
|||||||
@import '@/styles/variables.less';
|
@import '@/styles/variables.less';
|
||||||
|
|
||||||
.product-dialog {
|
.product-dialog {
|
||||||
|
|
||||||
.layout() {
|
.layout() {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -31,7 +30,7 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 72px;
|
line-height: 72px;
|
||||||
border-radius: 44px;
|
border-radius: 44px;
|
||||||
color: #FFFFFF;
|
color: #ffffff;
|
||||||
background: @blHighlightColor;
|
background: @blHighlightColor;
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
}
|
}
|
||||||
@ -42,7 +41,7 @@
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
color: @blHighlightColor;
|
color: @blHighlightColor;
|
||||||
background: #6D3DF514;
|
background: #6d3df514;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 32px 72px;
|
padding: 32px 72px;
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
@ -73,7 +72,7 @@
|
|||||||
|
|
||||||
&__describe {
|
&__describe {
|
||||||
.describe-font();
|
.describe-font();
|
||||||
margin-top: 24px
|
margin-top: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
@ -173,8 +172,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
border-color: #E0E0E0;
|
border-color: #e0e0e0;
|
||||||
background: #F7F7F7;
|
background: #f7f7f7;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
@ -237,9 +236,7 @@
|
|||||||
color: @blHighlightColor;
|
color: @blHighlightColor;
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// ============================================= 群 ================================================= //
|
// ============================================= 群 ================================================= //
|
||||||
@ -323,7 +320,7 @@
|
|||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 2px solid #E0E0E0;
|
border: 2px solid #e0e0e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__qr-code__step-title {
|
&__qr-code__step-title {
|
||||||
@ -338,7 +335,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
width: 2px;
|
width: 2px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background: #E0E0E0;
|
background: #e0e0e0;
|
||||||
margin: 4px 0;
|
margin: 4px 0;
|
||||||
margin-left: 18px;
|
margin-left: 18px;
|
||||||
}
|
}
|
||||||
@ -365,7 +362,7 @@
|
|||||||
.divider {
|
.divider {
|
||||||
width: 540px;
|
width: 540px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: #E0E0E0;
|
background: #e0e0e0;
|
||||||
margin: 40px 0;
|
margin: 40px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -417,7 +414,7 @@
|
|||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
color: @blHighlightColor
|
color: @blHighlightColor;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -523,7 +520,6 @@
|
|||||||
.button();
|
.button();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// ============================================= 发布通告的企业会员 ================================================= //
|
// ============================================= 发布通告的企业会员 ================================================= //
|
||||||
&__publish-job-buy__header {
|
&__publish-job-buy__header {
|
||||||
.header-font();
|
.header-font();
|
||||||
@ -576,21 +572,21 @@
|
|||||||
|
|
||||||
&__item {
|
&__item {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 230px;
|
width: 182px;
|
||||||
height: 156px;
|
height: 156px;
|
||||||
.flex-column();
|
.flex-column();
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border: 2px solid @blHighlightColor;
|
border: 2px solid @blHighlightColor;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin-right: 24px;
|
margin-right: 15px;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
border-color: #E0E0E0;
|
border-color: #e0e0e0;
|
||||||
background: #F7F7F7;
|
background: #f7f7f7;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
@ -635,11 +631,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__left-line {
|
&__left-line {
|
||||||
background: linear-gradient(270deg, #E0E0E0 0%, #FFFFFF 100%);
|
background: linear-gradient(270deg, #e0e0e0 0%, #ffffff 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__right-line {
|
&__right-line {
|
||||||
background: linear-gradient(90deg, #E0E0E0 0%, #FFFFFF 100%);
|
background: linear-gradient(90deg, #e0e0e0 0%, #ffffff 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
@ -680,5 +676,4 @@
|
|||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -105,7 +105,6 @@ function ProductJobContactDialog(props: IProps) {
|
|||||||
const init = async () => {
|
const init = async () => {
|
||||||
try {
|
try {
|
||||||
Taro.showLoading({ mask: true, title: '加载中...' });
|
Taro.showLoading({ mask: true, title: '加载中...' });
|
||||||
|
|
||||||
log('init with productRecord', productRecord);
|
log('init with productRecord', productRecord);
|
||||||
log('init with productInfo', productInfo);
|
log('init with productInfo', productInfo);
|
||||||
|
|
||||||
|
|||||||
@ -9,10 +9,10 @@ import { PREFIX } from '@/components/product-dialog/const';
|
|||||||
import { CollectEventName, ReportEventId } from '@/constants/event';
|
import { CollectEventName, ReportEventId } from '@/constants/event';
|
||||||
import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
|
import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
|
||||||
import { SubscribeTempId } from '@/constants/subscribe';
|
import { SubscribeTempId } from '@/constants/subscribe';
|
||||||
|
import { ProductSpecResult } from '@/types/product';
|
||||||
import { logWithPrefix } from '@/utils/common';
|
import { logWithPrefix } from '@/utils/common';
|
||||||
import { collectEvent, reportEvent } from '@/utils/event';
|
import { collectEvent, reportEvent } from '@/utils/event';
|
||||||
import {
|
import {
|
||||||
getOrderPrice,
|
|
||||||
isCancelPay,
|
isCancelPay,
|
||||||
requestCreatePayInfo,
|
requestCreatePayInfo,
|
||||||
requestOrderInfo,
|
requestOrderInfo,
|
||||||
@ -21,7 +21,6 @@ import {
|
|||||||
} from '@/utils/product';
|
} from '@/utils/product';
|
||||||
import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
|
import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
|
||||||
import Toast from '@/utils/toast';
|
import Toast from '@/utils/toast';
|
||||||
import { ProductSpecResult } from '@/types/product';
|
|
||||||
|
|
||||||
interface IProps {
|
interface IProps {
|
||||||
onNext: () => void;
|
onNext: () => void;
|
||||||
@ -161,7 +160,7 @@ export default function CompanyPublishJobBuy(props: IProps) {
|
|||||||
<div
|
<div
|
||||||
key={item.payPrice}
|
key={item.payPrice}
|
||||||
className={classNames(`${PREFIX}__company-publish-job-buy__item`, {
|
className={classNames(`${PREFIX}__company-publish-job-buy__item`, {
|
||||||
selected: selectItem && item.payPrice === selectItem.payPrice,
|
selected: selectItem && item.id === selectItem.id,
|
||||||
disabled: item.payPrice === 0,
|
disabled: item.payPrice === 0,
|
||||||
})}
|
})}
|
||||||
onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
|
onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
|
||||||
|
|||||||
@ -153,10 +153,18 @@ export default function JobBuy(props: IProps) {
|
|||||||
) : (
|
) : (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<div className={`${PREFIX}__job-buy__header`}>
|
<div className={`${PREFIX}__job-buy__header`}>
|
||||||
<div>开通会员即可查看联系方式</div>
|
<div>今日免费查看次数</div>
|
||||||
|
<div className="highlight">已用完</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={`${PREFIX}__job-buy__describe`}>
|
<div className={`${PREFIX}__job-buy__describe`}>
|
||||||
<div>完善模卡,每日可免费查看 </div>
|
<div>请</div>
|
||||||
|
<div className="highlight">明日</div>
|
||||||
|
<div>再来</div>
|
||||||
|
<div> 或 </div>
|
||||||
|
<div className="highlight">升级会员</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__job-buy__describe`}>
|
||||||
|
<div>完善模卡,优先推荐给企业,送会员 </div>
|
||||||
<div className="highlight" onClick={handleResume}>
|
<div className="highlight" onClick={handleResume}>
|
||||||
去完善
|
去完善
|
||||||
</div>
|
</div>
|
||||||
@ -167,9 +175,9 @@ export default function JobBuy(props: IProps) {
|
|||||||
{productList.map(item => {
|
{productList.map(item => {
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={item.payPrice}
|
key={item.id}
|
||||||
className={classNames(`${PREFIX}__job-buy__item`, {
|
className={classNames(`${PREFIX}__job-buy__item`, {
|
||||||
selected: selectItem && item.payPrice === selectItem.payPrice,
|
selected: selectItem && item.id === selectItem.id,
|
||||||
disabled: item.payPrice === 0,
|
disabled: item.payPrice === 0,
|
||||||
})}
|
})}
|
||||||
onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
|
onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
|
||||||
|
|||||||
@ -2,7 +2,7 @@ import { Button } from '@tarojs/components';
|
|||||||
import Taro from '@tarojs/taro';
|
import Taro from '@tarojs/taro';
|
||||||
|
|
||||||
import { Cell, Dialog } from '@taroify/core';
|
import { Cell, Dialog } from '@taroify/core';
|
||||||
import { Fragment, useCallback, useEffect, useState } from 'react';
|
import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
|
||||||
|
|
||||||
import PageLoading from '@/components/page-loading';
|
import PageLoading from '@/components/page-loading';
|
||||||
import { PublishJobQrCodeDialog } from '@/components/product-dialog/publish-job';
|
import { PublishJobQrCodeDialog } from '@/components/product-dialog/publish-job';
|
||||||
@ -11,9 +11,10 @@ import SafeBottomPadding from '@/components/safe-bottom-padding';
|
|||||||
import { ISelectOption, PopupSelect } from '@/components/select';
|
import { ISelectOption, PopupSelect } from '@/components/select';
|
||||||
import { PageUrl } from '@/constants/app';
|
import { PageUrl } from '@/constants/app';
|
||||||
import { JobManageStatus } from '@/constants/job';
|
import { JobManageStatus } from '@/constants/job';
|
||||||
import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
|
import { OrderStatus, OrderType, ProductType } from '@/constants/product';
|
||||||
|
import useCityOperators from '@/hooks/use-city-operators';
|
||||||
import { usePublishJob } from '@/hooks/use-publish-job';
|
import { usePublishJob } from '@/hooks/use-publish-job';
|
||||||
import { BatchPublishGroup } from '@/types/group';
|
import { CityConfigListItem } from '@/types/location';
|
||||||
import { logWithPrefix } from '@/utils/common';
|
import { logWithPrefix } from '@/utils/common';
|
||||||
import { requestJobDetail } from '@/utils/job';
|
import { requestJobDetail } from '@/utils/job';
|
||||||
import {
|
import {
|
||||||
@ -28,65 +29,29 @@ import { navigateTo } from '@/utils/route';
|
|||||||
import Toast from '@/utils/toast';
|
import Toast from '@/utils/toast';
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
|
||||||
interface CityValue extends BatchPublishGroup {
|
interface CityOption extends ISelectOption<CityConfigListItem> {
|
||||||
cityName: string;
|
value: CityConfigListItem;
|
||||||
}
|
|
||||||
|
|
||||||
interface CityOption extends ISelectOption<CityValue> {
|
|
||||||
value: CityValue;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const PREFIX = 'user-batch-publish';
|
const PREFIX = 'user-batch-publish';
|
||||||
const log = logWithPrefix(PREFIX);
|
const log = logWithPrefix(PREFIX);
|
||||||
export const cityValues: CityValue[] = [
|
|
||||||
{ cityCode: '440100', cityName: '广州', count: 800 },
|
|
||||||
{ cityCode: '440300', cityName: '深圳', count: 100 },
|
|
||||||
{ cityCode: '330100', cityName: '杭州', count: 750 },
|
|
||||||
{ cityCode: '110100', cityName: '北京', count: 150 },
|
|
||||||
{ cityCode: '510100', cityName: '成都', count: 100 },
|
|
||||||
{ cityCode: '500100', cityName: '重庆', count: 50 },
|
|
||||||
{ cityCode: '430100', cityName: '长沙', count: 50 },
|
|
||||||
{ cityCode: '350200', cityName: '厦门', count: 50 },
|
|
||||||
{ cityCode: '310100', cityName: '上海', count: 150 },
|
|
||||||
{ cityCode: '420100', cityName: '武汉', count: 80 },
|
|
||||||
{ cityCode: '610100', cityName: '西安', count: 60 },
|
|
||||||
{ cityCode: '410100', cityName: '郑州', count: 150 },
|
|
||||||
].sort((a, b) => b.count - a.count);
|
|
||||||
const MIN_GROUP_SIZE = 20;
|
|
||||||
const GROUP_OPTIONS = [
|
|
||||||
{ value: MIN_GROUP_SIZE, productSpecId: ProductSpecId.GroupBatchPublish20, label: '20', price: 18 },
|
|
||||||
{ value: 50, productSpecId: ProductSpecId.GroupBatchPublish50, label: '50', price: 40 },
|
|
||||||
{ value: 60, productSpecId: ProductSpecId.GroupBatchPublish60, label: '60', price: 48 },
|
|
||||||
{ value: 80, productSpecId: ProductSpecId.GroupBatchPublish80, label: '80', price: 58 },
|
|
||||||
{ value: 100, productSpecId: ProductSpecId.GroupBatchPublish100, label: '100', price: 68 },
|
|
||||||
{ value: 150, productSpecId: ProductSpecId.GroupBatchPublish150, label: '150', price: 98 },
|
|
||||||
{ value: 300, productSpecId: ProductSpecId.GroupBatchPublish300, label: '300', price: 128 },
|
|
||||||
{ value: 500, productSpecId: ProductSpecId.GroupBatchPublish500, label: '500', price: 168 },
|
|
||||||
{ value: 750, productSpecId: ProductSpecId.GroupBatchPublish750, label: '750', price: 188 },
|
|
||||||
{ value: 800, productSpecId: ProductSpecId.GroupBatchPublish800, label: '800', price: 198 },
|
|
||||||
{ value: 1000, productSpecId: ProductSpecId.GroupBatchPublish1000, label: '1000', price: 288 },
|
|
||||||
];
|
|
||||||
|
|
||||||
const calcPrice = (city: CityValue | null) => {
|
|
||||||
if (!city) {
|
|
||||||
return {};
|
|
||||||
}
|
|
||||||
const { count } = city;
|
|
||||||
const originalPrice = count * 1;
|
|
||||||
const price = GROUP_OPTIONS.find(o => o.value === count)?.price || 18;
|
|
||||||
const productSpecId = GROUP_OPTIONS.find(o => o.value === count)?.productSpecId || ProductSpecId.GroupBatchPublish20;
|
|
||||||
return { price, originalPrice, productSpecId };
|
|
||||||
};
|
|
||||||
const cityOptions: CityOption[] = cityValues.map(value => ({ value, label: value.cityName }));
|
|
||||||
export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: string; jobId?: string }) {
|
export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: string; jobId?: string }) {
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
const [showQrCode, setShowQrCode] = useState(false);
|
const [showQrCode, setShowQrCode] = useState(false);
|
||||||
const [selectable, setSelectable] = useState(false);
|
const [selectable, setSelectable] = useState(false);
|
||||||
const [showCitySelect, setShowCitySelect] = useState(false);
|
const [showCitySelect, setShowCitySelect] = useState(false);
|
||||||
const [city, setCity] = useState<CityOption['value'] | null>(null);
|
const [city, setCity] = useState<CityConfigListItem | null>(null);
|
||||||
const { price, originalPrice, productSpecId } = calcPrice(city);
|
|
||||||
const [showPublishJob, setShowPublishJob] = useState(false);
|
const [showPublishJob, setShowPublishJob] = useState(false);
|
||||||
|
|
||||||
|
const cityOperators = useCityOperators();
|
||||||
|
|
||||||
|
const availableCities = useMemo(() => cityOperators.filter(c => c.sendCount), [cityOperators]);
|
||||||
|
const cityOptions: CityOption[] = useMemo(
|
||||||
|
() => availableCities.map(value => ({ value, label: value.cityName })),
|
||||||
|
[availableCities]
|
||||||
|
);
|
||||||
|
|
||||||
const [showBuy, setShowBuy, handlePublishJob] = usePublishJob(jobId);
|
const [showBuy, setShowBuy, handlePublishJob] = usePublishJob(jobId);
|
||||||
const handleClickCity = useCallback(() => setShowCitySelect(true), []);
|
const handleClickCity = useCallback(() => setShowCitySelect(true), []);
|
||||||
|
|
||||||
@ -102,7 +67,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
|||||||
// setShowQrCode(true);
|
// setShowQrCode(true);
|
||||||
// return;
|
// return;
|
||||||
// }
|
// }
|
||||||
if (!price || !productSpecId) {
|
if (!city || !city.payPrice || !city.showPrice || !city.sendCount || !city.productSpecId) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
@ -127,10 +92,10 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
|||||||
|
|
||||||
const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
|
const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
|
||||||
type: OrderType.GroupBatchPublish,
|
type: OrderType.GroupBatchPublish,
|
||||||
amt: getOrderPrice(price),
|
amt: city.payPrice,
|
||||||
// amt: 1,
|
// amt: 1,
|
||||||
productCode: ProductType.GroupBatchPublish,
|
productCode: ProductType.GroupBatchPublish,
|
||||||
productSpecId: productSpecId,
|
productSpecId: city.productSpecId,
|
||||||
});
|
});
|
||||||
log('handleBuy payInfo', payOrderNo, createPayInfo);
|
log('handleBuy payInfo', payOrderNo, createPayInfo);
|
||||||
await requestPayment({
|
await requestPayment({
|
||||||
@ -152,14 +117,14 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
|||||||
Toast.error(isCancelPay(e) ? '取消购买' : '购买失败请重试');
|
Toast.error(isCancelPay(e) ? '取消购买' : '购买失败请重试');
|
||||||
log('handleBuy error', e);
|
log('handleBuy error', e);
|
||||||
}
|
}
|
||||||
}, [jobId, price, productSpecId]);
|
}, [cityCode, jobId, city]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// if (!cityCode) {
|
if (!availableCities.length) {
|
||||||
// return;
|
return;
|
||||||
// }
|
}
|
||||||
try {
|
try {
|
||||||
const initCity = cityCode ? cityValues.find(o => o.cityCode === cityCode) : cityValues[0];
|
const initCity = cityCode ? availableCities.find(o => o.cityCode === cityCode) : availableCities[0];
|
||||||
|
|
||||||
setSelectable(!cityCode);
|
setSelectable(!cityCode);
|
||||||
|
|
||||||
@ -172,7 +137,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
|||||||
} catch (e) {
|
} catch (e) {
|
||||||
Toast.error('加载失败请重试');
|
Toast.error('加载失败请重试');
|
||||||
}
|
}
|
||||||
}, [cityCode]);
|
}, [availableCities, cityCode]);
|
||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return <PageLoading />;
|
return <PageLoading />;
|
||||||
@ -203,11 +168,13 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
|||||||
查看该城市合作群列表
|
查看该城市合作群列表
|
||||||
</div>
|
</div>
|
||||||
<div className={`${PREFIX}__title`}>可购买群数</div>
|
<div className={`${PREFIX}__title`}>可购买群数</div>
|
||||||
<Cell align="center" className={`${PREFIX}__cell`} title={city?.count} />
|
<Cell align="center" className={`${PREFIX}__cell`} title={city?.sendCount} />
|
||||||
<div className={`${PREFIX}__title`}>服务费用</div>
|
<div className={`${PREFIX}__title`}>服务费用</div>
|
||||||
<div className={`${PREFIX}__cost-describe`}>
|
<div className={`${PREFIX}__cost-describe`}>
|
||||||
<div className={`${PREFIX}__cost-describe__price`}>{`${price}元`}</div>
|
<div className={`${PREFIX}__cost-describe__price`}>{`${city?.showPrice}元`}</div>
|
||||||
<div className={`${PREFIX}__cost-describe__original_price`}>{`原价:${originalPrice}元`}</div>
|
<div
|
||||||
|
className={`${PREFIX}__cost-describe__original_price`}
|
||||||
|
>{`原价:${city?.originalPrice || city?.sendCount}元`}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Button className={`${PREFIX}__buy-button`} onClick={handleClickBuy}>
|
<Button className={`${PREFIX}__buy-button`} onClick={handleClickBuy}>
|
||||||
|
|||||||
@ -37,6 +37,7 @@ export enum OpenSource {
|
|||||||
AnchorPage = 'anchor_page',
|
AnchorPage = 'anchor_page',
|
||||||
MaterialViewPage = 'material_view_page',
|
MaterialViewPage = 'material_view_page',
|
||||||
GroupOwnerCertificate = 'group_owner_certificate',
|
GroupOwnerCertificate = 'group_owner_certificate',
|
||||||
|
InviteOperations = 'invite_operations',
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum PageUrl {
|
export enum PageUrl {
|
||||||
@ -82,6 +83,8 @@ export enum PageUrl {
|
|||||||
GiveVip = 'pages/give-vip/index',
|
GiveVip = 'pages/give-vip/index',
|
||||||
GroupOwnerCertificate = 'pages/group-owner-certification/index',
|
GroupOwnerCertificate = 'pages/group-owner-certification/index',
|
||||||
PartnerShareVip = 'pages/partner-share-vip/index',
|
PartnerShareVip = 'pages/partner-share-vip/index',
|
||||||
|
InviteOperations = 'pages/invite-operations/index',
|
||||||
|
GroupDetail = 'pages/group-detail/index',
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum PluginUrl {
|
export enum PluginUrl {
|
||||||
|
|||||||
@ -214,4 +214,5 @@ export enum GET_CONTACT_TYPE {
|
|||||||
VIP = 'vip',
|
VIP = 'vip',
|
||||||
MATERIAL = 'material',
|
MATERIAL = 'material',
|
||||||
GROUP = 'group',
|
GROUP = 'group',
|
||||||
|
INVITE = 'invite',
|
||||||
}
|
}
|
||||||
|
|||||||
@ -36,7 +36,10 @@ export enum ProductSpecId {
|
|||||||
GroupBatchPublish60 = 'GROUP_BATCH_PUSH_60',
|
GroupBatchPublish60 = 'GROUP_BATCH_PUSH_60',
|
||||||
GroupBatchPublish80 = 'GROUP_BATCH_PUSH_80',
|
GroupBatchPublish80 = 'GROUP_BATCH_PUSH_80',
|
||||||
GroupBatchPublish100 = 'GROUP_BATCH_PUSH_100',
|
GroupBatchPublish100 = 'GROUP_BATCH_PUSH_100',
|
||||||
|
GroupBatchPublish120 = 'GROUP_BATCH_PUSH_120',
|
||||||
GroupBatchPublish150 = 'GROUP_BATCH_PUSH_150',
|
GroupBatchPublish150 = 'GROUP_BATCH_PUSH_150',
|
||||||
|
GroupBatchPublish200 = 'GROUP_BATCH_PUSH_200',
|
||||||
|
GroupBatchPublish250 = 'GROUP_BATCH_PUSH_250',
|
||||||
GroupBatchPublish300 = 'GROUP_BATCH_PUSH_300',
|
GroupBatchPublish300 = 'GROUP_BATCH_PUSH_300',
|
||||||
GroupBatchPublish500 = 'GROUP_BATCH_PUSH_500',
|
GroupBatchPublish500 = 'GROUP_BATCH_PUSH_500',
|
||||||
GroupBatchPublish750 = 'GROUP_BATCH_PUSH_750',
|
GroupBatchPublish750 = 'GROUP_BATCH_PUSH_750',
|
||||||
|
|||||||
@ -9,7 +9,7 @@ import { useCallback, useEffect, useState } from 'react';
|
|||||||
import EmployTypeSelect from '@/components/employ-type-select';
|
import EmployTypeSelect from '@/components/employ-type-select';
|
||||||
import JobList, { IJobListProps } from '@/components/job-list';
|
import JobList, { IJobListProps } from '@/components/job-list';
|
||||||
import Overlay from '@/components/overlay';
|
import Overlay from '@/components/overlay';
|
||||||
import PartnerBanner from '@/components/partner-banner';
|
// import PartnerBanner from '@/components/partner-banner';
|
||||||
import SalarySelect from '@/components/salary-select';
|
import SalarySelect from '@/components/salary-select';
|
||||||
import SearchInput from '@/components/search';
|
import SearchInput from '@/components/search';
|
||||||
import { APP_TAB_BAR_ID, PageUrl } from '@/constants/app';
|
import { APP_TAB_BAR_ID, PageUrl } from '@/constants/app';
|
||||||
@ -30,6 +30,7 @@ import { Coordinate } from '@/types/location';
|
|||||||
import { logWithPrefix } from '@/utils/common';
|
import { logWithPrefix } from '@/utils/common';
|
||||||
import { navigateTo } from '@/utils/route';
|
import { navigateTo } from '@/utils/route';
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
import InviteOperationsBanner from '@/components/invite-operations-banner';
|
||||||
|
|
||||||
interface IProps {
|
interface IProps {
|
||||||
cityCode: string;
|
cityCode: string;
|
||||||
@ -173,7 +174,8 @@ function JobFragment(props: IProps) {
|
|||||||
<Tabs className={`${PREFIX}__type-tabs`} value={tabType} onChange={onTypeChange}>
|
<Tabs className={`${PREFIX}__type-tabs`} value={tabType} onChange={onTypeChange}>
|
||||||
{JOB_TABS.map(tab => (
|
{JOB_TABS.map(tab => (
|
||||||
<Tabs.TabPane title={tab.title} key={tab.type} value={tab.type}>
|
<Tabs.TabPane title={tab.title} key={tab.type} value={tab.type}>
|
||||||
<PartnerBanner />
|
{/*<PartnerBanner />*/}
|
||||||
|
<InviteOperationsBanner />
|
||||||
<ListWrapper
|
<ListWrapper
|
||||||
category={tab.type}
|
category={tab.type}
|
||||||
cityCode={cityCode}
|
cityCode={cityCode}
|
||||||
|
|||||||
@ -17,4 +17,25 @@
|
|||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__recommend {
|
||||||
|
display: inline-flex;
|
||||||
|
line-height: 36px;
|
||||||
|
padding: 0 8px;
|
||||||
|
height: 36px;
|
||||||
|
background: rgb(255, 80, 81);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #fff;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
position: absolute;
|
||||||
|
left: 208px;
|
||||||
|
top: 8px;
|
||||||
|
width: 128px;
|
||||||
|
|
||||||
|
&-cell {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
import { Image } from '@tarojs/components';
|
import { Image } from '@tarojs/components';
|
||||||
|
|
||||||
import { Cell } from '@taroify/core';
|
import { Cell } from '@taroify/core';
|
||||||
|
import { GoodJob } from '@taroify/icons';
|
||||||
import { useCallback } from 'react';
|
import { useCallback } from 'react';
|
||||||
|
|
||||||
import MaterialCard from '@/components/material-card';
|
import MaterialCard from '@/components/material-card';
|
||||||
@ -18,6 +19,8 @@ export default function AnchorFragment() {
|
|||||||
|
|
||||||
const handleClickSwitch = useCallback(() => switchRoleType(RoleType.Company), []);
|
const handleClickSwitch = useCallback(() => switchRoleType(RoleType.Company), []);
|
||||||
|
|
||||||
|
const handleClickInviteOperations = useCallback(() => navigateTo(PageUrl.InviteOperations), []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={PREFIX}>
|
<div className={PREFIX}>
|
||||||
<MaterialCard />
|
<MaterialCard />
|
||||||
@ -29,6 +32,21 @@ export default function AnchorFragment() {
|
|||||||
className={`${PREFIX}__cell`}
|
className={`${PREFIX}__cell`}
|
||||||
onClick={handleClickMyDeclaration}
|
onClick={handleClickMyDeclaration}
|
||||||
/>
|
/>
|
||||||
|
<Cell
|
||||||
|
isLink
|
||||||
|
align="center"
|
||||||
|
title={
|
||||||
|
<div className={`${PREFIX}__recommend-cell`}>
|
||||||
|
免费领主播会员
|
||||||
|
<div className={`${PREFIX}__recommend`}>
|
||||||
|
<GoodJob />
|
||||||
|
强烈推荐
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
className={`${PREFIX}__cell`}
|
||||||
|
onClick={handleClickInviteOperations}
|
||||||
|
/>
|
||||||
<Image
|
<Image
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
className={`${PREFIX}__switch-to-company`}
|
className={`${PREFIX}__switch-to-company`}
|
||||||
|
|||||||
@ -40,5 +40,24 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__recommend {
|
||||||
|
display: inline-flex;
|
||||||
|
line-height: 36px;
|
||||||
|
padding: 0 8px;
|
||||||
|
height: 36px;
|
||||||
|
background: rgb(255, 80, 81);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #fff;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
position: absolute;
|
||||||
|
left: 208px;
|
||||||
|
top: 8px;
|
||||||
|
width: 128px;
|
||||||
|
|
||||||
|
&-cell {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
import { Image } from '@tarojs/components';
|
import { Image } from '@tarojs/components';
|
||||||
|
|
||||||
import { Cell } from '@taroify/core';
|
import { Cell } from '@taroify/core';
|
||||||
|
import { GoodJob } from '@taroify/icons';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
import { useCallback } from 'react';
|
import { useCallback } from 'react';
|
||||||
|
|
||||||
@ -22,10 +23,27 @@ export default function CompanyFragment() {
|
|||||||
navigateTo(PageUrl.CertificationManage);
|
navigateTo(PageUrl.CertificationManage);
|
||||||
}, [userInfo]);
|
}, [userInfo]);
|
||||||
|
|
||||||
|
const handleClickInviteOperations = useCallback(() => navigateTo(PageUrl.InviteOperations, { company: 1 }), []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={PREFIX}>
|
<div className={PREFIX}>
|
||||||
<CertificationStatus className={`${PREFIX}__cell`} />
|
<CertificationStatus className={`${PREFIX}__cell`} />
|
||||||
<WechatCell className={`${PREFIX}__cell`} />
|
<WechatCell className={`${PREFIX}__cell`} />
|
||||||
|
<Cell
|
||||||
|
isLink
|
||||||
|
align="center"
|
||||||
|
title={
|
||||||
|
<div className={`${PREFIX}__recommend-cell`}>
|
||||||
|
免费领企业会员
|
||||||
|
<div className={`${PREFIX}__recommend`}>
|
||||||
|
<GoodJob />
|
||||||
|
强烈推荐
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
className={`${PREFIX}__cell`}
|
||||||
|
onClick={handleClickInviteOperations}
|
||||||
|
/>
|
||||||
<Cell
|
<Cell
|
||||||
isLink
|
isLink
|
||||||
align="center"
|
align="center"
|
||||||
@ -34,7 +52,7 @@ export default function CompanyFragment() {
|
|||||||
<div className={`${PREFIX}__cell-icon`}>
|
<div className={`${PREFIX}__cell-icon`}>
|
||||||
<Image src="https://publiccdn.neighbourhood.com.cn/img/lightning.svg" />
|
<Image src="https://publiccdn.neighbourhood.com.cn/img/lightning.svg" />
|
||||||
</div>
|
</div>
|
||||||
发布急招通告,优先展示
|
发布急招主播岗位
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
className={classNames(`${PREFIX}__cell`, `${PREFIX}__go-publish-cell`)}
|
className={classNames(`${PREFIX}__cell`, `${PREFIX}__go-publish-cell`)}
|
||||||
|
|||||||
@ -48,7 +48,7 @@ const CompanyTabs: TabItemType[] = [
|
|||||||
{
|
{
|
||||||
type: PageType.BatchPublish,
|
type: PageType.BatchPublish,
|
||||||
pagePath: PageUrl.UserBatchPublish,
|
pagePath: PageUrl.UserBatchPublish,
|
||||||
text: '代发代招',
|
text: '群代发',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@ -101,7 +101,9 @@ export const APP_CONFIG: AppConfigType = {
|
|||||||
PageUrl.GiveVip,
|
PageUrl.GiveVip,
|
||||||
PageUrl.GroupOwnerCertificate,
|
PageUrl.GroupOwnerCertificate,
|
||||||
PageUrl.PartnerShareVip,
|
PageUrl.PartnerShareVip,
|
||||||
|
PageUrl.InviteOperations,
|
||||||
PageUrl.AccelerateDelegatePublish,
|
PageUrl.AccelerateDelegatePublish,
|
||||||
|
PageUrl.GroupDetail,
|
||||||
// PageUrl.DevDebug,
|
// PageUrl.DevDebug,
|
||||||
],
|
],
|
||||||
window: {
|
window: {
|
||||||
|
|||||||
@ -25,32 +25,34 @@ export const usePublishJob = (jobId?: string): [boolean, Dispatch<SetStateAction
|
|||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
|
||||||
store.dispatch(cacheJobId(jobId));
|
|
||||||
navigateTo(PageUrl.CertificationStart);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
Taro.showLoading();
|
Taro.showLoading();
|
||||||
await postPublishJob(jobId);
|
await postPublishJob(jobId);
|
||||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||||
setShowBuy(false);
|
setShowBuy(false);
|
||||||
Toast.success('发布成功');
|
Toast.success('发布成功');
|
||||||
Taro.hideLoading();
|
Taro.hideLoading();
|
||||||
|
|
||||||
|
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||||
|
console.log('哈哈哈', jobId);
|
||||||
|
store.dispatch(cacheJobId(jobId));
|
||||||
|
navigateTo(PageUrl.CertificationStart);
|
||||||
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
Taro.hideLoading();
|
Taro.hideLoading();
|
||||||
const e = error as HttpError;
|
const e = error as HttpError;
|
||||||
const errorCode = e.errorCode;
|
const errorCode = e.errorCode;
|
||||||
const errorMsg = e.info?.() || e.message;
|
const errorMsg = e.errorMsg || e.info?.() || e.message;
|
||||||
collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId, error: e.info?.() || e.message });
|
collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId, error: errorMsg });
|
||||||
if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_FREE_BALANCE) {
|
if (
|
||||||
|
errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_FREE_BALANCE ||
|
||||||
|
errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED
|
||||||
|
) {
|
||||||
setShowBuy(true);
|
setShowBuy(true);
|
||||||
} else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
|
} else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
|
||||||
Toast.info('您购买的产品已耗尽使用次数');
|
Toast.info('您购买的产品已耗尽使用次数');
|
||||||
setShowBuy(true);
|
setShowBuy(true);
|
||||||
} else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
|
|
||||||
Toast.info('该通告已到期,请创建新通告', 3000);
|
|
||||||
} else {
|
} else {
|
||||||
Toast.error(errorMsg || '发布失败请重试', 3000);
|
Toast.info(errorMsg || '发布失败请重试', 3000);
|
||||||
}
|
}
|
||||||
console.error(e);
|
console.error(e);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -27,6 +27,7 @@ export enum RESPONSE_ERROR_CODE {
|
|||||||
INSUFFICIENT_FREE_BALANCE = 'INSUFFICIENT_FREE_BALANCE', // 免费查看次数(未购买会员)超限
|
INSUFFICIENT_FREE_BALANCE = 'INSUFFICIENT_FREE_BALANCE', // 免费查看次数(未购买会员)超限
|
||||||
BOSS_VIP_EXPIRED = 'BOSS_VIP_EXPIRED', // 会员过期
|
BOSS_VIP_EXPIRED = 'BOSS_VIP_EXPIRED', // 会员过期
|
||||||
CHAT_MSG_SEND_NOT_ALLOW = 'CHAT_MSG_SEND_NOT_ALLOW',
|
CHAT_MSG_SEND_NOT_ALLOW = 'CHAT_MSG_SEND_NOT_ALLOW',
|
||||||
|
JOB_EXIST_ONE_PUBLISHED = 'JOB_EXIST_ONE_PUBLISHED',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const RESPONSE_ERROR_INFO: { [key in RESPONSE_ERROR_CODE]?: string } = {
|
export const RESPONSE_ERROR_INFO: { [key in RESPONSE_ERROR_CODE]?: string } = {
|
||||||
|
|||||||
@ -24,28 +24,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__empty-tips {
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
padding-top: 218px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&__icon {
|
|
||||||
width: 386px;
|
|
||||||
height: 278px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__describe {
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 500;
|
|
||||||
line-height: 40px;
|
|
||||||
color: @blColor;
|
|
||||||
margin-top: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__footer {
|
&__footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -1,9 +1,8 @@
|
|||||||
import { Button, Image } from '@tarojs/components';
|
import { Button } from '@tarojs/components';
|
||||||
import { NodesRef } from '@tarojs/taro';
|
import { NodesRef } from '@tarojs/taro';
|
||||||
|
|
||||||
import { Tabs } from '@taroify/core';
|
import { Tabs } from '@taroify/core';
|
||||||
import classNames from 'classnames';
|
import { useCallback, useState } from 'react';
|
||||||
import { useCallback, useEffect, useState } from 'react';
|
|
||||||
|
|
||||||
import JobManageList, { IJobManageListProps } from '@/components/job-manage-list';
|
import JobManageList, { IJobManageListProps } from '@/components/job-manage-list';
|
||||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||||
@ -57,35 +56,8 @@ const tab2Status = (tabType: JobManageType) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const EmptyTips = (props: { className?: string; height?: number }) => {
|
|
||||||
const { className, height } = props;
|
|
||||||
return (
|
|
||||||
<div className={classNames(`${PREFIX}__empty-tips`, className)} style={height ? { height } : undefined}>
|
|
||||||
<Image className={`${PREFIX}__empty-tips__icon`} src={require('@/statics/svg/empty-box.svg')} mode="aspectFit" />
|
|
||||||
<div className={`${PREFIX}__empty-tips__describe`}>当前还没有通告</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
function ListWrapper(props: IJobManageListProps) {
|
function ListWrapper(props: IJobManageListProps) {
|
||||||
const { className, listHeight, visible } = props;
|
return <JobManageList {...props} />;
|
||||||
const [isEmpty, setIsEmpty] = useState(false);
|
|
||||||
|
|
||||||
const handleListEmpty = useCallback(() => {
|
|
||||||
setIsEmpty(true);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (visible) {
|
|
||||||
setIsEmpty(false);
|
|
||||||
}
|
|
||||||
}, [visible]);
|
|
||||||
|
|
||||||
if (isEmpty) {
|
|
||||||
return <EmptyTips className={className} height={listHeight} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
return <JobManageList {...props} onListEmpty={handleListEmpty} />;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function CertificationManage() {
|
export default function CertificationManage() {
|
||||||
|
|||||||
@ -2,7 +2,7 @@ import { BaseEventOrig, Button, ButtonProps, Image, InputProps } from '@tarojs/c
|
|||||||
import Taro, { UploadTask } from '@tarojs/taro';
|
import Taro, { UploadTask } from '@tarojs/taro';
|
||||||
|
|
||||||
import { Dialog } from '@taroify/core';
|
import { Dialog } from '@taroify/core';
|
||||||
import { useCallback, useEffect, useState } from 'react';
|
import { useCallback, useEffect, useState } from 'react';
|
||||||
|
|
||||||
import BlFormInput from '@/components/bl-form-input';
|
import BlFormInput from '@/components/bl-form-input';
|
||||||
import BlFormItem from '@/components/bl-form-item';
|
import BlFormItem from '@/components/bl-form-item';
|
||||||
@ -30,7 +30,7 @@ import { dispatchUpdateUser, requestUserInfo } from '@/utils/user';
|
|||||||
import { uploadVideo } from '@/utils/video';
|
import { uploadVideo } from '@/utils/video';
|
||||||
|
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
import { RESPONSE_ERROR_CODE } from '@/http/constant';
|
||||||
|
|
||||||
const PREFIX = 'page-certification';
|
const PREFIX = 'page-certification';
|
||||||
const log = logWithPrefix(PREFIX);
|
const log = logWithPrefix(PREFIX);
|
||||||
@ -152,14 +152,20 @@ export default function Certification() {
|
|||||||
const handlePublishJob = useCallback(async () => {
|
const handlePublishJob = useCallback(async () => {
|
||||||
try {
|
try {
|
||||||
Taro.showLoading();
|
Taro.showLoading();
|
||||||
|
console.log('哈哈哈', cachedJobId);
|
||||||
await postPublishJob(cachedJobId!);
|
await postPublishJob(cachedJobId!);
|
||||||
await Toast.success('通告发布成功', 1500, true);
|
await Toast.success('通告发布成功', 1500, true);
|
||||||
store.dispatch(clearCachedJobId());
|
store.dispatch(clearCachedJobId());
|
||||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||||
redirectTo(PageUrl.CertificationManage);
|
redirectTo(PageUrl.CertificationManage);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('submit error', e);
|
console.error('submit error', e.errorCode, e.errorMsg);
|
||||||
Toast.error('通告发布失败');
|
console.dir(e);
|
||||||
|
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||||
|
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||||
|
} else {
|
||||||
|
Toast.error('通告发布失败');
|
||||||
|
}
|
||||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||||
redirectTo(PageUrl.CertificationManage);
|
redirectTo(PageUrl.CertificationManage);
|
||||||
} finally {
|
} finally {
|
||||||
|
|||||||
@ -5,14 +5,12 @@ import { Fragment, useCallback, useState } from 'react';
|
|||||||
|
|
||||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||||
import { PageUrl } from '@/constants/app';
|
import { PageUrl } from '@/constants/app';
|
||||||
import { logWithPrefix } from '@/utils/common';
|
|
||||||
import { claimMembershipCoupon, getCouponCodeFromQuery } from '@/utils/coupon';
|
import { claimMembershipCoupon, getCouponCodeFromQuery } from '@/utils/coupon';
|
||||||
import { getPageQuery, switchTab } from '@/utils/route';
|
import { getPageQuery, switchTab } from '@/utils/route';
|
||||||
import { formatTime } from '@/utils/time';
|
import { formatTime } from '@/utils/time';
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
|
||||||
const PREFIX = 'give-vip';
|
const PREFIX = 'give-vip';
|
||||||
const log = logWithPrefix(PREFIX);
|
|
||||||
|
|
||||||
enum State {
|
enum State {
|
||||||
PENDING,
|
PENDING,
|
||||||
|
|||||||
3
src/pages/group-detail/index.config.ts
Normal file
3
src/pages/group-detail/index.config.ts
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
export default definePageConfig({
|
||||||
|
navigationBarTitleText: '邀请运营',
|
||||||
|
});
|
||||||
70
src/pages/group-detail/index.less
Normal file
70
src/pages/group-detail/index.less
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
@import '@/styles/variables.less';
|
||||||
|
@import '@/styles/common.less';
|
||||||
|
|
||||||
|
.group-detail {
|
||||||
|
padding: 24px;
|
||||||
|
&__card {
|
||||||
|
padding: 32px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 24px;
|
||||||
|
.flex-column();
|
||||||
|
}
|
||||||
|
&__city-name {
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-radius: 16px;
|
||||||
|
height: 100px;
|
||||||
|
line-height: 100px;
|
||||||
|
color: #6d3df5;
|
||||||
|
font-size: 32px;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 48px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
&__lined-wrapper {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
&__lined-title {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 48px;
|
||||||
|
color: #333333;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: -72px;
|
||||||
|
width: 56px;
|
||||||
|
height: 1px;
|
||||||
|
background: #ccc;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
right: -72px;
|
||||||
|
width: 56px;
|
||||||
|
height: 1px;
|
||||||
|
background: #ccc;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__text {
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 40px;
|
||||||
|
color: #333333;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
|
||||||
|
}
|
||||||
|
&__qrcode {
|
||||||
|
width: 280px;
|
||||||
|
height: 280px;
|
||||||
|
background: #6f7686;
|
||||||
|
display: block;
|
||||||
|
margin: auto auto 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
49
src/pages/group-detail/index.tsx
Normal file
49
src/pages/group-detail/index.tsx
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
import { Image } from '@tarojs/components';
|
||||||
|
import { useLoad } from '@tarojs/taro';
|
||||||
|
|
||||||
|
import { Fragment, useMemo, useState } from 'react';
|
||||||
|
|
||||||
|
import useCityOperators from '@/hooks/use-city-operators';
|
||||||
|
import { getPageQuery } from '@/utils/route';
|
||||||
|
import './index.less';
|
||||||
|
|
||||||
|
const PREFIX = 'group-detail';
|
||||||
|
|
||||||
|
export default function GroupDetail() {
|
||||||
|
const cityOperators = useCityOperators();
|
||||||
|
const [cityCode, setCityCode] = useState('');
|
||||||
|
|
||||||
|
useLoad(() => {
|
||||||
|
const query = getPageQuery<{ cityCode: string }>();
|
||||||
|
setCityCode(String(query.cityCode));
|
||||||
|
});
|
||||||
|
|
||||||
|
const operator = useMemo(() => {
|
||||||
|
if (cityOperators.length && cityCode) {
|
||||||
|
return cityOperators.find(it => String(it.cityCode) === cityCode);
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
}, [cityCode, cityOperators]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={PREFIX}>
|
||||||
|
<div className={`${PREFIX}__card`}>
|
||||||
|
<div className={`${PREFIX}__lined-wrapper`}>
|
||||||
|
<div className={`${PREFIX}__lined-title`}>当前所选城市</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__city-name`}>{operator?.cityName}</div>
|
||||||
|
{operator && operator.groupQrCode ? (
|
||||||
|
<Fragment>
|
||||||
|
<div className={`${PREFIX}__text`}>长按并识别二维码,邀你进主播通告群</div>
|
||||||
|
<Image
|
||||||
|
className={`${PREFIX}__qrcode`}
|
||||||
|
src={operator?.contactQrCode}
|
||||||
|
showMenuByLongpress
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
</Fragment>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -8,10 +8,9 @@ import { PageType, PageUrl, RoleType } from '@/constants/app';
|
|||||||
import useCityOperators from '@/hooks/use-city-operators';
|
import useCityOperators from '@/hooks/use-city-operators';
|
||||||
import useInviteCode from '@/hooks/use-invite-code';
|
import useInviteCode from '@/hooks/use-invite-code';
|
||||||
import { switchRoleType } from '@/utils/app';
|
import { switchRoleType } from '@/utils/app';
|
||||||
import { openCustomerServiceChat } from '@/utils/common';
|
|
||||||
import { getCurrentCityCode } from '@/utils/location';
|
import { getCurrentCityCode } from '@/utils/location';
|
||||||
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
||||||
import { getPageQuery } from '@/utils/route';
|
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||||
import { getCommonShareMessage } from '@/utils/share';
|
import { getCommonShareMessage } from '@/utils/share';
|
||||||
import { checkCityCode } from '@/utils/user';
|
import { checkCityCode } from '@/utils/user';
|
||||||
import './index.less';
|
import './index.less';
|
||||||
@ -38,10 +37,11 @@ export default function GroupV2() {
|
|||||||
if (!checkCityCode(cityCode)) {
|
if (!checkCityCode(cityCode)) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
navigateTo(PageUrl.GroupDetail, { cityCode });
|
||||||
if (group) {
|
// const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
||||||
openCustomerServiceChat(group.groupLink);
|
// if (group) {
|
||||||
}
|
// openCustomerServiceChat(group.groupLink);
|
||||||
|
// }
|
||||||
},
|
},
|
||||||
[cityOperators]
|
[cityOperators]
|
||||||
);
|
);
|
||||||
|
|||||||
3
src/pages/invite-operations/index.config.ts
Normal file
3
src/pages/invite-operations/index.config.ts
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
export default definePageConfig({
|
||||||
|
navigationBarTitleText: '邀请运营',
|
||||||
|
});
|
||||||
156
src/pages/invite-operations/index.less
Normal file
156
src/pages/invite-operations/index.less
Normal file
@ -0,0 +1,156 @@
|
|||||||
|
@import '@/styles/variables.less';
|
||||||
|
@import '@/styles/common.less';
|
||||||
|
|
||||||
|
.invite-operations {
|
||||||
|
&__main {
|
||||||
|
padding-left: 24px;
|
||||||
|
padding-right: 24px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__block {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__card {
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 24px;
|
||||||
|
padding: 32px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__edging {
|
||||||
|
position: absolute;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 28px;
|
||||||
|
color: #946724;
|
||||||
|
padding: 18px 24px;
|
||||||
|
background: #FFF4F0;
|
||||||
|
border-radius:0 0 24px 24px;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__lined-wrapper {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
&__lined-title {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 40px;
|
||||||
|
color: #333333;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: -68px;
|
||||||
|
width: 56px;
|
||||||
|
height: 1px;
|
||||||
|
background: #ccc;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
right: -68px;
|
||||||
|
width: 56px;
|
||||||
|
height: 1px;
|
||||||
|
background: #ccc;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
&__h1 {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 40px;
|
||||||
|
color: #1d2129;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
margin-top: 32px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 0;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
color: @blHighlightColor;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__body {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 40px;
|
||||||
|
color: @blColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__title {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 32px;
|
||||||
|
color: #1d2129;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
left: -138px;
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
right: -138px;
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__copy {
|
||||||
|
.button(@height: 72px; @width: 384px; @fontSize: 28px; @fontWeight: 400; @borderRadius: 44px; @highlight: 0);
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__city-select {
|
||||||
|
background: #F7F7F7;
|
||||||
|
border-radius: 16px;
|
||||||
|
padding: 34px 32px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 32px;
|
||||||
|
margin-top: 24px;
|
||||||
|
line-height: 32px;
|
||||||
|
color: #333333;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
&__qrcode {
|
||||||
|
width: 280px;
|
||||||
|
height: 280px;
|
||||||
|
background: #6F7686;
|
||||||
|
display: block;
|
||||||
|
margin: auto auto 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__action-block {
|
||||||
|
background: #F7F7F7;
|
||||||
|
border-radius: 16px;
|
||||||
|
padding: 32px 0;
|
||||||
|
.flex-column();
|
||||||
|
text-align: center;
|
||||||
|
color: @blHighlightColor;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
}
|
||||||
139
src/pages/invite-operations/index.tsx
Normal file
139
src/pages/invite-operations/index.tsx
Normal file
@ -0,0 +1,139 @@
|
|||||||
|
import { Button, Image } from '@tarojs/components';
|
||||||
|
import Taro, { useLoad } from '@tarojs/taro';
|
||||||
|
|
||||||
|
import { Arrow } from '@taroify/icons';
|
||||||
|
import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
||||||
|
|
||||||
|
import { EventName, OpenSource, PageUrl } from '@/constants/app';
|
||||||
|
import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
|
||||||
|
import useLocation from '@/hooks/use-location';
|
||||||
|
import useUserInfo from '@/hooks/use-user-info';
|
||||||
|
import { StaffInfo } from '@/types/partner';
|
||||||
|
import { copy } from '@/utils/common';
|
||||||
|
import { getStaffInfo } from '@/utils/partner';
|
||||||
|
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||||
|
import './index.less';
|
||||||
|
|
||||||
|
const PREFIX = 'invite-operations';
|
||||||
|
|
||||||
|
export default function InviteOperations() {
|
||||||
|
const location = useLocation();
|
||||||
|
const userInfo = useUserInfo();
|
||||||
|
const [cityCode, setCityCode] = useState<string>();
|
||||||
|
const [staffInfo, setStaffInfo] = useState<StaffInfo | null>(null);
|
||||||
|
const [isCompany, setIsCompany] = useState<boolean | null>(null);
|
||||||
|
|
||||||
|
const copyText = useMemo(() => {
|
||||||
|
return isCompany
|
||||||
|
? `我的播络ID是:${userInfo.userId},邀你进主播群【企业】`
|
||||||
|
: `我的播络ID是:${userInfo.userId},邀你进群`;
|
||||||
|
}, [userInfo.userId, isCompany]);
|
||||||
|
|
||||||
|
const handleClickCityMenu = useCallback(() => {
|
||||||
|
navigateTo(PageUrl.CitySearch, { city: cityCode || location.cityCode, source: OpenSource.InviteOperations });
|
||||||
|
}, [cityCode, location.cityCode]);
|
||||||
|
|
||||||
|
const handleCityChange = useCallback(data => {
|
||||||
|
console.log('handleCityChange', data);
|
||||||
|
const { openSource, cityCode: cCode } = data;
|
||||||
|
if (openSource !== OpenSource.InviteOperations) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setCityCode(cCode);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleCopy = useCallback(() => {
|
||||||
|
copy(copyText);
|
||||||
|
}, [copyText]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
|
||||||
|
return () => {
|
||||||
|
Taro.eventCenter.off(EventName.SELECT_CITY, handleCityChange);
|
||||||
|
};
|
||||||
|
}, [handleCityChange]);
|
||||||
|
|
||||||
|
const useCopyRef = useRef(false);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!userInfo.userId) return;
|
||||||
|
if (isCompany === null) return;
|
||||||
|
if (useCopyRef.current) return;
|
||||||
|
handleCopy();
|
||||||
|
useCopyRef.current = true;
|
||||||
|
}, [handleCopy, isCompany, userInfo.userId]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!cityCode) return;
|
||||||
|
|
||||||
|
getStaffInfo(cityCode)
|
||||||
|
.then(data => {
|
||||||
|
setStaffInfo(data);
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
setStaffInfo(null);
|
||||||
|
});
|
||||||
|
}, [cityCode]);
|
||||||
|
|
||||||
|
useLoad(async () => {
|
||||||
|
const query = getPageQuery<{ company: number }>();
|
||||||
|
setIsCompany(typeof query.company !== 'undefined');
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={PREFIX}>
|
||||||
|
<div className={`${PREFIX}__main`}>
|
||||||
|
<div className={`${PREFIX}__block`}>
|
||||||
|
<div className={`${PREFIX}__lined-wrapper`}>
|
||||||
|
<div className={`${PREFIX}__lined-title ${PREFIX}__title`}>活动说明</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__card`}>
|
||||||
|
<div className={`${PREFIX}__h1 center`}>邀请播络运营进带货主播群</div>
|
||||||
|
<div className={`${PREFIX}__h1 center`} style={{ paddingBottom: `48rpx` }}>
|
||||||
|
{isCompany ? '每邀请进10个群送一个企业月会员' : '每邀请进一个群送一个日会员'}
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__edging`}>注:只能邀请带货主播群,请勿邀请其他群</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__block`}>
|
||||||
|
<div className={`${PREFIX}__lined-wrapper`}>
|
||||||
|
<div className={`${PREFIX}__lined-title ${PREFIX}__title`}>邀请方法</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__card`}>
|
||||||
|
<div className={`${PREFIX}__body`}>
|
||||||
|
<div className={`${PREFIX}__h1`}>
|
||||||
|
加运营为好友并将以下信息 <div className="highlight">粘贴发送给运营</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__action-block`}>
|
||||||
|
<div>{copyText}</div>
|
||||||
|
<Button className={`${PREFIX}__copy`} onClick={handleCopy}>
|
||||||
|
复制
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__lined-wrapper`}>
|
||||||
|
<div className={`${PREFIX}__lined-title`}>选择城市,添加运营</div>
|
||||||
|
</div>
|
||||||
|
<div className={`${PREFIX}__city-select`} onClick={handleClickCityMenu}>
|
||||||
|
{cityCode ? CITY_CODE_TO_NAME_MAP.get(cityCode) : '请选择城市'}
|
||||||
|
<Arrow size={16} />
|
||||||
|
</div>
|
||||||
|
{staffInfo && (
|
||||||
|
<Fragment>
|
||||||
|
<div className={`${PREFIX}__lined-wrapper`}>
|
||||||
|
<div className={`${PREFIX}__lined-title`}>长按并识别二维码添加运营</div>
|
||||||
|
</div>
|
||||||
|
<Image
|
||||||
|
className={`${PREFIX}__qrcode`}
|
||||||
|
src={staffInfo.staffQrCode}
|
||||||
|
showMenuByLongpress
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
</Fragment>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -9,7 +9,6 @@ import CommonDialog from '@/components/common-dialog';
|
|||||||
import DevDiv from '@/components/dev-div';
|
import DevDiv from '@/components/dev-div';
|
||||||
import JobRecommendList from '@/components/job-recommend-list';
|
import JobRecommendList from '@/components/job-recommend-list';
|
||||||
import { JoinGroupHint } from '@/components/join-group-hint';
|
import { JoinGroupHint } from '@/components/join-group-hint';
|
||||||
import LoginButton from '@/components/login-button';
|
|
||||||
import PageLoading from '@/components/page-loading';
|
import PageLoading from '@/components/page-loading';
|
||||||
import { PrejobPopup } from '@/components/prejob-popup';
|
import { PrejobPopup } from '@/components/prejob-popup';
|
||||||
import ProductJobContactDialog from '@/components/product-dialog/job-contact';
|
import ProductJobContactDialog from '@/components/product-dialog/job-contact';
|
||||||
@ -41,7 +40,6 @@ import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
|
|||||||
import { getCommonShareMessage } from '@/utils/share';
|
import { getCommonShareMessage } from '@/utils/share';
|
||||||
import { formatDate } from '@/utils/time';
|
import { formatDate } from '@/utils/time';
|
||||||
import Toast from '@/utils/toast';
|
import Toast from '@/utils/toast';
|
||||||
import { isNeedPhone } from '@/utils/user';
|
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
|
||||||
const PREFIX = 'job-detail';
|
const PREFIX = 'job-detail';
|
||||||
@ -74,8 +72,6 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
|||||||
const [showMaterialGuide, setShowMaterialGuide] = useState(false);
|
const [showMaterialGuide, setShowMaterialGuide] = useState(false);
|
||||||
const [productInfo, setProductInfo] = useState<undefined | ProductInfo>();
|
const [productInfo, setProductInfo] = useState<undefined | ProductInfo>();
|
||||||
const [productRecord, setProductRecord] = useState<undefined | GetProductIsUnlockResponse>();
|
const [productRecord, setProductRecord] = useState<undefined | GetProductIsUnlockResponse>();
|
||||||
const userInfo = useUserInfo();
|
|
||||||
const needPhone = isNeedPhone(userInfo);
|
|
||||||
|
|
||||||
const getProductRecord = useCallback(async () => {
|
const getProductRecord = useCallback(async () => {
|
||||||
const result = await requestProductUseRecord(ProductType.VIP, { jobId: data.id });
|
const result = await requestProductUseRecord(ProductType.VIP, { jobId: data.id });
|
||||||
@ -150,7 +146,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
|||||||
Toast.error('请求失败请重试');
|
Toast.error('请求失败请重试');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, [data, productInfo?.freeBalance, productInfo?.isCreateResume, productInfo?.isPaidVip]);
|
}, [data, productInfo?.freeBalance, productInfo?.isCreateResume, productInfo?.isPaidVip, productRecord]);
|
||||||
|
|
||||||
const handleDialogClose = useCallback(() => {
|
const handleDialogClose = useCallback(() => {
|
||||||
setShowJobContactDialog(false);
|
setShowJobContactDialog(false);
|
||||||
@ -211,21 +207,14 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
|||||||
<Button className={`${PREFIX}__share-button`} openType="share">
|
<Button className={`${PREFIX}__share-button`} openType="share">
|
||||||
分享
|
分享
|
||||||
</Button>
|
</Button>
|
||||||
<LoginButton
|
<Button className={`${PREFIX}__contact-publisher`} onClick={handleClickContact}>
|
||||||
needRefresh
|
|
||||||
onRefresh={handleRefresh}
|
|
||||||
className={`${PREFIX}__contact-publisher`}
|
|
||||||
onClick={handleClickContact}
|
|
||||||
>
|
|
||||||
{data.isAuthed ? '在线沟通' : '查看联系方式'}
|
{data.isAuthed ? '在线沟通' : '查看联系方式'}
|
||||||
{needPhone ? (
|
{!productRecord && (data.isAuthed || productInfo?.content) ? (
|
||||||
<div className={`${PREFIX}__contact-publisher-tag`}>登录后可免费报单</div>
|
|
||||||
) : !productRecord && (data.isAuthed || productInfo?.content) ? (
|
|
||||||
<div className={`${PREFIX}__contact-publisher-tag`}>
|
<div className={`${PREFIX}__contact-publisher-tag`}>
|
||||||
{data.isAuthed ? '急招岗位可免费查看' : productInfo?.content}
|
{data.isAuthed ? '急招岗位可免费查看' : productInfo?.content}
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</LoginButton>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{showJobContactDialog && (
|
{showJobContactDialog && (
|
||||||
@ -242,6 +231,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
|||||||
isCreateResume={productInfo?.isCreateResume}
|
isCreateResume={productInfo?.isCreateResume}
|
||||||
onCancel={() => setShowMaterialGuide(false)}
|
onCancel={() => setShowMaterialGuide(false)}
|
||||||
onConfirm={handleConfirmPrejob}
|
onConfirm={handleConfirmPrejob}
|
||||||
|
onRefresh={handleRefresh}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<CommonDialog
|
<CommonDialog
|
||||||
|
|||||||
@ -41,6 +41,7 @@ import { getPageQuery, navigateBack, navigateTo } from '@/utils/route';
|
|||||||
import Toast from '@/utils/toast';
|
import Toast from '@/utils/toast';
|
||||||
|
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
import { RESPONSE_ERROR_CODE } from '@/http/constant';
|
||||||
|
|
||||||
const PREFIX = 'page-job-publish';
|
const PREFIX = 'page-job-publish';
|
||||||
const log = logWithPrefix(PREFIX);
|
const log = logWithPrefix(PREFIX);
|
||||||
@ -145,6 +146,7 @@ export default function JobPublish() {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const refreshJobPublishList = useCallback(() => {
|
const refreshJobPublishList = useCallback(() => {
|
||||||
|
console.log('哈哈哈哈触发 refresh job publish list');
|
||||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||||
@ -213,13 +215,13 @@ export default function JobPublish() {
|
|||||||
createdJobIdRef.current = jobId;
|
createdJobIdRef.current = jobId;
|
||||||
refreshJobPublishList();
|
refreshJobPublishList();
|
||||||
|
|
||||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
// if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||||
// 去认证
|
// // 去认证
|
||||||
store.dispatch(cacheJobId(jobId));
|
// store.dispatch(cacheJobId(jobId));
|
||||||
navigateTo(PageUrl.CertificationStart);
|
// navigateTo(PageUrl.CertificationStart);
|
||||||
Taro.hideLoading();
|
// Taro.hideLoading();
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
|
|
||||||
const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
|
const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
|
||||||
if (time <= 0) {
|
if (time <= 0) {
|
||||||
@ -237,29 +239,48 @@ export default function JobPublish() {
|
|||||||
navigateBack();
|
navigateBack();
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
createdJobIdRef.current = '';
|
createdJobIdRef.current = '';
|
||||||
console.error('submit error', e);
|
console.error('submit error', e.errorCode, e.errorMsg);
|
||||||
Toast.error('审核失败请重试');
|
console.dir(e);
|
||||||
|
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||||
|
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||||
|
} else {
|
||||||
|
Toast.error('审核失败请重试');
|
||||||
|
}
|
||||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||||
} finally {
|
} finally {
|
||||||
Taro.hideLoading();
|
Taro.hideLoading();
|
||||||
}
|
}
|
||||||
}, [getCreateJobInfo, isUpdate, job, userInfo.bossAuthStatus, refreshJobPublishList]);
|
}, [getCreateJobInfo, isUpdate, job, refreshJobPublishList]);
|
||||||
|
|
||||||
const handleNext = useCallback(async () => {
|
const handleNext = useCallback(async () => {
|
||||||
Taro.showLoading();
|
Taro.showLoading();
|
||||||
|
|
||||||
|
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||||
|
// 去认证
|
||||||
|
store.dispatch(cacheJobId(createdJobIdRef.current));
|
||||||
|
navigateTo(PageUrl.CertificationStart);
|
||||||
|
Taro.hideLoading();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await postPublishJob(createdJobIdRef.current);
|
await postPublishJob(createdJobIdRef.current);
|
||||||
refreshJobPublishList();
|
refreshJobPublishList();
|
||||||
await Toast.success('发布成功', 1500, true);
|
await Toast.success('发布成功', 1500, true);
|
||||||
navigateBack();
|
navigateBack();
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('submit error', e);
|
console.error('submit error', e.errorCode, e.errorMsg);
|
||||||
Toast.error('审核失败请重试');
|
console.dir(e);
|
||||||
|
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||||
|
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||||
|
} else {
|
||||||
|
Toast.error('审核失败请重试');
|
||||||
|
}
|
||||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||||
} finally {
|
} finally {
|
||||||
Taro.hideLoading();
|
Taro.hideLoading();
|
||||||
}
|
}
|
||||||
}, [refreshJobPublishList]);
|
}, [refreshJobPublishList, userInfo.bossAuthStatus]);
|
||||||
|
|
||||||
const handleClosePublishJob = useCallback(() => {
|
const handleClosePublishJob = useCallback(() => {
|
||||||
setShowBuy(false);
|
setShowBuy(false);
|
||||||
|
|||||||
@ -19,7 +19,7 @@ import { logWithPrefix } from '@/utils/common';
|
|||||||
import { getWxLocation, isNotNeedAuthorizeLocation, requestLocation } from '@/utils/location';
|
import { getWxLocation, isNotNeedAuthorizeLocation, requestLocation } from '@/utils/location';
|
||||||
import { requestUnreadMessageCount } from '@/utils/message';
|
import { requestUnreadMessageCount } from '@/utils/message';
|
||||||
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
||||||
import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
|
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||||
import { getCommonShareMessage } from '@/utils/share';
|
import { getCommonShareMessage } from '@/utils/share';
|
||||||
import Toast from '@/utils/toast';
|
import Toast from '@/utils/toast';
|
||||||
import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
|
import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
|
||||||
@ -138,13 +138,12 @@ export default function Job() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
useShareAppMessage(() => {
|
useShareAppMessage(() => {
|
||||||
if (sortType === SortType.CREATE_TIME) {
|
return getCommonShareMessage({
|
||||||
return {
|
inviteCode,
|
||||||
title: '这里有今日全城新增通告,快来看看',
|
path: PageUrl.Job,
|
||||||
path: getJumpUrl(PageUrl.Job, { sortType, c: inviteCode }),
|
params: sortType === SortType.CREATE_TIME ? { sortType } : {},
|
||||||
};
|
title: sortType === SortType.CREATE_TIME ? '今日春节岗位已更新,快来看看' : '',
|
||||||
}
|
});
|
||||||
return getCommonShareMessage({ inviteCode, path: PageUrl.Job });
|
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -21,7 +21,24 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__video-list {
|
&__video-list {
|
||||||
margin-top: 16px;
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__hint {
|
||||||
|
line-height: 64px;
|
||||||
|
height: 64px;
|
||||||
|
background: #fff4f0;
|
||||||
|
border-radius: 24px 24px 0px 0px;
|
||||||
|
padding: 0 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 26px;
|
||||||
|
color: #946724;
|
||||||
|
|
||||||
|
+ .material-video-card {
|
||||||
|
margin-top: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__footer {
|
&__footer {
|
||||||
@ -29,7 +46,7 @@
|
|||||||
left: 24px;
|
left: 24px;
|
||||||
right: 24px;
|
right: 24px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: #F5F6FA;
|
background: #f5f6fa;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__submit-btn {
|
&__submit-btn {
|
||||||
|
|||||||
@ -181,6 +181,7 @@ export default function MaterialUploadVideo() {
|
|||||||
<div className={`${PREFIX}__header-tips`}>录屏是企业最关注的资料,建议提供多个风格和品类</div>
|
<div className={`${PREFIX}__header-tips`}>录屏是企业最关注的资料,建议提供多个风格和品类</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={`${PREFIX}__video-list`}>
|
<div className={`${PREFIX}__video-list`}>
|
||||||
|
<div className={`${PREFIX}__hint`}>注:请勿乱传,也不要上传简历,会被封号</div>
|
||||||
{videoList.map(video => (
|
{videoList.map(video => (
|
||||||
<MaterialVideoCard
|
<MaterialVideoCard
|
||||||
key={video.coverUrl}
|
key={video.coverUrl}
|
||||||
|
|||||||
@ -97,11 +97,11 @@ export default function MaterialViewPage() {
|
|||||||
}
|
}
|
||||||
const jobDetail = await requestJobDetail(jobId);
|
const jobDetail = await requestJobDetail(jobId);
|
||||||
if (jobDetail.status !== JobManageStatus.Open) {
|
if (jobDetail.status !== JobManageStatus.Open) {
|
||||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
// if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||||
store.dispatch(cacheJobId(jobId));
|
// store.dispatch(cacheJobId(jobId));
|
||||||
navigateTo(PageUrl.CertificationStart);
|
// navigateTo(PageUrl.CertificationStart);
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
|
|
||||||
setShowBuy(true);
|
setShowBuy(true);
|
||||||
return;
|
return;
|
||||||
@ -137,14 +137,27 @@ export default function MaterialViewPage() {
|
|||||||
}, [profile, jobId]);
|
}, [profile, jobId]);
|
||||||
const handleNext = useCallback(async () => {
|
const handleNext = useCallback(async () => {
|
||||||
setShowBuy(false);
|
setShowBuy(false);
|
||||||
|
|
||||||
|
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||||
|
store.dispatch(cacheJobId(jobId!));
|
||||||
|
navigateTo(PageUrl.CertificationStart);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await postPublishJob(jobId!);
|
await postPublishJob(jobId!);
|
||||||
await handleClickContact();
|
await handleClickContact();
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
Toast.error('通告发布失败');
|
console.error('submit error', e.errorCode, e.errorMsg);
|
||||||
|
console.dir(e);
|
||||||
|
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||||
|
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||||
|
} else {
|
||||||
|
Toast.error('通告发布失败');
|
||||||
|
}
|
||||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||||
}
|
}
|
||||||
}, [handleClickContact, jobId]);
|
}, [handleClickContact, jobId, userInfo.bossAuthStatus]);
|
||||||
const handleClickNoViewTimes = useCallback(() => {
|
const handleClickNoViewTimes = useCallback(() => {
|
||||||
setNoTimeDialogVisible(false);
|
setNoTimeDialogVisible(false);
|
||||||
navigateBack();
|
navigateBack();
|
||||||
|
|||||||
@ -24,7 +24,7 @@ const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comme
|
|||||||
export default function BizService() {
|
export default function BizService() {
|
||||||
const inviteCode = useInviteCode();
|
const inviteCode = useInviteCode();
|
||||||
const cityOperators = useCityOperators();
|
const cityOperators = useCityOperators();
|
||||||
const [value, setValue] = useState('0');
|
const [value, setValue] = useState('1');
|
||||||
|
|
||||||
const handleClickDelegate = useCallback(() => {
|
const handleClickDelegate = useCallback(() => {
|
||||||
navigateTo(PageUrl.GroupDelegatePublish);
|
navigateTo(PageUrl.GroupDelegatePublish);
|
||||||
@ -43,10 +43,11 @@ export default function BizService() {
|
|||||||
if (!checkCityCode(cityCode)) {
|
if (!checkCityCode(cityCode)) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
// const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
||||||
if (group) {
|
// if (group) {
|
||||||
openCustomerServiceChat(group.groupLink);
|
// openCustomerServiceChat(group.groupLink);
|
||||||
}
|
// }
|
||||||
|
navigateTo(PageUrl.GroupDetail, { cityCode });
|
||||||
},
|
},
|
||||||
[cityOperators]
|
[cityOperators]
|
||||||
);
|
);
|
||||||
@ -80,31 +81,31 @@ export default function BizService() {
|
|||||||
<HomePage type={PageType.BatchPublish}>
|
<HomePage type={PageType.BatchPublish}>
|
||||||
<div className={PREFIX}>
|
<div className={PREFIX}>
|
||||||
<Tabs className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
|
<Tabs className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
|
||||||
<Tabs.TabPane value="0" title="代招">
|
{/*<Tabs.TabPane value="0" title="代招">*/}
|
||||||
<div className={`${PREFIX}__recruitment`}>
|
{/* <div className={`${PREFIX}__recruitment`}>*/}
|
||||||
<div className={`${PREFIX}__recruitment-card`}>
|
{/* <div className={`${PREFIX}__recruitment-card`}>*/}
|
||||||
<div className={`${PREFIX}__recruitment-h5`}>服务城市</div>
|
{/* <div className={`${PREFIX}__recruitment-h5`}>服务城市</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>江、沪、皖-上海、南京、合肥</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>江、沪、皖-上海、南京、合肥</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>粤、闽-广州、深圳、佛山、厦门、福州、泉州</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>粤、闽-广州、深圳、佛山、厦门、福州、泉州</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>京、鲁-北京、青岛</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>京、鲁-北京、青岛</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>鄂、豫、湘、陕-长沙、武汉、郑州、西安</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>鄂、豫、湘、陕-长沙、武汉、郑州、西安</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>川、渝、云-成都、重庆、昆明</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>川、渝、云-成都、重庆、昆明</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-h5`}>服务方式及收费标准</div>
|
{/* <div className={`${PREFIX}__recruitment-h5`}>服务方式及收费标准</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>服务方式:提供录屏和基本资料供挑选,挑中安排面试</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>服务方式:提供录屏和基本资料供挑选,挑中安排面试</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>收费标准:安排一场面试200元</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>收费标准:安排一场面试200元</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>收费方式:预付费,按安排面试场数扣费</div>
|
{/* <div className={`${PREFIX}__recruitment-body`}>收费方式:预付费,按安排面试场数扣费</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-h5`}>服务能力</div>
|
{/* <div className={`${PREFIX}__recruitment-h5`}>服务能力</div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-body`}>
|
{/* <div className={`${PREFIX}__recruitment-body`}>*/}
|
||||||
我们在每个城市均有数量众多的主播群,少则几十个,多则上千个,有各种类型和层次的带货主播资源
|
{/* 我们在每个城市均有数量众多的主播群,少则几十个,多则上千个,有各种类型和层次的带货主播资源*/}
|
||||||
</div>
|
{/* </div>*/}
|
||||||
<div className={`${PREFIX}__recruitment-btn-group`}>
|
{/* <div className={`${PREFIX}__recruitment-btn-group`}>*/}
|
||||||
<Button className={`${PREFIX}__recruitment-btn`} onClick={handleOpenService}>
|
{/* <Button className={`${PREFIX}__recruitment-btn`} onClick={handleOpenService}>*/}
|
||||||
点此咨询
|
{/* 点此咨询*/}
|
||||||
</Button>
|
{/* </Button>*/}
|
||||||
</div>
|
{/* </div>*/}
|
||||||
</div>
|
{/* </div>*/}
|
||||||
</div>
|
{/* </div>*/}
|
||||||
</Tabs.TabPane>
|
{/*</Tabs.TabPane>*/}
|
||||||
<Tabs.TabPane
|
<Tabs.TabPane
|
||||||
value="1"
|
value="1"
|
||||||
title={
|
title={
|
||||||
|
|||||||
@ -1,3 +1,5 @@
|
|||||||
|
import { ProductSpecId } from '@/constants/product';
|
||||||
|
|
||||||
export interface Coordinate {
|
export interface Coordinate {
|
||||||
latitude: number; // 纬度,浮点数,范围为-90~90,负数表示南纬
|
latitude: number; // 纬度,浮点数,范围为-90~90,负数表示南纬
|
||||||
longitude: number; // 经度,范围为-180~180,负数表示西经
|
longitude: number; // 经度,范围为-180~180,负数表示西经
|
||||||
@ -30,6 +32,11 @@ export interface CityConfigListItem {
|
|||||||
groupLink: string;
|
groupLink: string;
|
||||||
created: string;
|
created: string;
|
||||||
updated: string;
|
updated: string;
|
||||||
price: number | null;
|
payPrice: number | null;
|
||||||
|
showPrice: number | null;
|
||||||
sendCount: number | null;
|
sendCount: number | null;
|
||||||
|
groupQrCode?: string;
|
||||||
|
contactQrCode?: string;
|
||||||
|
originalPrice?: number;
|
||||||
|
productSpecId?: ProductSpecId;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -114,6 +114,7 @@ export interface GetOrderInfoRequest {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export interface ProductSpecResult {
|
export interface ProductSpecResult {
|
||||||
|
id: string;
|
||||||
productId: string;
|
productId: string;
|
||||||
productSpecId: ProductSpecId;
|
productSpecId: ProductSpecId;
|
||||||
productType: ProductType;
|
productType: ProductType;
|
||||||
|
|||||||
Reference in New Issue
Block a user