feat: update

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>
   );
 }

src/components/message-dialog/index.less

@@ -80,4 +80,8 @@
       margin-top: 24px;
     }
   }
+
+  &__no-subscription {
+
+  }
 }

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}>

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) {
+function BaseTabBar({ className, type }: IProps) {
-  const { className } = props;
   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>

src/components/user-batch-publish/index.tsx

@@ -1,4 +1,4 @@
-import { Button, Image, Text } from '@tarojs/components';
+import { Button, Text } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 
 import { Cell } from '@taroify/core';
@@ -35,29 +35,36 @@ interface CityOption extends ISelectOption<CityValue> {
 
 const PREFIX = 'user-batch-publish';
 const log = logWithPrefix(PREFIX);
-const SERVICE_ILLUSTRATE = `群发次数：每日一次，连发3天
+const SERVICE_ILLUSTRATE = `服务方式：帮您把招聘需求发到众多同城合作主播群
-群发内容：仅限主播招聘通告，违规内容不发
+群发次数：每日1次，连发3天
-联系方法：通告中留通告主联系方式，主播直接联系`;
+内容要求：仅限带货主播招聘需求，其他不发
+主播联系：内容中留招聘方联系方式，主播直接联系`;
 const cityValues: CityValue[] = [
-  { cityCode: '440100', cityName: '广州', count: 300 },
+  { cityCode: '440100', cityName: '广州', count: 300 }, // 800
   { cityCode: '440300', cityName: '深圳', count: 100 },
-  { cityCode: '330100', cityName: '杭州', count: 300 },
+  { cityCode: '330100', cityName: '杭州', count: 300 }, // 750
-  { cityCode: '110100', cityName: '北京', count: 100 },
+  { cityCode: '110100', cityName: '北京', count: 100 }, // 150
-  { cityCode: '510100', cityName: '成都', count: 50 },
+  { cityCode: '510100', cityName: '成都', count: 100 },
+  // { cityCode: '500100', cityName: '重庆', count: 50 },
   { cityCode: '430100', cityName: '长沙', count: 50 },
   { cityCode: '350200', cityName: '厦门', count: 50 },
-  { cityCode: '310100', cityName: '上海', count: 100 },
+  { cityCode: '310100', cityName: '上海', count: 100 },  // 150
-  { cityCode: '420100', cityName: '武汉', count: 50 },
+  { cityCode: '420100', cityName: '武汉', count: 50 }, // 80
-  { cityCode: '610100', cityName: '西安', count: 50 },
+  { cityCode: '610100', cityName: '西安', count: 50 }, // 60
-  { cityCode: '410100', cityName: '郑州', count: 100 },
+  { cityCode: '410100', cityName: '郑州', count: 100 }, // 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: 188 },
+  { value: 500, productSpecId: ProductSpecId.GroupBatchPublish500, label: '500', price: 188 }, // 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 },
 ];
 
@@ -156,7 +163,7 @@ export default function UserBatchPublish() {
 
   return (
     <div className={PREFIX}>
-      <Image mode="widthFix" className={`${PREFIX}__header-image`} src="https://neighbourhood.cn/pubJob.png" />
+      {/*<Image mode="widthFix" className={`${PREFIX}__header-image`} src="https://neighbourhood.cn/pubJob.png" />*/}
       <div className={`${PREFIX}__title`}>请选择城市</div>
       <Cell isLink align="center" className={`${PREFIX}__cell`} title={city?.cityName} onClick={handleClickCity} />
       <div className={`${PREFIX}__title`}>可购买群数</div>

src/constants/app.ts

@@ -74,6 +74,7 @@ export enum PageUrl {
   PrivacyWebview = 'pages/privacy-webview/index',
   Partner = 'pages/partner/index',
   WithdrawRecord = 'pages/withdraw-record/index',
+  GroupDelegatePublish = 'pages/group-delegate-publish/index',
 }
 
 export enum PluginUrl {

src/constants/product.ts

@@ -32,9 +32,14 @@ export enum ProductSpecId {
   NewMonthlyVIP = 'VIP_M_NEW', // 18 每天五次
   GroupBatchPublish20 = 'GROUP_BATCH_PUSH_20',
   GroupBatchPublish50 = 'GROUP_BATCH_PUSH_50',
+  GroupBatchPublish60 = 'GROUP_BATCH_PUSH_60',
+  GroupBatchPublish80 = 'GROUP_BATCH_PUSH_80',
   GroupBatchPublish100 = 'GROUP_BATCH_PUSH_100',
+  GroupBatchPublish150 = 'GROUP_BATCH_PUSH_150',
   GroupBatchPublish300 = 'GROUP_BATCH_PUSH_300',
   GroupBatchPublish500 = 'GROUP_BATCH_PUSH_500',
+  GroupBatchPublish750 = 'GROUP_BATCH_PUSH_750',
+  GroupBatchPublish800 = 'GROUP_BATCH_PUSH_800',
   GroupBatchPublish1000 = 'GROUP_BATCH_PUSH_1000',
   BOSS_PUB_JOB_1 = 'BOSS_PUB_JOB_1', // 旧版企业发通告会员
   BOSS_VIP_NEW_1 = 'BOSS_VIP_NEW_1', // 新版企业发通告会员 - 周

src/hooks/use-config.tsx

@@ -35,7 +35,7 @@ const AnchorTabs: TabItemType[] = [
   {
     type: PageType.GroupV2,
     pagePath: PageUrl.GroupV2,
-    text: '通告群',
+    text: '主播群',
   },
 ];
 
@@ -48,7 +48,7 @@ const CompanyTabs: TabItemType[] = [
   {
     type: PageType.BatchPublish,
     pagePath: PageUrl.UserBatchPublish,
-    text: '代招代发',
+    text: '免费招',
   },
 ];
 
@@ -97,6 +97,7 @@ export const APP_CONFIG: AppConfigType = {
     PageUrl.PrivacyWebview,
     PageUrl.Partner,
     PageUrl.WithdrawRecord,
+    PageUrl.GroupDelegatePublish,
     // PageUrl.DevDebug,
   ],
   window: {

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;

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(true, inviteCode, '数万名优质主播等你来挑');
+    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} />}

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">

src/pages/group-delegate-publish/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '群代发',
+});

src/pages/group-delegate-publish/index.tsx

@@ -0,0 +1,12 @@
+import UserBatchPublish from '@/components/user-batch-publish';
+import './index.less';
+
+const PREFIX = 'group-delegate-publish';
+
+export default function Partner() {
+  return (
+    <div className={PREFIX}>
+      <UserBatchPublish />
+    </div>
+  );
+}

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(true, 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>

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}

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;
@@ -235,8 +238,9 @@ export default function JobDetail() {
 
   useShareAppMessage(() => {
     if (!data) {
-      return getCommonShareMessage(true, inviteCode);
+      return getCommonShareMessage({ inviteCode });
     }
+
     return {
       title: getJobTitle(data) || '',
       path: getJumpUrl(PageUrl.JobDetail, { id: data.id, share: true, c: inviteCode }),

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(true, inviteCode);
+    return getCommonShareMessage({ inviteCode, path: PageUrl.Job });
   });
 
   return (
-    <HomePage>
+    <HomePage type={PageType.JOB}>
       <Tabs
         swipeable
         value={tabType}

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';
 
@@ -70,7 +71,7 @@ export default function MaterialProfilePage() {
 
   useShareAppMessage(async () => {
     const shareMessage = await getMaterialShareMessage(profile, false);
-    return shareMessage || getCommonShareMessage(false);
+    return shareMessage || getCommonShareMessage({ useCapture: false });
   });
 
   if (!profile) {

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 {

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;
     }

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`}>

src/pages/partner/index.tsx

@@ -20,7 +20,7 @@ export default function Partner() {
   };
   useShareAppMessage(() => {
     console.log('Partner inviteCode', inviteCode);
-    return getCommonShareMessage(false, inviteCode);
+    return getCommonShareMessage({ useCapture: false, inviteCode });
   });
 
   return (

src/pages/user-batch-publish/index.less

@@ -20,6 +20,81 @@
     > .taroify-tabs__content {
       padding-top: var(--tabs-wrap-height);
     }
+
+    .taroify-tabs__nav .taroify-tabs__tab:nth-child(2) .taroify-badge-wrapper {
+      left: 18px;
+    }
+  }
+
+  &__star {
+    width: 33px;
+    height: 38px;
+  }
+  &__header-image {
+    width: 100%;
+    height: 120px;
+  }
+  &__delegate {
+    & {
+      padding: 24px;
+      padding-bottom: calc(120px + env(safe-area-inset-bottom));
+    }
+
+    &-fix {
+      width: 100%;
+      background: #f5f6fa;
+      padding-left: 24px;
+      padding-right: 24px;
+      position: fixed;
+      left: 0;
+      right: 0;
+      bottom: 110px;
+      box-sizing: border-box;
+      padding-bottom: calc(24px + env(safe-area-inset-bottom));
+    }
+    &-image {
+      width: 100%;
+      height: 298px;
+    }
+    &-card {
+      background: #fff;
+      padding: 24px;
+      border-radius: 24px;
+      &.image {
+        padding: 1px;
+        justify-content: center;
+        align-items: center;
+        display: flex;
+      }
+    }
+
+    &-h5 {
+      font-style: normal;
+      font-weight: 400;
+      font-size: 28px;
+      line-height: 32px;
+      color: @blColor;
+      padding-top: 40px;
+      padding-bottom: 24px;
+
+      &:first-child {
+        padding-top: 0;
+      }
+    }
+    &-body {
+      font-weight: 400;
+      font-size: 28px;
+      line-height: 48px;
+      color: @blColorG2;
+      &.link {
+        margin-top: 16px;
+        color: @blHighlightColor;
+      }
+    }
+    &-btn {
+      .button(@width: 100%; @height: 80px; @fontSize: 32px);
+      margin-top: 32px;
+    }
   }
 
   &__recruitment {

src/pages/user-batch-publish/index.tsx

@@ -1,24 +1,40 @@
-import { useShareAppMessage } from '@tarojs/taro';
+import { Image } from '@tarojs/components';
+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 UserBatchPublish from '@/components/user-batch-publish';
+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 { 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);
+  }, []);
+  const handlePreview = (current: string) => {
+    Taro.previewImage({
+      current,
+      urls: [EXAMPLE_IMAGE, COMMENT_IMAGE],
+    });
+  };
   const handleOpenService = useCallback(() => {
     openCustomerServiceChat('https://work.weixin.qq.com/kfid/kfcd60708731367168d');
   }, []);
@@ -31,13 +47,70 @@ export default function BizService() {
       openCustomerServiceChat(group.serviceUrl);
     }
   }, []);
-  useShareAppMessage(() => getCommonShareMessage(true, 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 className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
-          <Tabs.TabPane value={0} title="主播群">
+          <Tabs.TabPane value="0" title="群代发">
+            <div className={`${PREFIX}__delegate`}>
+              <Image
+                mode="widthFix"
+                className={`${PREFIX}__header-image`}
+                src="https://publiccdn.neighbourhood.com.cn/img/pub-job.png"
+              />
+              <div className={`${PREFIX}__delegate-h5`}>服务说明</div>
+              <div className={`${PREFIX}__delegate-card`}>
+                <div className={`${PREFIX}__delegate-body`}>服务方式：帮您把招聘需求发到众多同城合作主播群</div>
+                <div className={`${PREFIX}__delegate-body`}>群发次数：每日1次，连发3天</div>
+                <div className={`${PREFIX}__delegate-body`}>内容要求：仅限带货主播招聘需求，其他不发</div>
+                <div className={`${PREFIX}__delegate-body`}>主播联系：内容中留招聘方联系方式，主播直接联系</div>
+              </div>
+              <div className={`${PREFIX}__delegate-h5`}>代发示例</div>
+              <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(EXAMPLE_IMAGE)}>
+                <Image className={`${PREFIX}__delegate-image`} src={EXAMPLE_IMAGE} mode="heightFix" />
+              </div>
+              <div className={`${PREFIX}__delegate-h5`}>部分客户评价</div>
+              <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(COMMENT_IMAGE)}>
+                <Image className={`${PREFIX}__delegate-image`} src={COMMENT_IMAGE} mode="heightFix" />
+              </div>
+              <div className={`${PREFIX}__delegate-fix`}>
+                <Button className={`${PREFIX}__delegate-btn`} onClick={handleClickDelegate}>
+                  我要代发
+                </Button>
+              </div>
+            </div>
+          </Tabs.TabPane>
+          <Tabs.TabPane
+            value="1"
+            title={
+              <>
+                免费招
+                <Image src={require('@/statics/svg/star.svg')} className={`${PREFIX}__star`} />
+              </>
+            }
+          >
             <SearchCity
               onSelectCity={handleSelectCity}
               currentCity={getCurrentCityCode()}
@@ -46,10 +119,7 @@ export default function BizService() {
               banner="点击城市名称，进本地通告群，免费招主播"
             />
           </Tabs.TabPane>
-          <Tabs.TabPane value={1} title="群代发">
+          <Tabs.TabPane value="2" title="代招">
-            <UserBatchPublish />
-          </Tabs.TabPane>
-          <Tabs.TabPane value={2} title="代招">
             <div className={`${PREFIX}__recruitment`}>
               <div className={`${PREFIX}__recruitment-card`}>
                 <div className={`${PREFIX}__recruitment-h5`}>服务城市</div>

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';
@@ -38,10 +38,10 @@ export default function User() {
     []
   );
 
-  useShareAppMessage(() => getCommonShareMessage(false));
+  useShareAppMessage(() => getCommonShareMessage({ useCapture: false }));
 
   return (
-    <HomePage>
+    <HomePage type={PageType.User}>
       <CustomNavigationBar className={`${PREFIX}__navigation-bar`}>
         <SwitchBar title={roleType === RoleType.Anchor ? '切换为企业' : '切换为主播'} onClick={handleSwitchRoleType} />
       </CustomNavigationBar>

src/pages/withdraw-record/index.tsx

@@ -91,7 +91,7 @@ export default function WithdrawRecords() {
     refresh();
   }, []);
   useShareAppMessage(() => {
-    return getCommonShareMessage(false, inviteCode);
+    return getCommonShareMessage({ useCapture: false, inviteCode });
   });
 
   return (

src/statics/svg/star.svg

@@ -0,0 +1,4 @@
+<svg width="33" height="36" viewBox="0 0 33 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.57143 8.57143L12 0L15.4286 8.57143L24 12L15.4286 15.4286L12 24L8.57143 15.4286L0 12L8.57143 8.57143Z" fill="#FF5051"/>
+<path opacity="0.24" d="M24.6429 27.6429L26.5 23L28.3571 27.6429L33 29.5L28.3571 31.3571L26.5 36L24.6429 31.3571L20 29.5L24.6429 27.6429Z" fill="#FF5051"/>
+</svg>

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));

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';
 })();
 

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 } });
 };

src/utils/share.ts

@@ -15,15 +15,27 @@ const getRandomCount = () => {
   return (seed % 300) + 500;
 };
 
-export const getCommonShareMessage = (
+interface ShareAppProps {
-  useCapture: boolean = true,
+  useCapture?: boolean;
-  inviteCode?: string,
+  inviteCode?: string;
-  title?: string
+  title?: string;
-): ShareAppMessageReturn => {
+  path?: PageUrl;
-  console.log('share share message', getJumpUrl(PageUrl.Job, inviteCode ? { c: inviteCode } : undefined));
+  params?: Record<string, BL.Anything>;
+}
+
+export const getCommonShareMessage = ({
+  useCapture = true,
+  inviteCode,
+  title,
+  path,
+  params = {},
+}: ShareAppProps = {}): ShareAppMessageReturn => {
+  const inviteParams = inviteCode ? { c: inviteCode } : undefined;
+  const sharePath = path ? getJumpUrl(path, { ...params, ...inviteParams }) : getJumpUrl(PageUrl.Job, inviteParams);
+  console.log('share share message', sharePath);
   return {
     title: title || `昨天新增了${getRandomCount()}条主播通告，宝子快来看看`,
-    path: getJumpUrl(PageUrl.Job, inviteCode ? { c: inviteCode } : undefined),
+    path: sharePath,
     imageUrl: useCapture ? undefined : imageUrl,
   };
 };

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) {
+    if (item === 'accept') {
-      return false;
+      acceptedIds.push(id);
     }
-    return item === 'reject';
+
+    if (refused) {
+      return;
+    }
+
+    refused = item === 'reject';
   });
+
+  return [refused || false, acceptedIds];
 };
 
 export const subscribeMessage = async (tempIds: SubscribeTempId[]) => {