Compare commits
12 Commits
feat/vip_m
...
feat/3.8/j
| Author | SHA1 | Date | |
|---|---|---|---|
| 4cc4aaa707 | |||
| d17a3e1461 | |||
| 6fd07f9071 | |||
| 4d699baca9 | |||
| 34e8a775e4 | |||
| c586e4b227 | |||
| 23879fe88d | |||
| 14853bcda2 | |||
| 365f3f6dd6 | |||
| dfa73624eb | |||
| 3f782b6be3 | |||
| e38114d32b |
24
src/app.tsx
24
src/app.tsx
@ -15,6 +15,29 @@ import { requestUserInfo, updateLastLoginTime } from '@/utils/user';
|
||||
import './app.less';
|
||||
|
||||
function App({ children }: PropsWithChildren<BL.Anything>) {
|
||||
const checkBasicUpdate = () => {
|
||||
if (process.env.TARO_ENV !== 'weapp' || !Taro.canIUse('getUpdateManager')) {
|
||||
return;
|
||||
}
|
||||
const manager = Taro.getUpdateManager();
|
||||
manager.onCheckForUpdate(res => {
|
||||
console.log('onCheckForUpdate', res);
|
||||
});
|
||||
|
||||
// 新版本下载完成
|
||||
manager.onUpdateReady(() => {
|
||||
Taro.showModal({
|
||||
title: '更新提示',
|
||||
content: '新版本已经准备好,是否重启应用?',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
// 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
|
||||
manager.applyUpdate();
|
||||
}
|
||||
},
|
||||
});
|
||||
});
|
||||
};
|
||||
useLaunch(async ({ query }) => {
|
||||
console.log('App launched.');
|
||||
await http.init(getInviteCodeFromQuery(query));
|
||||
@ -30,6 +53,7 @@ function App({ children }: PropsWithChildren<BL.Anything>) {
|
||||
});
|
||||
|
||||
useDidShow(options => {
|
||||
checkBasicUpdate();
|
||||
requestCityConfigs();
|
||||
|
||||
console.log(options);
|
||||
|
||||
22
src/components/invite-operations-banner/index.less
Normal file
22
src/components/invite-operations-banner/index.less
Normal file
@ -0,0 +1,22 @@
|
||||
@import '@/styles/variables.less';
|
||||
@import '@/styles/common.less';
|
||||
|
||||
.invite-operations-fragment-banner {
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
position: relative;
|
||||
margin-bottom: 24px;
|
||||
|
||||
&__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&__close {
|
||||
width: 64px;
|
||||
height: 38px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
40
src/components/invite-operations-banner/index.tsx
Normal file
40
src/components/invite-operations-banner/index.tsx
Normal file
@ -0,0 +1,40 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
|
||||
import { useCallback, useState } from 'react';
|
||||
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { getPartnerBannerClose, setPartnerBannerClose } from '@/utils/partner';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'invite-operations-fragment-banner';
|
||||
|
||||
export default function InviteOperationsBanner() {
|
||||
const [bannerClose, setBannerClose] = useState<boolean>(getPartnerBannerClose());
|
||||
|
||||
const handlePartnerBannerClose = useCallback(e => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
setBannerClose(true);
|
||||
setPartnerBannerClose();
|
||||
}, []);
|
||||
|
||||
const handleClick = useCallback(async () => {
|
||||
navigateTo(PageUrl.InviteOperations);
|
||||
}, []);
|
||||
|
||||
if (bannerClose) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={PREFIX} onClick={handleClick}>
|
||||
<Image
|
||||
className={`${PREFIX}__image`}
|
||||
src="https://publiccdn.neighbourhood.com.cn/img/invite-operations-banner.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<div className={`${PREFIX}__close`} onClick={handlePartnerBannerClose} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -2,11 +2,12 @@ import { Image } from '@tarojs/components';
|
||||
|
||||
import { Arrow } from '@taroify/icons';
|
||||
import classNames from 'classnames';
|
||||
import React, { useCallback } from 'react';
|
||||
import React, { useCallback, useMemo } from 'react';
|
||||
|
||||
import { cityValues } from '@/components/user-batch-publish';
|
||||
// import { cityValues } from '@/components/user-batch-publish';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { JOB_MANAGE_STATUS_TITLE_MAP, JobManageStatus } from '@/constants/job';
|
||||
import useCityOperators from '@/hooks/use-city-operators';
|
||||
import { JobManageInfo } from '@/types/job';
|
||||
import { getJobLocation } from '@/utils/job';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
@ -30,6 +31,9 @@ const STATUS_CLASS_MAP = {
|
||||
};
|
||||
|
||||
function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInfo['id'] }) {
|
||||
const cityOperators = useCityOperators();
|
||||
const availableCities = useMemo(() => cityOperators.filter(c => c.sendCount), [cityOperators]);
|
||||
|
||||
const handleClick = useCallback(
|
||||
e => {
|
||||
e.preventDefault();
|
||||
@ -38,7 +42,7 @@ function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInf
|
||||
},
|
||||
[cityCode, jobId]
|
||||
);
|
||||
if (!cityValues.find(c => c.cityCode === cityCode)) {
|
||||
if (!availableCities.find(c => c.cityCode === cityCode)) {
|
||||
return null;
|
||||
}
|
||||
return (
|
||||
|
||||
@ -1,2 +1,28 @@
|
||||
@import '@/styles/common.less';
|
||||
@import '@/styles/variables.less';
|
||||
@import '@/styles/variables.less';
|
||||
|
||||
.job-manage-list {
|
||||
&__empty-tips {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding-top: 218px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
|
||||
&__icon {
|
||||
width: 386px;
|
||||
height: 278px;
|
||||
}
|
||||
|
||||
&__describe {
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
color: @blColor;
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
import Taro from '@tarojs/taro';
|
||||
|
||||
import { List, PullRefresh } from '@taroify/core';
|
||||
@ -28,7 +29,15 @@ const FIRST_PAGE = 0;
|
||||
const PAGE_SIZE = 40;
|
||||
const PREFIX = 'job-manage-list';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
|
||||
const EmptyTips = (props: { className?: string; height?: number }) => {
|
||||
const { className, height } = props;
|
||||
return (
|
||||
<div className={classNames(`${PREFIX}__empty-tips`, className)} style={height ? { height } : undefined}>
|
||||
<Image className={`${PREFIX}__empty-tips__icon`} src={require('@/statics/svg/empty-box.svg')} mode="aspectFit" />
|
||||
<div className={`${PREFIX}__empty-tips__describe`}>当前还没有通告</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
function JobManageList(props: IJobManageListProps) {
|
||||
const { className, listHeight, refreshDisabled, visible = true, status, onListEmpty } = props;
|
||||
const [refreshing, setRefreshing] = useState(false);
|
||||
@ -151,6 +160,8 @@ function JobManageList(props: IJobManageListProps) {
|
||||
onRefresh={handleRefresh}
|
||||
disabled={refreshDisabled}
|
||||
>
|
||||
{Boolean(!dataList.length) && <EmptyTips className={className} height={listHeight} />}
|
||||
|
||||
<List
|
||||
hasMore={hasMore}
|
||||
onLoad={handleLoadMore}
|
||||
|
||||
@ -146,25 +146,6 @@ export default function PartnerIntro() {
|
||||
</Swiper>
|
||||
</div>
|
||||
|
||||
<div className={`${PREFIX}__block`}>
|
||||
<div className={`${PREFIX}__title`}>
|
||||
群主认证
|
||||
<div className={`${PREFIX}__recommend`}>
|
||||
<GoodJob />
|
||||
强烈推荐
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__card ${PREFIX}__special`}>
|
||||
<div className={`${PREFIX}__body`}>
|
||||
<div className="center">
|
||||
完成群主认证后,群成员通过该群访问任何人分享的播络小程序进行注册,你都能获得分成
|
||||
</div>
|
||||
</div>
|
||||
<Button className={`${PREFIX}__service`} onClick={handleConfirm}>
|
||||
立即认证
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__block`}>
|
||||
<div className={`${PREFIX}__title`}>3重收益</div>
|
||||
<div className={`${PREFIX}__card`}>
|
||||
@ -194,6 +175,25 @@ export default function PartnerIntro() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__block`}>
|
||||
<div className={`${PREFIX}__title`}>
|
||||
群主认证
|
||||
<div className={`${PREFIX}__recommend`}>
|
||||
<GoodJob />
|
||||
强烈推荐
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__card ${PREFIX}__special`}>
|
||||
<div className={`${PREFIX}__body`}>
|
||||
<div className="center">
|
||||
完成群主认证后,群成员通过该群访问任何人分享的播络小程序进行注册,你都能获得分成
|
||||
</div>
|
||||
</div>
|
||||
<Button className={`${PREFIX}__service`} onClick={handleConfirm}>
|
||||
立即认证
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__block`}>
|
||||
<div className={`${PREFIX}__title`}>交流群</div>
|
||||
<div className={`${PREFIX}__card ${PREFIX}__special`}>
|
||||
|
||||
@ -4,16 +4,19 @@ import Taro from '@tarojs/taro';
|
||||
import { Dialog, Popup } from '@taroify/core';
|
||||
import { Fragment, useCallback, useState } from 'react';
|
||||
|
||||
import LoginButton from '@/components/login-button';
|
||||
import JobBuy from '@/components/product-dialog/steps-ui/job-buy';
|
||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { CacheKey } from '@/constants/cache-key';
|
||||
import { GET_CONTACT_TYPE } from '@/constants/job';
|
||||
import { switchTab, navigateTo } from '@/utils/route';
|
||||
import { navigateTo, switchTab } from '@/utils/route';
|
||||
import './index.less';
|
||||
|
||||
interface IProps {
|
||||
onCancel: () => void;
|
||||
onRefresh: () => void;
|
||||
needLogin?: boolean;
|
||||
isCreateResume?: boolean;
|
||||
onConfirm: (type: GET_CONTACT_TYPE) => void;
|
||||
}
|
||||
@ -27,6 +30,7 @@ const GET_CONTACT_TYPE_OPTIONS = [
|
||||
title: '创建模卡(免费报单)',
|
||||
desc: '免费报单,优先推荐给企业,机会更多',
|
||||
btnText: '创建',
|
||||
needLogin: true,
|
||||
},
|
||||
{
|
||||
type: GET_CONTACT_TYPE.VIP,
|
||||
@ -42,9 +46,16 @@ const GET_CONTACT_TYPE_OPTIONS = [
|
||||
// desc: '群内定期发放会员,免费报单',
|
||||
// btnText: '进群',
|
||||
// },
|
||||
{
|
||||
type: GET_CONTACT_TYPE.INVITE,
|
||||
icon: 'https://publiccdn.neighbourhood.com.cn/img/invite-operations.png',
|
||||
title: '邀请运营进群(送会员)',
|
||||
desc: '每邀请进一个主播群送一个日会员',
|
||||
btnText: '邀请',
|
||||
},
|
||||
];
|
||||
|
||||
export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
||||
export function PrejobPopup({ onCancel, isCreateResume, onConfirm, onRefresh }: IProps) {
|
||||
const [openPopup, setOpenPopup] = useState(true);
|
||||
const [openDialog, setOpenDialog] = useState(false);
|
||||
const [clicked, setClicked] = useState(!!Taro.getStorageSync(CacheKey.JOIN_GROUP_POPUP_CLICKED));
|
||||
@ -53,6 +64,10 @@ export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
||||
navigateTo(PageUrl.MaterialUploadVideo);
|
||||
onConfirm(type);
|
||||
}
|
||||
if (type === GET_CONTACT_TYPE.INVITE) {
|
||||
navigateTo(PageUrl.InviteOperations);
|
||||
onConfirm(type);
|
||||
}
|
||||
if (type === GET_CONTACT_TYPE.VIP) {
|
||||
setOpenPopup(false);
|
||||
setOpenDialog(true);
|
||||
@ -87,9 +102,20 @@ export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
|
||||
<div className="desc">{option.desc}</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__item-action`}>
|
||||
<Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
|
||||
{option.btnText}
|
||||
</Button>
|
||||
{option.needLogin ? (
|
||||
<LoginButton
|
||||
needRefresh
|
||||
onRefresh={onRefresh}
|
||||
className={`${PREFIX}__btn`}
|
||||
onClick={handleClick(option.type)}
|
||||
>
|
||||
{option.btnText}
|
||||
</LoginButton>
|
||||
) : (
|
||||
<Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
|
||||
{option.btnText}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
@import '@/styles/variables.less';
|
||||
|
||||
.product-dialog {
|
||||
|
||||
.layout() {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -31,7 +30,7 @@
|
||||
font-weight: 500;
|
||||
line-height: 72px;
|
||||
border-radius: 44px;
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
background: @blHighlightColor;
|
||||
margin-top: 40px;
|
||||
}
|
||||
@ -42,7 +41,7 @@
|
||||
font-size: 24px;
|
||||
line-height: 48px;
|
||||
color: @blHighlightColor;
|
||||
background: #6D3DF514;
|
||||
background: #6d3df514;
|
||||
border-radius: 8px;
|
||||
padding: 32px 72px;
|
||||
margin-top: 40px;
|
||||
@ -73,7 +72,7 @@
|
||||
|
||||
&__describe {
|
||||
.describe-font();
|
||||
margin-top: 24px
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
&__content {
|
||||
@ -173,8 +172,8 @@
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
border-color: #E0E0E0;
|
||||
background: #F7F7F7;
|
||||
border-color: #e0e0e0;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
@ -237,9 +236,7 @@
|
||||
color: @blHighlightColor;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// ============================================= 群 ================================================= //
|
||||
@ -323,7 +320,7 @@
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #E0E0E0;
|
||||
border: 2px solid #e0e0e0;
|
||||
}
|
||||
|
||||
&__qr-code__step-title {
|
||||
@ -338,7 +335,7 @@
|
||||
position: relative;
|
||||
width: 2px;
|
||||
height: 40px;
|
||||
background: #E0E0E0;
|
||||
background: #e0e0e0;
|
||||
margin: 4px 0;
|
||||
margin-left: 18px;
|
||||
}
|
||||
@ -365,7 +362,7 @@
|
||||
.divider {
|
||||
width: 540px;
|
||||
height: 1px;
|
||||
background: #E0E0E0;
|
||||
background: #e0e0e0;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
@ -417,7 +414,7 @@
|
||||
margin-top: 40px;
|
||||
|
||||
.highlight {
|
||||
color: @blHighlightColor
|
||||
color: @blHighlightColor;
|
||||
}
|
||||
}
|
||||
|
||||
@ -523,7 +520,6 @@
|
||||
.button();
|
||||
}
|
||||
|
||||
|
||||
// ============================================= 发布通告的企业会员 ================================================= //
|
||||
&__publish-job-buy__header {
|
||||
.header-font();
|
||||
@ -576,21 +572,21 @@
|
||||
|
||||
&__item {
|
||||
position: relative;
|
||||
width: 230px;
|
||||
width: 182px;
|
||||
height: 156px;
|
||||
.flex-column();
|
||||
justify-content: center;
|
||||
border: 2px solid @blHighlightColor;
|
||||
border-radius: 8px;
|
||||
margin-right: 24px;
|
||||
margin-right: 15px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
border-color: #E0E0E0;
|
||||
background: #F7F7F7;
|
||||
border-color: #e0e0e0;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
@ -635,11 +631,11 @@
|
||||
}
|
||||
|
||||
&__left-line {
|
||||
background: linear-gradient(270deg, #E0E0E0 0%, #FFFFFF 100%);
|
||||
background: linear-gradient(270deg, #e0e0e0 0%, #ffffff 100%);
|
||||
}
|
||||
|
||||
&__right-line {
|
||||
background: linear-gradient(90deg, #E0E0E0 0%, #FFFFFF 100%);
|
||||
background: linear-gradient(90deg, #e0e0e0 0%, #ffffff 100%);
|
||||
}
|
||||
|
||||
&__title {
|
||||
@ -680,5 +676,4 @@
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -9,10 +9,10 @@ import { PREFIX } from '@/components/product-dialog/const';
|
||||
import { CollectEventName, ReportEventId } from '@/constants/event';
|
||||
import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
|
||||
import { SubscribeTempId } from '@/constants/subscribe';
|
||||
import { ProductSpecResult } from '@/types/product';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
import { collectEvent, reportEvent } from '@/utils/event';
|
||||
import {
|
||||
getOrderPrice,
|
||||
isCancelPay,
|
||||
requestCreatePayInfo,
|
||||
requestOrderInfo,
|
||||
@ -21,7 +21,6 @@ import {
|
||||
} from '@/utils/product';
|
||||
import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
|
||||
import Toast from '@/utils/toast';
|
||||
import { ProductSpecResult } from '@/types/product';
|
||||
|
||||
interface IProps {
|
||||
onNext: () => void;
|
||||
@ -161,7 +160,7 @@ export default function CompanyPublishJobBuy(props: IProps) {
|
||||
<div
|
||||
key={item.payPrice}
|
||||
className={classNames(`${PREFIX}__company-publish-job-buy__item`, {
|
||||
selected: selectItem && item.payPrice === selectItem.payPrice,
|
||||
selected: selectItem && item.id === selectItem.id,
|
||||
disabled: item.payPrice === 0,
|
||||
})}
|
||||
onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
|
||||
|
||||
@ -167,9 +167,9 @@ export default function JobBuy(props: IProps) {
|
||||
{productList.map(item => {
|
||||
return (
|
||||
<div
|
||||
key={item.payPrice}
|
||||
key={item.id}
|
||||
className={classNames(`${PREFIX}__job-buy__item`, {
|
||||
selected: selectItem && item.payPrice === selectItem.payPrice,
|
||||
selected: selectItem && item.id === selectItem.id,
|
||||
disabled: item.payPrice === 0,
|
||||
})}
|
||||
onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
|
||||
|
||||
@ -2,7 +2,7 @@ import { Button } from '@tarojs/components';
|
||||
import Taro from '@tarojs/taro';
|
||||
|
||||
import { Cell, Dialog } from '@taroify/core';
|
||||
import { Fragment, useCallback, useEffect, useState } from 'react';
|
||||
import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
|
||||
|
||||
import PageLoading from '@/components/page-loading';
|
||||
import { PublishJobQrCodeDialog } from '@/components/product-dialog/publish-job';
|
||||
@ -11,9 +11,10 @@ import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||
import { ISelectOption, PopupSelect } from '@/components/select';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { JobManageStatus } from '@/constants/job';
|
||||
import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
|
||||
import { OrderStatus, OrderType, ProductType } from '@/constants/product';
|
||||
import useCityOperators from '@/hooks/use-city-operators';
|
||||
import { usePublishJob } from '@/hooks/use-publish-job';
|
||||
import { BatchPublishGroup } from '@/types/group';
|
||||
import { CityConfigListItem } from '@/types/location';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
import { requestJobDetail } from '@/utils/job';
|
||||
import {
|
||||
@ -28,65 +29,29 @@ import { navigateTo } from '@/utils/route';
|
||||
import Toast from '@/utils/toast';
|
||||
import './index.less';
|
||||
|
||||
interface CityValue extends BatchPublishGroup {
|
||||
cityName: string;
|
||||
}
|
||||
|
||||
interface CityOption extends ISelectOption<CityValue> {
|
||||
value: CityValue;
|
||||
interface CityOption extends ISelectOption<CityConfigListItem> {
|
||||
value: CityConfigListItem;
|
||||
}
|
||||
|
||||
const PREFIX = 'user-batch-publish';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
export const cityValues: CityValue[] = [
|
||||
{ cityCode: '440100', cityName: '广州', count: 800 },
|
||||
{ cityCode: '440300', cityName: '深圳', count: 100 },
|
||||
{ cityCode: '330100', cityName: '杭州', count: 750 },
|
||||
{ cityCode: '110100', cityName: '北京', count: 150 },
|
||||
{ cityCode: '510100', cityName: '成都', count: 100 },
|
||||
{ cityCode: '500100', cityName: '重庆', count: 50 },
|
||||
{ cityCode: '430100', cityName: '长沙', count: 50 },
|
||||
{ cityCode: '350200', cityName: '厦门', count: 50 },
|
||||
{ cityCode: '310100', cityName: '上海', count: 150 },
|
||||
{ cityCode: '420100', cityName: '武汉', count: 80 },
|
||||
{ cityCode: '610100', cityName: '西安', count: 60 },
|
||||
{ cityCode: '410100', cityName: '郑州', count: 150 },
|
||||
].sort((a, b) => b.count - a.count);
|
||||
const MIN_GROUP_SIZE = 20;
|
||||
const GROUP_OPTIONS = [
|
||||
{ value: MIN_GROUP_SIZE, productSpecId: ProductSpecId.GroupBatchPublish20, label: '20', price: 18 },
|
||||
{ value: 50, productSpecId: ProductSpecId.GroupBatchPublish50, label: '50', price: 40 },
|
||||
{ value: 60, productSpecId: ProductSpecId.GroupBatchPublish60, label: '60', price: 48 },
|
||||
{ value: 80, productSpecId: ProductSpecId.GroupBatchPublish80, label: '80', price: 58 },
|
||||
{ value: 100, productSpecId: ProductSpecId.GroupBatchPublish100, label: '100', price: 68 },
|
||||
{ value: 150, productSpecId: ProductSpecId.GroupBatchPublish150, label: '150', price: 98 },
|
||||
{ value: 300, productSpecId: ProductSpecId.GroupBatchPublish300, label: '300', price: 128 },
|
||||
{ value: 500, productSpecId: ProductSpecId.GroupBatchPublish500, label: '500', price: 168 },
|
||||
{ value: 750, productSpecId: ProductSpecId.GroupBatchPublish750, label: '750', price: 188 },
|
||||
{ value: 800, productSpecId: ProductSpecId.GroupBatchPublish800, label: '800', price: 198 },
|
||||
{ value: 1000, productSpecId: ProductSpecId.GroupBatchPublish1000, label: '1000', price: 288 },
|
||||
];
|
||||
|
||||
const calcPrice = (city: CityValue | null) => {
|
||||
if (!city) {
|
||||
return {};
|
||||
}
|
||||
const { count } = city;
|
||||
const originalPrice = count * 1;
|
||||
const price = GROUP_OPTIONS.find(o => o.value === count)?.price || 18;
|
||||
const productSpecId = GROUP_OPTIONS.find(o => o.value === count)?.productSpecId || ProductSpecId.GroupBatchPublish20;
|
||||
return { price, originalPrice, productSpecId };
|
||||
};
|
||||
const cityOptions: CityOption[] = cityValues.map(value => ({ value, label: value.cityName }));
|
||||
export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: string; jobId?: string }) {
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [showQrCode, setShowQrCode] = useState(false);
|
||||
const [selectable, setSelectable] = useState(false);
|
||||
const [showCitySelect, setShowCitySelect] = useState(false);
|
||||
const [city, setCity] = useState<CityOption['value'] | null>(null);
|
||||
const { price, originalPrice, productSpecId } = calcPrice(city);
|
||||
const [city, setCity] = useState<CityConfigListItem | null>(null);
|
||||
const [showPublishJob, setShowPublishJob] = useState(false);
|
||||
|
||||
const cityOperators = useCityOperators();
|
||||
|
||||
const availableCities = useMemo(() => cityOperators.filter(c => c.sendCount), [cityOperators]);
|
||||
const cityOptions: CityOption[] = useMemo(
|
||||
() => availableCities.map(value => ({ value, label: value.cityName })),
|
||||
[availableCities]
|
||||
);
|
||||
|
||||
const [showBuy, setShowBuy, handlePublishJob] = usePublishJob(jobId);
|
||||
const handleClickCity = useCallback(() => setShowCitySelect(true), []);
|
||||
|
||||
@ -102,7 +67,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
// setShowQrCode(true);
|
||||
// return;
|
||||
// }
|
||||
if (!price || !productSpecId) {
|
||||
if (!city || !city.payPrice || !city.showPrice || !city.sendCount || !city.productSpecId) {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
@ -127,10 +92,10 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
|
||||
const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
|
||||
type: OrderType.GroupBatchPublish,
|
||||
amt: getOrderPrice(price),
|
||||
amt: city.payPrice,
|
||||
// amt: 1,
|
||||
productCode: ProductType.GroupBatchPublish,
|
||||
productSpecId: productSpecId,
|
||||
productSpecId: city.productSpecId,
|
||||
});
|
||||
log('handleBuy payInfo', payOrderNo, createPayInfo);
|
||||
await requestPayment({
|
||||
@ -152,14 +117,14 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
Toast.error(isCancelPay(e) ? '取消购买' : '购买失败请重试');
|
||||
log('handleBuy error', e);
|
||||
}
|
||||
}, [jobId, price, productSpecId]);
|
||||
}, [cityCode, jobId, city]);
|
||||
|
||||
useEffect(() => {
|
||||
// if (!cityCode) {
|
||||
// return;
|
||||
// }
|
||||
if (!availableCities.length) {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
const initCity = cityCode ? cityValues.find(o => o.cityCode === cityCode) : cityValues[0];
|
||||
const initCity = cityCode ? availableCities.find(o => o.cityCode === cityCode) : availableCities[0];
|
||||
|
||||
setSelectable(!cityCode);
|
||||
|
||||
@ -172,7 +137,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
} catch (e) {
|
||||
Toast.error('加载失败请重试');
|
||||
}
|
||||
}, [cityCode]);
|
||||
}, [availableCities, cityCode]);
|
||||
|
||||
if (loading) {
|
||||
return <PageLoading />;
|
||||
@ -203,11 +168,13 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: strin
|
||||
查看该城市合作群列表
|
||||
</div>
|
||||
<div className={`${PREFIX}__title`}>可购买群数</div>
|
||||
<Cell align="center" className={`${PREFIX}__cell`} title={city?.count} />
|
||||
<Cell align="center" className={`${PREFIX}__cell`} title={city?.sendCount} />
|
||||
<div className={`${PREFIX}__title`}>服务费用</div>
|
||||
<div className={`${PREFIX}__cost-describe`}>
|
||||
<div className={`${PREFIX}__cost-describe__price`}>{`${price}元`}</div>
|
||||
<div className={`${PREFIX}__cost-describe__original_price`}>{`原价:${originalPrice}元`}</div>
|
||||
<div className={`${PREFIX}__cost-describe__price`}>{`${city?.showPrice}元`}</div>
|
||||
<div
|
||||
className={`${PREFIX}__cost-describe__original_price`}
|
||||
>{`原价:${city?.originalPrice || city?.sendCount}元`}</div>
|
||||
</div>
|
||||
|
||||
<Button className={`${PREFIX}__buy-button`} onClick={handleClickBuy}>
|
||||
|
||||
@ -37,6 +37,7 @@ export enum OpenSource {
|
||||
AnchorPage = 'anchor_page',
|
||||
MaterialViewPage = 'material_view_page',
|
||||
GroupOwnerCertificate = 'group_owner_certificate',
|
||||
InviteOperations = 'invite_operations',
|
||||
}
|
||||
|
||||
export enum PageUrl {
|
||||
@ -82,6 +83,8 @@ export enum PageUrl {
|
||||
GiveVip = 'pages/give-vip/index',
|
||||
GroupOwnerCertificate = 'pages/group-owner-certification/index',
|
||||
PartnerShareVip = 'pages/partner-share-vip/index',
|
||||
InviteOperations = 'pages/invite-operations/index',
|
||||
GroupDetail = 'pages/group-detail/index',
|
||||
}
|
||||
|
||||
export enum PluginUrl {
|
||||
|
||||
@ -214,4 +214,5 @@ export enum GET_CONTACT_TYPE {
|
||||
VIP = 'vip',
|
||||
MATERIAL = 'material',
|
||||
GROUP = 'group',
|
||||
INVITE = 'invite',
|
||||
}
|
||||
|
||||
@ -36,7 +36,10 @@ export enum ProductSpecId {
|
||||
GroupBatchPublish60 = 'GROUP_BATCH_PUSH_60',
|
||||
GroupBatchPublish80 = 'GROUP_BATCH_PUSH_80',
|
||||
GroupBatchPublish100 = 'GROUP_BATCH_PUSH_100',
|
||||
GroupBatchPublish120 = 'GROUP_BATCH_PUSH_120',
|
||||
GroupBatchPublish150 = 'GROUP_BATCH_PUSH_150',
|
||||
GroupBatchPublish200 = 'GROUP_BATCH_PUSH_200',
|
||||
GroupBatchPublish250 = 'GROUP_BATCH_PUSH_250',
|
||||
GroupBatchPublish300 = 'GROUP_BATCH_PUSH_300',
|
||||
GroupBatchPublish500 = 'GROUP_BATCH_PUSH_500',
|
||||
GroupBatchPublish750 = 'GROUP_BATCH_PUSH_750',
|
||||
|
||||
@ -9,7 +9,7 @@ import { useCallback, useEffect, useState } from 'react';
|
||||
import EmployTypeSelect from '@/components/employ-type-select';
|
||||
import JobList, { IJobListProps } from '@/components/job-list';
|
||||
import Overlay from '@/components/overlay';
|
||||
import PartnerBanner from '@/components/partner-banner';
|
||||
// import PartnerBanner from '@/components/partner-banner';
|
||||
import SalarySelect from '@/components/salary-select';
|
||||
import SearchInput from '@/components/search';
|
||||
import { APP_TAB_BAR_ID, PageUrl } from '@/constants/app';
|
||||
@ -30,6 +30,7 @@ import { Coordinate } from '@/types/location';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
import { navigateTo } from '@/utils/route';
|
||||
import './index.less';
|
||||
import InviteOperationsBanner from '@/components/invite-operations-banner';
|
||||
|
||||
interface IProps {
|
||||
cityCode: string;
|
||||
@ -173,7 +174,8 @@ function JobFragment(props: IProps) {
|
||||
<Tabs className={`${PREFIX}__type-tabs`} value={tabType} onChange={onTypeChange}>
|
||||
{JOB_TABS.map(tab => (
|
||||
<Tabs.TabPane title={tab.title} key={tab.type} value={tab.type}>
|
||||
<PartnerBanner />
|
||||
{/*<PartnerBanner />*/}
|
||||
<InviteOperationsBanner />
|
||||
<ListWrapper
|
||||
category={tab.type}
|
||||
cityCode={cityCode}
|
||||
|
||||
@ -17,4 +17,25 @@
|
||||
border-radius: 16px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
&__recommend {
|
||||
display: inline-flex;
|
||||
line-height: 36px;
|
||||
padding: 0 8px;
|
||||
height: 36px;
|
||||
background: rgb(255, 80, 81);
|
||||
border-radius: 4px;
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
position: absolute;
|
||||
left: 208px;
|
||||
top: 8px;
|
||||
width: 128px;
|
||||
|
||||
&-cell {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
|
||||
import { Cell } from '@taroify/core';
|
||||
import { GoodJob } from '@taroify/icons';
|
||||
import { useCallback } from 'react';
|
||||
|
||||
import MaterialCard from '@/components/material-card';
|
||||
@ -18,6 +19,8 @@ export default function AnchorFragment() {
|
||||
|
||||
const handleClickSwitch = useCallback(() => switchRoleType(RoleType.Company), []);
|
||||
|
||||
const handleClickInviteOperations = useCallback(() => navigateTo(PageUrl.InviteOperations), []);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<MaterialCard />
|
||||
@ -29,6 +32,21 @@ export default function AnchorFragment() {
|
||||
className={`${PREFIX}__cell`}
|
||||
onClick={handleClickMyDeclaration}
|
||||
/>
|
||||
<Cell
|
||||
isLink
|
||||
align="center"
|
||||
title={
|
||||
<div className={`${PREFIX}__recommend-cell`}>
|
||||
免费领主播会员
|
||||
<div className={`${PREFIX}__recommend`}>
|
||||
<GoodJob />
|
||||
强烈推荐
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
className={`${PREFIX}__cell`}
|
||||
onClick={handleClickInviteOperations}
|
||||
/>
|
||||
<Image
|
||||
mode="widthFix"
|
||||
className={`${PREFIX}__switch-to-company`}
|
||||
|
||||
@ -40,5 +40,24 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__recommend {
|
||||
display: inline-flex;
|
||||
line-height: 36px;
|
||||
padding: 0 8px;
|
||||
height: 36px;
|
||||
background: rgb(255, 80, 81);
|
||||
border-radius: 4px;
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
position: absolute;
|
||||
left: 208px;
|
||||
top: 8px;
|
||||
width: 128px;
|
||||
|
||||
&-cell {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
|
||||
import { Cell } from '@taroify/core';
|
||||
import { GoodJob } from '@taroify/icons';
|
||||
import classNames from 'classnames';
|
||||
import { useCallback } from 'react';
|
||||
|
||||
@ -22,10 +23,27 @@ export default function CompanyFragment() {
|
||||
navigateTo(PageUrl.CertificationManage);
|
||||
}, [userInfo]);
|
||||
|
||||
const handleClickInviteOperations = useCallback(() => navigateTo(PageUrl.InviteOperations, { company: 1 }), []);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<CertificationStatus className={`${PREFIX}__cell`} />
|
||||
<WechatCell className={`${PREFIX}__cell`} />
|
||||
<Cell
|
||||
isLink
|
||||
align="center"
|
||||
title={
|
||||
<div className={`${PREFIX}__recommend-cell`}>
|
||||
免费领企业会员
|
||||
<div className={`${PREFIX}__recommend`}>
|
||||
<GoodJob />
|
||||
强烈推荐
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
className={`${PREFIX}__cell`}
|
||||
onClick={handleClickInviteOperations}
|
||||
/>
|
||||
<Cell
|
||||
isLink
|
||||
align="center"
|
||||
@ -34,7 +52,7 @@ export default function CompanyFragment() {
|
||||
<div className={`${PREFIX}__cell-icon`}>
|
||||
<Image src="https://publiccdn.neighbourhood.com.cn/img/lightning.svg" />
|
||||
</div>
|
||||
发布急招通告,优先展示
|
||||
发布急招主播岗位
|
||||
</div>
|
||||
}
|
||||
className={classNames(`${PREFIX}__cell`, `${PREFIX}__go-publish-cell`)}
|
||||
|
||||
@ -48,7 +48,7 @@ const CompanyTabs: TabItemType[] = [
|
||||
{
|
||||
type: PageType.BatchPublish,
|
||||
pagePath: PageUrl.UserBatchPublish,
|
||||
text: '代发代招',
|
||||
text: '群代发',
|
||||
},
|
||||
];
|
||||
|
||||
@ -101,7 +101,9 @@ export const APP_CONFIG: AppConfigType = {
|
||||
PageUrl.GiveVip,
|
||||
PageUrl.GroupOwnerCertificate,
|
||||
PageUrl.PartnerShareVip,
|
||||
PageUrl.InviteOperations,
|
||||
PageUrl.AccelerateDelegatePublish,
|
||||
PageUrl.GroupDetail,
|
||||
// PageUrl.DevDebug,
|
||||
],
|
||||
window: {
|
||||
|
||||
@ -25,23 +25,23 @@ export const usePublishJob = (jobId?: string): [boolean, Dispatch<SetStateAction
|
||||
}
|
||||
|
||||
try {
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
Taro.showLoading();
|
||||
await postPublishJob(jobId);
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
setShowBuy(false);
|
||||
Toast.success('发布成功');
|
||||
Taro.hideLoading();
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
}
|
||||
} catch (error) {
|
||||
Taro.hideLoading();
|
||||
const e = error as HttpError;
|
||||
const errorCode = e.errorCode;
|
||||
const errorMsg = e.info?.() || e.message;
|
||||
collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId, error: e.info?.() || e.message });
|
||||
const errorMsg = e.errorMsg || e.info?.() || e.message;
|
||||
collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId, error: errorMsg });
|
||||
if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_FREE_BALANCE) {
|
||||
setShowBuy(true);
|
||||
} else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
|
||||
@ -50,7 +50,7 @@ export const usePublishJob = (jobId?: string): [boolean, Dispatch<SetStateAction
|
||||
} else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
|
||||
Toast.info('该通告已到期,请创建新通告', 3000);
|
||||
} else {
|
||||
Toast.error(errorMsg || '发布失败请重试', 3000);
|
||||
Toast.info(errorMsg || '发布失败请重试', 3000);
|
||||
}
|
||||
console.error(e);
|
||||
}
|
||||
|
||||
@ -27,6 +27,7 @@ export enum RESPONSE_ERROR_CODE {
|
||||
INSUFFICIENT_FREE_BALANCE = 'INSUFFICIENT_FREE_BALANCE', // 免费查看次数(未购买会员)超限
|
||||
BOSS_VIP_EXPIRED = 'BOSS_VIP_EXPIRED', // 会员过期
|
||||
CHAT_MSG_SEND_NOT_ALLOW = 'CHAT_MSG_SEND_NOT_ALLOW',
|
||||
JOB_EXIST_ONE_PUBLISHED = 'JOB_EXIST_ONE_PUBLISHED',
|
||||
}
|
||||
|
||||
export const RESPONSE_ERROR_INFO: { [key in RESPONSE_ERROR_CODE]?: string } = {
|
||||
|
||||
@ -24,28 +24,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__empty-tips {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding-top: 218px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
&__icon {
|
||||
width: 386px;
|
||||
height: 278px;
|
||||
}
|
||||
|
||||
&__describe {
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
color: @blColor;
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
width: 100%;
|
||||
@ -57,4 +35,4 @@
|
||||
margin: 0 24px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,9 +1,8 @@
|
||||
import { Button, Image } from '@tarojs/components';
|
||||
import { Button } from '@tarojs/components';
|
||||
import { NodesRef } from '@tarojs/taro';
|
||||
|
||||
import { Tabs } from '@taroify/core';
|
||||
import classNames from 'classnames';
|
||||
import { useCallback, useEffect, useState } from 'react';
|
||||
import { useCallback, useState } from 'react';
|
||||
|
||||
import JobManageList, { IJobManageListProps } from '@/components/job-manage-list';
|
||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||
@ -57,35 +56,8 @@ const tab2Status = (tabType: JobManageType) => {
|
||||
}
|
||||
};
|
||||
|
||||
const EmptyTips = (props: { className?: string; height?: number }) => {
|
||||
const { className, height } = props;
|
||||
return (
|
||||
<div className={classNames(`${PREFIX}__empty-tips`, className)} style={height ? { height } : undefined}>
|
||||
<Image className={`${PREFIX}__empty-tips__icon`} src={require('@/statics/svg/empty-box.svg')} mode="aspectFit" />
|
||||
<div className={`${PREFIX}__empty-tips__describe`}>当前还没有通告</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
function ListWrapper(props: IJobManageListProps) {
|
||||
const { className, listHeight, visible } = props;
|
||||
const [isEmpty, setIsEmpty] = useState(false);
|
||||
|
||||
const handleListEmpty = useCallback(() => {
|
||||
setIsEmpty(true);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (visible) {
|
||||
setIsEmpty(false);
|
||||
}
|
||||
}, [visible]);
|
||||
|
||||
if (isEmpty) {
|
||||
return <EmptyTips className={className} height={listHeight} />;
|
||||
}
|
||||
|
||||
return <JobManageList {...props} onListEmpty={handleListEmpty} />;
|
||||
return <JobManageList {...props} />;
|
||||
}
|
||||
|
||||
export default function CertificationManage() {
|
||||
|
||||
@ -2,7 +2,7 @@ import { BaseEventOrig, Button, ButtonProps, Image, InputProps } from '@tarojs/c
|
||||
import Taro, { UploadTask } from '@tarojs/taro';
|
||||
|
||||
import { Dialog } from '@taroify/core';
|
||||
import { useCallback, useEffect, useState } from 'react';
|
||||
import { useCallback, useEffect, useState } from 'react';
|
||||
|
||||
import BlFormInput from '@/components/bl-form-input';
|
||||
import BlFormItem from '@/components/bl-form-item';
|
||||
@ -30,7 +30,7 @@ import { dispatchUpdateUser, requestUserInfo } from '@/utils/user';
|
||||
import { uploadVideo } from '@/utils/video';
|
||||
|
||||
import './index.less';
|
||||
|
||||
import { RESPONSE_ERROR_CODE } from '@/http/constant';
|
||||
|
||||
const PREFIX = 'page-certification';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
@ -158,8 +158,13 @@ export default function Certification() {
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
redirectTo(PageUrl.CertificationManage);
|
||||
} catch (e) {
|
||||
console.error('submit error', e);
|
||||
Toast.error('通告发布失败');
|
||||
console.error('submit error', e.errorCode, e.errorMsg);
|
||||
console.dir(e);
|
||||
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||
} else {
|
||||
Toast.error('通告发布失败');
|
||||
}
|
||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||
redirectTo(PageUrl.CertificationManage);
|
||||
} finally {
|
||||
|
||||
@ -5,14 +5,12 @@ import { Fragment, useCallback, useState } from 'react';
|
||||
|
||||
import SafeBottomPadding from '@/components/safe-bottom-padding';
|
||||
import { PageUrl } from '@/constants/app';
|
||||
import { logWithPrefix } from '@/utils/common';
|
||||
import { claimMembershipCoupon, getCouponCodeFromQuery } from '@/utils/coupon';
|
||||
import { getPageQuery, switchTab } from '@/utils/route';
|
||||
import { formatTime } from '@/utils/time';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'give-vip';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
|
||||
enum State {
|
||||
PENDING,
|
||||
|
||||
3
src/pages/group-detail/index.config.ts
Normal file
3
src/pages/group-detail/index.config.ts
Normal file
@ -0,0 +1,3 @@
|
||||
export default definePageConfig({
|
||||
navigationBarTitleText: '邀请运营',
|
||||
});
|
||||
70
src/pages/group-detail/index.less
Normal file
70
src/pages/group-detail/index.less
Normal file
@ -0,0 +1,70 @@
|
||||
@import '@/styles/variables.less';
|
||||
@import '@/styles/common.less';
|
||||
|
||||
.group-detail {
|
||||
padding: 24px;
|
||||
&__card {
|
||||
padding: 32px;
|
||||
background: #fff;
|
||||
border-radius: 24px;
|
||||
.flex-column();
|
||||
}
|
||||
&__city-name {
|
||||
background: #f7f7f7;
|
||||
border-radius: 16px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
color: #6d3df5;
|
||||
font-size: 32px;
|
||||
width: 100%;
|
||||
margin-bottom: 48px;
|
||||
text-align: center;
|
||||
}
|
||||
&__lined-wrapper {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&__lined-title {
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -72px;
|
||||
width: 56px;
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: -72px;
|
||||
width: 56px;
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
top: 50%;
|
||||
}
|
||||
}
|
||||
&__text {
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
color: #333333;
|
||||
margin-bottom: 24px;
|
||||
|
||||
}
|
||||
&__qrcode {
|
||||
width: 280px;
|
||||
height: 280px;
|
||||
background: #6f7686;
|
||||
display: block;
|
||||
margin: auto auto 24px;
|
||||
}
|
||||
}
|
||||
49
src/pages/group-detail/index.tsx
Normal file
49
src/pages/group-detail/index.tsx
Normal file
@ -0,0 +1,49 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
import { useLoad } from '@tarojs/taro';
|
||||
|
||||
import { Fragment, useMemo, useState } from 'react';
|
||||
|
||||
import useCityOperators from '@/hooks/use-city-operators';
|
||||
import { getPageQuery } from '@/utils/route';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'group-detail';
|
||||
|
||||
export default function GroupDetail() {
|
||||
const cityOperators = useCityOperators();
|
||||
const [cityCode, setCityCode] = useState('');
|
||||
|
||||
useLoad(() => {
|
||||
const query = getPageQuery<{ cityCode: string }>();
|
||||
setCityCode(String(query.cityCode));
|
||||
});
|
||||
|
||||
const operator = useMemo(() => {
|
||||
if (cityOperators.length && cityCode) {
|
||||
return cityOperators.find(it => String(it.cityCode) === cityCode);
|
||||
}
|
||||
return undefined;
|
||||
}, [cityCode, cityOperators]);
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<div className={`${PREFIX}__card`}>
|
||||
<div className={`${PREFIX}__lined-wrapper`}>
|
||||
<div className={`${PREFIX}__lined-title`}>当前所选城市</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__city-name`}>{operator?.cityName}</div>
|
||||
{operator && operator.groupQrCode ? (
|
||||
<Fragment>
|
||||
<div className={`${PREFIX}__text`}>长按并识别二维码,邀你进主播通告群</div>
|
||||
<Image
|
||||
className={`${PREFIX}__qrcode`}
|
||||
src={operator?.contactQrCode}
|
||||
showMenuByLongpress
|
||||
mode="aspectFill"
|
||||
/>
|
||||
</Fragment>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -8,10 +8,9 @@ import { PageType, PageUrl, RoleType } from '@/constants/app';
|
||||
import useCityOperators from '@/hooks/use-city-operators';
|
||||
import useInviteCode from '@/hooks/use-invite-code';
|
||||
import { switchRoleType } from '@/utils/app';
|
||||
import { openCustomerServiceChat } from '@/utils/common';
|
||||
import { getCurrentCityCode } from '@/utils/location';
|
||||
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
||||
import { getPageQuery } from '@/utils/route';
|
||||
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getCommonShareMessage } from '@/utils/share';
|
||||
import { checkCityCode } from '@/utils/user';
|
||||
import './index.less';
|
||||
@ -38,10 +37,11 @@ export default function GroupV2() {
|
||||
if (!checkCityCode(cityCode)) {
|
||||
return;
|
||||
}
|
||||
const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
||||
if (group) {
|
||||
openCustomerServiceChat(group.groupLink);
|
||||
}
|
||||
navigateTo(PageUrl.GroupDetail, { cityCode });
|
||||
// const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
||||
// if (group) {
|
||||
// openCustomerServiceChat(group.groupLink);
|
||||
// }
|
||||
},
|
||||
[cityOperators]
|
||||
);
|
||||
|
||||
3
src/pages/invite-operations/index.config.ts
Normal file
3
src/pages/invite-operations/index.config.ts
Normal file
@ -0,0 +1,3 @@
|
||||
export default definePageConfig({
|
||||
navigationBarTitleText: '邀请运营',
|
||||
});
|
||||
156
src/pages/invite-operations/index.less
Normal file
156
src/pages/invite-operations/index.less
Normal file
@ -0,0 +1,156 @@
|
||||
@import '@/styles/variables.less';
|
||||
@import '@/styles/common.less';
|
||||
|
||||
.invite-operations {
|
||||
&__main {
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__block {
|
||||
margin-bottom: 12px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__card {
|
||||
background: #fff;
|
||||
border-radius: 24px;
|
||||
padding: 32px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__edging {
|
||||
position: absolute;
|
||||
font-weight: 400;
|
||||
font-size: 26px;
|
||||
line-height: 28px;
|
||||
color: #946724;
|
||||
padding: 18px 24px;
|
||||
background: #FFF4F0;
|
||||
border-radius:0 0 24px 24px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&__lined-wrapper {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
&__lined-title {
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -68px;
|
||||
width: 56px;
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: -68px;
|
||||
width: 56px;
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
top: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&__h1 {
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
line-height: 40px;
|
||||
color: #1d2129;
|
||||
margin-bottom: 16px;
|
||||
margin-top: 32px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: @blHighlightColor;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
&__body {
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
color: @blColor;
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin-bottom: 24px;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
color: #1d2129;
|
||||
|
||||
&:before {
|
||||
left: -138px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: -138px;
|
||||
width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
&__copy {
|
||||
.button(@height: 72px; @width: 384px; @fontSize: 28px; @fontWeight: 400; @borderRadius: 44px; @highlight: 0);
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
&__city-select {
|
||||
background: #F7F7F7;
|
||||
border-radius: 16px;
|
||||
padding: 34px 32px;
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
margin-top: 24px;
|
||||
line-height: 32px;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&__qrcode {
|
||||
width: 280px;
|
||||
height: 280px;
|
||||
background: #6F7686;
|
||||
display: block;
|
||||
margin: auto auto 24px;
|
||||
}
|
||||
|
||||
&__action-block {
|
||||
background: #F7F7F7;
|
||||
border-radius: 16px;
|
||||
padding: 32px 0;
|
||||
.flex-column();
|
||||
text-align: center;
|
||||
color: @blHighlightColor;
|
||||
font-size: 28px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
139
src/pages/invite-operations/index.tsx
Normal file
139
src/pages/invite-operations/index.tsx
Normal file
@ -0,0 +1,139 @@
|
||||
import { Button, Image } from '@tarojs/components';
|
||||
import Taro, { useLoad } from '@tarojs/taro';
|
||||
|
||||
import { Arrow } from '@taroify/icons';
|
||||
import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
||||
|
||||
import { EventName, OpenSource, PageUrl } from '@/constants/app';
|
||||
import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
|
||||
import useLocation from '@/hooks/use-location';
|
||||
import useUserInfo from '@/hooks/use-user-info';
|
||||
import { StaffInfo } from '@/types/partner';
|
||||
import { copy } from '@/utils/common';
|
||||
import { getStaffInfo } from '@/utils/partner';
|
||||
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'invite-operations';
|
||||
|
||||
export default function InviteOperations() {
|
||||
const location = useLocation();
|
||||
const userInfo = useUserInfo();
|
||||
const [cityCode, setCityCode] = useState<string>();
|
||||
const [staffInfo, setStaffInfo] = useState<StaffInfo | null>(null);
|
||||
const [isCompany, setIsCompany] = useState<boolean | null>(null);
|
||||
|
||||
const copyText = useMemo(() => {
|
||||
return isCompany
|
||||
? `我的播络ID是:${userInfo.userId},邀你进主播群【企业】`
|
||||
: `我的播络ID是:${userInfo.userId},邀你进群`;
|
||||
}, [userInfo.userId, isCompany]);
|
||||
|
||||
const handleClickCityMenu = useCallback(() => {
|
||||
navigateTo(PageUrl.CitySearch, { city: cityCode || location.cityCode, source: OpenSource.InviteOperations });
|
||||
}, [cityCode, location.cityCode]);
|
||||
|
||||
const handleCityChange = useCallback(data => {
|
||||
console.log('handleCityChange', data);
|
||||
const { openSource, cityCode: cCode } = data;
|
||||
if (openSource !== OpenSource.InviteOperations) {
|
||||
return;
|
||||
}
|
||||
setCityCode(cCode);
|
||||
}, []);
|
||||
|
||||
const handleCopy = useCallback(() => {
|
||||
copy(copyText);
|
||||
}, [copyText]);
|
||||
|
||||
useEffect(() => {
|
||||
Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
|
||||
return () => {
|
||||
Taro.eventCenter.off(EventName.SELECT_CITY, handleCityChange);
|
||||
};
|
||||
}, [handleCityChange]);
|
||||
|
||||
const useCopyRef = useRef(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (!userInfo.userId) return;
|
||||
if (isCompany === null) return;
|
||||
if (useCopyRef.current) return;
|
||||
handleCopy();
|
||||
useCopyRef.current = true;
|
||||
}, [handleCopy, isCompany, userInfo.userId]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!cityCode) return;
|
||||
|
||||
getStaffInfo(cityCode)
|
||||
.then(data => {
|
||||
setStaffInfo(data);
|
||||
})
|
||||
.catch(() => {
|
||||
setStaffInfo(null);
|
||||
});
|
||||
}, [cityCode]);
|
||||
|
||||
useLoad(async () => {
|
||||
const query = getPageQuery<{ company: number }>();
|
||||
setIsCompany(typeof query.company !== 'undefined');
|
||||
});
|
||||
|
||||
return (
|
||||
<div className={PREFIX}>
|
||||
<div className={`${PREFIX}__main`}>
|
||||
<div className={`${PREFIX}__block`}>
|
||||
<div className={`${PREFIX}__lined-wrapper`}>
|
||||
<div className={`${PREFIX}__lined-title ${PREFIX}__title`}>活动说明</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__card`}>
|
||||
<div className={`${PREFIX}__h1 center`}>邀请播络运营进带货主播群</div>
|
||||
<div className={`${PREFIX}__h1 center`} style={{ paddingBottom: `48rpx` }}>
|
||||
{isCompany ? '每邀请进10个群送一个企业月会员' : '每邀请进一个群送一个日会员'}
|
||||
</div>
|
||||
<div className={`${PREFIX}__edging`}>注:只能邀请带货主播群,请勿邀请其他群</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__block`}>
|
||||
<div className={`${PREFIX}__lined-wrapper`}>
|
||||
<div className={`${PREFIX}__lined-title ${PREFIX}__title`}>邀请方法</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__card`}>
|
||||
<div className={`${PREFIX}__body`}>
|
||||
<div className={`${PREFIX}__h1`}>
|
||||
加运营为好友并将以下信息 <div className="highlight">粘贴发送给运营</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__action-block`}>
|
||||
<div>{copyText}</div>
|
||||
<Button className={`${PREFIX}__copy`} onClick={handleCopy}>
|
||||
复制
|
||||
</Button>
|
||||
</div>
|
||||
<div className={`${PREFIX}__lined-wrapper`}>
|
||||
<div className={`${PREFIX}__lined-title`}>选择城市,添加运营</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__city-select`} onClick={handleClickCityMenu}>
|
||||
{cityCode ? CITY_CODE_TO_NAME_MAP.get(cityCode) : '请选择城市'}
|
||||
<Arrow size={16} />
|
||||
</div>
|
||||
{staffInfo && (
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -9,7 +9,6 @@ import CommonDialog from '@/components/common-dialog';
|
||||
import DevDiv from '@/components/dev-div';
|
||||
import JobRecommendList from '@/components/job-recommend-list';
|
||||
import { JoinGroupHint } from '@/components/join-group-hint';
|
||||
import LoginButton from '@/components/login-button';
|
||||
import PageLoading from '@/components/page-loading';
|
||||
import { PrejobPopup } from '@/components/prejob-popup';
|
||||
import ProductJobContactDialog from '@/components/product-dialog/job-contact';
|
||||
@ -41,7 +40,6 @@ import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getCommonShareMessage } from '@/utils/share';
|
||||
import { formatDate } from '@/utils/time';
|
||||
import Toast from '@/utils/toast';
|
||||
import { isNeedPhone } from '@/utils/user';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'job-detail';
|
||||
@ -74,8 +72,6 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
const [showMaterialGuide, setShowMaterialGuide] = useState(false);
|
||||
const [productInfo, setProductInfo] = useState<undefined | ProductInfo>();
|
||||
const [productRecord, setProductRecord] = useState<undefined | GetProductIsUnlockResponse>();
|
||||
const userInfo = useUserInfo();
|
||||
const needPhone = isNeedPhone(userInfo);
|
||||
|
||||
const getProductRecord = useCallback(async () => {
|
||||
const result = await requestProductUseRecord(ProductType.VIP, { jobId: data.id });
|
||||
@ -211,21 +207,14 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
<Button className={`${PREFIX}__share-button`} openType="share">
|
||||
分享
|
||||
</Button>
|
||||
<LoginButton
|
||||
needRefresh
|
||||
onRefresh={handleRefresh}
|
||||
className={`${PREFIX}__contact-publisher`}
|
||||
onClick={handleClickContact}
|
||||
>
|
||||
<Button className={`${PREFIX}__contact-publisher`} onClick={handleClickContact}>
|
||||
{data.isAuthed ? '在线沟通' : '查看联系方式'}
|
||||
{needPhone ? (
|
||||
<div className={`${PREFIX}__contact-publisher-tag`}>登录后可免费报单</div>
|
||||
) : !productRecord && (data.isAuthed || productInfo?.content) ? (
|
||||
{!productRecord && (data.isAuthed || productInfo?.content) ? (
|
||||
<div className={`${PREFIX}__contact-publisher-tag`}>
|
||||
{data.isAuthed ? '急招岗位可免费查看' : productInfo?.content}
|
||||
</div>
|
||||
) : null}
|
||||
</LoginButton>
|
||||
</Button>
|
||||
</div>
|
||||
<div>
|
||||
{showJobContactDialog && (
|
||||
@ -242,6 +231,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {
|
||||
isCreateResume={productInfo?.isCreateResume}
|
||||
onCancel={() => setShowMaterialGuide(false)}
|
||||
onConfirm={handleConfirmPrejob}
|
||||
onRefresh={handleRefresh}
|
||||
/>
|
||||
)}
|
||||
<CommonDialog
|
||||
|
||||
@ -41,6 +41,7 @@ import { getPageQuery, navigateBack, navigateTo } from '@/utils/route';
|
||||
import Toast from '@/utils/toast';
|
||||
|
||||
import './index.less';
|
||||
import { RESPONSE_ERROR_CODE } from '@/http/constant';
|
||||
|
||||
const PREFIX = 'page-job-publish';
|
||||
const log = logWithPrefix(PREFIX);
|
||||
@ -145,6 +146,7 @@ export default function JobPublish() {
|
||||
}, []);
|
||||
|
||||
const refreshJobPublishList = useCallback(() => {
|
||||
console.log('哈哈哈哈触发 refresh job publish list');
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
setTimeout(() => {
|
||||
Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
|
||||
@ -213,13 +215,13 @@ export default function JobPublish() {
|
||||
createdJobIdRef.current = jobId;
|
||||
refreshJobPublishList();
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// 去认证
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
Taro.hideLoading();
|
||||
return;
|
||||
}
|
||||
// if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// // 去认证
|
||||
// store.dispatch(cacheJobId(jobId));
|
||||
// navigateTo(PageUrl.CertificationStart);
|
||||
// Taro.hideLoading();
|
||||
// return;
|
||||
// }
|
||||
|
||||
const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
|
||||
if (time <= 0) {
|
||||
@ -237,29 +239,48 @@ export default function JobPublish() {
|
||||
navigateBack();
|
||||
} catch (e) {
|
||||
createdJobIdRef.current = '';
|
||||
console.error('submit error', e);
|
||||
Toast.error('审核失败请重试');
|
||||
console.error('submit error', e.errorCode, e.errorMsg);
|
||||
console.dir(e);
|
||||
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||
} else {
|
||||
Toast.error('审核失败请重试');
|
||||
}
|
||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||
} finally {
|
||||
Taro.hideLoading();
|
||||
}
|
||||
}, [getCreateJobInfo, isUpdate, job, userInfo.bossAuthStatus, refreshJobPublishList]);
|
||||
}, [getCreateJobInfo, isUpdate, job, refreshJobPublishList]);
|
||||
|
||||
const handleNext = useCallback(async () => {
|
||||
Taro.showLoading();
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// 去认证
|
||||
store.dispatch(cacheJobId(createdJobIdRef.current));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
Taro.hideLoading();
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await postPublishJob(createdJobIdRef.current);
|
||||
refreshJobPublishList();
|
||||
await Toast.success('发布成功', 1500, true);
|
||||
navigateBack();
|
||||
} catch (e) {
|
||||
console.error('submit error', e);
|
||||
Toast.error('审核失败请重试');
|
||||
console.error('submit error', e.errorCode, e.errorMsg);
|
||||
console.dir(e);
|
||||
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||
} else {
|
||||
Toast.error('审核失败请重试');
|
||||
}
|
||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||
} finally {
|
||||
Taro.hideLoading();
|
||||
}
|
||||
}, [refreshJobPublishList]);
|
||||
}, [refreshJobPublishList, userInfo.bossAuthStatus]);
|
||||
|
||||
const handleClosePublishJob = useCallback(() => {
|
||||
setShowBuy(false);
|
||||
|
||||
@ -19,7 +19,7 @@ import { logWithPrefix } from '@/utils/common';
|
||||
import { getWxLocation, isNotNeedAuthorizeLocation, requestLocation } from '@/utils/location';
|
||||
import { requestUnreadMessageCount } from '@/utils/message';
|
||||
import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
||||
import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getCommonShareMessage } from '@/utils/share';
|
||||
import Toast from '@/utils/toast';
|
||||
import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
|
||||
@ -138,13 +138,11 @@ export default function Job() {
|
||||
});
|
||||
|
||||
useShareAppMessage(() => {
|
||||
if (sortType === SortType.CREATE_TIME) {
|
||||
return {
|
||||
title: '这里有今日全城新增通告,快来看看',
|
||||
path: getJumpUrl(PageUrl.Job, { sortType, c: inviteCode }),
|
||||
};
|
||||
}
|
||||
return getCommonShareMessage({ inviteCode, path: PageUrl.Job });
|
||||
return getCommonShareMessage({
|
||||
inviteCode,
|
||||
path: PageUrl.Job,
|
||||
params: sortType === SortType.CREATE_TIME ? { sortType } : {},
|
||||
});
|
||||
});
|
||||
|
||||
return (
|
||||
|
||||
@ -21,7 +21,24 @@
|
||||
}
|
||||
|
||||
&__video-list {
|
||||
margin-top: 16px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
&__hint {
|
||||
line-height: 64px;
|
||||
height: 64px;
|
||||
background: #fff4f0;
|
||||
border-radius: 24px 24px 0px 0px;
|
||||
padding: 0 24px;
|
||||
font-weight: 400;
|
||||
font-size: 26px;
|
||||
color: #946724;
|
||||
|
||||
+ .material-video-card {
|
||||
margin-top: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
@ -29,11 +46,11 @@
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -181,6 +181,7 @@ export default function MaterialUploadVideo() {
|
||||
<div className={`${PREFIX}__header-tips`}>录屏是企业最关注的资料,建议提供多个风格和品类</div>
|
||||
</div>
|
||||
<div className={`${PREFIX}__video-list`}>
|
||||
<div className={`${PREFIX}__hint`}>注:请勿乱传,也不要上传简历,会被封号</div>
|
||||
{videoList.map(video => (
|
||||
<MaterialVideoCard
|
||||
key={video.coverUrl}
|
||||
|
||||
@ -97,11 +97,11 @@ export default function MaterialViewPage() {
|
||||
}
|
||||
const jobDetail = await requestJobDetail(jobId);
|
||||
if (jobDetail.status !== JobManageStatus.Open) {
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
// if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
// store.dispatch(cacheJobId(jobId));
|
||||
// navigateTo(PageUrl.CertificationStart);
|
||||
// return;
|
||||
// }
|
||||
|
||||
setShowBuy(true);
|
||||
return;
|
||||
@ -137,14 +137,27 @@ export default function MaterialViewPage() {
|
||||
}, [profile, jobId]);
|
||||
const handleNext = useCallback(async () => {
|
||||
setShowBuy(false);
|
||||
|
||||
if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
|
||||
store.dispatch(cacheJobId(jobId!));
|
||||
navigateTo(PageUrl.CertificationStart);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await postPublishJob(jobId!);
|
||||
await handleClickContact();
|
||||
} catch (e) {
|
||||
Toast.error('通告发布失败');
|
||||
console.error('submit error', e.errorCode, e.errorMsg);
|
||||
console.dir(e);
|
||||
if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
|
||||
Toast.info(e.errorMsg || e.errorCode, 3000);
|
||||
} else {
|
||||
Toast.error('通告发布失败');
|
||||
}
|
||||
collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
|
||||
}
|
||||
}, [handleClickContact, jobId]);
|
||||
}, [handleClickContact, jobId, userInfo.bossAuthStatus]);
|
||||
const handleClickNoViewTimes = useCallback(() => {
|
||||
setNoTimeDialogVisible(false);
|
||||
navigateBack();
|
||||
|
||||
@ -24,7 +24,7 @@ const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comme
|
||||
export default function BizService() {
|
||||
const inviteCode = useInviteCode();
|
||||
const cityOperators = useCityOperators();
|
||||
const [value, setValue] = useState('0');
|
||||
const [value, setValue] = useState('1');
|
||||
|
||||
const handleClickDelegate = useCallback(() => {
|
||||
navigateTo(PageUrl.GroupDelegatePublish);
|
||||
@ -43,10 +43,11 @@ export default function BizService() {
|
||||
if (!checkCityCode(cityCode)) {
|
||||
return;
|
||||
}
|
||||
const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
||||
if (group) {
|
||||
openCustomerServiceChat(group.groupLink);
|
||||
}
|
||||
// const group = cityOperators.find(g => String(g.cityCode) === cityCode);
|
||||
// if (group) {
|
||||
// openCustomerServiceChat(group.groupLink);
|
||||
// }
|
||||
navigateTo(PageUrl.GroupDetail, { cityCode });
|
||||
},
|
||||
[cityOperators]
|
||||
);
|
||||
@ -80,31 +81,31 @@ export default function BizService() {
|
||||
<HomePage type={PageType.BatchPublish}>
|
||||
<div className={PREFIX}>
|
||||
<Tabs className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
|
||||
<Tabs.TabPane value="0" title="代招">
|
||||
<div className={`${PREFIX}__recruitment`}>
|
||||
<div className={`${PREFIX}__recruitment-card`}>
|
||||
<div className={`${PREFIX}__recruitment-h5`}>服务城市</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>江、沪、皖-上海、南京、合肥</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>粤、闽-广州、深圳、佛山、厦门、福州、泉州</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>京、鲁-北京、青岛</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>鄂、豫、湘、陕-长沙、武汉、郑州、西安</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>川、渝、云-成都、重庆、昆明</div>
|
||||
<div className={`${PREFIX}__recruitment-h5`}>服务方式及收费标准</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>服务方式:提供录屏和基本资料供挑选,挑中安排面试</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>收费标准:安排一场面试200元</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>收费方式:预付费,按安排面试场数扣费</div>
|
||||
<div className={`${PREFIX}__recruitment-h5`}>服务能力</div>
|
||||
<div className={`${PREFIX}__recruitment-body`}>
|
||||
我们在每个城市均有数量众多的主播群,少则几十个,多则上千个,有各种类型和层次的带货主播资源
|
||||
</div>
|
||||
<div className={`${PREFIX}__recruitment-btn-group`}>
|
||||
<Button className={`${PREFIX}__recruitment-btn`} onClick={handleOpenService}>
|
||||
点此咨询
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Tabs.TabPane>
|
||||
{/*<Tabs.TabPane value="0" title="代招">*/}
|
||||
{/* <div className={`${PREFIX}__recruitment`}>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-card`}>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-h5`}>服务城市</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>江、沪、皖-上海、南京、合肥</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>粤、闽-广州、深圳、佛山、厦门、福州、泉州</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>京、鲁-北京、青岛</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>鄂、豫、湘、陕-长沙、武汉、郑州、西安</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>川、渝、云-成都、重庆、昆明</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-h5`}>服务方式及收费标准</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>服务方式:提供录屏和基本资料供挑选,挑中安排面试</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>收费标准:安排一场面试200元</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>收费方式:预付费,按安排面试场数扣费</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-h5`}>服务能力</div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-body`}>*/}
|
||||
{/* 我们在每个城市均有数量众多的主播群,少则几十个,多则上千个,有各种类型和层次的带货主播资源*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={`${PREFIX}__recruitment-btn-group`}>*/}
|
||||
{/* <Button className={`${PREFIX}__recruitment-btn`} onClick={handleOpenService}>*/}
|
||||
{/* 点此咨询*/}
|
||||
{/* </Button>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/*</Tabs.TabPane>*/}
|
||||
<Tabs.TabPane
|
||||
value="1"
|
||||
title={
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
import { ProductSpecId } from '@/constants/product';
|
||||
|
||||
export interface Coordinate {
|
||||
latitude: number; // 纬度,浮点数,范围为-90~90,负数表示南纬
|
||||
longitude: number; // 经度,范围为-180~180,负数表示西经
|
||||
@ -30,6 +32,11 @@ export interface CityConfigListItem {
|
||||
groupLink: string;
|
||||
created: string;
|
||||
updated: string;
|
||||
price: number | null;
|
||||
payPrice: number | null;
|
||||
showPrice: number | null;
|
||||
sendCount: number | null;
|
||||
groupQrCode?: string;
|
||||
contactQrCode?: string;
|
||||
originalPrice?: number;
|
||||
productSpecId?: ProductSpecId;
|
||||
}
|
||||
|
||||
@ -114,6 +114,7 @@ export interface GetOrderInfoRequest {
|
||||
}
|
||||
|
||||
export interface ProductSpecResult {
|
||||
id: string;
|
||||
productId: string;
|
||||
productSpecId: ProductSpecId;
|
||||
productType: ProductType;
|
||||
|
||||
Reference in New Issue
Block a user