feat:
This commit is contained in:
@ -2,11 +2,12 @@ import { Image } from '@tarojs/components';
|
||||
|
||||
import { Arrow } from '@taroify/icons';
|
||||
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 { JOB_MANAGE_STATUS_TITLE_MAP, JobManageStatus } from '@/constants/job';
|
||||
import useCityOperators from '@/hooks/use-city-operators';
|
||||
import { JobManageInfo } from '@/types/job';
|
||||
import { getJobLocation } from '@/utils/job';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
@ -30,6 +31,9 @@ const STATUS_CLASS_MAP = {
|
||||
};
|
||||
|
||||
function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInfo['id'] }) {
|
||||
const cityOperators = useCityOperators();
|
||||
const availableCities = useMemo(() => cityOperators.filter(c => c.sendCount), [cityOperators]);
|
||||
|
||||
const handleClick = useCallback(
|
||||
e => {
|
||||
e.preventDefault();
|
||||
@ -38,7 +42,7 @@ function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInf
|
||||
},
|
||||
[cityCode, jobId]
|
||||
);
|
||||
if (!cityValues.find(c => c.cityCode === cityCode)) {
|
||||
if (!availableCities.find(c => c.cityCode === cityCode)) {
|
||||
return null;
|
||||
}
|
||||
return (
|
||||
|
||||
@ -1,2 +1,28 @@
|
||||
@import '@/styles/common.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 { List, PullRefresh } from '@taroify/core';
|
||||
@ -28,7 +29,15 @@ const FIRST_PAGE = 0;
|
||||
const PAGE_SIZE = 40;
|
||||
const PREFIX = 'job-manage-list';
|
||||
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) {
|
||||
const { className, listHeight, refreshDisabled, visible = true, status, onListEmpty } = props;
|
||||
const [refreshing, setRefreshing] = useState(false);
|
||||
@ -151,6 +160,8 @@ function JobManageList(props: IJobManageListProps) {
|
||||
onRefresh={handleRefresh}
|
||||
disabled={refreshDisabled}
|
||||
>
|
||||
{Boolean(!dataList.length) && <EmptyTips className={className} height={listHeight} />}
|
||||
|
||||
<List
|
||||
hasMore={hasMore}
|
||||
onLoad={handleLoadMore}
|
||||
|
||||
@ -4,6 +4,7 @@ import Taro from '@tarojs/taro';
|
||||
import { Dialog, Popup } from '@taroify/core';
|
||||
import { Fragment, useCallback, useState } from 'react';
|
||||
|
||||
import LoginButton from '@/components/login-button';
|
||||
import JobBuy from '@/components/product-dialog/steps-ui/job-buy';
|
||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
@ -14,6 +15,8 @@ import './index.less';
|
||||
|
||||
interface IProps {
|
||||
onCancel: () => void;
|
||||
onRefresh: () => void;
|
||||
needLogin?: boolean;
|
||||
isCreateResume?: boolean;
|
||||
onConfirm: (type: GET_CONTACT_TYPE) => void;
|
||||
}
|
||||
@ -27,6 +30,7 @@ const GET_CONTACT_TYPE_OPTIONS = [
|
||||
title: '创建模卡(免费报单)',
|
||||
desc: '免费报单,优先推荐给企业,机会更多',
|
||||
btnText: '创建',
|
||||
needLogin: true,
|
||||
},
|
||||
{
|
||||
type: GET_CONTACT_TYPE.VIP,
|
||||
@ -51,7 +55,7 @@ const GET_CONTACT_TYPE_OPTIONS = [
|
||||
},
|
||||
];
|
||||
|
||||
export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
||||
export function PrejobPopup({ onCancel, isCreateResume, onConfirm, onRefresh }: IProps) {
|
||||
const [openPopup, setOpenPopup] = useState(true);
|
||||
const [openDialog, setOpenDialog] = useState(false);
|
||||
const [clicked, setClicked] = useState(!!Taro.getStorageSync(CacheKey.JOIN_GROUP_POPUP_CLICKED));
|
||||
@ -98,9 +102,20 @@ export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
||||
<div className="desc">{option.desc}</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__item-action`}>
|
||||
{option.needLogin ? (
|
||||
<LoginButton
|
||||
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>
|
||||
);
|
||||
|
||||
@ -2,7 +2,7 @@ import { Button } from '@tarojs/components';
|
||||
import Taro from '@tarojs/taro';
|
||||
|
||||
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 { 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 { PageUrl } from '@/constants/app';
|
||||
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 { BatchPublishGroup } from '@/types/group';
|
||||
import { CityConfigListItem } from '@/types/location';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
import { requestJobDetail } from '@/utils/job';
|
||||
import {
|
||||
@ -28,65 +29,29 @@ import { navigateTo } from '@/utils/route';
|
||||
import Toast from '@/utils/toast';
|
||||
import './index.less';
|
||||
|
||||
interface CityValue extends BatchPublishGroup {
|
||||
cityName: string;
|
||||
}
|
||||
|
||||
interface CityOption extends ISelectOption<CityValue> {
|
||||
value: CityValue;
|
||||
interface CityOption extends ISelectOption<CityConfigListItem> {
|
||||
value: CityConfigListItem;
|
||||
}
|
||||
|
||||
const PREFIX = 'user-batch-publish';
|
||||
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 }) {
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [showQrCode, setShowQrCode] = useState(false);
|
||||
const [selectable, setSelectable] = useState(false);
|
||||
const [showCitySelect, setShowCitySelect] = useState(false);
|
||||
const [city, setCity] = useState<CityOption['value'] | null>(null);
|
||||
const { price, originalPrice, productSpecId } = calcPrice(city);
|
||||
const [city, setCity] = useState<CityConfigListItem | null>(null);
|
||||
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 handleClickCity = useCallback(() => setShowCitySelect(true), []);
|
||||
|
||||
@ -102,7 +67,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
// setShowQrCode(true);
|
||||
// return;
|
||||
// }
|
||||
if (!price || !productSpecId) {
|
||||
if (!city || !city.payPrice || !city.showPrice || !city.sendCount || !city.productSpecId) {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
@ -127,10 +92,10 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
|
||||
const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
|
||||
type: OrderType.GroupBatchPublish,
|
||||
amt: getOrderPrice(price),
|
||||
amt: city.payPrice,
|
||||
// amt: 1,
|
||||
productCode: ProductType.GroupBatchPublish,
|
||||
productSpecId: productSpecId,
|
||||
productSpecId: city.productSpecId,
|
||||
});
|
||||
log('handleBuy payInfo', payOrderNo, createPayInfo);
|
||||
await requestPayment({
|
||||
@ -152,14 +117,14 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
Toast.error(isCancelPay(e) ? '取消购买' : '购买失败请重试');
|
||||
log('handleBuy error', e);
|
||||
}
|
||||
}, [jobId, price, productSpecId]);
|
||||
}, [cityCode, jobId, city]);
|
||||
|
||||
useEffect(() => {
|
||||
// if (!cityCode) {
|
||||
// return;
|
||||
// }
|
||||
if (!availableCities.length) {
|
||||
return;
|
||||
}
|
||||
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);
|
||||
|
||||
@ -172,7 +137,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
} catch (e) {
|
||||
Toast.error('加载失败请重试');
|
||||
}
|
||||
}, [cityCode]);
|
||||
}, [availableCities, cityCode]);
|
||||
|
||||
if (loading) {
|
||||
return <PageLoading />;
|
||||
@ -203,11 +168,13 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
查看该城市合作群列表
|
||||
</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}__cost-describe`}>
|
||||
<div className={`${PREFIX}__cost-describe__price`}>{`${price}元`}</div>
|
||||
<div className={`${PREFIX}__cost-describe__original_price`}>{`原价:${originalPrice}元`}</div>
|
||||
<div className={`${PREFIX}__cost-describe__price`}>{`${city?.showPrice}元`}</div>
|
||||
<div
|
||||
className={`${PREFIX}__cost-describe__original_price`}
|
||||
>{`原价:${city?.originalPrice || city?.sendCount}元`}</div>
|
||||
</div>
|
||||
|
||||
<Button className={`${PREFIX}__buy-button`} onClick={handleClickBuy}>
|
||||
|
||||
@ -36,7 +36,10 @@ export enum ProductSpecId {
|
||||
GroupBatchPublish60 = 'GROUP_BATCH_PUSH_60',
|
||||
GroupBatchPublish80 = 'GROUP_BATCH_PUSH_80',
|
||||
GroupBatchPublish100 = 'GROUP_BATCH_PUSH_100',
|
||||
GroupBatchPublish120 = 'GROUP_BATCH_PUSH_120',
|
||||
GroupBatchPublish150 = 'GROUP_BATCH_PUSH_150',
|
||||
GroupBatchPublish200 = 'GROUP_BATCH_PUSH_200',
|
||||
GroupBatchPublish250 = 'GROUP_BATCH_PUSH_250',
|
||||
GroupBatchPublish300 = 'GROUP_BATCH_PUSH_300',
|
||||
GroupBatchPublish500 = 'GROUP_BATCH_PUSH_500',
|
||||
GroupBatchPublish750 = 'GROUP_BATCH_PUSH_750',
|
||||
|
||||
@ -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 { Cell } from '@taroify/core';
|
||||
import { GoodJob } from '@taroify/icons';
|
||||
import classNames from 'classnames';
|
||||
import { useCallback } from 'react';
|
||||
|
||||
@ -22,10 +23,27 @@ export default function CompanyFragment() {
|
||||
navigateTo(PageUrl.CertificationManage);
|
||||
}, [userInfo]);
|
||||
|
||||
const handleClickInviteOperations = useCallback(() => navigateTo(PageUrl.InviteOperations, { company: 1 }), []);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<CertificationStatus 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
|
||||
isLink
|
||||
align="center"
|
||||
@ -34,7 +52,7 @@ export default function CompanyFragment() {
|
||||
<div className={`${PREFIX}__cell-icon`}>
|
||||
<Image src="https://publiccdn.neighbourhood.com.cn/img/lightning.svg" />
|
||||
</div>
|
||||
发布急招通告,优先展示
|
||||
发布急招主播岗位
|
||||
</div>
|
||||
}
|
||||
className={classNames(`${PREFIX}__cell`, `${PREFIX}__go-publish-cell`)}
|
||||
|
||||
@ -48,7 +48,7 @@ const CompanyTabs: TabItemType[] = [
|
||||
{
|
||||
type: PageType.BatchPublish,
|
||||
pagePath: PageUrl.UserBatchPublish,
|
||||
text: '代发代招',
|
||||
text: '群代发',
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@ -25,17 +25,17 @@ export const usePublishJob = (jobId?: string): [boolean, Dispatch<SetStateAction
|
||||
}
|
||||
|
||||
try {
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
Taro.showLoading();
|
||||
await postPublishJob(jobId);
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
setShowBuy(false);
|
||||
Toast.success('发布成功');
|
||||
Taro.hideLoading();
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
}
|
||||
} catch (error) {
|
||||
Taro.hideLoading();
|
||||
const e = error as HttpError;
|
||||
|
||||
@ -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 {
|
||||
width: 100%;
|
||||
|
||||
@ -1,9 +1,8 @@
|
||||
import { Button, Image } from '@tarojs/components';
|
||||
import { Button } from '@tarojs/components';
|
||||
import { NodesRef } from '@tarojs/taro';
|
||||
|
||||
import { Tabs } from '@taroify/core';
|
||||
import classNames from 'classnames';
|
||||
import { useCallback, useEffect, useState } from 'react';
|
||||
import { useCallback, useState } from 'react';
|
||||
|
||||
import JobManageList, { IJobManageListProps } from '@/components/job-manage-list';
|
||||
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) {
|
||||
const { className, listHeight, visible } = 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} />;
|
||||
return <JobManageList {...props} />;
|
||||
}
|
||||
|
||||
export default function CertificationManage() {
|
||||
|
||||
@ -35,7 +35,12 @@ export default function GroupDetail() {
|
||||
{operator && operator.groupQrCode ? (
|
||||
<Fragment>
|
||||
<div className={`${PREFIX}__text`}>长按并识别二维码,邀你进主播通告群</div>
|
||||
<Image className={`${PREFIX}__qrcode`} src={operator?.groupQrCode} showMenuByLongpress mode="aspectFill" />
|
||||
<Image
|
||||
className={`${PREFIX}__qrcode`}
|
||||
src={operator?.contactQrCode}
|
||||
showMenuByLongpress
|
||||
mode="aspectFill"
|
||||
/>
|
||||
</Fragment>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { Button, Image } from '@tarojs/components';
|
||||
import Taro from '@tarojs/taro';
|
||||
import Taro, { useLoad } from '@tarojs/taro';
|
||||
|
||||
import { Arrow } from '@taroify/icons';
|
||||
import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
|
||||
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';
|
||||
@ -11,7 +11,7 @@ import useUserInfo from '@/hooks/use-user-info';
|
||||
import { StaffInfo } from '@/types/partner';
|
||||
import { copy } from '@/utils/common';
|
||||
import { getStaffInfo } from '@/utils/partner';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'invite-operations';
|
||||
@ -21,6 +21,13 @@ export default function InviteOperations() {
|
||||
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 });
|
||||
@ -36,8 +43,8 @@ export default function InviteOperations() {
|
||||
}, []);
|
||||
|
||||
const handleCopy = useCallback(() => {
|
||||
copy(`我的播络ID是:${userInfo.userId},邀你进群`);
|
||||
}, [userInfo.userId]);
|
||||
copy(copyText);
|
||||
}, [copyText]);
|
||||
|
||||
useEffect(() => {
|
||||
Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
|
||||
@ -50,10 +57,11 @@ export default function InviteOperations() {
|
||||
|
||||
useEffect(() => {
|
||||
if (!userInfo.userId) return;
|
||||
if (isCompany === null) return;
|
||||
if (useCopyRef.current) return;
|
||||
handleCopy();
|
||||
useCopyRef.current = true;
|
||||
}, [handleCopy, userInfo.userId]);
|
||||
}, [handleCopy, isCompany, userInfo.userId]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!cityCode) return;
|
||||
@ -67,6 +75,11 @@ export default function InviteOperations() {
|
||||
});
|
||||
}, [cityCode]);
|
||||
|
||||
useLoad(async () => {
|
||||
const query = getPageQuery<{ company: number }>();
|
||||
setIsCompany(typeof query.company !== 'undefined');
|
||||
});
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<div className={`${PREFIX}__main`}>
|
||||
@ -77,7 +90,7 @@ export default function InviteOperations() {
|
||||
<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>
|
||||
@ -92,7 +105,7 @@ export default function InviteOperations() {
|
||||
加运营为好友并将以下信息 <div className="highlight">粘贴发送给运营</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__action-block`}>
|
||||
<div>我的播络ID是:{userInfo.userId},邀你进群</div>
|
||||
<div>{copyText}</div>
|
||||
<Button className={`${PREFIX}__copy`} onClick={handleCopy}>
|
||||
复制
|
||||
</Button>
|
||||
|
||||
@ -9,7 +9,6 @@ import CommonDialog from '@/components/common-dialog';
|
||||
import DevDiv from '@/components/dev-div';
|
||||
import JobRecommendList from '@/components/job-recommend-list';
|
||||
import { JoinGroupHint } from '@/components/join-group-hint';
|
||||
import LoginButton from '@/components/login-button';
|
||||
import PageLoading from '@/components/page-loading';
|
||||
import { PrejobPopup } from '@/components/prejob-popup';
|
||||
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 { formatDate } from '@/utils/time';
|
||||
import Toast from '@/utils/toast';
|
||||
import { isNeedPhone } from '@/utils/user';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'job-detail';
|
||||
@ -74,8 +72,6 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
const [showMaterialGuide, setShowMaterialGuide] = useState(false);
|
||||
const [productInfo, setProductInfo] = useState<undefined | ProductInfo>();
|
||||
const [productRecord, setProductRecord] = useState<undefined | GetProductIsUnlockResponse>();
|
||||
const userInfo = useUserInfo();
|
||||
const needPhone = isNeedPhone(userInfo);
|
||||
|
||||
const getProductRecord = useCallback(async () => {
|
||||
const result = await requestProductUseRecord(ProductType.VIP, { jobId: data.id });
|
||||
@ -211,21 +207,14 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
<Button className={`${PREFIX}__share-button`} openType="share">
|
||||
分享
|
||||
</Button>
|
||||
<LoginButton
|
||||
needRefresh
|
||||
onRefresh={handleRefresh}
|
||||
className={`${PREFIX}__contact-publisher`}
|
||||
onClick={handleClickContact}
|
||||
>
|
||||
<Button className={`${PREFIX}__contact-publisher`} onClick={handleClickContact}>
|
||||
{data.isAuthed ? '在线沟通' : '查看联系方式'}
|
||||
{needPhone ? (
|
||||
<div className={`${PREFIX}__contact-publisher-tag`}>登录后可免费报单</div>
|
||||
) : !productRecord && (data.isAuthed || productInfo?.content) ? (
|
||||
{!productRecord && (data.isAuthed || productInfo?.content) ? (
|
||||
<div className={`${PREFIX}__contact-publisher-tag`}>
|
||||
{data.isAuthed ? '急招岗位可免费查看' : productInfo?.content}
|
||||
</div>
|
||||
) : null}
|
||||
</LoginButton>
|
||||
</Button>
|
||||
</div>
|
||||
<div>
|
||||
{showJobContactDialog && (
|
||||
@ -242,6 +231,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
isCreateResume={productInfo?.isCreateResume}
|
||||
onCancel={() => setShowMaterialGuide(false)}
|
||||
onConfirm={handleConfirmPrejob}
|
||||
onRefresh={handleRefresh}
|
||||
/>
|
||||
)}
|
||||
<CommonDialog
|
||||
|
||||
@ -146,6 +146,7 @@ export default function JobPublish() {
|
||||
}, []);
|
||||
|
||||
const refreshJobPublishList = useCallback(() => {
|
||||
console.log('哈哈哈哈触发 refresh job publish list');
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
setTimeout(() => {
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
@ -214,13 +215,13 @@ export default function JobPublish() {
|
||||
createdJobIdRef.current = jobId;
|
||||
refreshJobPublishList();
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// 去认证
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
Taro.hideLoading();
|
||||
return;
|
||||
}
|
||||
// if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// // 去认证
|
||||
// store.dispatch(cacheJobId(jobId));
|
||||
// navigateTo(PageUrl.CertificationStart);
|
||||
// Taro.hideLoading();
|
||||
// return;
|
||||
// }
|
||||
|
||||
const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
|
||||
if (time <= 0) {
|
||||
@ -249,10 +250,19 @@ export default function JobPublish() {
|
||||
} finally {
|
||||
Taro.hideLoading();
|
||||
}
|
||||
}, [getCreateJobInfo, isUpdate, job, userInfo.bossAuthStatus, refreshJobPublishList]);
|
||||
}, [getCreateJobInfo, isUpdate, job, refreshJobPublishList]);
|
||||
|
||||
const handleNext = useCallback(async () => {
|
||||
Taro.showLoading();
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// 去认证
|
||||
store.dispatch(cacheJobId(createdJobIdRef.current));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
Taro.hideLoading();
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await postPublishJob(createdJobIdRef.current);
|
||||
refreshJobPublishList();
|
||||
@ -270,7 +280,7 @@ export default function JobPublish() {
|
||||
} finally {
|
||||
Taro.hideLoading();
|
||||
}
|
||||
}, [refreshJobPublishList]);
|
||||
}, [refreshJobPublishList, userInfo.bossAuthStatus]);
|
||||
|
||||
const handleClosePublishJob = useCallback(() => {
|
||||
setShowBuy(false);
|
||||
|
||||
@ -19,7 +19,7 @@ import { logWithPrefix } from '@/utils/common';
|
||||
import { getWxLocation, isNotNeedAuthorizeLocation, requestLocation } from '@/utils/location';
|
||||
import { requestUnreadMessageCount } from '@/utils/message';
|
||||
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
||||
import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getCommonShareMessage } from '@/utils/share';
|
||||
import Toast from '@/utils/toast';
|
||||
import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
|
||||
@ -138,13 +138,11 @@ export default function Job() {
|
||||
});
|
||||
|
||||
useShareAppMessage(() => {
|
||||
if (sortType === SortType.CREATE_TIME) {
|
||||
return {
|
||||
title: '这里有今日全城新增通告,快来看看',
|
||||
path: getJumpUrl(PageUrl.Job, { sortType, c: inviteCode }),
|
||||
};
|
||||
}
|
||||
return getCommonShareMessage({ inviteCode, path: PageUrl.Job });
|
||||
return getCommonShareMessage({
|
||||
inviteCode,
|
||||
path: PageUrl.Job,
|
||||
params: sortType === SortType.CREATE_TIME ? { sortType } : {},
|
||||
});
|
||||
});
|
||||
|
||||
return (
|
||||
|
||||
@ -97,11 +97,11 @@ export default function MaterialViewPage() {
|
||||
}
|
||||
const jobDetail = await requestJobDetail(jobId);
|
||||
if (jobDetail.status !== JobManageStatus.Open) {
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
// if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// store.dispatch(cacheJobId(jobId));
|
||||
// navigateTo(PageUrl.CertificationStart);
|
||||
// return;
|
||||
// }
|
||||
|
||||
setShowBuy(true);
|
||||
return;
|
||||
@ -137,6 +137,13 @@ export default function MaterialViewPage() {
|
||||
}, [profile, jobId]);
|
||||
const handleNext = useCallback(async () => {
|
||||
setShowBuy(false);
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId!));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await postPublishJob(jobId!);
|
||||
await handleClickContact();
|
||||
@ -150,7 +157,7 @@ export default function MaterialViewPage() {
|
||||
}
|
||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||
}
|
||||
}, [handleClickContact, jobId]);
|
||||
}, [handleClickContact, jobId, userInfo.bossAuthStatus]);
|
||||
const handleClickNoViewTimes = useCallback(() => {
|
||||
setNoTimeDialogVisible(false);
|
||||
navigateBack();
|
||||
|
||||
@ -24,7 +24,7 @@ const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comme
|
||||
export default function BizService() {
|
||||
const inviteCode = useInviteCode();
|
||||
const cityOperators = useCityOperators();
|
||||
const [value, setValue] = useState('0');
|
||||
const [value, setValue] = useState('1');
|
||||
|
||||
const handleClickDelegate = useCallback(() => {
|
||||
navigateTo(PageUrl.GroupDelegatePublish);
|
||||
@ -81,31 +81,31 @@ export default function BizService() {
|
||||
<HomePage type={PageType.BatchPublish}>
|
||||
<div className={PREFIX}>
|
||||
<Tabs className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
|
||||
<Tabs.TabPane value="0" title="代招">
|
||||
<div className={`${PREFIX}__recruitment`}>
|
||||
<div className={`${PREFIX}__recruitment-card`}>
|
||||
<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-h5`}>服务方式及收费标准</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>服务方式:提供录屏和基本资料供挑选,挑中安排面试</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>收费标准:安排一场面试200元</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>收费方式:预付费,按安排面试场数扣费</div>
|
||||
<div className={`${PREFIX}__recruitment-h5`}>服务能力</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>
|
||||
我们在每个城市均有数量众多的主播群,少则几十个,多则上千个,有各种类型和层次的带货主播资源
|
||||
</div>
|
||||
<div className={`${PREFIX}__recruitment-btn-group`}>
|
||||
<Button className={`${PREFIX}__recruitment-btn`} onClick={handleOpenService}>
|
||||
点此咨询
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Tabs.TabPane>
|
||||
{/*<Tabs.TabPane value="0" title="代招">*/}
|
||||
{/* <div className={`${PREFIX}__recruitment`}>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-card`}>*/}
|
||||
{/* <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-h5`}>服务方式及收费标准</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>服务方式:提供录屏和基本资料供挑选,挑中安排面试</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>收费标准:安排一场面试200元</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>收费方式:预付费,按安排面试场数扣费</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-h5`}>服务能力</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>*/}
|
||||
{/* 我们在每个城市均有数量众多的主播群,少则几十个,多则上千个,有各种类型和层次的带货主播资源*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-btn-group`}>*/}
|
||||
{/* <Button className={`${PREFIX}__recruitment-btn`} onClick={handleOpenService}>*/}
|
||||
{/* 点此咨询*/}
|
||||
{/* </Button>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/*</Tabs.TabPane>*/}
|
||||
<Tabs.TabPane
|
||||
value="1"
|
||||
title={
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
import { ProductSpecId } from '@/constants/product';
|
||||
|
||||
export interface Coordinate {
|
||||
latitude: number; // 纬度,浮点数,范围为-90~90,负数表示南纬
|
||||
longitude: number; // 经度,范围为-180~180,负数表示西经
|
||||
@ -30,7 +32,11 @@ export interface CityConfigListItem {
|
||||
groupLink: string;
|
||||
created: string;
|
||||
updated: string;
|
||||
price: number | null;
|
||||
payPrice: number | null;
|
||||
showPrice: number | null;
|
||||
sendCount: number | null;
|
||||
groupQrCode?: string;
|
||||
contactQrCode?: string;
|
||||
originalPrice?: number;
|
||||
productSpecId?: ProductSpecId;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user