feat: update tonggao

This commit is contained in:
chashaobao
2025-08-07 00:24:49 +08:00
parent 10e7f39c92
commit 61336b5282
30 changed files with 363 additions and 171 deletions

View File

@ -0,0 +1,13 @@
import Select, { ISelectProps } from '@/components/select';
import { EmployType, JOB_EMPLOY_TYPE_OPTIONS } from '@/constants/job';
interface IProps extends Omit<ISelectProps<EmployType>, 'options'> {
value: EmployType;
}
function EmployTypeSelect(props: IProps) {
const { value: selectValue, onSelect } = props;
return <Select options={JOB_EMPLOY_TYPE_OPTIONS} title="类型" value={selectValue} onSelect={onSelect} />;
}
export default EmployTypeSelect;

View File

@ -35,6 +35,7 @@ function JobList(props: IJobListProps) {
visible = true, visible = true,
cityCode = 'ALL', cityCode = 'ALL',
category = JobType.All, category = JobType.All,
sourceType,
employType = EmployType.All, employType = EmployType.All,
sortType = SortType.RECOMMEND, sortType = SortType.RECOMMEND,
isFollow = false, isFollow = false,
@ -114,6 +115,7 @@ function JobList(props: IJobListProps) {
category, category,
cityCode, cityCode,
employType, employType,
sourceType,
sortType, sortType,
isFollow, isFollow,
isOwner, isOwner,
@ -128,6 +130,7 @@ function JobList(props: IJobListProps) {
}, [ }, [
category, category,
cityCode, cityCode,
sourceType,
employType, employType,
sortType, sortType,
isFollow, isFollow,
@ -176,7 +179,7 @@ function JobList(props: IJobListProps) {
} }
}; };
refresh(); refresh();
}, [visible, cityCode, employType, sortType, keyWord, minSalary, maxSalary, blGroupId]); }, [visible, cityCode, employType, sourceType, sortType, keyWord, minSalary, maxSalary, blGroupId]);
// log('render', `hasMore: ${hasMore}, loadingMore: ${loadingMore}, refreshing: ${refreshing}`); // log('render', `hasMore: ${hasMore}, loadingMore: ${loadingMore}, refreshing: ${refreshing}`);

View File

