feat:
This commit is contained in:
chashaobao
@ -3,6 +3,7 @@ import Taro, { useDidShow, useLoad, useShareAppMessage } from '@tarojs/taro';
|
||||
import { Tabs } from '@taroify/core';
|
||||
import { useCallback, useEffect, useRef, useState } from 'react';
|
||||
|
||||
import { AgreementPopup } from '@/components/agreement-popup';
|
||||
import HomePage from '@/components/home-page';
|
||||
import { LoginGuide } from '@/components/login-guide';
|
||||
import MaterialGuide from '@/components/material-guide';
|
||||
@ -21,8 +22,7 @@ import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
|
||||
import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
|
||||
import { getCommonShareMessage } from '@/utils/share';
|
||||
import Toast from '@/utils/toast';
|
||||
import { isNeedCreateMaterial } from '@/utils/user';
|
||||
|
||||
import { getAgreementSigned, isNeedCreateMaterial, setAgreementSigned } from '@/utils/user';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'job';
|
||||
@ -42,6 +42,7 @@ export default function Job() {
|
||||
const [showMaterialGuide, setShowMaterialGuide] = useState(false);
|
||||
const [showAuthorize, setShowAuthorize] = useState(false);
|
||||
const cityValuesChangedRef = useRef(false);
|
||||
const [openAgreementPopup, setAgreementPopupOpen] = useState(typeof getAgreementSigned() !== 'boolean');
|
||||
|
||||
const handleTypeChange = useCallback(value => setTabType(value), []);
|
||||
|
||||
@ -81,7 +82,15 @@ export default function Job() {
|
||||
setShowMaterialGuide(true);
|
||||
}
|
||||
}, []);
|
||||
const handleCancelAgreementPopup = () => {
|
||||
setAgreementPopupOpen(false);
|
||||
setAgreementSigned(false);
|
||||
};
|
||||
|
||||
const handleConfirmAgreementPopup = () => {
|
||||
setAgreementPopupOpen(false);
|
||||
setAgreementSigned(true);
|
||||
};
|
||||
useEffect(() => {
|
||||
Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
|
||||
return () => {
|
||||
@ -151,6 +160,11 @@ export default function Job() {
|
||||
<div>
|
||||
<LoginGuide disabled={showAuthorize} onAfterBind={handleAfterBindPhone} />
|
||||
{showMaterialGuide && <MaterialGuide onClose={() => setShowMaterialGuide(false)} />}
|
||||
<AgreementPopup
|
||||
open={openAgreementPopup}
|
||||
onCancel={handleCancelAgreementPopup}
|
||||
onConfirm={handleConfirmAgreementPopup}
|
||||
/>
|
||||
</div>
|
||||
</HomePage>
|
||||
);
|
||||
|
||||
@ -1,88 +1,94 @@
|
||||
import { Image } from '@tarojs/components';
|
||||
import { useLoad } from '@tarojs/taro';
|
||||
|
||||
import { useState } from 'react';
|
||||
|
||||
import { AgreementPopup } from '@/components/agreement-popup';
|
||||
import Slogan from '@/components/slogan';
|
||||
import { PageUrl, RoleType } from '@/constants/app';
|
||||
import { ANCHOR_TAB_LIST, COMPANY_TAB_LIST } from '@/hooks/use-config';
|
||||
import store from '@/store';
|
||||
import { changeHomePage } from '@/store/actions';
|
||||
// import { useEffect, useState } from 'react';
|
||||
// import { AgreementPopup } from '@/components/agreement-popup';
|
||||
// import Slogan from '@/components/slogan';
|
||||
// import { PageUrl, RoleType } from '@/constants/app';
|
||||
// import { ANCHOR_TAB_LIST, COMPANY_TAB_LIST } from '@/hooks/use-config';
|
||||
// import store from '@/store';
|
||||
// import { changeHomePage } from '@/store/actions';
|
||||
import { RoleType } from '@/constants/app';
|
||||
import { getRoleType, switchDefaultTab, switchRoleType } from '@/utils/app';
|
||||
import { switchTab } from '@/utils/route';
|
||||
import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
|
||||
// import { switchTab } from '@/utils/route';
|
||||
// import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
|
||||
import './index.less';
|
||||
|
||||
const PREFIX = 'page-start';
|
||||
|
||||
export default function Start() {
|
||||
const [open, setOpen] = useState(typeof getAgreementSigned() !== 'boolean');
|
||||
// const [open, setOpen] = useState(typeof getAgreementSigned() !== 'boolean');
|
||||
const mode = getRoleType();
|
||||
useLoad(() => {
|
||||
switchDefaultTab();
|
||||
if (!mode) {
|
||||
switchRoleType(RoleType.Anchor).then(() => {
|
||||
switchDefaultTab();
|
||||
});
|
||||
} else {
|
||||
switchDefaultTab();
|
||||
}
|
||||
});
|
||||
const handleAnchor = async () => {
|
||||
await switchRoleType(RoleType.Anchor);
|
||||
store.dispatch(changeHomePage(ANCHOR_TAB_LIST[0].type));
|
||||
await switchTab(ANCHOR_TAB_LIST[0].pagePath as PageUrl);
|
||||
};
|
||||
// const handleAnchor = async () => {
|
||||
// await switchRoleType(RoleType.Anchor);
|
||||
// store.dispatch(changeHomePage(ANCHOR_TAB_LIST[0].type));
|
||||
// await switchTab(ANCHOR_TAB_LIST[0].pagePath as PageUrl);
|
||||
// };
|
||||
|
||||
const handleCompany = async () => {
|
||||
await switchRoleType(RoleType.Company);
|
||||
store.dispatch(changeHomePage(COMPANY_TAB_LIST[0].type));
|
||||
await switchTab(COMPANY_TAB_LIST[0].pagePath as PageUrl);
|
||||
};
|
||||
// const handleCompany = async () => {
|
||||
// await switchRoleType(RoleType.Company);
|
||||
// store.dispatch(changeHomePage(COMPANY_TAB_LIST[0].type));
|
||||
// await switchTab(COMPANY_TAB_LIST[0].pagePath as PageUrl);
|
||||
// };
|
||||
|
||||
const handleCancel = () => {
|
||||
setOpen(false);
|
||||
setAgreementSigned(false);
|
||||
};
|
||||
|
||||
const handleConfirm = () => {
|
||||
setOpen(false);
|
||||
setAgreementSigned(true);
|
||||
};
|
||||
// const handleCancel = () => {
|
||||
// setOpen(false);
|
||||
// setAgreementSigned(false);
|
||||
// };
|
||||
//
|
||||
// const handleConfirm = () => {
|
||||
// setOpen(false);
|
||||
// setAgreementSigned(true);
|
||||
// };
|
||||
return (
|
||||
<div className={`${PREFIX} ${mode ? '' : 'color-bg'}`}>
|
||||
{mode && (
|
||||
<div className={`${PREFIX}__app`}>
|
||||
<Image className={`${PREFIX}__icon`} mode="aspectFit" src={require('@/statics/svg/slogan.svg')} />
|
||||
<div className={`${PREFIX}__text`}>每天推荐海量高薪通告 </div>
|
||||
</div>
|
||||
)}
|
||||
<div className={`${PREFIX}`}>
|
||||
{/*{mode && (*/}
|
||||
<div className={`${PREFIX}__app`}>
|
||||
<Image className={`${PREFIX}__icon`} mode="aspectFit" src={require('@/statics/svg/slogan.svg')} />
|
||||
<div className={`${PREFIX}__text`}>每天推荐海量高薪通告 </div>
|
||||
</div>
|
||||
{/*)}*/}
|
||||
{!mode && (
|
||||
<>
|
||||
<div className={`${PREFIX}__role-app`}>
|
||||
<div className={`${PREFIX}__greet`}>Hi，很高兴见到你</div>
|
||||
<div className={`${PREFIX}__title`}>请选择您的身份</div>
|
||||
<div className={`${PREFIX}__card`} onClick={handleAnchor}>
|
||||
<Image
|
||||
className={`${PREFIX}__avatar anchor`}
|
||||
src="https://publiccdn.neighbourhood.com.cn/img/avatar_f.png"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<div className={`${PREFIX}__content`}>
|
||||
<div className="title">我是主播</div>
|
||||
<div className="desc">我要找工作</div>
|
||||
</div>
|
||||
<Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />
|
||||
</div>
|
||||
<div className={`${PREFIX}__card`} onClick={handleCompany}>
|
||||
<Image
|
||||
className={`${PREFIX}__avatar company`}
|
||||
src="https://publiccdn.neighbourhood.com.cn/img/avatar_m.png"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<div className={`${PREFIX}__content`}>
|
||||
<div className="title">我是企业</div>
|
||||
<div className="desc">我要招主播</div>
|
||||
</div>
|
||||
<Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />
|
||||
</div>
|
||||
</div>
|
||||
<Slogan />
|
||||
<AgreementPopup open={open} onCancel={handleCancel} onConfirm={handleConfirm} />
|
||||
{/*<div className={`${PREFIX}__role-app`}>*/}
|
||||
{/* <div className={`${PREFIX}__greet`}>Hi，很高兴见到你</div>*/}
|
||||
{/* <div className={`${PREFIX}__title`}>请选择您的身份</div>*/}
|
||||
{/* <div className={`${PREFIX}__card`} onClick={handleAnchor}>*/}
|
||||
{/* <Image*/}
|
||||
{/* className={`${PREFIX}__avatar anchor`}*/}
|
||||
{/* src="https://publiccdn.neighbourhood.com.cn/img/avatar_f.png"*/}
|
||||
{/* mode="aspectFill"*/}
|
||||
{/* />*/}
|
||||
{/* <div className={`${PREFIX}__content`}>*/}
|
||||
{/* <div className="title">我是主播</div>*/}
|
||||
{/* <div className="desc">我要找工作</div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={`${PREFIX}__card`} onClick={handleCompany}>*/}
|
||||
{/* <Image*/}
|
||||
{/* className={`${PREFIX}__avatar company`}*/}
|
||||
{/* src="https://publiccdn.neighbourhood.com.cn/img/avatar_m.png"*/}
|
||||
{/* mode="aspectFill"*/}
|
||||
{/* />*/}
|
||||
{/* <div className={`${PREFIX}__content`}>*/}
|
||||
{/* <div className="title">我是企业</div>*/}
|
||||
{/* <div className="desc">我要招主播</div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />*/}
|
||||
{/* </div>*/}
|
||||
{/*</div>*/}
|
||||
{/*<Slogan />*/}
|
||||
{/*<AgreementPopup open={open} onCancel={handleCancel} onConfirm={handleConfirm} />*/}
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user