From de2f380cd9d09fc79417c4918381a4f8363ddb37 Mon Sep 17 00:00:00 2001
From: chashaobao <danningmao@outlook.com>
Date: Fri, 27 Jun 2025 22:46:24 +0800
Subject: [PATCH] feat: update

---
 src/components/home-page/index.tsx       |  9 +++--
 src/components/message-dialog/index.less |  6 ++-
 src/components/message-dialog/index.tsx  |  4 +-
 src/components/tab-bar/index.tsx         | 18 +++------
 src/hooks/use-config.tsx                 |  2 +-
 src/hooks/use-previous.ts                | 13 ++++++
 src/pages/anchor/index.tsx               | 12 ++++--
 src/pages/dev-debug/index.tsx            |  4 +-
 src/pages/group-v2/index.tsx             | 12 ++++--
 src/pages/group/index.tsx                |  3 +-
 src/pages/job-detail/index.tsx           |  4 ++
 src/pages/job/index.tsx                  |  8 ++--
 src/pages/material-profile/index.tsx     |  3 +-
 src/pages/material-view/index.tsx        |  5 ++-
 src/pages/message-chat/index.tsx         |  1 +
 src/pages/message/index.tsx              | 50 ++++++++++++++++++++++--
 src/pages/user-batch-publish/index.tsx   | 43 +++++++++++++++-----
 src/pages/user/index.tsx                 |  4 +-
 src/utils/app.ts                         | 11 +++++-
 src/utils/common.ts                      |  4 +-
 src/utils/message.ts                     |  1 +
 src/utils/subscribe.ts                   | 25 ++++++++----
 22 files changed, 183 insertions(+), 59 deletions(-)
 create mode 100644 src/hooks/use-previous.ts

diff --git a/src/components/home-page/index.tsx b/src/components/home-page/index.tsx
index 020918f..17e4d6a 100644
--- a/src/components/home-page/index.tsx
+++ b/src/components/home-page/index.tsx
@@ -1,18 +1,21 @@
 import React from 'react';
 
 import BaseTabBar from '@/components/tab-bar';
+import { PageType } from '@/constants/app';
 
 import './index.less';
 
-interface IProps extends React.PropsWithChildren {}
+interface IProps extends React.PropsWithChildren {
+  type: PageType;
+}
 
 export default function HomePage(props: IProps) {
-  const { children } = props;
+  const { children, type } = props;
 
   return (
     <React.Fragment>
       {children}
-      <BaseTabBar />
+      <BaseTabBar type={type} />
     </React.Fragment>
   );
 }
diff --git a/src/components/message-dialog/index.less b/src/components/message-dialog/index.less
index d136df6..b3add60 100644
--- a/src/components/message-dialog/index.less
+++ b/src/components/message-dialog/index.less
@@ -80,4 +80,8 @@
       margin-top: 24px;
     }
   }
-}
\ No newline at end of file
+
+  &__no-subscription {
+
+  }
+}
diff --git a/src/components/message-dialog/index.tsx b/src/components/message-dialog/index.tsx
index 9cb8099..51f3ae1 100644
--- a/src/components/message-dialog/index.tsx
+++ b/src/components/message-dialog/index.tsx
@@ -57,7 +57,9 @@ export function MessageNoTimesDialog(props: INoTimesProps) {
     <Dialog className={NO_TIMES} onClose={onClose} open={open}>
       <Dialog.Content>
         <div className={`${NO_TIMES}__title`}>未读消息提醒次数不够了！</div>
-        <div className={`${NO_TIMES}__tips`}>有通知次数才能<span className="highlight">及时收到</span>招聘邀请，快点击“点我增加”吧～</div>
+        <div className={`${NO_TIMES}__tips`}>
+          有通知次数才能<span className="highlight">及时收到</span>招聘邀请，快点击“点我增加”吧～
+        </div>
         <div className={`${NO_TIMES}__body`}>
           <div className={`${NO_TIMES}__times`}>{`未读消息提醒剩余：${times}次`}</div>
           <Button className={`${NO_TIMES}__btn`} onClick={onClick}>
diff --git a/src/components/tab-bar/index.tsx b/src/components/tab-bar/index.tsx
index 8e4eefd..c7d78cc 100644
--- a/src/components/tab-bar/index.tsx
+++ b/src/components/tab-bar/index.tsx
@@ -1,14 +1,11 @@
 import { Tabbar } from '@taroify/core';
 import classNames from 'classnames';
 import { useCallback } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 
 import { APP_TAB_BAR_ID, RoleType, PageType, PageUrl } from '@/constants/app';
 import { ANCHOR_TAB_LIST, COMPANY_TAB_LIST, TabItemType } from '@/hooks/use-config';
 import useMessage from '@/hooks/use-message';
 import useRoleType from '@/hooks/user-role-type';
-import { changeHomePage } from '@/store/actions';
-import { selectHomePageType } from '@/store/selector';
 import { logWithPrefix } from '@/utils/common';
 import { switchTab } from '@/utils/route';
 
@@ -16,6 +13,7 @@ import './index.less';
 
 interface IProps {
   className?: string;
+  type: PageType;
 }
 
 const PREFIX = 'base-tab-bar';
@@ -40,25 +38,21 @@ const TabItem = (props: { item: TabItemType }) => {
   );
 };
 
