Compare commits
6 Commits
fde2027588
...
a07b015d8e
| Author | SHA1 | Date | |
|---|---|---|---|
| a07b015d8e | |||
| 3533a0a877 | |||
| 966c0782fc | |||
| 1165e027a7 | |||
| 4d146fb1e4 | |||
| 5e3e6903cb |
@ -6,7 +6,7 @@ import { Provider } from 'react-redux';
|
||||
import { REFRESH_UNREAD_COUNT_TIME } from '@/constants/message';
|
||||
import http from '@/http';
|
||||
import store from '@/store';
|
||||
import { requestCityOperators } from '@/utils/location';
|
||||
import { requestCityConfigs } from '@/utils/location';
|
||||
import { requestUnreadMessageCount } from '@/utils/message';
|
||||
import { decryptOpenGid, getInviteCode, getInviteCodeFromQuery } from '@/utils/partner';
|
||||
import qiniuUpload from '@/utils/qiniu-upload';
|
||||
@ -30,7 +30,7 @@ function App({ children }: PropsWithChildren<BL.Anything>) {
|
||||
});
|
||||
|
||||
useDidShow(options => {
|
||||
requestCityOperators();
|
||||
requestCityConfigs();
|
||||
|
||||
console.log(options);
|
||||
const inviteCode = getInviteCodeFromQuery(options?.query || {});
|
||||
@ -48,7 +48,7 @@ function App({ children }: PropsWithChildren<BL.Anything>) {
|
||||
// @ts-expect-error
|
||||
encryptedData: info.encryptedData,
|
||||
});
|
||||
console.log('哈哈哈', info);
|
||||
console.log('getGroupEnterInfo', info);
|
||||
})
|
||||
.catch(() => {
|
||||
console.log('没有解析到群', options?.scene);
|
||||
|
||||
@ -2,20 +2,36 @@
|
||||
@import '@/styles/variables.less';
|
||||
|
||||
.profile-checkbox {
|
||||
|
||||
&__group {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.flex-row();
|
||||
flex-wrap: wrap;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
&__item {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
}
|
||||
flex: 0 1 auto;
|
||||
padding: 34px 36px;
|
||||
line-height: 32px;
|
||||
border-radius: 16px;
|
||||
border: 2px solid #fff;
|
||||
background: #fff;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
box-sizing: border-box;
|
||||
&.active {
|
||||
background: rgba(109, 61, 245, 0.12);
|
||||
border: 2px solid #6d3df5;
|
||||
|
||||
&__icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
.taroify-checkbox__label {
|
||||
color: #6d3df5;
|
||||
}
|
||||
}
|
||||
|
||||
.taroify-checkbox__label {
|
||||
line-height: 32px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,42 +1,44 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
|
||||
import { Checkbox } from '@taroify/core';
|
||||
import { CheckboxProps, CheckboxGroupProps } from '@taroify/core/checkbox';
|
||||
import CheckboxGroupContext from '@taroify/core/checkbox/checkbox-group.context';
|
||||
import { useContext } from 'react';
|
||||
|
||||
import './index.less';
|
||||
|
||||
interface IProps extends CheckboxProps {
|
||||
text: string;
|
||||
}
|
||||
|
||||
interface IGroupProps extends CheckboxGroupProps {
|
||||
value: BL.Anything[];
|
||||
}
|
||||
|
||||
interface IGroupProps extends CheckboxGroupProps {}
|
||||
|
||||
const PREFIX = 'profile-checkbox';
|
||||
|
||||
export function BlCheckboxGroup(props: IGroupProps) {
|
||||
return <Checkbox.Group className={`${PREFIX}__group`} direction="horizontal" {...props} />;
|
||||
export function BlCheckboxGroup({ value, onChange, children }: IGroupProps) {
|
||||
return (
|
||||
<Checkbox.Group className={`${PREFIX}__group`} value={value} onChange={onChange}>
|
||||
{children}
|
||||
</Checkbox.Group>
|
||||
);
|
||||
}
|
||||
|
||||
export function BlCheckbox(props: IProps) {
|
||||
const { name, text, value } = props;
|
||||
const { name, text } = props;
|
||||
const { value: names = [], onChange: onNamesChange } = useContext(CheckboxGroupContext);
|
||||
const checked = names.includes(name);
|
||||
const handleClick = () => {
|
||||
if (!name) return;
|
||||
|
||||
if (checked) {
|
||||
onNamesChange?.(names.filter(aName => aName !== name));
|
||||
} else {
|
||||
onNamesChange?.([...names, name]);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<Checkbox
|
||||
className={`${PREFIX}__item`}
|
||||
name={name}
|
||||
icon={
|
||||
<Image
|
||||
className={`${PREFIX}__icon`}
|
||||
mode="aspectFit"
|
||||
src={
|
||||
value.includes(name)
|
||||
? require('@/statics/svg/radio-checked.svg')
|
||||
: require('@/statics/svg/radio-uncheck.svg')
|
||||
}
|
||||
/>
|
||||
}
|
||||
>
|
||||
<Checkbox className={`${PREFIX}__item ${checked ? 'active' : ''}`} name={name} icon={null} onClick={handleClick}>
|
||||
{text}
|
||||
</Checkbox>
|
||||
);
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
}
|
||||
|
||||
&__pull-refresh {
|
||||
margin-top: 72px;
|
||||
margin-top: 204px;
|
||||
}
|
||||
|
||||
&__item {
|
||||
|
||||
@ -6,12 +6,12 @@
|
||||
height: 152px;
|
||||
.flex-row();
|
||||
padding: 24px 32px;
|
||||
background: #FFF;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
content: '';
|
||||
height: 2px;
|
||||
background: #00000026;
|
||||
position: absolute;
|
||||
@ -52,7 +52,11 @@
|
||||
|
||||
&__status {
|
||||
height: 100%;
|
||||
.flex-row();
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
gap: 24px;
|
||||
font-size: 28px;
|
||||
line-height: 32px;
|
||||
font-weight: 400;
|
||||
@ -63,7 +67,27 @@
|
||||
}
|
||||
|
||||
&.error {
|
||||
color: #FF5051;
|
||||
color: #ff5051;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__buy-tag {
|
||||
padding: 8px;
|
||||
background: rgba(255, 80, 81, 0.12);
|
||||
border-radius: 4px;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
color: #ff5051;
|
||||
.flex-row();
|
||||
|
||||
&-wrapper {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
width: 13px;
|
||||
height: 18px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,10 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
|
||||
import { Arrow } from '@taroify/icons';
|
||||
import classNames from 'classnames';
|
||||
import React, { useCallback } from 'react';
|
||||
|
||||
import { cityValues } from '@/components/user-batch-publish';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { JOB_MANAGE_STATUS_TITLE_MAP, JobManageStatus } from '@/constants/job';
|
||||
import { JobManageInfo } from '@/types/job';
|
||||
@ -25,6 +29,29 @@ const STATUS_CLASS_MAP = {
|
||||
[JobManageStatus.Expire]: 'close',
|
||||
};
|
||||
|
||||
function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInfo['id'] }) {
|
||||
const handleClick = useCallback(
|
||||
e => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
navigateTo(PageUrl.GroupDelegatePublish, { cityCode, jobId });
|
||||
},
|
||||
[cityCode, jobId]
|
||||
);
|
||||
if (!cityValues.find(c => c.cityCode === cityCode)) {
|
||||
return null;
|
||||
}
|
||||
return (
|
||||
<div onClick={handleClick} className={`${PREFIX}__buy-tag-wrapper`}>
|
||||
<div className={`${PREFIX}__buy-tag`}>
|
||||
<Image className={`${PREFIX}__buy-tag-icon`} src="https://publiccdn.neighbourhood.com.cn/img/lightning.svg" />
|
||||
<div>加速招聘</div>
|
||||
<Arrow size={12} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function JobManageCard(props: IProps) {
|
||||
const { data = {} } = props;
|
||||
const { id, title, status } = data as JobManageInfo;
|
||||
@ -41,6 +68,7 @@ function JobManageCard(props: IProps) {
|
||||
</div>
|
||||
<div className={classNames(`${PREFIX}__status`, { [STATUS_CLASS_MAP[status]]: true })}>
|
||||
<div>{JOB_MANAGE_STATUS_TITLE_MAP[status]}</div>
|
||||
<GoBatchTag cityCode={props.data.cityCode} jobId={props.data.id} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
padding-right: 9px;
|
||||
font-size: 64px;
|
||||
line-height: 62px;
|
||||
background: linear-gradient(87.53deg, #683DE3 0.4%, #39227D 84.55%);
|
||||
background: linear-gradient(87.53deg, #683de3 0.4%, #39227d 84.55%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
@ -87,31 +87,48 @@
|
||||
box-sizing: border-box;
|
||||
height: 130px;
|
||||
padding: 24px 32px;
|
||||
&-time {
|
||||
&-top-line {
|
||||
.flex-row();
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
color: #333333;
|
||||
font-weight: 400;
|
||||
position: relative;
|
||||
.noWrap();
|
||||
}
|
||||
&-id {
|
||||
.id {
|
||||
color: #999999;
|
||||
display: inline-block;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
&-time {
|
||||
padding-right: 55px;
|
||||
}
|
||||
&-details {
|
||||
margin-top: 5px;
|
||||
white-space: nowrap;
|
||||
.flex-row();
|
||||
justify-content: space-between;
|
||||
}
|
||||
&-id {
|
||||
&-tag {
|
||||
height: 36px;
|
||||
margin-right: 16px;
|
||||
padding: 0 12px;
|
||||
border: 1px solid #6d3df5;
|
||||
border-radius: 4px;
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
color: #999999;
|
||||
padding-right: 22px;
|
||||
color: #6d3df5;
|
||||
display: inline-block;
|
||||
}
|
||||
&-info {
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
color: #333333;
|
||||
margin-right: 16px;
|
||||
display: inline-block;
|
||||
margin-right: 16px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
@ -257,7 +274,7 @@
|
||||
|
||||
&__share-button {
|
||||
//flex: 2 2;
|
||||
flex: 0 0 406px;
|
||||
flex: 0 0 406px;
|
||||
width: 406px;
|
||||
.button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
|
||||
//margin-left: 32px;
|
||||
|
||||
@ -4,28 +4,56 @@ import { Swiper } from '@taroify/core';
|
||||
import { GoodJob } from '@taroify/icons';
|
||||
import { useCallback, useEffect, useRef, useState } from 'react';
|
||||
|
||||
import LoginDialog from '@/components/login-dialog';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import useUserInfo from '@/hooks/use-user-info';
|
||||
import { EarnType, UserProfitListItem } from '@/types/partner';
|
||||
import { openCustomerServiceChat } from '@/utils/common';
|
||||
import { formatMoney, formatTimestamp, formatUserId, getLastProfitList } from '@/utils/partner';
|
||||
import { becomePartner, formatMoney, formatTimestamp, formatUserId, getLastProfitList } from '@/utils/partner';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
import { isNeedPhone, requestUserInfo } from '@/utils/user';
|
||||
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'partner-intro';
|
||||
|
||||
export default function PartnerIntro() {
|
||||
const handleConfirm = useCallback(() => {
|
||||
navigateTo(PageUrl.GroupOwnerCertificate);
|
||||
}, []);
|
||||
const userInfo = useUserInfo();
|
||||
const needPhone = isNeedPhone(userInfo);
|
||||
const [loginVisible, setLoginVisible] = useState(false);
|
||||
|
||||
const handleOpenService = useCallback(() => {
|
||||
openCustomerServiceChat('https://work.weixin.qq.com/kfid/kfc4fcf6b109b3771d7');
|
||||
}, []);
|
||||
|
||||
const handleJump = useCallback(() => {
|
||||
navigateTo(PageUrl.PartnerShareVip);
|
||||
const handleBindSuccess = useCallback(async () => {
|
||||
await becomePartner();
|
||||
await requestUserInfo();
|
||||
setLoginVisible(false);
|
||||
}, []);
|
||||
const handleBecomePartner = useCallback(() => {
|
||||
if (needPhone) {
|
||||
setLoginVisible(true);
|
||||
return false;
|
||||
} else {
|
||||
handleBindSuccess();
|
||||
return true;
|
||||
}
|
||||
}, [handleBindSuccess, needPhone]);
|
||||
|
||||
const handleConfirm = useCallback(() => {
|
||||
if (!userInfo.isPartner && !handleBecomePartner()) {
|
||||
return;
|
||||
}
|
||||
navigateTo(PageUrl.GroupOwnerCertificate);
|
||||
}, [handleBecomePartner, userInfo.isPartner]);
|
||||
|
||||
const handleJump = useCallback(() => {
|
||||
if (!userInfo.isPartner && !handleBecomePartner()) {
|
||||
return;
|
||||
}
|
||||
navigateTo(PageUrl.PartnerShareVip);
|
||||
}, [handleBecomePartner, userInfo.isPartner]);
|
||||
|
||||
const timerRef = useRef<NodeJS.Timeout | null>(null);
|
||||
const [bannerList, setBannerList] = useState<UserProfitListItem[]>([]);
|
||||
@ -57,6 +85,19 @@ export default function PartnerIntro() {
|
||||
}
|
||||
};
|
||||
}, [getBannerList]);
|
||||
|
||||
const showedRef = useRef(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (showedRef.current || !userInfo.userId) {
|
||||
return;
|
||||
}
|
||||
showedRef.current = true;
|
||||
if (!userInfo.isPartner) {
|
||||
handleBecomePartner();
|
||||
}
|
||||
}, [userInfo]);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<Image
|
||||
@ -80,17 +121,24 @@ export default function PartnerIntro() {
|
||||
<Swiper className={`${PREFIX}__swiper`} autoplay={3000} touchable={false}>
|
||||
{bannerList.map((item, index) => (
|
||||
<Swiper.Item className={`${PREFIX}__swiper-item`} key={`${item.userId}-${index}`}>
|
||||
<div className={`${PREFIX}__swiper-item-time`}>{formatTimestamp(item.updatedAt)}</div>
|
||||
<div className={`${PREFIX}__swiper-item-top-line`}>
|
||||
<div className={`${PREFIX}__swiper-item-time`}>{formatTimestamp(item.updatedAt)}</div>
|
||||
<div className={`${PREFIX}__swiper-item-id`}>
|
||||
用户 <div className="id">{formatUserId(item.userId)}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__swiper-item-details`}>
|
||||
<div className={`${PREFIX}__swiper-item-id`}>{formatUserId(item.userId)}</div>
|
||||
<div className={`${PREFIX}__swiper-item-info`}>
|
||||
{[EarnType.CHAT_ACTIVITY_SHARE_L1, EarnType.CHAT_ACTIVITY_SHARE_L2].includes(item.earnType)
|
||||
? '主播被开聊'
|
||||
: '会员支付'}
|
||||
<div className="money">+{formatMoney(item.amount, 1)}</div>
|
||||
<div>
|
||||
<div className={`${PREFIX}__swiper-item-tag`}>分成收入</div>
|
||||
<div className={`${PREFIX}__swiper-item-info`}>
|
||||
{[EarnType.CHAT_ACTIVITY_SHARE_L1, EarnType.CHAT_ACTIVITY_SHARE_L2].includes(item.earnType)
|
||||
? '主播被开聊'
|
||||
: '会员支付'}
|
||||
<div className="money">+{formatMoney(item.amount)}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__swiper-item-info`}>
|
||||
累计<div className="money">{formatMoney(item.total, 1)}</div>
|
||||
累计<div className="money">{formatMoney(item.total)}</div>
|
||||
</div>
|
||||
</div>
|
||||
</Swiper.Item>
|
||||
@ -163,6 +211,10 @@ export default function PartnerIntro() {
|
||||
赠送会员给好友
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
{loginVisible && (
|
||||
<LoginDialog onCancel={() => setLoginVisible(false)} onSuccess={handleBindSuccess} needPhone={needPhone} />
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -13,9 +13,9 @@
|
||||
&__title {
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
font-weight: 500;
|
||||
color: @blColor;
|
||||
margin-top: 24px;
|
||||
margin-top: 32px;
|
||||
font-weight: 400;
|
||||
color: #1d2129;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
@ -30,13 +30,21 @@
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
&__extra {
|
||||
margin-top: 24px;
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 40px;
|
||||
color: @blHighlightColor;
|
||||
}
|
||||
|
||||
&__cost-describe {
|
||||
height: 100px;
|
||||
padding: 0 32px;
|
||||
border-radius: 16px;
|
||||
.flex-row();
|
||||
justify-content: space-between;
|
||||
background: #FFFFFF;
|
||||
background: #ffffff;
|
||||
margin-top: 24px;
|
||||
|
||||
&__price {
|
||||
@ -64,9 +72,22 @@
|
||||
line-height: 48px;
|
||||
font-weight: 400;
|
||||
color: @blColorG2;
|
||||
background: #FFFFFF;
|
||||
background: #ffffff;
|
||||
border-radius: 16px;
|
||||
|
||||
.underline {
|
||||
display: inline;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
color: @blColor;
|
||||
position: relative;
|
||||
background-image: linear-gradient(to bottom, rgba(109, 61, 245, 0.6) 0%, rgba(109, 61, 245, 0.6) 100%);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 12px;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
&__describe {
|
||||
.flex-row();
|
||||
font-size: 28px;
|
||||
@ -86,4 +107,16 @@
|
||||
.button(@width: 100%; @height: 80px; @fontSize: 32px);
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
&__publish-title {
|
||||
font-size: 36px;
|
||||
font-weight: 500;
|
||||
line-height: 56px;
|
||||
color: @blColor;
|
||||
}
|
||||
|
||||
&__publish-button {
|
||||
.button(@width: 360px, @height: 72px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 44px);
|
||||
margin: 40px auto auto;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,17 +1,21 @@
|
||||
import { Button, Text } from '@tarojs/components';
|
||||
import { Button } from '@tarojs/components';
|
||||
import Taro from '@tarojs/taro';
|
||||
|
||||
import { Cell } from '@taroify/core';
|
||||
import { useCallback, useState, useEffect } from 'react';
|
||||
import { Cell, Dialog } from '@taroify/core';
|
||||
import { Fragment, useCallback, useEffect, useState } from 'react';
|
||||
|
||||
import PageLoading from '@/components/page-loading';
|
||||
import { PublishJobQrCodeDialog } from '@/components/product-dialog/publish-job';
|
||||
import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
|
||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||
import { ISelectOption, PopupSelect } from '@/components/select';
|
||||
import { ISelectOption } from '@/components/select';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { JobManageStatus } from '@/constants/job';
|
||||
import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
|
||||
import { usePublishJob } from '@/hooks/use-publish-job';
|
||||
import { BatchPublishGroup } from '@/types/group';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
import { requestJobDetail } from '@/utils/job';
|
||||
import {
|
||||
getOrderPrice,
|
||||
isCancelPay,
|
||||
@ -22,7 +26,6 @@ import {
|
||||
} from '@/utils/product';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
import Toast from '@/utils/toast';
|
||||
|
||||
import './index.less';
|
||||
|
||||
interface CityValue extends BatchPublishGroup {
|
||||
@ -35,11 +38,7 @@ interface CityOption extends ISelectOption<CityValue> {
|
||||
|
||||
const PREFIX = 'user-batch-publish';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
const SERVICE_ILLUSTRATE = `服务方式:帮您把招聘需求发到众多同城合作主播群
|
||||
群发次数:杭州、广州发3次,其他城市1次
|
||||
内容要求:仅限带货主播招聘需求,其他不发
|
||||
主播联系:内容中留招聘方联系方式,主播直接联系`;
|
||||
const cityValues: CityValue[] = [
|
||||
export const cityValues: CityValue[] = [
|
||||
{ cityCode: '440100', cityName: '广州', count: 800 },
|
||||
{ cityCode: '440300', cityName: '深圳', count: 100 },
|
||||
{ cityCode: '330100', cityName: '杭州', count: 750 },
|
||||
@ -79,20 +78,14 @@ const calcPrice = (city: CityValue | null) => {
|
||||
return { price, originalPrice, productSpecId };
|
||||
};
|
||||
|
||||
export default function UserBatchPublish() {
|
||||
export default function UserBatchPublish({ cityCode, jobId }: { cityCode: string; jobId: string }) {
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [showCitySelect, setShowCitySelect] = useState(false);
|
||||
const [showQrCode, setShowQrCode] = useState(false);
|
||||
const [city, setCity] = useState<CityOption['value'] | null>(null);
|
||||
const [cityOptions, setCityOptions] = useState<CityOption[]>([]);
|
||||
const { price, originalPrice, productSpecId } = calcPrice(city);
|
||||
const [showPublishJob, setShowPublishJob] = useState(false);
|
||||
|
||||
const handleClickCity = useCallback(() => setShowCitySelect(true), []);
|
||||
|
||||
const handleSelectCity = useCallback(value => {
|
||||
setCity(value);
|
||||
setShowCitySelect(false);
|
||||
}, []);
|
||||
const [showBuy, setShowBuy, handlePublishJob] = usePublishJob(jobId);
|
||||
|
||||
const handleClickViewGroup = useCallback(() => navigateTo(PageUrl.GroupList, { city: city?.cityCode }), [city]);
|
||||
|
||||
@ -114,6 +107,15 @@ export default function UserBatchPublish() {
|
||||
setShowQrCode(true);
|
||||
return;
|
||||
}
|
||||
|
||||
const jobDetail = await requestJobDetail(jobId);
|
||||
|
||||
if (jobDetail.status !== JobManageStatus.Open) {
|
||||
Taro.hideLoading();
|
||||
setShowPublishJob(true);
|
||||
return;
|
||||
}
|
||||
|
||||
const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
|
||||
type: OrderType.GroupBatchPublish,
|
||||
amt: getOrderPrice(price),
|
||||
@ -141,21 +143,25 @@ export default function UserBatchPublish() {
|
||||
Toast.error(isCancelPay(e) ? '取消购买' : '购买失败请重试');
|
||||
log('handleBuy error', e);
|
||||
}
|
||||
}, [price, productSpecId]);
|
||||
}, [jobId, price, productSpecId]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!cityCode) {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
const cOptions: CityOption[] = cityValues.map(value => ({ value, label: value.cityName }));
|
||||
const initCity = (cOptions.find(o => o.label === '重庆') || cOptions[0]).value;
|
||||
const initCity = cityValues.find(o => o.cityCode === cityCode);
|
||||
|
||||
setLoading(false);
|
||||
setCity(initCity);
|
||||
setCityOptions(cOptions);
|
||||
log('init data done', cOptions);
|
||||
if (initCity) {
|
||||
setCity(initCity);
|
||||
} else {
|
||||
Toast.info('当前城市不支持代发');
|
||||
}
|
||||
} catch (e) {
|
||||
Toast.error('加载失败请重试');
|
||||
}
|
||||
}, []);
|
||||
}, [cityCode]);
|
||||
|
||||
if (loading) {
|
||||
return <PageLoading />;
|
||||
@ -164,38 +170,46 @@ export default function UserBatchPublish() {
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
{/*<Image mode="widthFix" className={`${PREFIX}__header-image`} src="https://neighbourhood.cn/pubJob.png" />*/}
|
||||
<div className={`${PREFIX}__title`}>请选择城市</div>
|
||||
<Cell isLink align="center" className={`${PREFIX}__cell`} title={city?.cityName} onClick={handleClickCity} />
|
||||
<div className={`${PREFIX}__title`}>可购买群数</div>
|
||||
<Cell align="center" className={`${PREFIX}__cell`} title={city?.count} />
|
||||
<div className={`${PREFIX}__title`}>服务费用</div>
|
||||
<div className={`${PREFIX}__cost-describe`}>
|
||||
<div className={`${PREFIX}__cost-describe__price`}>{`${price}元`}</div>
|
||||
<div className={`${PREFIX}__cost-describe__original_price`}>{`原价:${originalPrice}元`}</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__title`}>服务说明</div>
|
||||
<div className={`${PREFIX}__illustrate`}>
|
||||
<Text>{SERVICE_ILLUSTRATE}</Text>
|
||||
<div className={`${PREFIX}__illustrate__describe`}>
|
||||
<div>附:</div>
|
||||
<div className={`${PREFIX}__illustrate__describe__view`} onClick={handleClickViewGroup}>
|
||||
播络合作群列表
|
||||
</div>
|
||||
</div>
|
||||
服务方式:帮您把招聘需求<div className="underline">发到本地主播群,投递量大幅增加</div>
|
||||
</div>
|
||||
<Button className={`${PREFIX}__buy-button`} onClick={handleClickBuy}>
|
||||
立即购买
|
||||
</Button>
|
||||
<div className={`${PREFIX}__title`}>当前通告城市</div>
|
||||
<Cell align="center" className={`${PREFIX}__cell`} title={city ? city.cityName : '暂不支持代发'} />
|
||||
{city && (
|
||||
<Fragment>
|
||||
<div className={`${PREFIX}__extra`} onClick={handleClickViewGroup}>
|
||||
查看该城市合作群列表
|
||||
</div>
|
||||
<div className={`${PREFIX}__title`}>可购买群数</div>
|
||||
<Cell align="center" className={`${PREFIX}__cell`} title={city?.count} />
|
||||
<div className={`${PREFIX}__title`}>服务费用</div>
|
||||
<div className={`${PREFIX}__cost-describe`}>
|
||||
<div className={`${PREFIX}__cost-describe__price`}>{`${price}元`}</div>
|
||||
<div className={`${PREFIX}__cost-describe__original_price`}>{`原价:${originalPrice}元`}</div>
|
||||
</div>
|
||||
|
||||
<Button className={`${PREFIX}__buy-button`} onClick={handleClickBuy}>
|
||||
立即购买
|
||||
</Button>
|
||||
</Fragment>
|
||||
)}
|
||||
<SafeBottomPadding />
|
||||
<div>
|
||||
<PopupSelect
|
||||
value={city}
|
||||
options={cityOptions}
|
||||
open={showCitySelect}
|
||||
onSelect={handleSelectCity}
|
||||
onClose={() => setShowCitySelect(false)}
|
||||
/>
|
||||
<PublishJobQrCodeDialog onClose={() => setShowQrCode(false)} open={showQrCode} />
|
||||
<Dialog open={showBuy} onClose={() => setShowBuy(false)}>
|
||||
<Dialog.Content>
|
||||
<CompanyPublishJobBuy onNext={handlePublishJob} />
|
||||
</Dialog.Content>
|
||||
</Dialog>
|
||||
<Dialog open={showPublishJob} onClose={() => setShowPublishJob(false)}>
|
||||
<Dialog.Content>
|
||||
<div className={`${PREFIX}__publish-title`}>请先发布通告</div>
|
||||
<Button className={`${PREFIX}__publish-button`} onClick={handlePublishJob}>
|
||||
发布该通告
|
||||
</Button>
|
||||
</Dialog.Content>
|
||||
</Dialog>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -3,6 +3,7 @@ export enum ProfileGroupType {
|
||||
Intention = 'intention',
|
||||
Experience = 'experience',
|
||||
Advantages = 'advantages',
|
||||
Others = 'others',
|
||||
}
|
||||
|
||||
export const ProfileTitleMap = {
|
||||
@ -10,6 +11,7 @@ export const ProfileTitleMap = {
|
||||
[ProfileGroupType.Intention]: '求职意向',
|
||||
[ProfileGroupType.Experience]: '直播经验',
|
||||
[ProfileGroupType.Advantages]: '自身优势',
|
||||
[ProfileGroupType.Others]: '身型、学历',
|
||||
};
|
||||
|
||||
export enum WorkedYears {
|
||||
@ -19,6 +21,13 @@ export enum WorkedYears {
|
||||
MoreThreeYear = 3,
|
||||
}
|
||||
|
||||
export enum EducationType {
|
||||
MiddleSchool = 1,
|
||||
HighSchool = 2,
|
||||
AssociateDegree = 3,
|
||||
BachelorOrAbove = 4,
|
||||
}
|
||||
|
||||
export enum GenderType {
|
||||
All = -1,
|
||||
MEN = 0,
|
||||
@ -110,3 +119,15 @@ export const ANCHOR_READ_TITLE_MAP = {
|
||||
[AnchorReadType.Read]: '已读',
|
||||
[AnchorReadType.Unread]: '未读',
|
||||
};
|
||||
export const EDUCATION_TYPE_LABELS = {
|
||||
[EducationType.MiddleSchool]: '初中',
|
||||
[EducationType.HighSchool]: '职高/高中',
|
||||
[EducationType.AssociateDegree]: '大专',
|
||||
[EducationType.BachelorOrAbove]: '本科及以上',
|
||||
};
|
||||
export const EDUCATION_TYPE_OPTIONS = [
|
||||
{ label: EDUCATION_TYPE_LABELS[EducationType.MiddleSchool], value: EducationType.MiddleSchool },
|
||||
{ label: EDUCATION_TYPE_LABELS[EducationType.HighSchool], value: EducationType.HighSchool },
|
||||
{ label: EDUCATION_TYPE_LABELS[EducationType.AssociateDegree], value: EducationType.AssociateDegree },
|
||||
{ label: EDUCATION_TYPE_LABELS[EducationType.BachelorOrAbove], value: EducationType.BachelorOrAbove },
|
||||
];
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
export enum SubscribeTempId {
|
||||
INTERVIEW_INVITATION = 'obPJO1nmXoSwAovbuuUz4aVfb6Ir8AOp1kY_JlQ18dY',
|
||||
UNREAD_MESSAGE_REMINDER = 'm-Zx9zgf5KGnlHgxbxSkEtpd7XXCg1r1adC2UZS7sXs',
|
||||
UNREAD_MESSAGE_REMINDER = '5QcNcHdNnWpMvNOUwbazYlWv0VXXAzdF87L7c7vVq2s',
|
||||
NEW_MESSAGE_REMINDER = '4lkxb_mDLbJ889PZqunxP5U8auvQHS6hZgzfxgGHo9U',
|
||||
SUBSCRIBE_JOB = 'PYekheJ60PA53SB51wFjySYjMUQjS17elPNnLwoIEQM',
|
||||
SUBSCRIBE_VIP = 'TxQSUxuB9av1bkWudq-UcM1ey9ChVYqTSC9qBPpW0e8',
|
||||
|
||||
@ -124,7 +124,6 @@ function JobFragment(props: IProps) {
|
||||
|
||||
const handleSelectEmployType = useCallback(
|
||||
(value?: EmployType) => {
|
||||
console.log('哈哈哈', value);
|
||||
setShowEmployTypeSelect(false);
|
||||
onClickEmployType(value!);
|
||||
},
|
||||
|
||||
@ -23,9 +23,7 @@ function ProfileBasicFragment(props: IProps, ref) {
|
||||
const [name, setName] = useState(profile.name || '');
|
||||
const [gender, setGender] = useState<GenderType>(profile.gender || GenderType.WOMEN);
|
||||
const [age, setAge] = useState(profile.age || '');
|
||||
const [height, setHeight] = useState(profile.height || '');
|
||||
const [weight, setWeight] = useState(profile.weight || '');
|
||||
const [shoeSize, setShoeSize] = useState(profile.shoeSize || '');
|
||||
const [workedSecCategoryStr, setWorkedSecCategoryStr] = useState(profile.workedSecCategoryStr || '');
|
||||
|
||||
const handleInputName = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
@ -40,41 +38,21 @@ function ProfileBasicFragment(props: IProps, ref) {
|
||||
setAge(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleInputHeight = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
if (Number.isNaN(Number(value))) {
|
||||
return;
|
||||
}
|
||||
setHeight(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleInputWeight = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
if (Number.isNaN(Number(value))) {
|
||||
return;
|
||||
}
|
||||
setWeight(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleInputShoeSize = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
if (Number.isNaN(Number(value))) {
|
||||
return;
|
||||
}
|
||||
setShoeSize(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleGenderChange = useCallback((value: GenderType) => {
|
||||
log('handleGenderChange', value);
|
||||
setGender(value);
|
||||
}, []);
|
||||
const handleInputWorkedSecCategoryStr = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
setWorkedSecCategoryStr(value);
|
||||
}, []);
|
||||
|
||||
useImperativeHandle(
|
||||
ref,
|
||||
() => ({
|
||||
getData: () => ({ name, gender, age, height, weight, shoeSize }),
|
||||
getData: () => ({ name, gender, age, workedSecCategoryStr }),
|
||||
}),
|
||||
[name, gender, age, height, weight, shoeSize]
|
||||
[name, gender, age, workedSecCategoryStr]
|
||||
);
|
||||
|
||||
return (
|
||||
@ -82,29 +60,17 @@ function ProfileBasicFragment(props: IProps, ref) {
|
||||
<BlFormItem title="称呼">
|
||||
<BlFormInput value={name} onInput={handleInputName} />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="年龄">
|
||||
<BlFormInput value={String(age)} type="number" maxlength={3} onInput={handleInputAge} rightText="岁" />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="性别">
|
||||
<BlFormRadioGroup direction="horizontal" value={gender} onChange={handleGenderChange}>
|
||||
<BlFormRadio name={GenderType.WOMEN} text="女" value={gender} />
|
||||
<BlFormRadio name={GenderType.MEN} text="男" value={gender} />
|
||||
</BlFormRadioGroup>
|
||||
</BlFormItem>
|
||||
<BlFormItem title="年龄">
|
||||
<BlFormInput value={String(age)} type="number" maxlength={3} onInput={handleInputAge} rightText="岁" />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="身高">
|
||||
<BlFormInput value={String(height)} type="number" maxlength={3} onInput={handleInputHeight} rightText="CM" />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="体重">
|
||||
<BlFormInput value={String(weight)} type="number" maxlength={3} onInput={handleInputWeight} rightText="KG" />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="鞋码" optional>
|
||||
<BlFormInput
|
||||
value={String(shoeSize)}
|
||||
type="number"
|
||||
maxlength={2}
|
||||
onInput={handleInputShoeSize}
|
||||
rightText="码"
|
||||
/>
|
||||
<BlFormItem title="直播过的品类" optional>
|
||||
<BlFormInput value={workedSecCategoryStr} maxlength={140} onInput={handleInputWorkedSecCategoryStr} />
|
||||
</BlFormItem>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -48,10 +48,9 @@ function ProfileExperienceFragment(props: IProps, ref) {
|
||||
const [workedYear, setWorkedYear] = useState(profile.workedYear);
|
||||
const [workedAccounts, setWorkedAccounts] = useState(profile.workedAccounts || '');
|
||||
const [newAccountExperience, setNewAccountExperience] = useState(profile.newAccountExperience);
|
||||
const [workedSecCategoryStr, setWorkedSecCategoryStr] = useState(profile.workedSecCategoryStr || '');
|
||||
// const [style, setStyle] = useState(calcInitStyle(profile.style));
|
||||
const [maxGmv, setMaxGmv] = useState(calcInitMaxGmv(profile?.maxGmv || 0));
|
||||
const [maxOnline, setMaxOnline] = useState(profile.maxOnline || '');
|
||||
// const [maxOnline, setMaxOnline] = useState(profile.maxOnline || '');
|
||||
|
||||
const handleSelectWorkYear = useCallback((newYear: WorkedYears) => {
|
||||
setWorkedYear(newYear);
|
||||
@ -67,11 +66,6 @@ function ProfileExperienceFragment(props: IProps, ref) {
|
||||
setNewAccountExperience(value);
|
||||
}, []);
|
||||
|
||||
const handleInputWorkedSecCategoryStr = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
setWorkedSecCategoryStr(value);
|
||||
}, []);
|
||||
|
||||
// const handleStyleChange = useCallback((value: StyleType[]) => {
|
||||
// log('handleStyleChange', value);
|
||||
// setStyle(value);
|
||||
@ -84,14 +78,14 @@ function ProfileExperienceFragment(props: IProps, ref) {
|
||||
}
|
||||
setMaxGmv(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleInputMaxOnline = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
if (Number.isNaN(Number(value))) {
|
||||
return;
|
||||
}
|
||||
setMaxOnline(string2Number(value));
|
||||
}, []);
|
||||
//
|
||||
// const handleInputMaxOnline = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
// const value = e.detail.value || '';
|
||||
// if (Number.isNaN(Number(value))) {
|
||||
// return;
|
||||
// }
|
||||
// setMaxOnline(string2Number(value));
|
||||
// }, []);
|
||||
|
||||
useImperativeHandle(
|
||||
ref,
|
||||
@ -100,22 +94,21 @@ function ProfileExperienceFragment(props: IProps, ref) {
|
||||
workedYear,
|
||||
workedAccounts,
|
||||
newAccountExperience,
|
||||
workedSecCategoryStr,
|
||||
// style: getStyleString(style.sort()),
|
||||
maxOnline: maxOnline === '' ? undefined : maxOnline,
|
||||
// maxOnline: maxOnline === '' ? undefined : maxOnline,
|
||||
maxGmv: maxGmv === '' ? undefined : getMaxGmv(Number(maxGmv)),
|
||||
}),
|
||||
}),
|
||||
[workedYear, workedAccounts, newAccountExperience, workedSecCategoryStr, maxGmv, maxOnline]
|
||||
[workedYear, workedAccounts, newAccountExperience, maxGmv]
|
||||
);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<BlFormItem title="直播经验">
|
||||
<BlFormItem title="直播经验" optional>
|
||||
<BlFormSelect title="直播经验" value={workedYear} options={WORK_YEAR_OPTIONS} onSelect={handleSelectWorkYear} />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="直播过的品类" optional>
|
||||
<BlFormInput value={workedSecCategoryStr} maxlength={140} onInput={handleInputWorkedSecCategoryStr} />
|
||||
<BlFormItem title="直播过的账号" optional>
|
||||
<BlFormInput value={workedAccounts} maxlength={140} onInput={handleInputWorkedAccounts} />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="自然流起号经验" optional>
|
||||
<BlFormRadioGroup
|
||||
@ -127,9 +120,6 @@ function ProfileExperienceFragment(props: IProps, ref) {
|
||||
<BlFormRadio name text="有" value={newAccountExperience} />
|
||||
</BlFormRadioGroup>
|
||||
</BlFormItem>
|
||||
<BlFormItem title="直播过的账号" optional>
|
||||
<BlFormInput value={workedAccounts} maxlength={140} onInput={handleInputWorkedAccounts} />
|
||||
</BlFormItem>
|
||||
{/* <ProfileEditItem title="直播风格" optional>
|
||||
<ProfileCheckboxGroup value={style} onChange={handleStyleChange}>
|
||||
<ProfileCheckbox value={style} name={StyleType.Broadcasting} text="平播" />
|
||||
@ -140,9 +130,9 @@ function ProfileExperienceFragment(props: IProps, ref) {
|
||||
<BlFormItem title="最高GMV" optional>
|
||||
<BlFormInput value={String(maxGmv)} type="number" maxlength={10} onInput={handleInputMaxGmv} rightText="W" />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="最高在线人数" optional>
|
||||
<BlFormInput value={String(maxOnline)} type="number" onInput={handleInputMaxOnline} rightText="人" />
|
||||
</BlFormItem>
|
||||
{/*<BlFormItem title="最高在线人数" optional>*/}
|
||||
{/* <BlFormInput value={String(maxOnline)} type="number" onInput={handleInputMaxOnline} rightText="人" />*/}
|
||||
{/*</BlFormItem>*/}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -45,4 +45,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.transparent {
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,12 +3,21 @@ import Taro from '@tarojs/taro';
|
||||
|
||||
import { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
|
||||
|
||||
import { BlCheckbox, BlCheckboxGroup } from '@/components/bl-checkbox';
|
||||
import BlFormItem from '@/components/bl-form-item';
|
||||
import { BlFormRadio, BlFormRadioGroup } from '@/components/bl-form-radio';
|
||||
import BlFormSelect from '@/components/bl-form-select';
|
||||
import { EventName, OpenSource, PageUrl } from '@/constants/app';
|
||||
import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
|
||||
import { EmployType, EMPLOY_TYPE_TITLE_MAP, FULL_PRICE_OPTIONS, PART_PRICE_OPTIONS } from '@/constants/job';
|
||||
import {
|
||||
EmployType,
|
||||
EMPLOY_TYPE_TITLE_MAP,
|
||||
FULL_PRICE_OPTIONS,
|
||||
PART_PRICE_OPTIONS,
|
||||
ALL_JOB_TYPES,
|
||||
JobType,
|
||||
JOB_TYPE_TITLE_MAP,
|
||||
} from '@/constants/job';
|
||||
import { SalaryRange } from '@/types/job';
|
||||
import { MaterialProfile } from '@/types/material';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
@ -60,6 +69,12 @@ const getSalaryPrice = (fullSalary?: SalaryRange, partSalary?: SalaryRange) => {
|
||||
return price;
|
||||
};
|
||||
|
||||
const getWorkedCategoryString = (workedCategory: JobType[]) => workedCategory.join(',');
|
||||
|
||||
const getWorkedCategory = (workedCategory?: string): JobType[] => {
|
||||
return workedCategory ? (workedCategory.split(',') as JobType[]).filter(v => ALL_JOB_TYPES.includes(v)) : [];
|
||||
};
|
||||
|
||||
function ProfileIntentionFragment(props: IProps, ref) {
|
||||
const { profile } = props;
|
||||
const [cityCodes, setCityCodes] = useState(calcInitCityCodes(profile.cityCodes || ''));
|
||||
@ -67,6 +82,7 @@ function ProfileIntentionFragment(props: IProps, ref) {
|
||||
const [fullSalary, setFullSalary] = useState(calcSalarySelect(profile, true));
|
||||
const [partSalary, setPartSalary] = useState(calcSalarySelect(profile, false));
|
||||
const [acceptWorkForSit, setAcceptWorkForSit] = useState(profile.acceptWorkForSit);
|
||||
const [workedCategory, setWorkedCategory] = useState<JobType[]>(getWorkedCategory(profile.workedCategory));
|
||||
|
||||
const handleDeleteCity = useCallback(
|
||||
(deleteCode: string) => {
|
||||
@ -85,7 +101,7 @@ function ProfileIntentionFragment(props: IProps, ref) {
|
||||
data => {
|
||||
log('handleSelectCity', data);
|
||||
realtimeLogger.info('handleSelectCity', data);
|
||||
const { openSource, cityCode: code } = data;
|
||||
const { cityCode: code } = data;
|
||||
// if (openSource !== OpenSource.AddIndentCity) {
|
||||
// return;
|
||||
// }
|
||||
@ -118,6 +134,11 @@ function ProfileIntentionFragment(props: IProps, ref) {
|
||||
setAcceptWorkForSit(value);
|
||||
}, []);
|
||||
|
||||
const handleWorkedCategoryChange = useCallback((value: JobType[]) => {
|
||||
log('handleWorkedCategoryChange', value);
|
||||
setWorkedCategory(value);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
Taro.eventCenter.on(EventName.SELECT_CITY, handleSelectCity);
|
||||
return () => {
|
||||
@ -132,10 +153,11 @@ function ProfileIntentionFragment(props: IProps, ref) {
|
||||
cityCodes: getCityCodeString(cityCodes),
|
||||
employType,
|
||||
acceptWorkForSit,
|
||||
workedCategory: getWorkedCategoryString(workedCategory),
|
||||
...getSalaryPrice(fullSalary, partSalary),
|
||||
}),
|
||||
}),
|
||||
[cityCodes, employType, fullSalary, partSalary, acceptWorkForSit]
|
||||
[cityCodes, employType, fullSalary, partSalary, acceptWorkForSit, workedCategory]
|
||||
);
|
||||
|
||||
return (
|
||||
@ -174,7 +196,7 @@ function ProfileIntentionFragment(props: IProps, ref) {
|
||||
</BlFormRadioGroup>
|
||||
</BlFormItem>
|
||||
{isFullTimePriceRequired(employType) && (
|
||||
<BlFormItem title="期望全职薪资">
|
||||
<BlFormItem title="期望全职薪资" subTitle="重要">
|
||||
<BlFormSelect
|
||||
title="期望全职薪资"
|
||||
value={fullSalary}
|
||||
@ -184,7 +206,7 @@ function ProfileIntentionFragment(props: IProps, ref) {
|
||||
</BlFormItem>
|
||||
)}
|
||||
{isPartTimePriceRequired(employType) && (
|
||||
<BlFormItem title="期望兼职薪资">
|
||||
<BlFormItem title="期望兼职薪资" subTitle="重要">
|
||||
<BlFormSelect
|
||||
title="期望兼职薪资"
|
||||
value={partSalary}
|
||||
@ -193,12 +215,19 @@ function ProfileIntentionFragment(props: IProps, ref) {
|
||||
/>
|
||||
</BlFormItem>
|
||||
)}
|
||||
<BlFormItem title="是否接受坐班">
|
||||
<BlFormItem title="是否接受坐班" optional>
|
||||
<BlFormRadioGroup direction="horizontal" value={acceptWorkForSit} onChange={handleAcceptSittingChange}>
|
||||
<BlFormRadio name text="接受" value={acceptWorkForSit} />
|
||||
<BlFormRadio name={false} text="不接受" value={acceptWorkForSit} />
|
||||
</BlFormRadioGroup>
|
||||
</BlFormItem>
|
||||
<BlFormItem title="意向类目" subTitle="多选" dynamicHeight contentClassName="transparent">
|
||||
<BlCheckboxGroup value={workedCategory} onChange={handleWorkedCategoryChange}>
|
||||
{ALL_JOB_TYPES.filter(type => type !== JobType.All).map(type => {
|
||||
return <BlCheckbox text={JOB_TYPE_TITLE_MAP[type]} key={type} name={type} />;
|
||||
})}
|
||||
</BlCheckboxGroup>
|
||||
</BlFormItem>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
15
src/fragments/profile/others/index.less
Normal file
15
src/fragments/profile/others/index.less
Normal file
@ -0,0 +1,15 @@
|
||||
@import '@/styles/common.less';
|
||||
@import '@/styles/variables.less';
|
||||
|
||||
.fragment-profile-others {
|
||||
width: 100%;
|
||||
|
||||
&__title {
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 40px;
|
||||
|
||||
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
}
|
||||
94
src/fragments/profile/others/index.tsx
Normal file
94
src/fragments/profile/others/index.tsx
Normal file
@ -0,0 +1,94 @@
|
||||
import { BaseEventOrig, InputProps } from '@tarojs/components';
|
||||
|
||||
import { forwardRef, useCallback, useImperativeHandle, useState } from 'react';
|
||||
|
||||
import BlFormInput from '@/components/bl-form-input';
|
||||
import BlFormItem from '@/components/bl-form-item';
|
||||
import BlFormSelect from '@/components/bl-form-select';
|
||||
import { EDUCATION_TYPE_OPTIONS, EducationType } from '@/constants/material';
|
||||
import { MaterialProfile } from '@/types/material';
|
||||
import { logWithPrefix, string2Number } from '@/utils/common';
|
||||
|
||||
import './index.less';
|
||||
|
||||
interface IProps {
|
||||
profile: Partial<MaterialProfile>;
|
||||
}
|
||||
|
||||
const PREFIX = 'fragment-profile-others';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
|
||||
function ProfileOthersFragment(props: IProps, ref) {
|
||||
const { profile } = props;
|
||||
const [educationType, setEducationType] = useState(profile.educationType || '');
|
||||
const [height, setHeight] = useState(profile.height || '');
|
||||
const [weight, setWeight] = useState(profile.weight || '');
|
||||
const [shoeSize, setShoeSize] = useState(profile.shoeSize || '');
|
||||
|
||||
const handleInputHeight = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
if (Number.isNaN(Number(value))) {
|
||||
return;
|
||||
}
|
||||
setHeight(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleInputWeight = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
if (Number.isNaN(Number(value))) {
|
||||
return;
|
||||
}
|
||||
setWeight(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleInputShoeSize = useCallback((e: BaseEventOrig<InputProps.inputEventDetail>) => {
|
||||
const value = e.detail.value || '';
|
||||
if (Number.isNaN(Number(value))) {
|
||||
return;
|
||||
}
|
||||
setShoeSize(string2Number(value));
|
||||
}, []);
|
||||
|
||||
const handleSelectEducationType = useCallback((type: EducationType) => {
|
||||
setEducationType(type);
|
||||
}, []);
|
||||
|
||||
useImperativeHandle(
|
||||
ref,
|
||||
() => ({
|
||||
getData: () => ({ height, weight, shoeSize, educationType }),
|
||||
}),
|
||||
[height, weight, shoeSize, educationType]
|
||||
);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<div className={`${PREFIX}__title`}>服饰等穿版品类必填,其他品类选填</div>
|
||||
<BlFormItem title="身高" optional>
|
||||
<BlFormInput value={String(height)} type="number" maxlength={3} onInput={handleInputHeight} rightText="CM" />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="体重" optional>
|
||||
<BlFormInput value={String(weight)} type="number" maxlength={3} onInput={handleInputWeight} rightText="KG" />
|
||||
</BlFormItem>
|
||||
<BlFormItem title="鞋码" optional>
|
||||
<BlFormInput
|
||||
value={String(shoeSize)}
|
||||
type="number"
|
||||
maxlength={2}
|
||||
onInput={handleInputShoeSize}
|
||||
rightText="码"
|
||||
/>
|
||||
</BlFormItem>
|
||||
<BlFormItem title="学历" optional>
|
||||
<BlFormSelect
|
||||
title="学历"
|
||||
value={educationType}
|
||||
options={EDUCATION_TYPE_OPTIONS}
|
||||
onSelect={handleSelectEducationType}
|
||||
/>
|
||||
</BlFormItem>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default forwardRef(ProfileOthersFragment);
|
||||
@ -8,16 +8,22 @@ import DevDiv from '@/components/dev-div';
|
||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||
import { OpenSource, PageUrl } from '@/constants/app';
|
||||
import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
|
||||
import { FULL_PRICE_OPTIONS, PART_PRICE_OPTIONS } from '@/constants/job';
|
||||
import { ProfileGroupType, ProfileTitleMap, WORK_YEAR_OPTIONS } from '@/constants/material';
|
||||
import { FULL_PRICE_OPTIONS, JOB_TYPE_TITLE_MAP, JobType, PART_PRICE_OPTIONS } from '@/constants/job';
|
||||
import {
|
||||
EDUCATION_TYPE_LABELS,
|
||||
GenderType,
|
||||
ProfileGroupType,
|
||||
ProfileTitleMap,
|
||||
WORK_YEAR_OPTIONS,
|
||||
} from '@/constants/material';
|
||||
import { MaterialProfile } from '@/types/material';
|
||||
import { logWithPrefix, isDesktop } from '@/utils/common';
|
||||
import { getBasicInfo, sortVideos } from '@/utils/material';
|
||||
import { isDesktop, logWithPrefix } from '@/utils/common';
|
||||
import { sortVideos } from '@/utils/material';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
|
||||
import './index.less';
|
||||
import onChangeEventDetail = SwiperProps.onChangeEventDetail;
|
||||
import { JoinGroupHint } from '@/components/join-group-hint';
|
||||
import onChangeEventDetail = SwiperProps.onChangeEventDetail;
|
||||
|
||||
interface IProps {
|
||||
editable: boolean;
|
||||
@ -30,7 +36,7 @@ const log = logWithPrefix(PREFIX);
|
||||
const DEFAULT_TEXT = '未填写';
|
||||
|
||||
const getIndentCity = (codeString: string = '') => {
|
||||
const codes = (codeString||'').split('、');
|
||||
const codes = (codeString || '').split('、');
|
||||
const cityNames: string[] = [];
|
||||
codes.forEach(code => {
|
||||
const cityName = CITY_CODE_TO_NAME_MAP.get(code);
|
||||
@ -63,7 +69,14 @@ const getWorkYear = (year: number) => {
|
||||
const y = Math.min(year, 3);
|
||||
return WORK_YEAR_OPTIONS.find(option => option.value === y)?.label || `${y}年`;
|
||||
};
|
||||
|
||||
const getWorkedCategory = (workedCategory?: string): string => {
|
||||
return workedCategory
|
||||
? (workedCategory.split(',') as JobType[])
|
||||
.map(v => (v !== JobType.All ? JOB_TYPE_TITLE_MAP[v] : null))
|
||||
.filter(Boolean)
|
||||
.join('、')
|
||||
: '';
|
||||
};
|
||||
const getDataGroup = (profile: MaterialProfile | null) => {
|
||||
if (!profile) {
|
||||
return [];
|
||||
@ -77,6 +90,7 @@ const getDataGroup = (profile: MaterialProfile | null) => {
|
||||
{ title: '兼职薪资', value: getIndentPrice(profile.partyTimeMinPrice, profile.partyTimeMaxPrice, false) || '' },
|
||||
{ title: '意向城市', value: getIndentCity(profile.cityCodes) || DEFAULT_TEXT },
|
||||
{ title: '是否接受坐班', value: profile.acceptWorkForSit ? '是' : '否' },
|
||||
{ title: '意向品类', value: getWorkedCategory(profile.workedCategory) || DEFAULT_TEXT, fullLine: true },
|
||||
],
|
||||
},
|
||||
{
|
||||
@ -86,9 +100,18 @@ const getDataGroup = (profile: MaterialProfile | null) => {
|
||||
{ title: '直播年限', value: getWorkYear(profile.workedYear) || DEFAULT_TEXT },
|
||||
{ title: '直播过的账号', value: profile.workedAccounts || DEFAULT_TEXT },
|
||||
{ title: '自然流起号经验', value: Boolean(profile.newAccountExperience) ? '有' : '无' },
|
||||
{ title: '直播过的品类', value: profile.workedSecCategoryStr || DEFAULT_TEXT },
|
||||
// { title: '直播过的品类', value: profile.workedSecCategoryStr || DEFAULT_TEXT },
|
||||
{ title: '最高GMV', value: profile.maxGmv ? `${profile.maxGmv / 10000}万` : DEFAULT_TEXT },
|
||||
{ title: '最高在线人数', value: profile.maxOnline || DEFAULT_TEXT },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: ProfileTitleMap[ProfileGroupType.Others],
|
||||
type: ProfileGroupType.Others,
|
||||
items: [
|
||||
{ title: '身高', value: profile.height ? `${profile.height}cm` : DEFAULT_TEXT },
|
||||
{ title: '体重', value: profile.weight ? `${profile.weight}kg` : DEFAULT_TEXT },
|
||||
{ title: '鞋码', value: profile.shoeSize ? `${profile.shoeSize}码` : DEFAULT_TEXT },
|
||||
{ title: '学历', value: EDUCATION_TYPE_LABELS[profile.educationType] || DEFAULT_TEXT },
|
||||
],
|
||||
},
|
||||
{
|
||||
@ -99,6 +122,16 @@ const getDataGroup = (profile: MaterialProfile | null) => {
|
||||
];
|
||||
};
|
||||
|
||||
export const getBasicInfo = (profile: Pick<MaterialProfile, 'age' | 'gender'>) => {
|
||||
const result: string[] = [];
|
||||
if (typeof profile.age !== 'undefined' && profile.age !== null) {
|
||||
result.push(`${profile.age}岁`);
|
||||
}
|
||||
result.push(profile.gender === GenderType.MEN ? '男' : '女');
|
||||
|
||||
return result.join('·');
|
||||
};
|
||||
|
||||
export default function ProfileViewFragment(props: IProps) {
|
||||
const { profile, editable, onDev } = props;
|
||||
const [coverIndex, setCoverIndex] = useState(0);
|
||||
@ -221,7 +254,10 @@ export default function ProfileViewFragment(props: IProps) {
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className={`${PREFIX}__basic-info__content`}>{getBasicInfo(profile)}</div>
|
||||
<DevDiv className={`${PREFIX}__basic-info__content`} OnDev={onDev}>
|
||||
<div>{getBasicInfo(profile)}</div>
|
||||
<div>{profile.workedSecCategoryStr ? `播过:${profile.workedSecCategoryStr}` : ''}</div>
|
||||
</DevDiv>
|
||||
<div className={`${PREFIX}__divider`} />
|
||||
</div>
|
||||
{dataGroup.map((data, index: number) => (
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { useSelector } from 'react-redux';
|
||||
|
||||
import { selectCityOperators } from '@/store/selector';
|
||||
import { selectCityConfigs } from '@/store/selector';
|
||||
|
||||
function useCityOperators() {
|
||||
const data = useSelector(selectCityOperators);
|
||||
const data = useSelector(selectCityConfigs);
|
||||
return data || [];
|
||||
}
|
||||
|
||||
|
||||
@ -48,7 +48,7 @@ const CompanyTabs: TabItemType[] = [
|
||||
{
|
||||
type: PageType.BatchPublish,
|
||||
pagePath: PageUrl.UserBatchPublish,
|
||||
text: '代招代发',
|
||||
text: '代招',
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
56
src/hooks/use-publish-job.ts
Normal file
56
src/hooks/use-publish-job.ts
Normal file
@ -0,0 +1,56 @@
|
||||
import Taro from '@tarojs/taro';
|
||||
|
||||
import { Dispatch, SetStateAction, useCallback, useState } from 'react';
|
||||
|
||||
import { EventName, PageUrl } from '@/constants/app';
|
||||
import { CertificationStatusType } from '@/constants/company';
|
||||
import { CollectEventName } from '@/constants/event';
|
||||
import useUserInfo from '@/hooks/use-user-info';
|
||||
import { RESPONSE_ERROR_CODE } from '@/http/constant';
|
||||
import { HttpError } from '@/http/error';
|
||||
import store from '@/store';
|
||||
import { cacheJobId } from '@/store/actions';
|
||||
import { collectEvent } from '@/utils/event';
|
||||
import { postPublishJob } from '@/utils/job';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
import Toast from '@/utils/toast';
|
||||
|
||||
export const usePublishJob = (jobId: string): [boolean, Dispatch<SetStateAction<boolean>>, () => Promise<void>] => {
|
||||
const userInfo = useUserInfo();
|
||||
const [showBuy, setShowBuy] = useState(false);
|
||||
|
||||
const handlePublishJob = useCallback(async () => {
|
||||
try {
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
Taro.showLoading();
|
||||
await postPublishJob(jobId);
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
setShowBuy(false);
|
||||
Toast.success('发布成功');
|
||||
Taro.hideLoading();
|
||||
} catch (error) {
|
||||
Taro.hideLoading();
|
||||
const e = error as HttpError;
|
||||
const errorCode = e.errorCode;
|
||||
const errorMsg = e.info?.() || e.message;
|
||||
collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId, error: e.info?.() || e.message });
|
||||
if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_FREE_BALANCE) {
|
||||
setShowBuy(true);
|
||||
} else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
|
||||
Toast.info('您购买的产品已耗尽使用次数');
|
||||
setShowBuy(true);
|
||||
} else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
|
||||
Toast.info('该通告已到期,请创建新通告', 3000);
|
||||
} else {
|
||||
Toast.error(errorMsg || '发布失败请重试', 3000);
|
||||
}
|
||||
console.error(e);
|
||||
}
|
||||
}, [jobId, userInfo.bossAuthStatus]);
|
||||
|
||||
return [showBuy, setShowBuy, handlePublishJob];
|
||||
};
|
||||
@ -3,8 +3,8 @@ import { useSelector } from 'react-redux';
|
||||
import { selectUserInfo } from '@/store/selector/user';
|
||||
|
||||
function useUserInfo() {
|
||||
const useInfo = useSelector(selectUserInfo);
|
||||
return useInfo;
|
||||
const userInfo = useSelector(selectUserInfo);
|
||||
return userInfo;
|
||||
}
|
||||
|
||||
export default useUserInfo;
|
||||
|
||||
@ -41,6 +41,8 @@ export enum API {
|
||||
PRODUCT_USE_RECORD = '/product/getProductUseRecord', // 查询某个产品是否已经解锁
|
||||
USE_PRODUCT = '/product/use', // 使用某个产品扣费/次数
|
||||
ALLOW_BUY_PRODUCT = '/product/allowBuyProduct', // 是否可以购买某个产品
|
||||
LIST_PRODUCT_TYPE = '/product/listByType/{productType}',
|
||||
|
||||
CS_QR_CODE = '/customerService/get', // 客服微信二维码
|
||||
CREATE_PAY_ORDER = '/payOrder/create', // 创建支付订单
|
||||
GET_PAY_ORDER = '/payOrder/get', // 订单查询
|
||||
@ -95,5 +97,5 @@ export enum API {
|
||||
GET_AUTHED_GROUP_LIST = '/partner/getAuthedGroupList',
|
||||
GET_STAFF_CODE = '/partner/staff/{cityCode}',
|
||||
// 所有城市运营
|
||||
GET_ALL_CITY_OPERATOR = '/group/getAllGroup',
|
||||
GET_ALL_CITY_CONFIGS = '/group/getAllGroup',
|
||||
}
|
||||
|
||||
@ -115,7 +115,6 @@ export default function AnchorPage() {
|
||||
const handleChangeSelectJob = useCallback((select?: JobManageInfo) => {
|
||||
log('select job change', select);
|
||||
setSelectJob(select);
|
||||
console.log('哈哈哈', !select);
|
||||
setOpenPopup(!select);
|
||||
setLastSelectMyJobId(select?.id || '');
|
||||
}, []);
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
export default definePageConfig({
|
||||
navigationBarTitleText: '群代发',
|
||||
navigationBarTitleText: '加速招聘',
|
||||
});
|
||||
|
||||
@ -1,12 +1,25 @@
|
||||
import { useLoad } from '@tarojs/taro';
|
||||
|
||||
import { useState } from 'react';
|
||||
|
||||
import UserBatchPublish from '@/components/user-batch-publish';
|
||||
import { getPageQuery } from '@/utils/route';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'group-delegate-publish';
|
||||
|
||||
export default function Partner() {
|
||||
const [cityCode, setCityCode] = useState('');
|
||||
const [jobId, setJobId] = useState('');
|
||||
|
||||
useLoad(() => {
|
||||
const query = getPageQuery<{ cityCode: string; jobId: string }>();
|
||||
setCityCode(query.cityCode);
|
||||
setJobId(query.jobId);
|
||||
});
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<UserBatchPublish />
|
||||
<UserBatchPublish cityCode={cityCode} jobId={jobId} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@ import Taro, { useShareAppMessage } from '@tarojs/taro';
|
||||
|
||||
import { Tabs } from '@taroify/core';
|
||||
import { Arrow } from '@taroify/icons';
|
||||
import { useCallback, useEffect, useRef, useState } from 'react';
|
||||
import { Fragment, useCallback, useEffect, useState } from 'react';
|
||||
|
||||
import GroupCertificationList from '@/components/group-certification-list';
|
||||
import { EventName, OpenSource, PageUrl } from '@/constants/app';
|
||||
@ -21,8 +21,7 @@ const PREFIX = 'group-owner-certification';
|
||||
export default function GroupOwnerCertification() {
|
||||
const location = useLocation();
|
||||
const inviteCode = useInviteCode();
|
||||
const [cityCode, setCityCode] = useState<string>(location.cityCode);
|
||||
const cityValuesChangedRef = useRef(false);
|
||||
const [cityCode, setCityCode] = useState<string>();
|
||||
Taro.showShareMenu({
|
||||
withShareTicket: true,
|
||||
});
|
||||
@ -39,8 +38,8 @@ export default function GroupOwnerCertification() {
|
||||
});
|
||||
|
||||
const handleClickCityMenu = useCallback(() => {
|
||||
navigateTo(PageUrl.CitySearch, { city: cityCode, source: OpenSource.GroupOwnerCertificate });
|
||||
}, [cityCode]);
|
||||
navigateTo(PageUrl.CitySearch, { city: cityCode || location.cityCode, source: OpenSource.GroupOwnerCertificate });
|
||||
}, [cityCode, location.cityCode]);
|
||||
|
||||
const handleCityChange = useCallback(data => {
|
||||
console.log('handleCityChange', data);
|
||||
@ -48,16 +47,9 @@ export default function GroupOwnerCertification() {
|
||||
if (openSource !== OpenSource.GroupOwnerCertificate) {
|
||||
return;
|
||||
}
|
||||
cityValuesChangedRef.current = true;
|
||||
setCityCode(cCode);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (cityValuesChangedRef.current) {
|
||||
return;
|
||||
}
|
||||
setCityCode(location.cityCode);
|
||||
}, [location]);
|
||||
useEffect(() => {
|
||||
Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
|
||||
return () => {
|
||||
@ -67,6 +59,8 @@ export default function GroupOwnerCertification() {
|
||||
|
||||
const [staffInfo, setStaffInfo] = useState<StaffInfo | null>(null);
|
||||
useEffect(() => {
|
||||
if (!cityCode) return;
|
||||
|
||||
getStaffInfo(cityCode)
|
||||
.then(data => {
|
||||
setStaffInfo(data);
|
||||
@ -92,19 +86,21 @@ export default function GroupOwnerCertification() {
|
||||
<div className={`${PREFIX}__lined-title`}>选择城市,添加运营</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__city-select`} onClick={handleClickCityMenu}>
|
||||
{CITY_CODE_TO_NAME_MAP.get(cityCode)}
|
||||
{cityCode ? CITY_CODE_TO_NAME_MAP.get(cityCode) : '请选择城市'}
|
||||
<Arrow size={16} />
|
||||
</div>
|
||||
<div className={`${PREFIX}__lined-wrapper`}>
|
||||
<div className={`${PREFIX}__lined-title`}>长按并识别二维码添加运营</div>
|
||||
</div>
|
||||
{staffInfo && (
|
||||
<Image
|
||||
className={`${PREFIX}__qrcode`}
|
||||
src={staffInfo.staffQrCode}
|
||||
showMenuByLongpress
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<Fragment>
|
||||
<div className={`${PREFIX}__lined-wrapper`}>
|
||||
<div className={`${PREFIX}__lined-title`}>长按并识别二维码添加运营</div>
|
||||
</div>
|
||||
<Image
|
||||
className={`${PREFIX}__qrcode`}
|
||||
src={staffInfo.staffQrCode}
|
||||
showMenuByLongpress
|
||||
mode="aspectFill"
|
||||
/>
|
||||
</Fragment>
|
||||
)}
|
||||
</div>
|
||||
<div className={`${PREFIX}__title`}>第二步</div>
|
||||
|
||||
@ -16,22 +16,21 @@ import ProductJobDialog from '@/components/product-dialog/job';
|
||||
import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
|
||||
import { EventName, PageUrl, RoleType } from '@/constants/app';
|
||||
import { CertificationStatusType } from '@/constants/company';
|
||||
import { CollectEventName, ReportEventId } from '@/constants/event';
|
||||
import { ReportEventId } from '@/constants/event';
|
||||
import { EMPLOY_TYPE_TITLE_MAP, GET_CONTACT_TYPE, JobManageStatus } from '@/constants/job';
|
||||
import { ProductType } from '@/constants/product';
|
||||
import useInviteCode from '@/hooks/use-invite-code';
|
||||
import { usePublishJob } from '@/hooks/use-publish-job';
|
||||
import useUserInfo from '@/hooks/use-user-info';
|
||||
import useRoleType from '@/hooks/user-role-type';
|
||||
import { RESPONSE_ERROR_CODE } from '@/http/constant';
|
||||
import { HttpError } from '@/http/error';
|
||||
import store from '@/store';
|
||||
import { cacheJobId } from '@/store/actions';
|
||||
import { JobDetails } from '@/types/job';
|
||||
import { IMaterialMessage } from '@/types/message';
|
||||
import { switchRoleType } from '@/utils/app';
|
||||
import { copy, logWithPrefix } from '@/utils/common';
|
||||
import { collectEvent, reportEvent } from '@/utils/event';
|
||||
import { getJobSalary, getJobTitle, postPublishJob, requestJobDetail } from '@/utils/job';
|
||||
import { reportEvent } from '@/utils/event';
|
||||
import { getJobSalary, getJobTitle, requestJobDetail } from '@/utils/job';
|
||||
import { calcDistance, isValidLocation } from '@/utils/location';
|
||||
import { requestProfileDetail } from '@/utils/material';
|
||||
import { isChatWithSelf, postCreateChat } from '@/utils/message';
|
||||
@ -154,7 +153,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
分享
|
||||
</Button>
|
||||
<LoginButton className={`${PREFIX}__contact-publisher`} onClick={handleClickContact}>
|
||||
{data.isAuthed ? '在线沟通' : '立即联系'}
|
||||
{data.isAuthed ? '急招岗位可免费查看' : '查看联系方式'}
|
||||
</LoginButton>
|
||||
</div>
|
||||
<div>
|
||||
@ -176,44 +175,10 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
|
||||
const CompanyFooter = (props: { data: JobDetails }) => {
|
||||
const { data } = props;
|
||||
const [showBuy, setShowBuy] = useState(false);
|
||||
const userInfo = useUserInfo();
|
||||
const [showBuy, setShowBuy, handlePublishJob] = usePublishJob(data.id);
|
||||
|
||||
const handleClickEdit = useCallback(() => navigateTo(PageUrl.JobPublish, { jobId: data.id }), [data]);
|
||||
|
||||
const handlePublishJob = useCallback(async () => {
|
||||
try {
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(data.id));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
Taro.showLoading();
|
||||
await postPublishJob(data.id);
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
setShowBuy(false);
|
||||
Toast.success('发布成功');
|
||||
Taro.hideLoading();
|
||||
} catch (error) {
|
||||
Taro.hideLoading();
|
||||
const e = error as HttpError;
|
||||
const errorCode = e.errorCode;
|
||||
const errorMsg = e.info?.() || e.message;
|
||||
collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId: data.id, error: e.info?.() || e.message });
|
||||
if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_FREE_BALANCE) {
|
||||
setShowBuy(true);
|
||||
} else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
|
||||
Toast.info('您购买的产品已耗尽使用次数');
|
||||
setShowBuy(true);
|
||||
} else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
|
||||
Toast.info('该通告已到期,请创建新通告', 3000);
|
||||
} else {
|
||||
Toast.error(errorMsg || '发布失败请重试', 3000);
|
||||
}
|
||||
console.error(e);
|
||||
}
|
||||
}, [data]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className={`${PREFIX}__footer`}>
|
||||
|
||||
@ -10,11 +10,27 @@
|
||||
left: 24px;
|
||||
right: 24px;
|
||||
bottom: 0;
|
||||
background: #F5F6FA;
|
||||
background: #f5f6fa;
|
||||
}
|
||||
|
||||
&__submit-btn {
|
||||
.button(@width: 100%, @height: 80px, @fontSize: 32px, @fontWeight: 400, @borderRadius: 48px);
|
||||
bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&__skip-btn-wrapper {
|
||||
text-align: center;
|
||||
bottom: 60px;
|
||||
}
|
||||
|
||||
&__skip-btn {
|
||||
color: @blHighlightColor;
|
||||
width: 161px;
|
||||
height: 40px;
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@ -21,25 +21,28 @@ import { navigateBack } from '@/utils/route';
|
||||
import Toast from '@/utils/toast';
|
||||
|
||||
import './index.less';
|
||||
import ProfileOthersFragment from '@/fragments/profile/others';
|
||||
|
||||
const PREFIX = 'page-material-create-profile';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
|
||||
const REQUIRE_KEYS = {
|
||||
[ProfileGroupType.Basic]: ['name', 'gender', 'age', 'height', 'weight'],
|
||||
[ProfileGroupType.Basic]: ['name', 'gender', 'age'],
|
||||
[ProfileGroupType.Intention]: [
|
||||
'cityCodes',
|
||||
'employType',
|
||||
'acceptWorkForSit',
|
||||
'fullTimeMinPrice',
|
||||
'fullTimeMaxPrice',
|
||||
'partyTimeMinPrice',
|
||||
'partyTimeMaxPrice',
|
||||
],
|
||||
[ProfileGroupType.Experience]: ['workedYear'],
|
||||
[ProfileGroupType.Experience]: [],
|
||||
[ProfileGroupType.Advantages]: [],
|
||||
[ProfileGroupType.Others]: [],
|
||||
};
|
||||
|
||||
const COULD_SKIP = [ProfileGroupType.Experience, ProfileGroupType.Others];
|
||||
|
||||
const CONDITIONAL_REQUIRED_KEYS = {
|
||||
[ProfileGroupType.Intention]: [
|
||||
['fullTimeMinPrice', data => isFullTimePriceRequired(data.employType)],
|
||||
@ -52,11 +55,13 @@ const CONDITIONAL_REQUIRED_KEYS = {
|
||||
const getNextStepGroupType = (curType: ProfileGroupType) => {
|
||||
switch (curType) {
|
||||
case ProfileGroupType.Basic:
|
||||
return ProfileGroupType.Advantages;
|
||||
case ProfileGroupType.Intention:
|
||||
return ProfileGroupType.Experience;
|
||||
case ProfileGroupType.Experience:
|
||||
case ProfileGroupType.Intention:
|
||||
return ProfileGroupType.Basic;
|
||||
case ProfileGroupType.Experience:
|
||||
return ProfileGroupType.Others;
|
||||
case ProfileGroupType.Others:
|
||||
return ProfileGroupType.Advantages;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
@ -88,7 +93,16 @@ export default function MaterialCreateProfile() {
|
||||
? ProfileExperienceFragment
|
||||
: groupType === ProfileGroupType.Advantages
|
||||
? ProfileAdvantagesFragment
|
||||
: Fragment;
|
||||
: groupType === ProfileGroupType.Others
|
||||
? ProfileOthersFragment
|
||||
: Fragment;
|
||||
|
||||
const handleSkip = useCallback(() => {
|
||||
const nextType = getNextStepGroupType(groupType);
|
||||
if (nextType) {
|
||||
setGroupType(nextType);
|
||||
}
|
||||
}, [groupType]);
|
||||
|
||||
const handleSubmit = useCallback(async () => {
|
||||
try {
|
||||
@ -123,14 +137,23 @@ export default function MaterialCreateProfile() {
|
||||
Taro.setNavigationBarTitle({ title });
|
||||
}, [groupType]);
|
||||
|
||||
const couldSkip = COULD_SKIP.includes(groupType);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<ProfileFragment ref={ref} profile={{ cityCodes: location.cityCode || '' }} />
|
||||
<SafeBottomPadding />
|
||||
<div className={`${PREFIX}__footer`}>
|
||||
<Button className={`${PREFIX}__submit-btn`} onClick={handleSubmit}>
|
||||
<Button className={`${PREFIX}__submit-btn ${couldSkip ? 'up' : ''}`} onClick={handleSubmit}>
|
||||
{groupType === ProfileGroupType.Advantages ? '完成' : '下一步'}
|
||||
</Button>
|
||||
{couldSkip && (
|
||||
<div className={`${PREFIX}__skip-btn-wrapper`}>
|
||||
<div className={`${PREFIX}__skip-btn`} onClick={handleSkip}>
|
||||
跳过
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<SafeBottomPadding />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -12,6 +12,7 @@ import ProfileAdvantagesFragment from '@/fragments/profile/advantages';
|
||||
import ProfileBasicFragment from '@/fragments/profile/basic';
|
||||
import ProfileExperienceFragment from '@/fragments/profile/experience';
|
||||
import ProfileIntentionFragment from '@/fragments/profile/intention';
|
||||
import ProfileOthersFragment from '@/fragments/profile/others';
|
||||
import { MaterialProfile } from '@/types/material';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
import { collectEvent } from '@/utils/event';
|
||||
@ -37,7 +38,9 @@ export default function MaterialEdit() {
|
||||
? ProfileExperienceFragment
|
||||
: groupType === ProfileGroupType.Advantages
|
||||
? ProfileAdvantagesFragment
|
||||
: Fragment;
|
||||
: groupType === ProfileGroupType.Others
|
||||
? ProfileOthersFragment
|
||||
: Fragment;
|
||||
log('MaterialEdit', groupType, ref);
|
||||
|
||||
const handleSubmit = useCallback(async () => {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
// import { Image } from '@tarojs/components';
|
||||
import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';
|
||||
|
||||
import { Button, Tabs } from '@taroify/core';
|
||||
@ -12,29 +12,29 @@ import useInviteCode from '@/hooks/use-invite-code';
|
||||
import { switchRoleType } from '@/utils/app';
|
||||
import { openCustomerServiceChat } from '@/utils/common';
|
||||
import { getCurrentCityCode } from '@/utils/location';
|
||||
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getPageQuery } from '@/utils/route';
|
||||
import { getCommonShareMessage } from '@/utils/share';
|
||||
import { checkCityCode } from '@/utils/user';
|
||||
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'page-biz-service';
|
||||
const EXAMPLE_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-example.png';
|
||||
const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comments.png';
|
||||
// const EXAMPLE_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-example.png';
|
||||
// const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comments.png';
|
||||
export default function BizService() {
|
||||
const inviteCode = useInviteCode();
|
||||
const cityOperators = useCityOperators();
|
||||
const [value, setValue] = useState('0');
|
||||
const [value, setValue] = useState('2');
|
||||
|
||||
const handleClickDelegate = useCallback(() => {
|
||||
navigateTo(PageUrl.GroupDelegatePublish);
|
||||
}, []);
|
||||
const handlePreview = (current: string) => {
|
||||
Taro.previewImage({
|
||||
current,
|
||||
urls: [EXAMPLE_IMAGE, COMMENT_IMAGE],
|
||||
});
|
||||
};
|
||||
// const handleClickDelegate = useCallback(() => {
|
||||
// navigateTo(PageUrl.GroupDelegatePublish);
|
||||
// }, []);
|
||||
// const handlePreview = (current: string) => {
|
||||
// Taro.previewImage({
|
||||
// current,
|
||||
// urls: [EXAMPLE_IMAGE, COMMENT_IMAGE],
|
||||
// });
|
||||
// };
|
||||
const handleOpenService = useCallback(() => {
|
||||
openCustomerServiceChat('https://work.weixin.qq.com/kfid/kfcd60708731367168d');
|
||||
}, []);
|
||||
@ -80,35 +80,35 @@ export default function BizService() {
|
||||
<HomePage type={PageType.BatchPublish}>
|
||||
<div className={PREFIX}>
|
||||
<Tabs className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
|
||||
<Tabs.TabPane value="0" title="群代发">
|
||||
<div className={`${PREFIX}__delegate`}>
|
||||
<Image
|
||||
mode="widthFix"
|
||||
className={`${PREFIX}__header-image`}
|
||||
src="https://publiccdn.neighbourhood.com.cn/img/pub-job.png"
|
||||
/>
|
||||
<div className={`${PREFIX}__delegate-h5`}>服务说明</div>
|
||||
<div className={`${PREFIX}__delegate-card`}>
|
||||
<div className={`${PREFIX}__delegate-body`}>服务方式:帮您把招聘需求发到众多同城合作主播群</div>
|
||||
<div className={`${PREFIX}__delegate-body`}>群发次数:杭州、广州发3次,其他城市1次</div>
|
||||
<div className={`${PREFIX}__delegate-body`}>内容要求:仅限带货主播招聘需求,其他不发</div>
|
||||
<div className={`${PREFIX}__delegate-body`}>主播联系:内容中留招聘方联系方式,主播直接联系</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__delegate-h5`}>代发示例</div>
|
||||
<div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(EXAMPLE_IMAGE)}>
|
||||
<Image className={`${PREFIX}__delegate-image`} src={EXAMPLE_IMAGE} mode="heightFix" />
|
||||
</div>
|
||||
<div className={`${PREFIX}__delegate-h5`}>部分客户评价</div>
|
||||
<div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(COMMENT_IMAGE)}>
|
||||
<Image className={`${PREFIX}__delegate-image`} src={COMMENT_IMAGE} mode="heightFix" />
|
||||
</div>
|
||||
<div className={`${PREFIX}__delegate-fix`}>
|
||||
<Button className={`${PREFIX}__delegate-btn`} onClick={handleClickDelegate}>
|
||||
我要代发
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</Tabs.TabPane>
|
||||
{/*<Tabs.TabPane value="0" title="群代发">*/}
|
||||
{/* <div className={`${PREFIX}__delegate`}>*/}
|
||||
{/* <Image*/}
|
||||
{/* mode="widthFix"*/}
|
||||
{/* className={`${PREFIX}__header-image`}*/}
|
||||
{/* src="https://publiccdn.neighbourhood.com.cn/img/pub-job.png"*/}
|
||||
{/* />*/}
|
||||
{/* <div className={`${PREFIX}__delegate-h5`}>服务说明</div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-card`}>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-body`}>服务方式:帮您把招聘需求发到众多同城合作主播群</div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-body`}>群发次数:杭州、广州发3次,其他城市1次</div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-body`}>内容要求:仅限带货主播招聘需求,其他不发</div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-body`}>主播联系:内容中留招聘方联系方式,主播直接联系</div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-h5`}>代发示例</div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(EXAMPLE_IMAGE)}>*/}
|
||||
{/* <Image className={`${PREFIX}__delegate-image`} src={EXAMPLE_IMAGE} mode="heightFix" />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-h5`}>部分客户评价</div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(COMMENT_IMAGE)}>*/}
|
||||
{/* <Image className={`${PREFIX}__delegate-image`} src={COMMENT_IMAGE} mode="heightFix" />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={`${PREFIX}__delegate-fix`}>*/}
|
||||
{/* <Button className={`${PREFIX}__delegate-btn`} onClick={handleClickDelegate}>*/}
|
||||
{/* 我要代发*/}
|
||||
{/* </Button>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/*</Tabs.TabPane>*/}
|
||||
<Tabs.TabPane
|
||||
value="1"
|
||||
title={
|
||||
|
||||
@ -88,4 +88,8 @@
|
||||
width: 76px;
|
||||
height: 81px;
|
||||
}
|
||||
|
||||
.taroify-cell__right-icon {
|
||||
line-height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@ import { RoleType, PageType } from '@/constants/app';
|
||||
import { LocationInfo } from '@/types/location';
|
||||
import { AppState } from '@/types/store';
|
||||
|
||||
import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO, SET_SERVICE_URLS } from '../constants';
|
||||
import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO, SET_CITY_CONFIGS } from '../constants';
|
||||
|
||||
export const changeRoleType = (value: RoleType) => ({ type: CHANGE_ROLE_TYPE, value });
|
||||
|
||||
@ -10,4 +10,4 @@ export const changeHomePage = (value: PageType) => ({ type: CHANGE_HOME_PAGE, va
|
||||
|
||||
export const setLocationInfo = (value: LocationInfo) => ({ type: SET_LOCATION_INFO, value });
|
||||
|
||||
export const setCityOperators = (value: AppState['cityOperators']) => ({ type: SET_SERVICE_URLS, value });
|
||||
export const setCityConfigs = (value: AppState['cityConfigs']) => ({ type: SET_CITY_CONFIGS, value });
|
||||
|
||||
@ -6,4 +6,4 @@ export const SET_BIND_PHONE = 'SET_BIND_PHONE';
|
||||
export const SET_USER_MESSAGE = 'SET_USER_MESSAGE';
|
||||
export const SET_INVITE_CODE = 'SET_INVITE_CODE';
|
||||
export const SET_JOB_ID = 'SET_JOB_ID';
|
||||
export const SET_SERVICE_URLS = 'SET_SERVICE_URLS';
|
||||
export const SET_CITY_CONFIGS = 'SET_CITY_CONFIGS';
|
||||
|
||||
@ -7,7 +7,7 @@ import { CacheKey } from '@/constants/cache-key';
|
||||
import { LocationInfo } from '@/types/location';
|
||||
import { AppState } from '@/types/store';
|
||||
|
||||
import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO, SET_SERVICE_URLS } from '../constants';
|
||||
import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO, SET_CITY_CONFIGS } from '../constants';
|
||||
|
||||
const DEFAULT_LOCATION: LocationInfo = {
|
||||
provinceCode: '440000',
|
||||
@ -23,7 +23,7 @@ const INIT_STATE: AppState = {
|
||||
roleType: defaultAppMode,
|
||||
homePageType: defaultAppMode === RoleType.Company ? PageType.Anchor : PageType.JOB,
|
||||
location: Taro.getStorageSync<LocationInfo>(CacheKey.CACHE_LOCATION_INFO) || DEFAULT_LOCATION,
|
||||
cityOperators: [],
|
||||
cityConfigs: [],
|
||||
};
|
||||
|
||||
const appState = (state: AppState = INIT_STATE, action: Action): AppState => {
|
||||
@ -34,8 +34,8 @@ const appState = (state: AppState = INIT_STATE, action: Action): AppState => {
|
||||
return { ...state, roleType: value };
|
||||
case CHANGE_HOME_PAGE:
|
||||
return { ...state, homePageType: value };
|
||||
case SET_SERVICE_URLS:
|
||||
return { ...state, cityOperators: value };
|
||||
case SET_CITY_CONFIGS:
|
||||
return { ...state, cityConfigs: value };
|
||||
case SET_LOCATION_INFO:
|
||||
Taro.setStorageSync(CacheKey.CACHE_LOCATION_INFO, value);
|
||||
return { ...state, location: value };
|
||||
|
||||
@ -6,4 +6,4 @@ export const selectHomePageType = (state: IState) => state.appState.homePageType
|
||||
|
||||
export const selectLocation = (state: IState) => state.appState.location;
|
||||
|
||||
export const selectCityOperators = (state: IState) => state.appState.cityOperators || {};
|
||||
export const selectCityConfigs = (state: IState) => state.appState.cityConfigs || [];
|
||||
|
||||
@ -51,7 +51,7 @@ export type JobDetails = JobInfo &
|
||||
userId: string; // 发布人的 userId
|
||||
verifyFailReason?: string; // 审核不通过的原因
|
||||
sourcePlat?: string;
|
||||
status: JobManageStatus
|
||||
status: JobManageStatus;
|
||||
};
|
||||
|
||||
export interface JobManageInfo {
|
||||
|
||||
@ -21,7 +21,7 @@ export interface GetCityCodeRequest {
|
||||
longitude: number; // 经度,范围为-180~180,负数表示西经
|
||||
}
|
||||
|
||||
export interface CityOperatorListItem {
|
||||
export interface CityConfigListItem {
|
||||
id: number;
|
||||
staffId: number;
|
||||
staffName: string;
|
||||
@ -30,4 +30,6 @@ export interface CityOperatorListItem {
|
||||
groupLink: string;
|
||||
created: string;
|
||||
updated: string;
|
||||
price: number | null;
|
||||
sendCount: number | null;
|
||||
}
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
import { EmployType } from '@/constants/job';
|
||||
import { AnchorReadType, AnchorSortType, GenderType, ProfileCreateSource, WorkedYears } from '@/constants/material';
|
||||
import {
|
||||
AnchorReadType,
|
||||
AnchorSortType,
|
||||
EducationType,
|
||||
GenderType,
|
||||
ProfileCreateSource,
|
||||
WorkedYears,
|
||||
} from '@/constants/material';
|
||||
import { IPaginationRequest, IPaginationResponse } from '@/types/common';
|
||||
|
||||
export interface MaterialVideoInfo {
|
||||
@ -51,6 +58,7 @@ export interface MaterialProfile {
|
||||
filledItems: number; // 已填资料项数
|
||||
created: number; // 时间戳
|
||||
updated: number; // 时间戳
|
||||
educationType: EducationType;
|
||||
}
|
||||
|
||||
export interface AnchorInfo {
|
||||
|
||||
@ -107,3 +107,20 @@ export interface GetOrderInfoRequest {
|
||||
payOrderNo: string;
|
||||
userId: string;
|
||||
}
|
||||
|
||||
export interface ProductSpecResult {
|
||||
productId: string;
|
||||
productSpecId: string;
|
||||
productType: ProductType;
|
||||
productName: string;
|
||||
title: string;
|
||||
priceText: string;
|
||||
payPrice: number; // 分
|
||||
showPrice: number;
|
||||
originalPrice: number;
|
||||
badge: string;
|
||||
contentSingle: string;
|
||||
contentsJson: string;
|
||||
sort: number;
|
||||
createTime: string;
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@ import { RoleType, PageType } from '@/constants/app';
|
||||
import { UserMessage } from '@/types/message';
|
||||
import { PartnerInfo } from '@/types/partner';
|
||||
|
||||
import { LocationInfo } from './location';
|
||||
import { CityConfigListItem, LocationInfo } from './location';
|
||||
import { UserInfo } from './user';
|
||||
|
||||
export interface IState {
|
||||
@ -17,8 +17,5 @@ export interface AppState {
|
||||
roleType: RoleType;
|
||||
homePageType: PageType;
|
||||
location: LocationInfo;
|
||||
cityOperators: Array<{
|
||||
cityCode: string;
|
||||
groupLink: string;
|
||||
}>;
|
||||
cityConfigs: CityConfigListItem[];
|
||||
}
|
||||
|
||||
@ -6,9 +6,9 @@ import { CITY_CODE_TO_NAME_MAP, COUNTY_CODE_TO_NAME_MAP, PROVINCE_CODE_TO_NAME_M
|
||||
import http from '@/http';
|
||||
import { API } from '@/http/api';
|
||||
import store from '@/store';
|
||||
import { setLocationInfo, setCityOperators } from '@/store/actions';
|
||||
import { setLocationInfo, setCityConfigs } from '@/store/actions';
|
||||
import { selectLocation } from '@/store/selector';
|
||||
import { CityOperatorListItem, GetCityCodeRequest, LocationInfo } from '@/types/location';
|
||||
import { CityConfigListItem, GetCityCodeRequest, LocationInfo } from '@/types/location';
|
||||
|
||||
import { authorize, getWxSetting } from './wx';
|
||||
|
||||
@ -135,14 +135,7 @@ export async function requestLocation(force: boolean = false) {
|
||||
return location;
|
||||
}
|
||||
|
||||
export async function requestCityOperators() {
|
||||
const list = await http.get<CityOperatorListItem[]>(API.GET_ALL_CITY_OPERATOR);
|
||||
store.dispatch(
|
||||
setCityOperators(
|
||||
(list || []).map(it => ({
|
||||
cityCode: it.cityCode,
|
||||
groupLink: it.groupLink,
|
||||
}))
|
||||
)
|
||||
);
|
||||
export async function requestCityConfigs() {
|
||||
const list = await http.get<CityConfigListItem[]>(API.GET_ALL_CITY_CONFIGS);
|
||||
store.dispatch(setCityConfigs(list));
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@ import Taro from '@tarojs/taro';
|
||||
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { CollectEventName } from '@/constants/event';
|
||||
import { GenderType, MaterialViewSource } from '@/constants/material';
|
||||
import { EDUCATION_TYPE_LABELS, GenderType, MaterialViewSource } from '@/constants/material';
|
||||
import { MessageSubscribeIds } from '@/constants/subscribe';
|
||||
import http from '@/http';
|
||||
import { API } from '@/http/api';
|
||||
@ -44,7 +44,9 @@ const updateUserIfNeed = async () => {
|
||||
await requestUserInfo();
|
||||
};
|
||||
|
||||
export const getBasicInfo = (profile: Pick<MaterialProfile, 'age' | 'height' | 'weight' | 'shoeSize' | 'gender'>) => {
|
||||
export const getBasicInfo = (
|
||||
profile: Pick<MaterialProfile, 'age' | 'height' | 'weight' | 'shoeSize' | 'gender' | 'educationType'>
|
||||
) => {
|
||||
const result: string[] = [];
|
||||
if (typeof profile.age !== 'undefined' && profile.age !== null) {
|
||||
result.push(`${profile.age}岁`);
|
||||
@ -59,6 +61,9 @@ export const getBasicInfo = (profile: Pick<MaterialProfile, 'age' | 'height' | '
|
||||
result.push(`${profile.shoeSize}码`);
|
||||
}
|
||||
result.push(profile.gender === GenderType.MEN ? '男' : '女');
|
||||
if (typeof profile.educationType !== 'undefined' && profile.educationType !== null) {
|
||||
result.push(EDUCATION_TYPE_LABELS[profile.educationType]);
|
||||
}
|
||||
return result.join('·');
|
||||
};
|
||||
|
||||
|
||||
@ -14,8 +14,9 @@ import {
|
||||
CreatePayInfoResponse,
|
||||
CreatePayOrderParams,
|
||||
GetOrderInfoRequest,
|
||||
OrderInfo,
|
||||
OrderInfo, ProductSpecResult,
|
||||
} from '@/types/product';
|
||||
import { buildUrl } from '@/utils/common';
|
||||
import { getUserId } from '@/utils/user';
|
||||
|
||||
export const isCancelPay = err => err?.errMsg === 'requestPayment:fail cancel';
|
||||
@ -44,6 +45,10 @@ export async function requestProductUseRecord(
|
||||
});
|
||||
}
|
||||
|
||||
export async function requestProductTypeList(productType: ProductType) {
|
||||
return await http.get<ProductSpecResult[]>(buildUrl(API.LIST_PRODUCT_TYPE, { productType }));
|
||||
}
|
||||
|
||||
// 使用某一个产品
|
||||
export async function requestUseProduct(
|
||||
productCode: ProductType,
|
||||
|
||||
@ -31,7 +31,7 @@ export const getUserId = () => getUserInfo().userId;
|
||||
export const isValidUserInfo = (info: UserInfo) => !!info.userId;
|
||||
|
||||
export const isNeedLogin = (info: UserInfo) => !info.isBindPhone;
|
||||
// export const isNeedLogin = (info: UserInfo) => !info.isBindPhone || info.userId === '218396277145075712';
|
||||
// export const isNeedLogin = (info: UserInfo) => !info.isBindPhone || info.userId === '171633767918600192';
|
||||
|
||||
export const isNeedPhone = (info: UserInfo) => isNeedLogin(info) || !info.phone;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user