feat: update tonggao
This commit is contained in:
13
src/components/employ-type-select/index.tsx
Normal file
13
src/components/employ-type-select/index.tsx
Normal 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;
|
@ -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}`);
|
||||||
|
|
||||||
|
@ -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), []);
|
||||||
|
|
||||||
|
@ -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],
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -54,6 +54,7 @@
|
|||||||
flex: 1 0;
|
flex: 1 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__employType-select,
|
||||||
&__salary-select,
|
&__salary-select,
|
||||||
&__search-city {
|
&__search-city {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -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));
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -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);
|
||||||
|
@ -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;
|
||||||
|
@ -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`;
|
||||||
|
|
||||||
|
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -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>
|
||||||
|
@ -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}
|
||||||
|
@ -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) {
|
||||||
|
@ -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}
|
||||||
/>
|
/>
|
||||||
|
@ -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`}>
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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: {} });
|
|
||||||
|
@ -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';
|
||||||
|
@ -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,
|
||||||
});
|
});
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取通告列表响应接口
|
// 获取通告列表响应接口
|
||||||
|
@ -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 {
|
||||||
|
@ -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) {
|
||||||
|
@ -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,
|
||||||
|
@ -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}`;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user