@ -16,7 +16,6 @@ import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
import Toast from '@/utils/toast'; import Toast from '@/utils/toast';
interface IProps { interface IProps {
defaultSelect?: number;
onNext: () => void; onNext: () => void;
} }
@ -32,48 +31,48 @@ interface Item {
} }
const LIST: Item[] = [ const LIST: Item[] = [
// {
// id: ProductSpecId.BOSS_VIP_NEW_1,
// title: '展示一周',
// price: '480播豆',
// amt: 48,
// badge: '限时体验',
// contents: [
// { content: '-通告每日优先展示' },
// { content: '-每天可查看20个主播详情' },
// { content: '-每天可主动联系10个主播' },
// // { content: '-播络可代为联系20个主播高成功率', highlight: true },
// { content: '-有效期一周' },
// ],
// },
{ {
id: ProductSpecId.BOSS_VIP_NEW_1, id: ProductSpecId.BOSS_VIP_NEW_2,
title: '展示一周', title: '推荐一月',
price: '480播豆', price: '480播豆',
amt: 48, amt: 48,
badge: '限时体验', badge: '限时体验',
contents: [ contents: [
{ content: '-1个通告' }, { content: '-通告每日优先展示' },
{ content: '-每天可查看20个主播详情' }, { content: '-每天可查看20个主播详情' },
{ content: '-每天可主联系10个主播' }, { content: '-每天可主联系10个主播', highlight: true },
// { content: '-播络可代为联系20个主播高成功率', highlight: true },
{ content: '-有效期一周' },
],
},
{
id: ProductSpecId.BOSS_VIP_NEW_2,
title: '展示一月',
price: '960播豆',
amt: 96,
badge: '五折',
contents: [
{ content: '-1个通告' },
{ content: '-每天可查看20个主播详情' },
{ content: '-每天可自主联系10个主播' },
// { content: '-播络可代为联系20个主播高成功率', highlight: true }, // { content: '-播络可代为联系20个主播高成功率', highlight: true },
{ content: '-有效期一个月' }, { content: '-有效期一个月' },
], ],
}, },
// { {
// id: ProductSpecId.BOSS_VIP_NEW_3, id: ProductSpecId.BOSS_VIP_NEW_3,
// title: '季会员', title: '推荐一季',
// price: '2680播豆', price: '960播豆',
// amt: 268, amt: 96,
// badge: '7折', badge: '6.7折',
// contents: [ contents: [
// { content: '-1个通告' }, { content: '-通告每日优先展示' },
// { content: '-每天可查看20个主播详情' }, { content: '-每天可查看20个主播详情' },
// { content: '-每天可主联系10个主播' }, { content: '-每天可主联系10个主播' },
// { content: '-播络可代为联系60个主播高成功率', highlight: true }, // { content: '-播络可代为联系60个主播高成功率', highlight: true },
// { content: '-有效期3个月' }, { content: '-有效期一个季度' },
// ], ],
// }, },
]; ];
const subscribe = async () => { const subscribe = async () => {
@ -86,8 +85,8 @@ const subscribe = async () => {
}; };
export default function CompanyPublishJobBuy(props: IProps) { export default function CompanyPublishJobBuy(props: IProps) {
const { onNext, defaultSelect = 0 } = props; const { onNext } = props;
const [selectItem, setSelectItem] = useState(LIST[defaultSelect]); const [selectItem, setSelectItem] = useState(LIST[0]);
const handleClickItem = useCallback((newSelectItem: Item) => setSelectItem(newSelectItem), []); const handleClickItem = useCallback((newSelectItem: Item) => setSelectItem(newSelectItem), []);

View File

@ -21,6 +21,12 @@ export enum EmployType {
Part = 'PARTY_TIME', Part = 'PARTY_TIME',
} }
export enum JobSourceType {
All = 'All',
VX = 'vx',
BL = 'bl',
}
export enum SortType { export enum SortType {
RECOMMEND = 'RECOMMEND', RECOMMEND = 'RECOMMEND',
DISTANCE = 'DISTANCE', DISTANCE = 'DISTANCE',
@ -66,6 +72,12 @@ export const EMPLOY_TYPE_TITLE_MAP = {
[EmployType.Full]: '全职', [EmployType.Full]: '全职',
}; };
export const JOB_SOURCE_TYPE_TITLE_MAP = {
[JobSourceType.All]: '全部',
[JobSourceType.BL]: '认证通告',
[JobSourceType.VX]: '群通告',
};
export const JOB_TYPE_TITLE_MAP: { [key in JobType]: string } = { export const JOB_TYPE_TITLE_MAP: { [key in JobType]: string } = {
[JobType.All]: '全部', [JobType.All]: '全部',
[JobType.Finery]: '服饰', [JobType.Finery]: '服饰',
@ -101,16 +113,31 @@ export const JOB_MANAGE_STATUS_TITLE_MAP = {
export const JOB_PAGE_TABS = [ export const JOB_PAGE_TABS = [
{ {
type: EmployType.All, type: JobSourceType.All,
title: EMPLOY_TYPE_TITLE_MAP[EmployType.All], title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.All],
}, },
{ {
type: EmployType.Part, type: JobSourceType.BL,
title: EMPLOY_TYPE_TITLE_MAP[EmployType.Part], title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.BL],
}, },
{ {
type: EmployType.Full, type: JobSourceType.VX,
title: EMPLOY_TYPE_TITLE_MAP[EmployType.Full], title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.VX],
},
];
export const JOB_EMPLOY_TYPE_OPTIONS = [
{
value: EmployType.All,
label: EMPLOY_TYPE_TITLE_MAP[EmployType.All],
},
{
value: EmployType.Part,
label: EMPLOY_TYPE_TITLE_MAP[EmployType.Part],
},
{
value: EmployType.Full,
label: EMPLOY_TYPE_TITLE_MAP[EmployType.Full],
}, },
]; ];

View File

@ -54,6 +54,7 @@
flex: 1 0; flex: 1 0;
} }
&__employType-select,
&__salary-select, &__salary-select,
&__search-city { &__search-city {
display: flex; display: flex;

View File

@ -2,10 +2,11 @@ import { Image } from '@tarojs/components';
import { NodesRef, useDidHide } from '@tarojs/taro'; import { NodesRef, useDidHide } from '@tarojs/taro';
import { Tabs } from '@taroify/core'; import { Tabs } from '@taroify/core';
import { ArrowUp, ArrowDown } from '@taroify/icons'; import { ArrowDown, ArrowUp } from '@taroify/icons';
import classNames from 'classnames'; import classNames from 'classnames';
import { useCallback, useEffect, useState } from 'react'; import { useCallback, useEffect, useState } from 'react';
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';
@ -13,7 +14,15 @@ 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';
import { CITY_CODE_TO_NAME_MAP } from '@/constants/city'; import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
import { JOB_TABS, JobType, EmployType, ALL_SORT_TYPES, SORT_TYPE_TITLE_MAP, SortType } from '@/constants/job'; import {
ALL_SORT_TYPES,
EMPLOY_TYPE_TITLE_MAP,
EmployType,
JOB_TABS, JobSourceType,
JobType,
SORT_TYPE_TITLE_MAP,
SortType,
} from '@/constants/job';
import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height'; import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
import { SalaryRange } from '@/types/job'; import { SalaryRange } from '@/types/job';
import { Coordinate } from '@/types/location'; import { Coordinate } from '@/types/location';
@ -24,9 +33,11 @@ import './index.less';
interface IProps { interface IProps {
cityCode: string; cityCode: string;
sortType: SortType; sortType: SortType;
sourceType: JobSourceType;
employType: EmployType; employType: EmployType;
coordinate: Coordinate; coordinate: Coordinate;
onClickCity: () => void; onClickCity: () => void;
onClickEmployType: (type: EmployType) => void;
onClickSort: (type: SortType) => void; onClickSort: (type: SortType) => void;
} }
@ -74,20 +85,35 @@ function ListWrapper(props: IJobListProps) {
} }
function JobFragment(props: IProps) { function JobFragment(props: IProps) {
const { cityCode, employType, sortType = SortType.RECOMMEND, coordinate, onClickCity, onClickSort } = props; const {
cityCode,
employType,
sourceType,
sortType = SortType.RECOMMEND,
coordinate,
onClickEmployType,
onClickCity,
onClickSort,
} = props;
const listHeight = useListHeight(CALC_LIST_PROPS); const listHeight = useListHeight(CALC_LIST_PROPS);
const [tabType, setTabType] = useState<JobType>(JobType.All); const [tabType, setTabType] = useState<JobType>(JobType.All);
const [salaryRange, setSalaryRange] = useState<SalaryRange | undefined>(); const [salaryRange, setSalaryRange] = useState<SalaryRange | undefined>();
const [showSalarySelect, setShowSalarySelect] = useState<boolean>(false); const [showSalarySelect, setShowSalarySelect] = useState<boolean>(false);
const [showEmployTypeSelect, setShowEmployTypeSelect] = useState<boolean>(false);
const { latitude, longitude } = coordinate; const { latitude, longitude } = coordinate;
const handleClickSearch = useCallback(() => navigateTo(PageUrl.JobSearch, { city: cityCode }), [cityCode]); const handleClickSearch = useCallback(() => navigateTo(PageUrl.JobSearch, { city: cityCode }), [cityCode]);
const handleClickSalarySelect = useCallback(() => { const handleClickSalarySelect = useCallback(() => {
setShowSalarySelect(!showSalarySelect); setShowSalarySelect(s => !s);
}, [showSalarySelect]); }, []);
const handleClickEmployTypeSelect = useCallback(() => {
setShowEmployTypeSelect(s => !s);
}, []);
const handleHideSalarySelect = useCallback(() => setShowSalarySelect(false), []); const handleHideSalarySelect = useCallback(() => setShowSalarySelect(false), []);
const handleHideEmployTypeSelect = useCallback(() => setShowEmployTypeSelect(false), []);
const handleSelectSalary = useCallback((value?: SalaryRange) => { const handleSelectSalary = useCallback((value?: SalaryRange) => {
log('handleSelectSalary', value); log('handleSelectSalary', value);
@ -95,6 +121,15 @@ function JobFragment(props: IProps) {
setShowSalarySelect(false); setShowSalarySelect(false);
}, []); }, []);
const handleSelectEmployType = useCallback(
(value?: EmployType) => {
console.log('哈哈哈', value);
setShowEmployTypeSelect(false);
onClickEmployType(value!);
},
[onClickEmployType]
);
const onTypeChange = useCallback( const onTypeChange = useCallback(
value => { value => {
log('onTypeChange', value); log('onTypeChange', value);
@ -108,7 +143,18 @@ function JobFragment(props: IProps) {
return ( return (
<div className={`${PREFIX}__container`}> <div className={`${PREFIX}__container`}>
<div className={`${PREFIX}__top-search-bar`}> <div className={`${PREFIX}__top-search-bar`}>
<SearchInput disabled className={`${PREFIX}__search`} placeholder="试试 女装" onClick={handleClickSearch} /> <SearchInput
disabled
className={`${PREFIX}__search`}
placeholder="试试 女装"
onClick={handleClickSearch}
/>
<div className={classNames(`${PREFIX}__employType-select`)} onClick={handleClickEmployTypeSelect}>
<div className="title">
{employType && employType !== EmployType.All ? EMPLOY_TYPE_TITLE_MAP[employType] : '类型'}
</div>
{showEmployTypeSelect ? <ArrowUp /> : <ArrowDown />}
</div>
<div className={classNames(`${PREFIX}__search-city`)} onClick={onClickCity}> <div className={classNames(`${PREFIX}__search-city`)} onClick={onClickCity}>
<div className="title">{CITY_CODE_TO_NAME_MAP.get(cityCode)}</div> <div className="title">{CITY_CODE_TO_NAME_MAP.get(cityCode)}</div>
<ArrowDown /> <ArrowDown />
@ -139,6 +185,7 @@ function JobFragment(props: IProps) {
sortType={sortType} sortType={sortType}
latitude={latitude} latitude={latitude}
longitude={longitude} longitude={longitude}
sourceType={sourceType}
employType={employType} employType={employType}
minSalary={salaryRange?.minSalary} minSalary={salaryRange?.minSalary}
maxSalary={salaryRange?.maxSalary} maxSalary={salaryRange?.maxSalary}
@ -157,6 +204,15 @@ function JobFragment(props: IProps) {
> >
<SalarySelect type={employType} value={salaryRange} onSelect={handleSelectSalary} /> <SalarySelect type={employType} value={salaryRange} onSelect={handleSelectSalary} />
</Overlay> </Overlay>
<Overlay
visible={showEmployTypeSelect}
onClickOuter={handleHideEmployTypeSelect}
outerClassName={`${PREFIX}__overlay-outer`}
innerClassName={`${PREFIX}__overlay-inner`}
>
<EmployTypeSelect value={employType} onSelect={handleSelectEmployType} />
</Overlay>
</div> </div>
); );
} }

View File

@ -27,7 +27,7 @@ const log = logWithPrefix(PREFIX);
const realtimeLogger = Taro.getRealtimeLogManager(); const realtimeLogger = Taro.getRealtimeLogManager();
realtimeLogger.tag(PREFIX); realtimeLogger.tag(PREFIX);
const calcInitCityCodes = (codeString: string = '') => { const calcInitCityCodes = (codeString: string = '') => {
const codes = codeString.split('、'); const codes = (codeString || '').split('、');
return codes.filter(code => !!CITY_CODE_TO_NAME_MAP.get(code)); return codes.filter(code => !!CITY_CODE_TO_NAME_MAP.get(code));
}; };

View File

@ -30,7 +30,7 @@ const log = logWithPrefix(PREFIX);
const DEFAULT_TEXT = '未填写'; const DEFAULT_TEXT = '未填写';
const getIndentCity = (codeString: string = '') => { const getIndentCity = (codeString: string = '') => {
const codes = codeString.split('、'); const codes = (codeString||'').split('、');
const cityNames: string[] = []; const cityNames: string[] = [];
codes.forEach(code => { codes.forEach(code => {
const cityName = CITY_CODE_TO_NAME_MAP.get(code); const cityName = CITY_CODE_TO_NAME_MAP.get(code);

View File

@ -2,9 +2,9 @@ import { useSelector } from 'react-redux';
import { selectCreatedJob } from '@/store/selector/job'; import { selectCreatedJob } from '@/store/selector/job';
function useCachedJob() { function useCachedJobId() {
const data = useSelector(selectCreatedJob); const data = useSelector(selectCreatedJob);
return data; return data;
} }
export default useCachedJob; export default useCachedJobId;

View File

@ -1,4 +1,4 @@
// export const DOMAIN = 'http://192.168.60.148:8082'; // export const DOMAIN = 'http://192.168.60.191:8082';
export const DOMAIN = 'https://neighbourhood.cn'; export const DOMAIN = 'https://neighbourhood.cn';
export const BASE_URL = `${DOMAIN}/api`; export const BASE_URL = `${DOMAIN}/api`;

View File

@ -90,4 +90,25 @@
color: @blColor; color: @blColor;
margin-top: 50px; margin-top: 50px;
} }
&__popup {
&-content {
.flex-column();
padding: 40px 32px 64px 32px;
}
&-title {
font-weight: 500;
font-size: 36px;
line-height: 57px;
text-align: center;
margin-bottom: 48px;
}
&-confirm {
.button(@width: 360px, @height: 72px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 44px);
}
}
} }

View File

@ -1,6 +1,7 @@
import { Image } from '@tarojs/components'; import { Button, Image } from '@tarojs/components';
import Taro, { NodesRef, useDidShow, useLoad, useShareAppMessage } from '@tarojs/taro'; import Taro, { NodesRef, useDidShow, useLoad, useShareAppMessage } from '@tarojs/taro';
import { Popup } from '@taroify/core';
import { ArrowDown, ArrowUp } from '@taroify/icons'; import { ArrowDown, ArrowUp } from '@taroify/icons';
import classNames from 'classnames'; import classNames from 'classnames';
import { isEqual } from 'lodash-es'; import { isEqual } from 'lodash-es';
@ -13,9 +14,10 @@ import HomePage from '@/components/home-page';
import Overlay from '@/components/overlay'; import Overlay from '@/components/overlay';
import PageLoading from '@/components/page-loading'; import PageLoading from '@/components/page-loading';
import PartnerBanner from '@/components/partner-banner'; import PartnerBanner from '@/components/partner-banner';
import SafeBottomPadding from '@/components/safe-bottom-padding';
import SwitchBar from '@/components/switch-bar'; import SwitchBar from '@/components/switch-bar';
import { APP_TAB_BAR_ID, EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app'; import { APP_TAB_BAR_ID, EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app';
import { EmployType, JobManageStatus } from '@/constants/job'; import { EmployType } from '@/constants/job';
import { ALL_ANCHOR_SORT_TYPES, ANCHOR_SORT_TYPE_TITLE_MAP, AnchorSortType } from '@/constants/material'; import { ALL_ANCHOR_SORT_TYPES, ANCHOR_SORT_TYPE_TITLE_MAP, AnchorSortType } from '@/constants/material';
import useInviteCode from '@/hooks/use-invite-code'; import useInviteCode from '@/hooks/use-invite-code';
import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height'; import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
@ -32,6 +34,7 @@ import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
import { 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 './index.less'; import './index.less';
const PREFIX = 'page-anchor'; const PREFIX = 'page-anchor';
@ -82,6 +85,7 @@ export default function AnchorPage() {
const [filters, setFilters] = useState<IAnchorFilters>({ employType: EmployType.All }); const [filters, setFilters] = useState<IAnchorFilters>({ employType: EmployType.All });
const [showFilter, setShowFilter] = useState<boolean>(false); const [showFilter, setShowFilter] = useState<boolean>(false);
const [sortType, setSortType] = useState<AnchorSortType>(AnchorSortType.Active); const [sortType, setSortType] = useState<AnchorSortType>(AnchorSortType.Active);
const [openPopup, setOpenPopup] = useState<boolean>(false);
const [coordinate, setCoordinate] = useState<Coordinate>({ const [coordinate, setCoordinate] = useState<Coordinate>({
latitude: location.latitude, latitude: location.latitude,
longitude: location.longitude, longitude: location.longitude,
@ -92,6 +96,8 @@ export default function AnchorPage() {
const handleChangeSelectJob = useCallback((select?: JobManageInfo) => { const handleChangeSelectJob = useCallback((select?: JobManageInfo) => {
log('select job change', select); log('select job change', select);
setSelectJob(select); setSelectJob(select);
console.log('哈哈哈', !select);
setOpenPopup(!select);
setLastSelectMyJobId(select?.id || ''); setLastSelectMyJobId(select?.id || '');
}, []); }, []);
@ -125,7 +131,7 @@ export default function AnchorPage() {
); );
const handlePublishJobChange = useCallback(async () => { const handlePublishJobChange = useCallback(async () => {
const { jobResults = [] } = await requestJobManageList({ status: JobManageStatus.Open }); const { jobResults = [] } = await requestJobManageList();
if (!selectJob) { if (!selectJob) {
// 之前没有开发中的通告,自动选中第一个开放中的通告 // 之前没有开发中的通告,自动选中第一个开放中的通告
handleChangeSelectJob(jobResults[0]); handleChangeSelectJob(jobResults[0]);
@ -141,6 +147,10 @@ export default function AnchorPage() {
} }
}, [selectJob, handleChangeSelectJob]); }, [selectJob, handleChangeSelectJob]);
const handleGoCreate = useCallback(() => {
navigateTo(PageUrl.JobPublish);
}, []);
useEffect(() => { useEffect(() => {
Taro.eventCenter.on(EventName.SELECT_MY_PUBLISH_JOB, handleJobChange); Taro.eventCenter.on(EventName.SELECT_MY_PUBLISH_JOB, handleJobChange);
Taro.eventCenter.on(EventName.COMPANY_JOB_PUBLISH_CHANGED, handlePublishJobChange); Taro.eventCenter.on(EventName.COMPANY_JOB_PUBLISH_CHANGED, handlePublishJobChange);
@ -172,8 +182,9 @@ export default function AnchorPage() {
getInviteCodeFromQueryAndUpdate(query); getInviteCodeFromQueryAndUpdate(query);
try { try {
const { jobResults = [] } = await requestJobManageList({ status: JobManageStatus.Open }); const { jobResults = [] } = await requestJobManageList();
if (!jobResults.length) { if (!jobResults.length) {
setOpenPopup(true);
// Toast.info('当前是根据定位为您展示主播'); // Toast.info('当前是根据定位为您展示主播');
return; return;
} }
@ -240,6 +251,21 @@ export default function AnchorPage() {
<AnchorPicker value={filters} onConfirm={handleFilterChange} /> <AnchorPicker value={filters} onConfirm={handleFilterChange} />
</Overlay> </Overlay>
</div> </div>
<Popup
rounded
open={openPopup}
placement="bottom"
className={`${PREFIX}__popup`}
onClose={() => setOpenPopup(false)}
>
<div className={`${PREFIX}__popup-content`}>
<div className={`${PREFIX}__popup-title`}></div>
<Button className={`${PREFIX}__popup-confirm`} onClick={handleGoCreate}>
</Button>
</div>
<SafeBottomPadding />
</Popup>
</HomePage> </HomePage>
); );
} }

View File

@ -1,33 +1,35 @@
import { BaseEventOrig, Button, ButtonProps, Image, InputProps } from '@tarojs/components'; import { BaseEventOrig, Button, ButtonProps, Image, InputProps } from '@tarojs/components';
import Taro, { UploadTask } from '@tarojs/taro'; import Taro, { UploadTask } from '@tarojs/taro';
import { useCallback, useEffect, useState } from 'react'; import { Dialog } from '@taroify/core';
import { useCallback, useEffect, useRef, 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';
import LoadingDialog from '@/components/loading-dialog'; import LoadingDialog from '@/components/loading-dialog';
import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
import SafeBottomPadding from '@/components/safe-bottom-padding'; import SafeBottomPadding from '@/components/safe-bottom-padding';
import { EventName, PageUrl } from '@/constants/app'; import { EventName, PageUrl } from '@/constants/app';
import { CertificationStatusType } from '@/constants/company'; import { CertificationStatusType } from '@/constants/company';
import { CollectEventName, ReportEventId } from '@/constants/event'; import { CollectEventName, ReportEventId } from '@/constants/event';
import { ProductType } from '@/constants/product';
import useCachedJobId from '@/hooks/use-cached-job';
import useUserInfo from '@/hooks/use-user-info'; import useUserInfo from '@/hooks/use-user-info';
import { ICertificationRequest } from '@/types/company'; import { ICertificationRequest } from '@/types/company';
import { isValidIdCard, isValidPhone, logWithPrefix } from '@/utils/common'; import { isValidIdCard, isValidPhone, logWithPrefix } from '@/utils/common';
import { postCertification, getPhone } from '@/utils/company'; import { postCertification, getPhone } from '@/utils/company';
import { collectEvent, reportEvent } from '@/utils/event'; import { collectEvent, reportEvent } from '@/utils/event';
import { postPublishJob } from '@/utils/job';
import { chooseMedia } from '@/utils/material'; import { chooseMedia } from '@/utils/material';
import { redirectTo } from '@/utils/route'; import { requestProductBalance } from '@/utils/product';
import { redirectTo } from '@/utils/route';
import Toast from '@/utils/toast'; import Toast from '@/utils/toast';
import { dispatchUpdateUser, requestUserInfo } from '@/utils/user'; import { dispatchUpdateUser, requestUserInfo } from '@/utils/user';
import { uploadVideo } from '@/utils/video'; import { uploadVideo } from '@/utils/video';
import './index.less'; import './index.less';
import { requestProductBalance } from '@/utils/product'; import { clearCachedJobId } from '@/store/actions';
import { ProductType } from '@/constants/product'; import store from '@/store';
import useCachedJob from '@/hooks/use-cached-job';
import { postCreateJob } from '@/utils/job';
import { Dialog } from '@taroify/core';
import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
const PREFIX = 'page-certification'; const PREFIX = 'page-certification';
const log = logWithPrefix(PREFIX); const log = logWithPrefix(PREFIX);
@ -107,7 +109,8 @@ export default function Certification() {
const [company, setCompany] = useState(''); const [company, setCompany] = useState('');
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [showBuy, setShowBuy] = useState(false); const [showBuy, setShowBuy] = useState(false);
const cachedJobData = useCachedJob(); const cachedJobId = useCachedJobId();
const createdJobIdRef = useRef('');
const handleClickIdCardLeft = useCallback(async () => { const handleClickIdCardLeft = useCallback(async () => {
reportEvent(ReportEventId.CLICK_UPLOAD_ID_CARD, { type: 'left' }); reportEvent(ReportEventId.CLICK_UPLOAD_ID_CARD, { type: 'left' });
@ -141,25 +144,28 @@ export default function Certification() {
setCompany(value); setCompany(value);
}, []); }, []);
const handleCreateJob = useCallback(async () => { const handleCloseBuy = useCallback(() => {
if (cachedJobData.employType) { setShowBuy(false);
redirectTo(PageUrl.CertificationManage);
}, []);
const handlePublishJob = useCallback(async () => {
try {
Taro.showLoading(); Taro.showLoading();
try { await postPublishJob(cachedJobId!);
await postCreateJob(cachedJobData); await Toast.success('通告发布成功', 1500, true);
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED); store.dispatch(clearCachedJobId());
await Toast.success('通告创建成功', 1500, true); 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);
Toast.error('通告审核失败请重试'); Toast.error('通告发布失败');
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e); collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
} finally { redirectTo(PageUrl.CertificationManage);
Taro.hideLoading(); } finally {
} Taro.hideLoading();
} else {
Toast.error('数据出错');
} }
}, [cachedJobData]); }, [cachedJobId]);
const handleSubmit = useCallback(async () => { const handleSubmit = useCallback(async () => {
reportEvent(ReportEventId.CLICK_CERTIFICATION_SUBMIT); reportEvent(ReportEventId.CLICK_CERTIFICATION_SUBMIT);
@ -185,15 +191,13 @@ export default function Certification() {
return; return;
} }
dispatchUpdateUser({ bossAuthStatus: CertificationStatusType.Success }); dispatchUpdateUser({ bossAuthStatus: CertificationStatusType.Success });
// 判断付钱没有
const [time] = await requestProductBalance(ProductType.CompanyPublishJob); const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
if (time <= 0) { if (time <= 0) {
// 付钱
setShowBuy(true); setShowBuy(true);
Taro.hideLoading(); Taro.hideLoading();
} else { } else {
// 获取data创建 await handlePublishJob();
await handleCreateJob();
} }
} catch (e) { } catch (e) {
console.error('submit error', e); console.error('submit error', e);
@ -210,6 +214,7 @@ export default function Certification() {
try { try {
const { phoneNumber } = await getPhone(e.detail.code); const { phoneNumber } = await getPhone(e.detail.code);
setRevisedPhone(phoneNumber); setRevisedPhone(phoneNumber);
// eslint-disable-next-line @typescript-eslint/no-shadow
} catch (e) { } catch (e) {
Toast.error('获取手机号失败'); Toast.error('获取手机号失败');
} }
@ -299,9 +304,9 @@ export default function Certification() {
<div> <div>
<LoadingDialog open={open} text="认证中" /> <LoadingDialog open={open} text="认证中" />
</div> </div>
<Dialog open={showBuy} onClose={() => setShowBuy(false)}> <Dialog open={showBuy} onClose={handleCloseBuy}>
<Dialog.Content> <Dialog.Content>
<CompanyPublishJobBuy onNext={handleCreateJob} defaultSelect={1} /> <CompanyPublishJobBuy onNext={handlePublishJob} />
</Dialog.Content> </Dialog.Content>
</Dialog> </Dialog>
</div> </div>

View File

@ -1,4 +1,4 @@
import { Map, MapProps, Text, Image, Button } from '@tarojs/components'; import { Button, Image, Map, MapProps, Text } from '@tarojs/components';
import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro'; import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';
import React, { useCallback, useEffect, useState } from 'react'; import React, { useCallback, useEffect, useState } from 'react';
@ -12,10 +12,10 @@ 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 ProductJobDialog from '@/components/product-dialog/job'; import ProductJobDialog from '@/components/product-dialog/job';
import { RoleType, EventName, PageUrl } from '@/constants/app'; import { EventName, PageUrl, RoleType } from '@/constants/app';
import { CertificationStatusType } from '@/constants/company'; import { CertificationStatusType } from '@/constants/company';
import { CollectEventName, ReportEventId } from '@/constants/event'; import { CollectEventName, ReportEventId } from '@/constants/event';
import { EMPLOY_TYPE_TITLE_MAP, GET_CONTACT_TYPE } from '@/constants/job'; import { EMPLOY_TYPE_TITLE_MAP, GET_CONTACT_TYPE, JobManageStatus } from '@/constants/job';
import useInviteCode from '@/hooks/use-invite-code'; import useInviteCode from '@/hooks/use-invite-code';
import useUserInfo from '@/hooks/use-user-info'; import useUserInfo from '@/hooks/use-user-info';
import useRoleType from '@/hooks/user-role-type'; import useRoleType from '@/hooks/user-role-type';
@ -26,7 +26,7 @@ import { IMaterialMessage } from '@/types/message';
import { switchRoleType } from '@/utils/app'; import { switchRoleType } from '@/utils/app';
import { copy, logWithPrefix } from '@/utils/common'; import { copy, logWithPrefix } from '@/utils/common';
import { collectEvent, reportEvent } from '@/utils/event'; import { collectEvent, reportEvent } from '@/utils/event';
import { getJobTitle, getJobSalary, postPublishJob, requestJobDetail } from '@/utils/job'; import { getJobSalary, getJobTitle, postPublishJob, requestJobDetail } from '@/utils/job';
import { calcDistance, isValidLocation } from '@/utils/location'; import { calcDistance, isValidLocation } from '@/utils/location';
import { requestProfileDetail } from '@/utils/material'; import { requestProfileDetail } from '@/utils/material';
import { isChatWithSelf, postCreateChat } from '@/utils/message'; import { isChatWithSelf, postCreateChat } from '@/utils/message';
@ -38,6 +38,10 @@ import Toast from '@/utils/toast';
import { isNeedCreateMaterial } from '@/utils/user'; import { isNeedCreateMaterial } from '@/utils/user';
import './index.less'; import './index.less';
import { Dialog } from '@taroify/core';
import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
import { requestProductBalance } from '@/utils/product';
import { ProductType } from '@/constants/product';
const PREFIX = 'job-detail'; const PREFIX = 'job-detail';
const log = logWithPrefix(PREFIX); const log = logWithPrefix(PREFIX);
@ -79,8 +83,11 @@ const AnchorFooter = (props: { data: JobDetails }) => {
if (data.sourcePlat !== 'bl') { if (data.sourcePlat !== 'bl') {
if (needCreateMaterial) { if (needCreateMaterial) {
setShowMaterialGuide(true); const [time] = await requestProductBalance(ProductType.VIP);
return; if (time <= 0) {
setShowMaterialGuide(true);
return;
}
} }
} }
if (data.isAuthed) { if (data.isAuthed) {
@ -162,6 +169,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {
const CompanyFooter = (props: { data: JobDetails }) => { const CompanyFooter = (props: { data: JobDetails }) => {
const { data } = props; const { data } = props;
const [showBuy, setShowBuy] = useState(false);
const handleClickEdit = useCallback(() => navigateTo(PageUrl.JobPublish, { jobId: data.id }), [data]); const handleClickEdit = useCallback(() => navigateTo(PageUrl.JobPublish, { jobId: data.id }), [data]);
@ -170,17 +178,22 @@ const CompanyFooter = (props: { data: JobDetails }) => {
Taro.showLoading(); Taro.showLoading();
await postPublishJob(data.id); await postPublishJob(data.id);
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED); Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
setShowBuy(false);
Toast.success('发布成功'); Toast.success('发布成功');
Taro.hideLoading(); Taro.hideLoading();
} 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;
collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId: data.id, error: e.info?.() || e.message }); collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId: data.id, error: e.info?.() || e.message });
if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) { if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
Toast.info('您购买的产品已耗尽使用次数');
setShowBuy(true);
} else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
Toast.info('该通告已到期,请创建新通告', 3000); Toast.info('该通告已到期,请创建新通告', 3000);
} else { } else {
Toast.error(e.message || '发布失败请重试', 3000); Toast.error(errorMsg || '发布失败请重试', 3000);
} }
console.error(e); console.error(e);
} }
@ -192,10 +205,19 @@ const CompanyFooter = (props: { data: JobDetails }) => {
<Button className={`${PREFIX}__share-button`} onClick={handleClickEdit}> <Button className={`${PREFIX}__share-button`} onClick={handleClickEdit}>
</Button> </Button>
<Button className={`${PREFIX}__contact-publisher`} onClick={handlePublishJob}> <Button
disabled={data.status === JobManageStatus.Open}
className={`${PREFIX}__contact-publisher`}
onClick={handlePublishJob}
>
</Button> </Button>
</div> </div>
<Dialog open={showBuy} onClose={() => setShowBuy(false)}>
<Dialog.Content>
<CompanyPublishJobBuy onNext={handlePublishJob} />
</Dialog.Content>
</Dialog>
</> </>
); );
}; };

View File

@ -3,7 +3,7 @@ import Taro, { useLoad } from '@tarojs/taro';
import { Dialog } from '@taroify/core'; import { Dialog } from '@taroify/core';
import classNames from 'classnames'; import classNames from 'classnames';
import { useCallback, useEffect, useState } from 'react'; import { useCallback, useEffect, useRef, useState } from 'react';
import BlFormCell from '@/components/bl-form-cell'; import BlFormCell from '@/components/bl-form-cell';
import BlFormInput from '@/components/bl-form-input'; import BlFormInput from '@/components/bl-form-input';
@ -22,7 +22,7 @@ import { EMPLOY_TYPE_TITLE_MAP, EmployType, JOB_TYPE_SELECT_OPTIONS, JobType } f
import { ProductType } from '@/constants/product'; import { ProductType } from '@/constants/product';
import useUserInfo from '@/hooks/use-user-info'; import useUserInfo from '@/hooks/use-user-info';
import store from '@/store'; import store from '@/store';
import { cacheCreateJob } from '@/store/actions'; import { cacheJobId } from '@/store/actions';
import { CreateJobInfo, JobDetails } from '@/types/job'; import { CreateJobInfo, JobDetails } from '@/types/job';
import { logWithPrefix } from '@/utils/common'; import { logWithPrefix } from '@/utils/common';
import { collectEvent } from '@/utils/event'; import { collectEvent } from '@/utils/event';
@ -33,6 +33,7 @@ import {
requestJobDetail, requestJobDetail,
isFullTimePriceRequired, isFullTimePriceRequired,
isPartTimePriceRequired, isPartTimePriceRequired,
postPublishJob,
} from '@/utils/job'; } from '@/utils/job';
import { getCityValues } from '@/utils/location'; import { getCityValues } from '@/utils/location';
import { requestProductBalance } from '@/utils/product'; import { requestProductBalance } from '@/utils/product';
@ -107,6 +108,7 @@ export default function JobPublish() {
const [showCityPicker, setShowCityPicker] = useState(false); const [showCityPicker, setShowCityPicker] = useState(false);
const [address, setAddress] = useState(''); const [address, setAddress] = useState('');
const [showBuy, setShowBuy] = useState(false); const [showBuy, setShowBuy] = useState(false);
const createdJobIdRef = useRef('');
const userInfo = useUserInfo(); const userInfo = useUserInfo();
const handleEmployTypeChange = useCallback((value: EmployType) => { const handleEmployTypeChange = useCallback((value: EmployType) => {
@ -200,13 +202,18 @@ export default function JobPublish() {
await postUpdateJob(data); await postUpdateJob(data);
Taro.eventCenter.trigger(EventName.JOB_UPDATE, job!.id); Taro.eventCenter.trigger(EventName.JOB_UPDATE, job!.id);
} else { } else {
const jobId = await postCreateJob(data);
createdJobIdRef.current = jobId;
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) { if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
// 去认证 // 去认证
store.dispatch(cacheCreateJob(data)); 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) {
// 付钱 // 付钱
@ -214,12 +221,14 @@ export default function JobPublish() {
Taro.hideLoading(); Taro.hideLoading();
return; return;
} }
await postCreateJob(data);
await postPublishJob(jobId);
} }
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED); Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
await Toast.success(isUpdateJob ? '更新成功' : '创建成功', 1500, true); await Toast.success(isUpdateJob ? '更新成功' : '创建并发布成功', 1500, true);
navigateBack(); navigateBack();
} catch (e) { } catch (e) {
createdJobIdRef.current = '';
console.error('submit error', e); console.error('submit error', e);
Toast.error('审核失败请重试'); Toast.error('审核失败请重试');
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e); collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
@ -229,18 +238,11 @@ export default function JobPublish() {
}, [getCreateJobInfo, isUpdate, job, userInfo.bossAuthStatus]); }, [getCreateJobInfo, isUpdate, job, userInfo.bossAuthStatus]);
const handleNext = useCallback(async () => { const handleNext = useCallback(async () => {
const [data, cityCodes] = getCreateJobInfo();
const cityValues = getCityValues(cityCodes);
if (!data.address.startsWith(cityValues)) {
data.address = `${cityValues}${data.address}`;
}
Taro.showLoading(); Taro.showLoading();
try { try {
await postCreateJob(data); await postPublishJob(createdJobIdRef.current);
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED); Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
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);
@ -249,7 +251,12 @@ export default function JobPublish() {
} finally { } finally {
Taro.hideLoading(); Taro.hideLoading();
} }
}, [getCreateJobInfo]); }, []);
const handleClosePublishJob = useCallback(() => {
setShowBuy(false);
navigateBack(-1);
}, []);
useEffect(() => { useEffect(() => {
const callback = (d: string) => setDescribe(d); const callback = (d: string) => setDescribe(d);
@ -342,7 +349,7 @@ export default function JobPublish() {
<div className={`${PREFIX}__footer__buttons`}> <div className={`${PREFIX}__footer__buttons`}>
{!isUpdate && ( {!isUpdate && (
<Button className={`${PREFIX}__footer__button`} onClick={handleSubmit}> <Button className={`${PREFIX}__footer__button`} onClick={handleSubmit}>
</Button> </Button>
)} )}
{isUpdate && ( {isUpdate && (
@ -365,9 +372,9 @@ export default function JobPublish() {
onConfirm={handleConfirmCityPicker} onConfirm={handleConfirmCityPicker}
onCancel={() => setShowCityPicker(false)} onCancel={() => setShowCityPicker(false)}
/> />
<Dialog open={showBuy} onClose={() => setShowBuy(false)}> <Dialog open={showBuy} onClose={handleClosePublishJob}>
<Dialog.Content> <Dialog.Content>
<CompanyPublishJobBuy onNext={handleNext} defaultSelect={1}/> <CompanyPublishJobBuy onNext={handleNext} />
</Dialog.Content> </Dialog.Content>
</Dialog> </Dialog>
</div> </div>

View File

@ -150,7 +150,7 @@ export default function JobSearch() {
<SearchInput <SearchInput
focus={focus} focus={focus}
value={value} value={value}
placeholder="你想搜什么" placeholder="可以试试地区 品类"
searchAction={searchAction} searchAction={searchAction}
className={`${PREFIX}__search`} className={`${PREFIX}__search`}
onClear={handleSearchClear} onClear={handleSearchClear}

View File

@ -6,7 +6,6 @@ import classNames from 'classnames';
import { useCallback, useState } from 'react'; import { useCallback, useState } from 'react';
import { EventName, OpenSource } from '@/constants/app'; import { EventName, OpenSource } from '@/constants/app';
import { JobManageStatus } from '@/constants/job';
import { JobManageInfo } from '@/types/job'; import { JobManageInfo } from '@/types/job';
import { getJobLocation, requestJobManageList } from '@/utils/job'; import { getJobLocation, requestJobManageList } from '@/utils/job';
import { getPageQuery, navigateBack } from '@/utils/route'; import { getPageQuery, navigateBack } from '@/utils/route';
@ -34,7 +33,7 @@ export default function JobSelectMyPublish() {
const query = getPageQuery<{ id: string; source: OpenSource }>(); const query = getPageQuery<{ id: string; source: OpenSource }>();
query?.id && setJobId(query.id); query?.id && setJobId(query.id);
try { try {
const res = await requestJobManageList({ status: JobManageStatus.Open }); const res = await requestJobManageList();
setList(res.jobResults); setList(res.jobResults);
setSource(query.source); setSource(query.source);
} catch (e) { } catch (e) {

View File

@ -7,7 +7,7 @@ import { AgreementPopup } from '@/components/agreement-popup';
import HomePage from '@/components/home-page'; import HomePage from '@/components/home-page';
import MaterialGuide from '@/components/material-guide'; import MaterialGuide from '@/components/material-guide';
import { EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app'; import { EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app';
import { EmployType, JOB_PAGE_TABS, SortType } from '@/constants/job'; import { EmployType, JOB_PAGE_TABS, JobSourceType, SortType } from '@/constants/job';
import JobFragment from '@/fragments/job/base'; import JobFragment from '@/fragments/job/base';
import useInviteCode from '@/hooks/use-invite-code'; import useInviteCode from '@/hooks/use-invite-code';
import useLocation from '@/hooks/use-location'; import useLocation from '@/hooks/use-location';
@ -31,7 +31,8 @@ export default function Job() {
const location = useLocation(); const location = useLocation();
const { barHeight, statusBarHeight } = useNavigation(); const { barHeight, statusBarHeight } = useNavigation();
const inviteCode = useInviteCode(); const inviteCode = useInviteCode();
const [tabType, setTabType] = useState<EmployType>(EmployType.All); const [tabType, setTabType] = useState<JobSourceType>(JobSourceType.All);
const [employType, setEmployType] = useState<EmployType>(EmployType.All);
const [sortType, setSortType] = useState<SortType>(SortType.RECOMMEND); const [sortType, setSortType] = useState<SortType>(SortType.RECOMMEND);
const [cityCode, setCityCode] = useState<string>(location.cityCode); const [cityCode, setCityCode] = useState<string>(location.cityCode);
const [coordinate, setCoordinate] = useState<Coordinate>({ const [coordinate, setCoordinate] = useState<Coordinate>({
@ -59,6 +60,10 @@ export default function Job() {
[cityCode] [cityCode]
); );
const handleClickEmployType = useCallback(type => {
setEmployType(type);
}, []);
const handleClickSortType = useCallback( const handleClickSortType = useCallback(
async (type: SortType) => { async (type: SortType) => {
if (type === SortType.DISTANCE && (!location.latitude || !location.longitude)) { if (type === SortType.DISTANCE && (!location.latitude || !location.longitude)) {
@ -151,8 +156,10 @@ export default function Job() {
<JobFragment <JobFragment
cityCode={cityCode} cityCode={cityCode}
sortType={sortType} sortType={sortType}
employType={tab.type} sourceType={tab.type}
employType={employType}
coordinate={coordinate} coordinate={coordinate}
onClickEmployType={handleClickEmployType}
onClickCity={handleClickCity} onClickCity={handleClickCity}
onClickSort={handleClickSortType} onClickSort={handleClickSortType}
/> />

View File

@ -190,7 +190,7 @@ export default function MaterialUploadVideo() {
onTitleChange={(newTitle: string) => handleTitleChange(video, newTitle)} onTitleChange={(newTitle: string) => handleTitleChange(video, newTitle)}
/> />
))} ))}
{videoList.length < 6 && <MaterialVideoCard videoInfo={TEMP_DATA} onClickUpload={handleClickUpload} isTemp />} {videoList.length < 10 && <MaterialVideoCard videoInfo={TEMP_DATA} onClickUpload={handleClickUpload} isTemp />}
</div> </div>
<SafeBottomPadding /> <SafeBottomPadding />
<div className={`${PREFIX}__footer`}> <div className={`${PREFIX}__footer`}>

View File

@ -1,13 +1,16 @@
import { Button } from '@tarojs/components'; import { Button } from '@tarojs/components';
import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro'; import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';
import { Dialog } from '@taroify/core';
import { useCallback, useEffect, useState } from 'react'; import { useCallback, useEffect, useState } from 'react';
import CommonDialog from '@/components/common-dialog'; import CommonDialog from '@/components/common-dialog';
import PageLoading from '@/components/page-loading'; import PageLoading from '@/components/page-loading';
import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
import SafeBottomPadding from '@/components/safe-bottom-padding'; import SafeBottomPadding from '@/components/safe-bottom-padding';
import { EventName, OpenSource, PageUrl, RoleType } from '@/constants/app'; import { EventName, OpenSource, PageUrl, RoleType } from '@/constants/app';
import { CollectEventName } from '@/constants/event'; import { CollectEventName } from '@/constants/event';
import { JobManageStatus } from '@/constants/job';
import { MaterialViewSource } from '@/constants/material'; import { MaterialViewSource } from '@/constants/material';
import ProfileViewFragment from '@/fragments/profile/view'; import ProfileViewFragment from '@/fragments/profile/view';
import useInviteCode from '@/hooks/use-invite-code'; import useInviteCode from '@/hooks/use-invite-code';
@ -19,7 +22,7 @@ import { IJobMessage } from '@/types/message';
import { switchRoleType } from '@/utils/app'; import { switchRoleType } from '@/utils/app';
import { copy } from '@/utils/common'; import { copy } from '@/utils/common';
import { collectEvent } from '@/utils/event'; import { collectEvent } from '@/utils/event';
import { requestHasPublishedJob, requestJobDetail } from '@/utils/job'; import { postPublishJob, requestHasPublishedJob, requestJobDetail } from '@/utils/job';
import { getMaterialShareMessage, requestReadProfile, requestShareProfile } from '@/utils/material'; import { getMaterialShareMessage, requestReadProfile, requestShareProfile } from '@/utils/material';
import { isChatWithSelf, postCreateChat } from '@/utils/message'; import { isChatWithSelf, postCreateChat } from '@/utils/message';
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner'; import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
@ -67,15 +70,16 @@ export default function MaterialViewPage() {
const [jobId, setJobId] = useState<string>(); const [jobId, setJobId] = useState<string>();
const [errorTips, setErrorTips] = useState<string>(''); const [errorTips, setErrorTips] = useState<string>('');
const [publishDialogVisible, setPublishDialogVisible] = useState(false); const [publishDialogVisible, setPublishDialogVisible] = useState(false);
const [certificationDialogVisible, setCertificationDialogVisible] = useState(false);
const [noTimeDialogVisible, setNoTimeDialogVisible] = useState(false); const [noTimeDialogVisible, setNoTimeDialogVisible] = useState(false);
const [noVipLimitVisible, setNoVipLimitVisible] = useState(false); const [noVipLimitVisible, setNoVipLimitVisible] = useState(false);
const [vipExpiredVisible, setVipExpiredVisible] = useState(false); const [vipExpiredVisible, setVipExpiredVisible] = useState(false);
const inviteCode = useInviteCode(); const inviteCode = useInviteCode();
const [showBuy, setShowBuy] = useState(false);
const onDev = useCallback(async () => profile && copy(profile.userId), [profile]); const onDev = useCallback(async () => profile && copy(profile.userId), [profile]);
const handleClickContact = useCallback(async () => { const handleClickContact = useCallback(async () => {
setShowBuy(false);
if (!profile) { if (!profile) {
return; return;
} }
@ -87,6 +91,10 @@ export default function MaterialViewPage() {
return; return;
} }
const jobDetail = await requestJobDetail(jobId); const jobDetail = await requestJobDetail(jobId);
if (jobDetail.status !== JobManageStatus.Open) {
setShowBuy(true);
return;
}
const chat = await postCreateChat(toUserId); const chat = await postCreateChat(toUserId);
const jobMessage: IJobMessage = { const jobMessage: IJobMessage = {
id: jobDetail.id, id: jobDetail.id,
@ -116,7 +124,16 @@ export default function MaterialViewPage() {
} }
} }
}, [profile, jobId]); }, [profile, jobId]);
const handleNext = useCallback(async () => {
setShowBuy(false);
try {
await postPublishJob(jobId!);
await handleClickContact();
} catch (e) {
Toast.error('通告发布失败');
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
}
}, [handleClickContact, jobId]);
const handleClickNoViewTimes = useCallback(() => { const handleClickNoViewTimes = useCallback(() => {
setNoTimeDialogVisible(false); setNoTimeDialogVisible(false);
navigateBack(); navigateBack();
@ -127,11 +144,6 @@ export default function MaterialViewPage() {
redirectTo(PageUrl.CertificationManage); redirectTo(PageUrl.CertificationManage);
}, []); }, []);
const handleClickGoCertification = useCallback(() => {
setCertificationDialogVisible(false);
redirectTo(PageUrl.CertificationStart);
}, []);
useEffect(() => { useEffect(() => {
const callback = (select: JobManageInfo, source: OpenSource) => const callback = (select: JobManageInfo, source: OpenSource) =>
source === OpenSource.MaterialViewPage && setJobId(select.id); source === OpenSource.MaterialViewPage && setJobId(select.id);
@ -162,9 +174,7 @@ export default function MaterialViewPage() {
const errorCode = e.errorCode; const errorCode = e.errorCode;
collectEvent(CollectEventName.VIEW_MATERIAL_FAILED, { context, error: e.info?.() || e.message }); collectEvent(CollectEventName.VIEW_MATERIAL_FAILED, { context, error: e.info?.() || e.message });
console.error(e); console.error(e);
if (errorCode === RESPONSE_ERROR_CODE.BOSS_NOT_AUTH) { if (errorCode === RESPONSE_ERROR_CODE.NO_PUBLISHED_JOB) {
setCertificationDialogVisible(true);
} else if (errorCode === RESPONSE_ERROR_CODE.NO_PUBLISHED_JOB) {
setPublishDialogVisible(true); setPublishDialogVisible(true);
} else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) { } else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
setNoTimeDialogVisible(true); setNoTimeDialogVisible(true);
@ -179,7 +189,7 @@ export default function MaterialViewPage() {
}); });
useShareAppMessage(async () => { useShareAppMessage(async () => {
const shareMessage = await getMaterialShareMessage(profile, true, inviteCode); const shareMessage = await getMaterialShareMessage(profile, true, inviteCode, jobId);
return shareMessage as BL.Anything; return shareMessage as BL.Anything;
}); });
@ -187,13 +197,6 @@ export default function MaterialViewPage() {
return ( return (
<> <>
<PageLoading /> <PageLoading />
<CommonDialog
content="要查看主播详情,请先完成实人认证"
confirm="去认证"
visible={certificationDialogVisible}
onClose={() => setCertificationDialogVisible(false)}
onClick={handleClickGoCertification}
/>
<CommonDialog <CommonDialog
content="请先发布一个认证通告" content="请先发布一个认证通告"
confirm="去发布" confirm="去发布"
@ -260,6 +263,11 @@ export default function MaterialViewPage() {
onClose={() => setErrorTips('')} onClose={() => setErrorTips('')}
onClick={() => setErrorTips('')} onClick={() => setErrorTips('')}
/> />
<Dialog open={showBuy} onClose={() => setShowBuy(false)}>
<Dialog.Content>
<CompanyPublishJobBuy onNext={handleNext} />
</Dialog.Content>
</Dialog>
</div> </div>
</div> </div>
); );

View File

@ -1,7 +1,5 @@
import { CreateJobInfo } from '@/types/job'; import { SET_JOB_ID } from '../constants';
import { CREATE_JOB } from '../constants'; export const cacheJobId = (value: string) => ({ type: SET_JOB_ID, value });
export const cacheCreateJob = (value: CreateJobInfo) => ({ type: CREATE_JOB, value }); export const clearCachedJobId = () => ({ type: SET_JOB_ID, value: null });
export const clearCachedJob = () => ({ type: CREATE_JOB, value: {} });

View File

@ -5,4 +5,4 @@ export const SET_USER_INFO = 'SET_USER_INFO';
export const SET_BIND_PHONE = 'SET_BIND_PHONE'; export const SET_BIND_PHONE = 'SET_BIND_PHONE';
export const SET_USER_MESSAGE = 'SET_USER_MESSAGE'; export const SET_USER_MESSAGE = 'SET_USER_MESSAGE';
export const SET_INVITE_CODE = 'SET_INVITE_CODE'; export const SET_INVITE_CODE = 'SET_INVITE_CODE';
export const CREATE_JOB = 'CREATE_JOB'; export const SET_JOB_ID = 'SET_JOB_ID';

View File

@ -1,7 +1,7 @@
import { combineReducers } from 'redux'; import { combineReducers } from 'redux';
import appState from './app'; import appState from './app';
import jobState from './job'; import jobInfo from './job';
import message from './message'; import message from './message';
import partnerInfo from './partner'; import partnerInfo from './partner';
import userInfo from './user'; import userInfo from './user';
@ -11,5 +11,5 @@ export default combineReducers({
userInfo, userInfo,
message, message,
partnerInfo, partnerInfo,
jobState, jobInfo,
}); });

View File

@ -1,19 +1,15 @@
import { Action } from 'redux'; import { Action } from 'redux';
import { CreateJobInfo } from '@/types/job'; import { SET_JOB_ID } from '../constants';
import { CREATE_JOB } from '../constants'; const jobInfo = (state: Partial<string | null> = null, action: Action): Partial<string | null> => {
const INIT_STATE: Partial<CreateJobInfo> = {};
const userInfo = (state: Partial<CreateJobInfo> = INIT_STATE, action: Action): Partial<CreateJobInfo> => {
const { type, value } = action as BL.Anything; const { type, value } = action as BL.Anything;
switch (type) { switch (type) {
case CREATE_JOB: case SET_JOB_ID:
return value; return value;
default: default:
return state; return state;
} }
}; };
export default userInfo; export default jobInfo;

View File

@ -1,3 +1,3 @@
import { IState } from '@/types/store'; import { IState } from '@/types/store';
export const selectCreatedJob = (state: IState) => state.jobState; export const selectCreatedJob = (state: IState) => state.jobInfo;

View File

@ -1,4 +1,4 @@
import { JobType, EmployType, SortType, UserJobType, JobManageStatus } from '@/constants/job'; import { JobType, EmployType, SortType, UserJobType, JobManageStatus, JobSourceType } from '@/constants/job';
import { DeclarationType } from '@/constants/product'; import { DeclarationType } from '@/constants/product';
import type { IPaginationRequest, IPaginationResponse } from '@/types/common'; import type { IPaginationRequest, IPaginationResponse } from '@/types/common';
import { LocationInfo } from '@/types/location'; import { LocationInfo } from '@/types/location';
@ -50,6 +50,7 @@ export type JobDetails = JobInfo &
userId: string; // 发布人的 userId userId: string; // 发布人的 userId
verifyFailReason?: string; // 审核不通过的原因 verifyFailReason?: string; // 审核不通过的原因
sourcePlat?: string; sourcePlat?: string;
status: JobManageStatus
}; };
export interface JobManageInfo { export interface JobManageInfo {
@ -83,6 +84,7 @@ export interface GetJobsRequest extends IPaginationRequest {
minSalary?: number; minSalary?: number;
maxSalary?: number; maxSalary?: number;
blGroupId?: string; // 播络群 id blGroupId?: string; // 播络群 id
sourceType?: JobSourceType;
} }
// 获取通告列表响应接口 // 获取通告列表响应接口

View File

@ -1,5 +1,4 @@
import { RoleType, PageType } from '@/constants/app'; import { RoleType, PageType } from '@/constants/app';
import { CreateJobInfo } from '@/types/job';
import { UserMessage } from '@/types/message'; import { UserMessage } from '@/types/message';
import { PartnerInfo } from '@/types/partner'; import { PartnerInfo } from '@/types/partner';
@ -11,7 +10,7 @@ export interface IState {
userInfo: UserInfo; userInfo: UserInfo;
message: UserMessage; message: UserMessage;
partnerInfo: PartnerInfo; partnerInfo: PartnerInfo;
jobState: CreateJobInfo; jobInfo: string | null;
} }
export interface AppState { export interface AppState {

View File

@ -2,7 +2,7 @@ import Taro from '@tarojs/taro';
import { CacheKey } from '@/constants/cache-key'; import { CacheKey } from '@/constants/cache-key';
import { CollectEventName } from '@/constants/event'; import { CollectEventName } from '@/constants/event';
import { EmployType, JobManageStatus, UserJobType } from '@/constants/job'; import { EmployType, JobManageStatus, JobSourceType, UserJobType } from '@/constants/job';
import http from '@/http'; import http from '@/http';
import { API } from '@/http/api'; import { API } from '@/http/api';
import store from '@/store'; import store from '@/store';
@ -80,6 +80,7 @@ async function requestMyBrowsedJobList(data: GetUserJobRequest) {
export async function requestJobList(data: GetJobsRequest = {}) { export async function requestJobList(data: GetJobsRequest = {}) {
const isGetMyJob = data.isOwner || data.isFollow; const isGetMyJob = data.isOwner || data.isFollow;
data.sourceType = data.sourceType === JobSourceType.All ? undefined : data.sourceType;
const url = isGetMyJob ? API.GET_MY_JOB_LIST_V2 : API.GET_JOB_LIST; const url = isGetMyJob ? API.GET_MY_JOB_LIST_V2 : API.GET_JOB_LIST;
return await http.post<GetJobsResponse>(url, { data }); return await http.post<GetJobsResponse>(url, { data });
} }
@ -116,8 +117,9 @@ export async function requestHasPublishedJob() {
return data.jobResults.length > 0; return data.jobResults.length > 0;
} }
export function postCreateJob(data: CreateJobInfo) { export async function postCreateJob(data: CreateJobInfo): Promise<string> {
return http.post(API.CREATE_JOB, { data }); const jobId = await http.post(API.CREATE_JOB, { data });
return jobId;
} }
export function postUpdateJob(data: CreateJobInfo) { export function postUpdateJob(data: CreateJobInfo) {

View File

@ -89,9 +89,9 @@ export const requestReadProfile = async (data: GetReadProfileRequest) => {
return http.post<MaterialProfile>(API.READ_PROFILE, { data }); return http.post<MaterialProfile>(API.READ_PROFILE, { data });
}; };
export const requestProfileShareCode = async (resumeId: string) => { export const requestProfileShareCode = async (resumeId: string, jobId?: string) => {
return http.post<MaterialProfile>(API.GET_PROFILE_SHARE_CODE, { return http.post<MaterialProfile>(API.GET_PROFILE_SHARE_CODE, {
data: { resumeId }, data: { resumeId, jobId },
contentType: 'application/x-www-form-urlencoded', contentType: 'application/x-www-form-urlencoded',
}); });
}; };
@ -142,14 +142,15 @@ export const requestAnchorList = async (data: GetAnchorListRequest) => {
export const getMaterialShareMessage = async ( export const getMaterialShareMessage = async (
profile?: MaterialProfile | null, profile?: MaterialProfile | null,
needShareCode: boolean = true, needShareCode: boolean = true,
inviteCode?: string inviteCode?: string,
jobId?: string
) => { ) => {
if (!profile) { if (!profile) {
return null; return null;
} }
try { try {
const { id, name = '', workedSecCategoryStr } = profile; const { id, name = '', workedSecCategoryStr } = profile;
const shareCode = needShareCode ? await requestProfileShareCode(id) : undefined; const shareCode = needShareCode ? await requestProfileShareCode(id, jobId) : undefined;
const title = `${name} ${workedSecCategoryStr ? `播过 ${workedSecCategoryStr}` : ''}`.trim(); const title = `${name} ${workedSecCategoryStr ? `播过 ${workedSecCategoryStr}` : ''}`.trim();
return { return {
title, title,

View File

@ -9,7 +9,7 @@ import {
GetProductIsUnlockRequest, GetProductIsUnlockRequest,
PostUseProductRequest, PostUseProductRequest,
GetProductIsUnlockResponse, GetProductIsUnlockResponse,
CustomerServiceInfo, // CustomerServiceInfo,
CreatePayInfoRequest, CreatePayInfoRequest,
CreatePayInfoResponse, CreatePayInfoResponse,
CreatePayOrderParams, CreatePayOrderParams,
@ -74,7 +74,7 @@ export async function requestAllBuyProduct(productCode: ProductType) {
} }
export async function requestCsQrCode(_type: QrCodeType) { export async function requestCsQrCode(_type: QrCodeType) {
const result = await http.post<CustomerServiceInfo>(API.CS_QR_CODE); // const result = await http.post<CustomerServiceInfo>(API.CS_QR_CODE);
return 'https://publiccdn.neighbourhood.com.cn/img/bzQrcode.jpg'; return 'https://publiccdn.neighbourhood.com.cn/img/bzQrcode.jpg';
// return `${DOMAIN}/${result.vxQrCode}`; // return `${DOMAIN}/${result.vxQrCode}`;
} }