-function BaseTabBar(props: IProps) {
-  const { className } = props;
+function BaseTabBar({ className, type }: IProps) {
   const roleType = useRoleType();
-  const currentPage = useSelector(selectHomePageType);
-  const dispatch = useDispatch();
 
   const tabs = roleType === RoleType.Anchor ? ANCHOR_TAB_LIST : COMPANY_TAB_LIST;
 
   const handleTabClick = useCallback(
     (value: PageType) => {
-      if (value === currentPage) {
+      if (value === type) {
         return;
       }
-      dispatch(changeHomePage(value));
       const item = tabs.find((i: TabItemType) => i.type === value);
       log('tab bar changed', value, item?.pagePath);
       item && switchTab(item.pagePath as PageUrl);
     },
-    [tabs, currentPage, dispatch]
+    [tabs, type]
   );
 
   // useEffect(() => {
@@ -72,14 +66,14 @@ function BaseTabBar(props: IProps) {
 
   return (
     <div className={classNames(`${PREFIX}__wrapper`, className)} id={APP_TAB_BAR_ID}>
-      <Tabbar className={PREFIX} defaultValue={currentPage}>
+      <Tabbar className={PREFIX} value={type}>
         {tabs.map((item: TabItemType) => {
           return (
             <Tabbar.TabItem
               key={item.pagePath}
               value={item.type}
               onClick={() => handleTabClick(item.type)}
-              className={classNames(`${PREFIX}__item`, { selected: item.type === currentPage })}
+              className={classNames(`${PREFIX}__item`, { selected: item.type === type })}
             >
               <TabItem item={item} />
             </Tabbar.TabItem>
diff --git a/src/hooks/use-config.tsx b/src/hooks/use-config.tsx
index 1f646fe..4c3e409 100644
--- a/src/hooks/use-config.tsx
+++ b/src/hooks/use-config.tsx
@@ -35,7 +35,7 @@ const AnchorTabs: TabItemType[] = [
   {
     type: PageType.GroupV2,
     pagePath: PageUrl.GroupV2,
-    text: '通告群',
+    text: '主播群',
   },
 ];
 
diff --git a/src/hooks/use-previous.ts b/src/hooks/use-previous.ts
new file mode 100644
index 0000000..38e9e85
--- /dev/null
+++ b/src/hooks/use-previous.ts
@@ -0,0 +1,13 @@
+import { useEffect, useRef } from 'react';
+
+function usePrevious<T>(value: T) {
+  const ref = useRef<T>();
+
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+
+  return ref.current;
+}
+
+export default usePrevious;
diff --git a/src/pages/anchor/index.tsx b/src/pages/anchor/index.tsx
index 7d8420c..09d8a5c 100644
--- a/src/pages/anchor/index.tsx
+++ b/src/pages/anchor/index.tsx
@@ -1,7 +1,7 @@
 import { Image } from '@tarojs/components';
 import Taro, { NodesRef, useDidShow, useLoad, useShareAppMessage } from '@tarojs/taro';
 
-import { ArrowUp, ArrowDown } from '@taroify/icons';
+import { ArrowDown, ArrowUp } from '@taroify/icons';
 import classNames from 'classnames';
 import { isEqual } from 'lodash-es';
 import { useCallback, useEffect, useState } from 'react';
@@ -14,7 +14,7 @@ import Overlay from '@/components/overlay';
 import PageLoading from '@/components/page-loading';
 import PartnerBanner from '@/components/partner-banner';
 import SwitchBar from '@/components/switch-bar';
-import { APP_TAB_BAR_ID, EventName, OpenSource, PageUrl } from '@/constants/app';
+import { APP_TAB_BAR_ID, EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app';
 import { EmployType, JobManageStatus } from '@/constants/job';
 import { ALL_ANCHOR_SORT_TYPES, ANCHOR_SORT_TYPE_TITLE_MAP, AnchorSortType } from '@/constants/material';
 import useInviteCode from '@/hooks/use-invite-code';
@@ -23,6 +23,7 @@ import useLocation from '@/hooks/use-location';
 import { JobManageInfo } from '@/types/job';
 import { Coordinate } from '@/types/location';
 import { IAnchorFilters } from '@/types/material';
+import { switchRoleType } from '@/utils/app';
 import { logWithPrefix } from '@/utils/common';
 import { getLastSelectMyJobId, requestJobManageList, setLastSelectMyJobId } from '@/utils/job';
 import { getWxLocation } from '@/utils/location';
@@ -165,8 +166,11 @@ export default function AnchorPage() {
   }, [location]);
 
   useLoad(async () => {
+    switchRoleType(RoleType.Company);
+
     const query = getPageQuery();
     getInviteCodeFromQueryAndUpdate(query);
+    console.log('哈哈哈 useLoad');
 
     try {
       const { jobResults = [] } = await requestJobManageList({ status: JobManageStatus.Open });
@@ -186,13 +190,13 @@ export default function AnchorPage() {
   });
 
   useShareAppMessage(() => {
-    return getCommonShareMessage({ useCapture: true, inviteCode, title: '数万名优质主播等你来挑' });
+    return getCommonShareMessage({ inviteCode, title: '数万名优质主播等你来挑', path: PageUrl.Anchor });
   });
 
   useDidShow(() => requestUnreadMessageCount());
 
   return (
-    <HomePage>
+    <HomePage type={PageType.Anchor}>
       {!!loading && <PageLoading className={`${PREFIX}__loading`} />}
       <CustomNavigationBar className={`${PREFIX}__navigation-bar`}>
         {selectJob && <SwitchBar title={selectJob.title.substring(0, 4)} onClick={handleClickSwitch} />}
diff --git a/src/pages/dev-debug/index.tsx b/src/pages/dev-debug/index.tsx
index 2e8667c..9ede331 100644
--- a/src/pages/dev-debug/index.tsx
+++ b/src/pages/dev-debug/index.tsx
@@ -4,7 +4,7 @@ import { Button } from '@taroify/core';
 import { useCallback } from 'react';
 
 import HomePage from '@/components/home-page';
-import { PageUrl } from '@/constants/app';
+import { PageType, PageUrl } from '@/constants/app';
 import { copy, logWithPrefix } from '@/utils/common';
 import { navigateTo } from '@/utils/route';
 
@@ -136,7 +136,7 @@ export default function DevDebug() {
   });
 
   return (
-    <HomePage>
+    <HomePage type={PageType.DEV}>
       <div className={PREFIX}>
         {/* <div>{`最近一次的订单 ID: ${lastOrderNo}`}</div>
         <Button onClick={() => handleCreateOrder(OrderType.Group)} style={marginTopStyle} color="primary">
diff --git a/src/pages/group-v2/index.tsx b/src/pages/group-v2/index.tsx
index c74361a..9044a36 100644
--- a/src/pages/group-v2/index.tsx
+++ b/src/pages/group-v2/index.tsx
@@ -4,8 +4,10 @@ import { useCallback } from 'react';
 
 import HomePage from '@/components/home-page';
 import SearchCity from '@/components/search-city';
+import { PageType, PageUrl, RoleType } from '@/constants/app';
 import { GROUPS } from '@/constants/group';
 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';
@@ -20,11 +22,15 @@ export default function GroupV2() {
   const inviteCode = useInviteCode();
 
   useLoad(() => {
+    switchRoleType(RoleType.Anchor);
+
     const query = getPageQuery();
     getInviteCodeFromQueryAndUpdate(query);
   });
 
-  useShareAppMessage(() => getCommonShareMessage({ inviteCode }));
+  useShareAppMessage(() =>
+    getCommonShareMessage({ inviteCode, title: '邀请你加入本地主播求职招聘群', path: PageUrl.GroupV2 })
+  );
 
   const handleSelectCity = useCallback(cityCode => {
     if (!checkCityCode(cityCode)) {
@@ -37,14 +43,14 @@ export default function GroupV2() {
   }, []);
 
   return (
-    <HomePage>
+    <HomePage type={PageType.GroupV2}>
       <div className={PREFIX}>
         <SearchCity
           onSelectCity={handleSelectCity}
           currentCity={getCurrentCityCode()}
           forGroup
           offset={72}
-          banner="点击城市加入本地通告群，高薪工作早知道"
+          banner="点击城市加入本地主播招聘群，高薪职位早知道"
         />
       </div>
     </HomePage>
diff --git a/src/pages/group/index.tsx b/src/pages/group/index.tsx
index 6ae5aa4..dce0531 100644
--- a/src/pages/group/index.tsx
+++ b/src/pages/group/index.tsx
@@ -4,6 +4,7 @@ import { Tabs } from '@taroify/core';
 import { useCallback, useState } from 'react';
 
 import HomePage from '@/components/home-page';
+import { PageType } from '@/constants/app';
 import { GroupType, GROUP_PAGE_TABS } from '@/constants/group';
 import GroupFragment from '@/fragments/group';
 import useNavigation from '@/hooks/use-navigation';
@@ -22,7 +23,7 @@ export default function Group() {
   useShareAppMessage(() => getCommonShareMessage());
 
   return (
-    <HomePage>
+    <HomePage type={PageType.Group}>
       <Tabs
         swipeable
         value={tabType}
diff --git a/src/pages/job-detail/index.tsx b/src/pages/job-detail/index.tsx
index d3c8d51..9345e5c 100644
--- a/src/pages/job-detail/index.tsx
+++ b/src/pages/job-detail/index.tsx
@@ -22,6 +22,7 @@ import { RESPONSE_ERROR_CODE } from '@/http/constant';
 import { HttpError } from '@/http/error';
 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 { getJobTitle, getJobSalary, postPublishJob, requestJobDetail } from '@/utils/job';
@@ -218,6 +219,8 @@ export default function JobDetail() {
   }, []);
 
   useLoad(async () => {
+    switchRoleType(RoleType.Anchor);
+
     const query = getPageQuery<Pick<JobDetails, 'id'> & { c: string }>();
     getInviteCodeFromQueryAndUpdate(query);
     const jobId = query?.id;
@@ -237,6 +240,7 @@ export default function JobDetail() {
     if (!data) {
       return getCommonShareMessage({ inviteCode });
     }
+
     return {
       title: getJobTitle(data) || '',
       path: getJumpUrl(PageUrl.JobDetail, { id: data.id, share: true, c: inviteCode }),
diff --git a/src/pages/job/index.tsx b/src/pages/job/index.tsx
index b85af08..5b06223 100644
--- a/src/pages/job/index.tsx
+++ b/src/pages/job/index.tsx
@@ -6,13 +6,14 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import HomePage from '@/components/home-page';
 import { LoginGuide } from '@/components/login-guide';
 import MaterialGuide from '@/components/material-guide';
-import { EventName, OpenSource, PageUrl } from '@/constants/app';
+import { EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app';
 import { EmployType, JOB_PAGE_TABS, SortType } from '@/constants/job';
 import JobFragment from '@/fragments/job/base';
 import useInviteCode from '@/hooks/use-invite-code';
 import useLocation from '@/hooks/use-location';
 import useNavigation from '@/hooks/use-navigation';
 import { Coordinate } from '@/types/location';
+import { switchRoleType } from '@/utils/app';
 import { logWithPrefix } from '@/utils/common';
 import { getWxLocation, isNotNeedAuthorizeLocation, requestLocation } from '@/utils/location';
 import { requestUnreadMessageCount } from '@/utils/message';
@@ -96,6 +97,7 @@ export default function Job() {
   }, [location]);
 
   useLoad(async () => {
+    switchRoleType(RoleType.Anchor);
     const query = getPageQuery<{ sortType: SortType; c?: string; scene?: string }>();
     const type = query.sortType;
     if (type === SortType.CREATE_TIME) {
@@ -121,11 +123,11 @@ export default function Job() {
         path: getJumpUrl(PageUrl.Job, { sortType, c: inviteCode }),
       };
     }
-    return getCommonShareMessage({ inviteCode });
+    return getCommonShareMessage({ inviteCode, path: PageUrl.Job });
   });
 
   return (
-    <HomePage>
+    <HomePage type={PageType.JOB}>
       <Tabs
         swipeable
         value={tabType}
diff --git a/src/pages/material-profile/index.tsx b/src/pages/material-profile/index.tsx
index 4a5c6c9..749c129 100644
--- a/src/pages/material-profile/index.tsx
+++ b/src/pages/material-profile/index.tsx
@@ -6,7 +6,7 @@ import { useCallback, useEffect, useState } from 'react';
 import MaterialManagePopup from '@/components/material-manage-popup';
 import PageLoading from '@/components/page-loading';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
-import { EventName } from '@/constants/app';
+import { EventName, RoleType } from '@/constants/app';
 import { CollectEventName } from '@/constants/event';
 import { MaterialStatus } from '@/constants/material';
 import ProfileViewFragment from '@/fragments/profile/view';
@@ -17,6 +17,7 @@ import { getCommonShareMessage } from '@/utils/share';
 import Toast from '@/utils/toast';
 
 import './index.less';
+import { switchRoleType } from '@/utils/app';
 
 const PREFIX = 'page-material-profile';
 
diff --git a/src/pages/material-view/index.tsx b/src/pages/material-view/index.tsx
index 442faa3..69b29f5 100644
--- a/src/pages/material-view/index.tsx
+++ b/src/pages/material-view/index.tsx
@@ -6,7 +6,7 @@ import { useCallback, useEffect, useState } from 'react';
 import CommonDialog from '@/components/common-dialog';
 import PageLoading from '@/components/page-loading';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
-import { EventName, OpenSource, PageUrl } from '@/constants/app';
+import { EventName, OpenSource, PageUrl, RoleType } from '@/constants/app';
 import { CollectEventName } from '@/constants/event';
 import { MaterialViewSource } from '@/constants/material';
 import ProfileViewFragment from '@/fragments/profile/view';
@@ -16,6 +16,7 @@ import { HttpError } from '@/http/error';
 import { JobManageInfo } from '@/types/job';
 import { MaterialProfile } from '@/types/material';
 import { IJobMessage } from '@/types/message';
+import { switchRoleType } from '@/utils/app';
 import { copy } from '@/utils/common';
 import { collectEvent } from '@/utils/event';
 import { requestHasPublishedJob, requestJobDetail } from '@/utils/job';
@@ -141,6 +142,8 @@ export default function MaterialViewPage() {
   }, []);
 
   useLoad(async () => {
+    switchRoleType(RoleType.Company);
+
     const context = getPageQuery<IViewContext | IShareContext>();
     getInviteCodeFromQueryAndUpdate(context as BL.Anything);
     try {
diff --git a/src/pages/message-chat/index.tsx b/src/pages/message-chat/index.tsx
index 3ff0b60..2d4a26d 100644
--- a/src/pages/message-chat/index.tsx
+++ b/src/pages/message-chat/index.tsx
@@ -175,6 +175,7 @@ export default function MessageChat() {
   );
 
   const handleClickReject = useCallback(async () => {
+    await postAddMessageTimes('message_chat_page');
     if (!chat || !receiver || reject) {
       return;
     }
diff --git a/src/pages/message/index.tsx b/src/pages/message/index.tsx
index f70cf36..c0a3b6a 100644
--- a/src/pages/message/index.tsx
+++ b/src/pages/message/index.tsx
@@ -7,8 +7,9 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import HomePage from '@/components/home-page';
 import MessageCard from '@/components/message-card';
 import { MessageHelpDialog, MessageNoTimesDialog } from '@/components/message-dialog';
-import { APP_TAB_BAR_ID, EventName } from '@/constants/app';
+import { APP_TAB_BAR_ID, EventName, PageType } from '@/constants/app';
 import { REFRESH_CHAT_LIST_TIME } from '@/constants/message';
+import { MessageSubscribeIds, SubscribeTempId } from '@/constants/subscribe';
 import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
 import useRoleType from '@/hooks/user-role-type';
 import { MainMessage } from '@/types/message';
@@ -20,7 +21,10 @@ import {
   requestUnreadMessageCount,
 } from '@/utils/message';
 
+import { isSubscribeRefused, postSubscribe } from '@/utils/subscribe';
 import './index.less';
+import { collectEvent } from '@/utils/event';
+import { CollectEventName } from '@/constants/event';
 
 const PREFIX = 'page-message';
 const HEADER_CLASS = `${PREFIX}__header`;
@@ -58,12 +62,52 @@ export default function Message() {
 
   const handleClickHelp = useCallback(() => setShowHelp(true), []);
 
-  const handleClickAddMessageTimes = useCallback(async () => {
+  const addMessageTimes = useCallback(async () => {
     await postAddMessageTimes('message_page');
     const remain = await requestRemainPushTime();
     setTimes(remain);
   }, []);
 
+  const handleClickAddMessageTimes = useCallback(async () => {
+    const [hasRefused, acceptIds] = await isSubscribeRefused(MessageSubscribeIds);
+    if (hasRefused) {
+      await Taro.showModal({
+        title: '提示',
+        content:
+          '您未订阅消息提醒，不能及时获得招聘消息，请前往“设置”，将“新聊天消息”、“未读消息”“面试邀请”均设置为“接收”',
+        showCancel: false,
+        confirmText: '打开设置',
+      });
+      await Taro.openSetting({
+        withSubscriptions: true,
+      });
+      const { subscriptionsSetting: { mainSwitch, itemSettings = {} } = {} } = await Taro.getSetting({
+        withSubscriptions: true,
+      });
+      console.log('subscriptionsSetting:', mainSwitch, itemSettings);
+      const successIds = mainSwitch
+        ? MessageSubscribeIds.reduce<SubscribeTempId[]>((acc, id) => {
+            if ((!itemSettings[id] || itemSettings[id] === 'accept') && !acceptIds.includes(id)) {
+              acc.push(id);
+            }
+            return acc;
+          }, [])
+        : [];
+      if (!successIds.length) {
+        return;
+      }
+      console.log('successIds:', successIds);
+      collectEvent(CollectEventName.MESSAGE_DEV_LOG, {
+        action: 'subscribe_new_message_reminder',
+        source: 'message_page',
+        successIds,
+      });
+      await postSubscribe(MessageSubscribeIds, successIds);
+    } else {
+      await addMessageTimes();
+    }
+  }, [addMessageTimes]);
+
   useDidHide(() => (pageVisibleRef.current = false));
 
   useDidShow(() => {
@@ -101,7 +145,7 @@ export default function Message() {
   }, [roleType]);
 
   return (
-    <HomePage>
+    <HomePage type={PageType.Message}>
       <div className={PREFIX}>
         <div className={HEADER_CLASS}>
           <div className={`${HEADER_CLASS}__times`}>
diff --git a/src/pages/user-batch-publish/index.tsx b/src/pages/user-batch-publish/index.tsx
index 4d15a67..999b966 100644
--- a/src/pages/user-batch-publish/index.tsx
+++ b/src/pages/user-batch-publish/index.tsx
@@ -1,27 +1,30 @@
 import { Image } from '@tarojs/components';
-import Taro, { useShareAppMessage } from '@tarojs/taro';
+import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';
 
 import { Button, Tabs } from '@taroify/core';
-import { useCallback } from 'react';
+import { useCallback, useState } from 'react';
 
 import HomePage from '@/components/home-page';
 import SearchCity from '@/components/search-city';
-import { PageUrl } from '@/constants/app';
+import { PageType, PageUrl, RoleType } from '@/constants/app';
 import { GROUPS } from '@/constants/group';
 import useInviteCode from '@/hooks/use-invite-code';
+import { switchRoleType } from '@/utils/app';
 import { openCustomerServiceChat } from '@/utils/common';
 import { getCurrentCityCode } from '@/utils/location';
-import { navigateTo } from '@/utils/route';
+import { getPageQuery, navigateTo } from '@/utils/route';
 import { getCommonShareMessage } from '@/utils/share';
 import { checkCityCode } from '@/utils/user';
 
 import './index.less';
+import { SortType } from '@/constants/job';
 
 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';
 export default function BizService() {
   const inviteCode = useInviteCode();
+  const [value, setValue] = useState('0');
 
   const handleClickDelegate = useCallback(() => {
     navigateTo(PageUrl.GroupDelegatePublish);
@@ -44,13 +47,33 @@ export default function BizService() {
       openCustomerServiceChat(group.serviceUrl);
     }
   }, []);
-  useShareAppMessage(() => getCommonShareMessage({ inviteCode }));
+  const handleChange = useCallback(v => {
+    setValue(v);
+  }, []);
+
+  useLoad(() => {
+    switchRoleType(RoleType.Company);
+
+    const query = getPageQuery<{ tab?: string }>();
+    if (query.tab) {
+      handleChange(query.tab);
+    }
+  });
+
+  useShareAppMessage(() =>
+    getCommonShareMessage({
+      inviteCode,
+      path: PageUrl.UserBatchPublish,
+      title: '邀请你加入本地主播求职招聘群',
+      params: { tab: '1' },
+    })
+  );
 
   return (
-    <HomePage>
+    <HomePage type={PageType.BatchPublish}>
       <div className={PREFIX}>
-        <Tabs className={`${PREFIX}__tabs`} defaultValue={0}>
-          <Tabs.TabPane value={0} title="群代发">
+        <Tabs className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
+          <Tabs.TabPane value="0" title="群代发">
             <div className={`${PREFIX}__delegate`}>
               <Image
                 mode="widthFix"
@@ -80,7 +103,7 @@ export default function BizService() {
             </div>
           </Tabs.TabPane>
           <Tabs.TabPane
-            value={1}
+            value="1"
             title={
               <>
                 免费招
@@ -96,7 +119,7 @@ export default function BizService() {
               banner="点击城市名称，进本地通告群，免费招主播"
             />
           </Tabs.TabPane>
-          <Tabs.TabPane value={2} title="代招">
+          <Tabs.TabPane value="2" title="代招">
             <div className={`${PREFIX}__recruitment`}>
               <div className={`${PREFIX}__recruitment-card`}>
                 <div className={`${PREFIX}__recruitment-h5`}>服务城市</div>
diff --git a/src/pages/user/index.tsx b/src/pages/user/index.tsx
index 6c0168d..1010f1e 100644
--- a/src/pages/user/index.tsx
+++ b/src/pages/user/index.tsx
@@ -9,7 +9,7 @@ import LoginButton from '@/components/login-button';
 import PartnerEntry from '@/components/partner-entry';
 import Slogan from '@/components/slogan';
 import SwitchBar from '@/components/switch-bar';
-import { RoleType, PageUrl } from '@/constants/app';
+import { RoleType, PageUrl, PageType } from '@/constants/app';
 import AnchorFragment from '@/fragments/user/anchor';
 import CompanyFragment from '@/fragments/user/company';
 import useUserInfo from '@/hooks/use-user-info';
@@ -41,7 +41,7 @@ export default function User() {
   useShareAppMessage(() => getCommonShareMessage({ useCapture: false }));
 
   return (
-    <HomePage>
+    <HomePage type={PageType.User}>
       <CustomNavigationBar className={`${PREFIX}__navigation-bar`}>
         <SwitchBar title={roleType === RoleType.Anchor ? '切换为企业' : '切换为主播'} onClick={handleSwitchRoleType} />
       </CustomNavigationBar>
diff --git a/src/utils/app.ts b/src/utils/app.ts
index 8248677..7d24da7 100644
--- a/src/utils/app.ts
+++ b/src/utils/app.ts
@@ -37,12 +37,19 @@ export const switchDefaultTab = async () => {
 };
 
 export const switchRoleType = async (appMode?: RoleType) => {
+  const curMode = getRoleType();
+
+  if (curMode && appMode === curMode) {
+    console.log('[utils:app] skip switch role because of role type is equal to that of local');
+    return;
+  }
+
   if (!appMode) {
-    const curMode = getRoleType();
+    console.log('[utils:app] no app mode from arguments');
     appMode = curMode === RoleType.Anchor ? RoleType.Company : RoleType.Anchor;
   }
 
-  console.log('switchRoleType', appMode);
+  console.log('[utils:app] switchRoleType', appMode);
   try {
     await postSwitchRoleType(appMode);
     store.dispatch(changeRoleType(appMode));
diff --git a/src/utils/common.ts b/src/utils/common.ts
index ce0f35d..499f237 100644
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@@ -4,12 +4,12 @@ export const isDev = () => process.env.NODE_ENV === 'development';
 // export const isDev = () => true;
 
 export const isIPhone = (() => {
-  const info = Taro.getSystemInfoSync();
+  const info = Taro.getDeviceInfo();
   return info.platform === 'ios';
 })();
 
 export const isDesktop = (() => {
-  const info = Taro.getSystemInfoSync();
+  const info = Taro.getDeviceInfo();
   return info.platform === 'windows' || info.platform === 'mac';
 })();
 
diff --git a/src/utils/message.ts b/src/utils/message.ts
index cb82ee2..a3f48cd 100644
--- a/src/utils/message.ts
+++ b/src/utils/message.ts
@@ -101,6 +101,7 @@ export const postAddMessageTimes = async (source: string) => {
   await postSubscribe(MessageSubscribeIds, successIds);
 };
 
+
 export const postCreateChat = (toUserId: string) => {
   return http.post<IChatInfo>(API.MESSAGE_CREATE_CHAT, { data: { toUserId } });
 };
diff --git a/src/utils/subscribe.ts b/src/utils/subscribe.ts
index df29d17..bbb258f 100644
--- a/src/utils/subscribe.ts
+++ b/src/utils/subscribe.ts
@@ -7,24 +7,35 @@ import { logWithPrefix } from '@/utils/common';
 
 const log = logWithPrefix('subscribe-utils');
 
-export const isSubscribeRefused = async (tempId: SubscribeTempId | SubscribeTempId[]) => {
+export const isSubscribeRefused = async (
+  tempId: SubscribeTempId | SubscribeTempId[]
+): Promise<[boolean, SubscribeTempId[]]> => {
   tempId = Array.isArray(tempId) ? tempId : [tempId];
   const { subscriptionsSetting } = await Taro.getSetting({ withSubscriptions: true });
   log('isSubscribeRefuse subscriptionsSetting:', subscriptionsSetting);
   if (!subscriptionsSetting) {
-    return false;
+    return [false, []];
   }
   const { mainSwitch, itemSettings = {} } = subscriptionsSetting;
   if (!mainSwitch) {
-    return true;
+    return [true, []];
   }
-  return tempId.some(id => {
+  const acceptedIds: SubscribeTempId[] = [];
+  let refused = false;
+  tempId.some(id => {
     const item = itemSettings[id];
-    if (!item) {
-      return false;
+    if (item === 'accept') {
+      acceptedIds.push(id);
     }
-    return item === 'reject';
+
+    if (refused) {
+      return;
+    }
+
+    refused = item === 'reject';
   });
+
+  return [refused || false, acceptedIds];
 };
 
 export const subscribeMessage = async (tempIds: SubscribeTempId[]) => {