feat:
This commit is contained in:
@ -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}
|
||||||
|
|||||||
@ -4,6 +4,7 @@ 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';
|
||||||
@ -14,6 +15,8 @@ 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;
|
||||||
}
|
}
|
||||||
@ -27,6 +30,7 @@ const GET_CONTACT_TYPE_OPTIONS = [
|
|||||||
title: '创建模卡(免费报单)',
|
title: '创建模卡(免费报单)',
|
||||||
desc: '免费报单,优先推荐给企业,机会更多',
|
desc: '免费报单,优先推荐给企业,机会更多',
|
||||||
btnText: '创建',
|
btnText: '创建',
|
||||||
|
needLogin: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: GET_CONTACT_TYPE.VIP,
|
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 [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));
|
||||||
@ -98,9 +102,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`}>
|
||||||
|
{option.needLogin ? (
|
||||||
|
<LoginButton
|
||||||
|
needRefresh
|
||||||
|
onRefresh={onRefresh}
|
||||||
|
className={`${PREFIX}__btn`}
|
||||||
|
onClick={handleClick(option.type)}
|
||||||
|
>
|
||||||
|
{option.btnText}
|
||||||
|
</LoginButton>
|
||||||
|
) : (
|
||||||
<Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
|
<Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
|
||||||
{option.btnText}
|
{option.btnText}
|
||||||
</Button>
|
</Button>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -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}>
|
||||||
|
|||||||
@ -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',
|
||||||
|
|||||||
@ -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: '群代发',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@ -25,17 +25,17 @@ 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) {
|
||||||
|
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;
|
||||||
|
|||||||
@ -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() {
|
||||||
|
|||||||
@ -35,7 +35,12 @@ export default function GroupDetail() {
|
|||||||
{operator && operator.groupQrCode ? (
|
{operator && operator.groupQrCode ? (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<div className={`${PREFIX}__text`}>长按并识别二维码,邀你进主播通告群</div>
|
<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>
|
</Fragment>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
import { Button, Image } from '@tarojs/components';
|
import { Button, Image } from '@tarojs/components';
|
||||||
import Taro from '@tarojs/taro';
|
import Taro, { useLoad } from '@tarojs/taro';
|
||||||
|
|
||||||
import { Arrow } from '@taroify/icons';
|
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 { EventName, OpenSource, PageUrl } from '@/constants/app';
|
||||||
import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
|
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 { StaffInfo } from '@/types/partner';
|
||||||
import { copy } from '@/utils/common';
|
import { copy } from '@/utils/common';
|
||||||
import { getStaffInfo } from '@/utils/partner';
|
import { getStaffInfo } from '@/utils/partner';
|
||||||
import { navigateTo } from '@/utils/route';
|
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||||
import './index.less';
|
import './index.less';
|
||||||
|
|
||||||
const PREFIX = 'invite-operations';
|
const PREFIX = 'invite-operations';
|
||||||
@ -21,6 +21,13 @@ export default function InviteOperations() {
|
|||||||
const userInfo = useUserInfo();
|
const userInfo = useUserInfo();
|
||||||
const [cityCode, setCityCode] = useState<string>();
|
const [cityCode, setCityCode] = useState<string>();
|
||||||
const [staffInfo, setStaffInfo] = useState<StaffInfo | null>(null);
|
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(() => {
|
const handleClickCityMenu = useCallback(() => {
|
||||||
navigateTo(PageUrl.CitySearch, { city: cityCode || location.cityCode, source: OpenSource.InviteOperations });
|
navigateTo(PageUrl.CitySearch, { city: cityCode || location.cityCode, source: OpenSource.InviteOperations });
|
||||||
@ -36,8 +43,8 @@ export default function InviteOperations() {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const handleCopy = useCallback(() => {
|
const handleCopy = useCallback(() => {
|
||||||
copy(`我的播络ID是:${userInfo.userId},邀你进群`);
|
copy(copyText);
|
||||||
}, [userInfo.userId]);
|
}, [copyText]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
|
Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
|
||||||
@ -50,10 +57,11 @@ export default function InviteOperations() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!userInfo.userId) return;
|
if (!userInfo.userId) return;
|
||||||
|
if (isCompany === null) return;
|
||||||
if (useCopyRef.current) return;
|
if (useCopyRef.current) return;
|
||||||
handleCopy();
|
handleCopy();
|
||||||
useCopyRef.current = true;
|
useCopyRef.current = true;
|
||||||
}, [handleCopy, userInfo.userId]);
|
}, [handleCopy, isCompany, userInfo.userId]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!cityCode) return;
|
if (!cityCode) return;
|
||||||
@ -67,6 +75,11 @@ export default function InviteOperations() {
|
|||||||
});
|
});
|
||||||
}, [cityCode]);
|
}, [cityCode]);
|
||||||
|
|
||||||
|
useLoad(async () => {
|
||||||
|
const query = getPageQuery<{ company: number }>();
|
||||||
|
setIsCompany(typeof query.company !== 'undefined');
|
||||||
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={PREFIX}>
|
<div className={PREFIX}>
|
||||||
<div className={`${PREFIX}__main`}>
|
<div className={`${PREFIX}__main`}>
|
||||||
@ -77,7 +90,7 @@ export default function InviteOperations() {
|
|||||||
<div className={`${PREFIX}__card`}>
|
<div className={`${PREFIX}__card`}>
|
||||||
<div className={`${PREFIX}__h1 center`}>邀请播络运营进带货主播群</div>
|
<div className={`${PREFIX}__h1 center`}>邀请播络运营进带货主播群</div>
|
||||||
<div className={`${PREFIX}__h1 center`} style={{ paddingBottom: `48rpx` }}>
|
<div className={`${PREFIX}__h1 center`} style={{ paddingBottom: `48rpx` }}>
|
||||||
每邀请进一个群送一个日会员
|
{isCompany ? '每邀请进10个群送一个企业月会员' : '每邀请进一个群送一个日会员'}
|
||||||
</div>
|
</div>
|
||||||
<div className={`${PREFIX}__edging`}>注:只能邀请带货主播群,请勿邀请其他群</div>
|
<div className={`${PREFIX}__edging`}>注:只能邀请带货主播群,请勿邀请其他群</div>
|
||||||
</div>
|
</div>
|
||||||
@ -92,7 +105,7 @@ export default function InviteOperations() {
|
|||||||
加运营为好友并将以下信息 <div className="highlight">粘贴发送给运营</div>
|
加运营为好友并将以下信息 <div className="highlight">粘贴发送给运营</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={`${PREFIX}__action-block`}>
|
<div className={`${PREFIX}__action-block`}>
|
||||||
<div>我的播络ID是:{userInfo.userId},邀你进群</div>
|
<div>{copyText}</div>
|
||||||
<Button className={`${PREFIX}__copy`} onClick={handleCopy}>
|
<Button className={`${PREFIX}__copy`} onClick={handleCopy}>
|
||||||
复制
|
复制
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@ -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 });
|
||||||
@ -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
|
||||||
|
|||||||
@ -146,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);
|
||||||
@ -214,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) {
|
||||||
@ -249,10 +250,19 @@ export default function JobPublish() {
|
|||||||
} 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();
|
||||||
@ -270,7 +280,7 @@ export default function JobPublish() {
|
|||||||
} 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,11 @@ 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 } : {},
|
||||||
};
|
});
|
||||||
}
|
|
||||||
return getCommonShareMessage({ inviteCode, path: PageUrl.Job });
|
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -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,6 +137,13 @@ 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();
|
||||||
@ -150,7 +157,7 @@ export default function MaterialViewPage() {
|
|||||||
}
|
}
|
||||||
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);
|
||||||
@ -81,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,7 +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;
|
groupQrCode?: string;
|
||||||
|
contactQrCode?: string;
|
||||||
|
originalPrice?: number;
|
||||||
|
productSpecId?: ProductSpecId;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user