From 5820fa8d25b2b1e1f651555458004882edc63dd5 Mon Sep 17 00:00:00 2001
From: chashaobao <danningmao@outlook.com>
Date: Sat, 12 Jul 2025 15:43:19 +0800
Subject: [PATCH] feat:

---
 src/pages/job/index.tsx   |  18 ++++-
 src/pages/start/index.tsx | 142 ++++++++++++++++++++------------------
 2 files changed, 90 insertions(+), 70 deletions(-)

diff --git a/src/pages/job/index.tsx b/src/pages/job/index.tsx
index 5b06223..4e40d20 100644
--- a/src/pages/job/index.tsx
+++ b/src/pages/job/index.tsx
@@ -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>
   );
diff --git a/src/pages/start/index.tsx b/src/pages/start/index.tsx
index 9dc13e5..de11f9f 100644
--- a/src/pages/start/index.tsx
+++ b/src/pages/start/index.tsx
@@ -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>