feat:

feat: update
feat: share ticket
2025-10-26 22:23:14 +08:00 · 2025-10-20 07:58:50 +08:00 · 2025-10-15 20:46:42 +08:00 · 2025-10-15 20:44:20 +08:00 · 2025-10-06 11:49:41 +08:00 · 2025-09-24 08:15:52 +08:00
69 changed files with 2906 additions and 495 deletions
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/app.less
+++ b/src/app.less
@ -12,4 +12,9 @@ page {
  .taroify-tabs__wrap__scroll {
    .base-bg();
  }
-}
+}
+
+@font-face {
+  font-family: 'Alimama ShuHeiTi';
+  src: url('https://publiccdn.neighbourhood.com.cn/font/almmheiti.ttf');
+}
--- a/src/app.tsx
+++ b/src/app.tsx
@ -1,4 +1,4 @@
-import { useLaunch } from '@tarojs/taro';
+import Taro, { useDidShow, useLaunch } from '@tarojs/taro';

 import { PropsWithChildren } from 'react';
 import { Provider } from 'react-redux';
@ -6,8 +6,9 @@ import { Provider } from 'react-redux';
 import { REFRESH_UNREAD_COUNT_TIME } from '@/constants/message';
 import http from '@/http';
 import store from '@/store';
+import { requestCityOperators } from '@/utils/location';
 import { requestUnreadMessageCount } from '@/utils/message';
-import { getInviteCode, getInviteCodeFromQuery } from '@/utils/partner';
+import { decryptOpenGid, getInviteCode, getInviteCodeFromQuery } from '@/utils/partner';
 import qiniuUpload from '@/utils/qiniu-upload';
 import { requestUserInfo, updateLastLoginTime } from '@/utils/user';

@ -28,6 +29,33 @@ function App({ children }: PropsWithChildren<BL.Anything>) {
    setInterval(() => requestUnreadMessageCount(), REFRESH_UNREAD_COUNT_TIME);
  });

+  useDidShow(options => {
+    requestCityOperators();
+
+    console.log(options);
+    const inviteCode = getInviteCodeFromQuery(options?.query || {});
+    const authCode = options?.query?.authCode;
+    if (inviteCode || authCode) {
+      Taro.getGroupEnterInfo()
+        .then(info => {
+          decryptOpenGid({
+            inviteCode,
+            authCode,
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            iv: info.iv,
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            encryptedData: info.encryptedData,
+          });
+          console.log('哈哈哈', info);
+        })
+        .catch(() => {
+          console.log('没有解析到群', options?.scene);
+        });
+    }
+  });
+
  return <Provider store={store}>{children}</Provider>;
 }

--- a/src/components/anchor-card/index.tsx
+++ b/src/components/anchor-card/index.tsx
@ -9,7 +9,7 @@ import { PageUrl } from '@/constants/app';
 import { MaterialViewSource, WORK_YEAR_LABELS } from '@/constants/material';
 import { AnchorInfo } from '@/types/material';
 import { calcDistance } from '@/utils/location';
-import { getBasicInfo } from '@/utils/material';
+import { getBasicInfo, getSalary } from '@/utils/material';
 import { navigateTo } from '@/utils/route';
 import { activeDate } from '@/utils/time';

@ -22,17 +22,6 @@ interface IProps {
 }

 const PREFIX = 'anchor-card';
-const getSalary = (data: AnchorInfo) => {
-  const { fullTimeMinPrice, fullTimeMaxPrice, partyTimeMinPrice, partyTimeMaxPrice } = data;
-  const prices: string[] = [];
-  if (fullTimeMinPrice && fullTimeMaxPrice) {
-    prices.push(`${fullTimeMinPrice / 1000}-${fullTimeMaxPrice / 1000}K/月`);
-  }
-  if (partyTimeMinPrice && partyTimeMaxPrice) {
-    prices.push(`${partyTimeMinPrice}-${partyTimeMaxPrice}/小时`);
-  }
-  return prices.filter(Boolean).join(' ');
-};

 function AnchorCard(props: IProps) {
  const { data, jobId, validator } = props;
--- a/src/components/anchor-picker/index.tsx
+++ b/src/components/anchor-picker/index.tsx
@ -5,34 +5,19 @@ import { isEqual } from 'lodash-es';
 import { useCallback, useState } from 'react';

 import PickerToolbar from '@/components/picker-toolbar';
-import {
-  EmployType,
-  ALL_EMPLOY_TYPES,
-  FULL_PRICE_OPTIONS,
-  PART_PRICE_OPTIONS,
-  EMPLOY_TYPE_TITLE_MAP,
-} from '@/constants/job';
-import {
-  ALL_ANCHOR_READ_TYPES,
-  ALL_GENDER_TYPES,
-  ANCHOR_READ_TITLE_MAP,
-  AnchorReadType,
-  GENDER_TYPE_TITLE_MAP,
-  GenderType,
-} from '@/constants/material';
+import { FULL_PRICE_OPTIONS, PART_PRICE_OPTIONS } from '@/constants/job';
+import { ALL_ANCHOR_READ_TYPES, ANCHOR_READ_TITLE_MAP, AnchorReadType } from '@/constants/material';
 import { IAnchorFilters } from '@/types/material';
-import { isUndefined } from '@/utils/common';

 import './index.less';

+type MoreFilter = Omit<IAnchorFilters, 'employType' | 'gender'>;
 interface IProps {
-  value: IAnchorFilters;
-  onConfirm: (newValue: IAnchorFilters) => void;
+  value: MoreFilter;
+  onConfirm: (newValue: MoreFilter) => void;
 }

 const PREFIX = 'anchor-picker';
-const getDefaultGender = (value: IAnchorFilters) => value.gender;
-const getDefaultEmploy = (value: IAnchorFilters) => value.employType;
 const getDefaultReadType = (value: IAnchorFilters) => value.readType;
 const getDefaultCategory = (value: IAnchorFilters) => value.category || '';
 const getSalaryValue = (value: IAnchorFilters, full: boolean) => {
@ -47,9 +32,7 @@ const getSalaryValue = (value: IAnchorFilters, full: boolean) => {

 function AnchorPicker(props: IProps) {
  const { value, onConfirm } = props;
-  const [gender, setGender] = useState<GenderType | undefined>(getDefaultGender(value));
  const [readType, setReadType] = useState<AnchorReadType | undefined>(getDefaultReadType(value));
-  const [employType, setEmployType] = useState<EmployType | undefined>(getDefaultEmploy(value));
  const [fullSalary, setFullSalary] = useState(getSalaryValue(value, true));
  const [partSalary, setPartSalary] = useState(getSalaryValue(value, false));
  const [category, setCategory] = useState(getDefaultCategory(value));
@ -59,9 +42,7 @@ function AnchorPicker(props: IProps) {
  }, []);

  const handleClickReset = useCallback(() => {
-    setGender(undefined);
    setReadType(undefined);
-    setEmployType(undefined);
    setFullSalary(null);
    setPartSalary(null);
    setCategory('');
@ -83,10 +64,6 @@ function AnchorPicker(props: IProps) {

  const handleClickConfirm = useCallback(() => {
    const filters: IAnchorFilters = {};
-    if (!isUndefined(gender)) {
-      filters.gender = gender === GenderType.All ? undefined : gender;
-    }
-    employType && (filters.employType = employType);
    readType && (filters.readType = readType);
    category && (filters.category = category);
    if (fullSalary) {
@ -98,34 +75,10 @@ function AnchorPicker(props: IProps) {
      filters.highPriceForPartyTime = partSalary.maxSalary;
    }
    onConfirm(filters);
-  }, [gender, employType, readType, category, fullSalary, partSalary, onConfirm]);
+  }, [readType, category, fullSalary, partSalary, onConfirm]);

  return (
    <div className={PREFIX}>
-      <div className={`${PREFIX}__title`}>性别</div>
-      <div className={`${PREFIX}__container`}>
-        {ALL_GENDER_TYPES.map((type: GenderType) => (
-          <div
-            key={type}
-            onClick={() => setGender(type)}
-            className={classNames(`${PREFIX}__item`, { selected: type === gender })}
-          >
-            {GENDER_TYPE_TITLE_MAP[type]}
-          </div>
-        ))}
-      </div>
-      <div className={`${PREFIX}__title`}>全职/兼职</div>
-      <div className={`${PREFIX}__container`}>
-        {ALL_EMPLOY_TYPES.map(type => (
-          <div
-            key={type}
-            onClick={() => setEmployType(type)}
-            className={classNames(`${PREFIX}__item`, { selected: type === employType })}
-          >
-            {EMPLOY_TYPE_TITLE_MAP[type]}
-          </div>
-        ))}
-      </div>
      <div className={`${PREFIX}__title`}>已读/未读</div>
      <div className={`${PREFIX}__container`}>
        {ALL_ANCHOR_READ_TYPES.map(type => (
--- a/src/components/gender-select/index.tsx
+++ b/src/components/gender-select/index.tsx
@ -0,0 +1,13 @@
+import Select, { ISelectProps } from '@/components/select';
+import { GENDER_OPTIONS, GenderType } from '@/constants/material';
+
+interface IProps extends Omit<ISelectProps<GenderType>, 'options'> {
+  value: GenderType;
+}
+
+function GenderSelect(props: IProps) {
+  const { value: selectValue, onSelect } = props;
+  return <Select options={GENDER_OPTIONS} title="性别" value={selectValue} onSelect={onSelect} />;
+}
+
+export default GenderSelect;
--- a/src/components/group-certification-list/index.less
+++ b/src/components/group-certification-list/index.less
@ -0,0 +1,85 @@
+@import '@/styles/common.less';
+
+.group-certification-list {
+  min-height: calc(100vh - 98rpx);
+  &__banner {
+    font-weight: 400;
+    font-size: 24px;
+    height: 74px;
+    padding: 32px 32px 25px;
+    line-height: 36px;
+    color: #999999;
+    background: #F5F6FA;
+    position: fixed;
+    z-index: 1;
+    top: 99px;
+    left: 0;
+    right: 0;
+  }
+  &__title {
+    height: 72px;
+    width: 100%;
+    padding: 0 24px;
+    box-sizing: border-box;
+    line-height: 72px;
+    font-size: 24px;
+    color: rgba(0, 0, 0, 0.5);
+    position: fixed;
+    top: 227rpx;
+    left: 0;
+    z-index: 1;
+    background: #fff;
+
+    &-border {
+      border-bottom: 1px solid #e6e7e8;
+      .flex-row();
+    }
+
+    &-time {
+      padding: 0 8px;
+      flex: 0 0 120px;
+      width: 120px;
+      flex-shrink: 0;
+    }
+
+    &-name {
+      text-align: right;
+      flex: 1;
+    }
+  }
+
+  &__pull-refresh {
+    margin-top: 72px;
+  }
+
+  &__item {
+    height: 100px;
+    width: 100%;
+    padding: 24px 32px 0 32px;
+    box-sizing: border-box;
+    font-size: 28px;
+    background: #fff;
+
+    &-border {
+      border-bottom: 1px solid #e6e7e8;
+    }
+
+    &-content {
+      .flex-row();
+      width: 100%;
+      padding-bottom: 24px;
+    }
+
+    &-time {
+      padding: 0 8px;
+      flex: 0 0 120px;
+      width: 120px;
+      flex-shrink: 0;
+    }
+
+    &-name {
+      text-align: right;
+      flex: 1;
+    }
+  }
+}
--- a/src/components/group-certification-list/index.tsx
+++ b/src/components/group-certification-list/index.tsx
@ -0,0 +1,153 @@
+import { List, PullRefresh } from '@taroify/core';
+import classNames from 'classnames';
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+import ListPlaceholder from '@/components/list-placeholder';
+import { AuthedGroupInfo } from '@/types/partner';
+import { logWithPrefix } from '@/utils/common';
+import { formatTimestamp, getAuthedGroupList as requestData } from '@/utils/partner';
+
+import './index.less';
+
+const PREFIX = 'group-certification-list';
+const log = logWithPrefix(PREFIX);
+
+const FIRST_PAGE = 0;
+
+function GroupCertificationList(props: {
+  refreshDisabled?: boolean;
+  visible?: boolean;
+  listHeight?: number;
+  className?: string;
+  onListEmpty?: () => void;
+}) {
+  const { className, listHeight, refreshDisabled, visible = true, onListEmpty } = props;
+  const [hasMore, setHasMore] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [loadMoreError, setLoadMoreError] = useState(false);
+  const [dataList, setDataList] = useState<AuthedGroupInfo[]>([]);
+  const currentPage = useRef<number>(FIRST_PAGE);
+  const onListEmptyRef = useRef(onListEmpty);
+
+  const handleRefresh = useCallback(async () => {
+    log('start pull refresh');
+    try {
+      setRefreshing(true);
+      setLoadMoreError(false);
+      const content = await requestData();
+      setDataList(content);
+      currentPage.current = 1;
+      // setHasMore(currentPage.current < totalPages);
+      !content.length && onListEmptyRef.current?.();
+      log('pull refresh success');
+    } catch (e) {
+      setDataList([]);
+      setHasMore(false);
+      setLoadMoreError(true);
+      currentPage.current = FIRST_PAGE;
+      log('pull refresh failed');
+    } finally {
+      setRefreshing(false);
+    }
+  }, []);
+
+  const handleLoadMore = useCallback(async () => {
+    log('start load more', hasMore);
+    if (!hasMore) {
+      return;
+    }
+    setLoadMoreError(false);
+    setLoadingMore(true);
+    try {
+      const content = await requestData();
+      setDataList([...dataList, ...content]);
+      currentPage.current = currentPage.current + 1;
+      // setHasMore(currentPage.current < totalPages);
+      log('load more success');
+    } catch (e) {
+      setLoadMoreError(true);
+      log('load more failed');
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [dataList, hasMore]);
+
+  useEffect(() => {
+    onListEmptyRef.current = onListEmpty;
+  }, [onListEmpty]);
+
+  // 初始化数据&配置变更后刷新数据
+  useEffect(() => {
+    // 列表不可见时，先不做处理
+    if (!visible) {
+      log('visible changed, but is not visible, only clear list');
+      return;
+    }
+
+    const refresh = async () => {
+      log('visible changed, start refresh list data');
+      try {
+        setDataList([]);
+        setLoadingMore(true);
+        setLoadMoreError(false);
+        const content = await requestData();
+        setDataList(content);
+        currentPage.current = 1;
+        // setHasMore(currentPage.current < totalPages);
+        !content.length && onListEmptyRef.current?.();
+      } catch (e) {
+        setDataList([]);
+        setHasMore(false);
+        setLoadMoreError(true);
+      } finally {
+        log('visible changed, refresh list data end');
+        setLoadingMore(false);
+      }
+    };
+    refresh();
+  }, [visible]);
+
+  return (
+    <div className={PREFIX}>
+      <div className={`${PREFIX}__banner`}>
+        以下均为认证成功的群，没认证成功请先确认是否有拉运营进群，如果在，可以尝试重新分享小程序
+      </div>
+      <div className={`${PREFIX}__title`}>
+        <div className={`${PREFIX}__title-border`}>
+          <div className={`${PREFIX}__title-time`}>认证日期</div>
+          <div className={`${PREFIX}__title-name`}>群名称</div>
+        </div>
+      </div>
+      <PullRefresh
+        className={classNames(`${PREFIX}__pull-refresh`, className)}
+        loading={refreshing}
+        onRefresh={handleRefresh}
+        disabled={refreshDisabled}
+      >
+        <List
+          hasMore={hasMore}
+          onLoad={handleLoadMore}
+          loading={loadingMore || refreshing}
+          disabled={loadMoreError || !visible}
+          fixedHeight={typeof listHeight !== 'undefined'}
+          style={listHeight ? { height: `${listHeight}px` } : undefined}
+        >
+          {dataList.map(item => (
+            <div className={`${PREFIX}__item`} key={item.openGid}>
+              <div className={`${PREFIX}__item-border`}>
+                <div className={`${PREFIX}__item-content`}>
+                  <div className={`${PREFIX}__item-time`}>{formatTimestamp(item.authDate, true)}</div>
+                  <div className={`${PREFIX}__item-name`}>{item.groupName}</div>
+                </div>
+              </div>
+            </div>
+          ))}
+          <ListPlaceholder hasMore={false} loadingMore={loadingMore} loadMoreError={loadMoreError} />
+        </List>
+      </PullRefresh>
+    </div>
+  );
+}
+
+export default GroupCertificationList;
--- a/src/components/job-card/index.tsx
+++ b/src/components/job-card/index.tsx
@ -11,7 +11,7 @@ import { EMPLOY_TYPE_TITLE_MAP, EmployType } from '@/constants/job';
 import { JobInfo } from '@/types/job';
 // import { LocationInfo } from '@/types/location';
 import { getJobSalary, getJobTitle } from '@/utils/job';
-// import { calcDistance } from '@/utils/location';
+import { calcDistance } from '@/utils/location';
 import { navigateTo, redirectTo } from '@/utils/route';

 import './index.less';
@ -45,7 +45,7 @@ function JobCard(props: IProps) {
    publisher,
    publisherAvatar,
    jobLocation,
-    // distance,
+    distance,
    isAuthed = false,
  } = data;

@ -84,12 +84,12 @@ function JobCard(props: IProps) {
        <div className={`${PREFIX}__summary`}>{jobDescription || sourceText}</div>
        <div className={`${PREFIX}__distance-wrapper`}>
          <div className={`${PREFIX}__detailed-address`}>{jobLocation?.address}</div>
-          {/*{distance && (*/}
-          {/*  <>*/}
-          {/*    <Image className={`${PREFIX}__distance-icon`} src={require('@/statics/svg/location.svg')} />*/}
-          {/*    <div className={`${PREFIX}__distance`}>{calcDistance(distance)}</div>*/}
-          {/*  </>*/}
-          {/*)}*/}
+          {distance && (
+            <>
+              <Image className={`${PREFIX}__distance-icon`} src={require('@/statics/svg/location.svg')} />
+              <div className={`${PREFIX}__distance`}>{calcDistance(distance)}</div>
+            </>
+          )}
        </div>
      </div>
      <div className={`${PREFIX}__divider`} />
--- a/src/components/join-group-hint/index.tsx
+++ b/src/components/join-group-hint/index.tsx
@ -7,12 +7,11 @@ import { useCallback, useState } from 'react';
 import { RoleType } from '@/constants/app';
 import { CacheKey } from '@/constants/cache-key';
 import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
-import { GROUPS } from '@/constants/group';
+import useCityOperators from '@/hooks/use-city-operators';
 import { getRoleTypeWithDefault } from '@/utils/app';
 import { openCustomerServiceChat } from '@/utils/common';
 import { getCurrentCityCode } from '@/utils/location';
 import { checkCityCode, validCityCode } from '@/utils/user';
-
 import './index.less';

 const PREFIX = 'join-group-hint';
@ -25,13 +24,14 @@ const DEFAULT_GROUP = {
 export function JoinGroupHint() {
  const cityCode = getCurrentCityCode();
  const roleType = getRoleTypeWithDefault();
-  const group = GROUPS.find(g => String(g.cityCode) === cityCode);
+  const cityOperators = useCityOperators();
+  const group = cityOperators.find(g => String(g.cityCode) === cityCode);
  const [clicked, setClicked] = useState(!!Taro.getStorageSync(CacheKey.JOIN_GROUP_CARD_CLICKED));
  const handleClick = useCallback(() => {
    if (group && !checkCityCode(cityCode)) {
      return;
    }
-    openCustomerServiceChat(group ? group.serviceUrl : DEFAULT_GROUP.serviceUrl);
+    openCustomerServiceChat(group ? group.groupLink : DEFAULT_GROUP.serviceUrl);
    Taro.setStorageSync(CacheKey.JOIN_GROUP_CARD_CLICKED, true);
    setClicked(true);
  }, [cityCode, group]);
--- a/src/components/login-dialog/index.tsx
+++ b/src/components/login-dialog/index.tsx
@ -18,7 +18,7 @@ export default function LoginDialog(props: IProps) {
  const { title = '使用播络服务前，请先登录', needPhone, onSuccess, onCancel, onBindPhone } = props;

  return (
-    <Dialog open onClose={onCancel}>
+    <Dialog open onClose={onCancel} className={PREFIX}>
      <Dialog.Content>
        <div className={`${PREFIX}__container`}>
          <div className={`${PREFIX}__title`}>{title}</div>
--- a/src/components/material-card/index.less
+++ b/src/components/material-card/index.less
@ -4,7 +4,7 @@
 .material-card {
  padding: 32px 24px;
  border-radius: 16px;
-  background: #FFFFFF;
+  background: #ffffff;
  box-sizing: border-box;

  &__header {
@ -16,6 +16,10 @@
      .flex-row();
    }

+    &__right {
+      color: @blHighlightColor;
+    }
+
    &__title {
      font-size: 32px;
      line-height: 40px;
@ -50,7 +54,7 @@

  &__body {
    width: 100%;
-    height: 156px;
+    height: 160px;
    margin-top: 24px;
    .flex-column();
    justify-content: center;
@ -80,38 +84,44 @@
    }
  }

-  &__scroll-view {
-    position: relative;
+  &__info {
+    .flex-row();
+    gap: 24px;
    width: 100%;
-    height: 100%;
-    .flex-row();

-    &::-webkit-scrollbar {
-      display: none;
+    &-left {
+      width: 125px;
+      height: 160px;
    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      right: 0;
-      width: 102px;
+    &-cover {
+      width: 100%;
      height: 100%;
-      background: linear-gradient(91.41deg, rgba(255, 255, 255, 0) 1.86%, #FFFFFF 99.47%);
+      border-radius: 12px;
+    }
+    &-right {
+      .name {
+        font-style: normal;
+        font-weight: 500;
+        font-size: 28px;
+        line-height: 32px;
+        color: @blColor;
+        margin-bottom: 12px;
+      }
+      .info,
+      .worked {
+        font-weight: 400;
+        font-size: 24px;
+        line-height: 36px;
+        color: @blColorG2;
+        margin-bottom: 8px;
+      }
+      .salary {
+        font-weight: 500;
+        font-size: 24px;
+        line-height: 36px;
+        color: @blColor;
+
+      }
    }
  }
-
-  &__cover-list {
-    height: 100%;
-    .flex-row();
-  }
-
-  &__cover-image {
-    width: 120px;
-    height: 100%;
-    margin-right: 24px;
-    // 不知道为啥高度不对，可能 scroll-view 默认底部是滚动条高度？
-    margin-top: 38px;
-    border-radius: 8px;
-  }
-
-}
+}
--- a/src/components/material-card/index.tsx
+++ b/src/components/material-card/index.tsx
@ -1,4 +1,4 @@
-import { Image, ScrollView } from '@tarojs/components';
+import { Image } from '@tarojs/components';
 import Taro from '@tarojs/taro';

 import { Loading } from '@taroify/core';
@ -9,11 +9,12 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import LoginButton from '@/components/login-button';
 import { EventName, PageUrl } from '@/constants/app';
 import { CollectEventName, ReportEventId } from '@/constants/event';
+import { WORK_YEAR_LABELS } from '@/constants/material';
 import useUserInfo from '@/hooks/use-user-info';
 import { MaterialProfile } from '@/types/material';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent, reportEvent } from '@/utils/event';
-import { requestProfileDetail, sortVideos } from '@/utils/material';
+import { getBasicInfo, getSalary, requestProfileDetail, sortVideos } from '@/utils/material';
 import { navigateTo } from '@/utils/route';
 import Toast from '@/utils/toast';
 import { isValidUserInfo } from '@/utils/user';
@ -34,8 +35,9 @@ function MaterialCard(props: IProps) {
  const userInfo = useUserInfo();
  const [loading, setLoading] = useState(true);
  const [profile, setProfile] = useState<MaterialProfile | null>(null);
-  const refreshRef = useRef((_f?: boolean) => { });
+  const refreshRef = useRef((_f?: boolean) => {});
  const hasMaterial = !!profile;
+  const firstCover = sortVideos(profile?.materialVideoInfoList || [])[0];

  const handleGoCreateProfile = useCallback(() => {
    reportEvent(ReportEventId.CLICK_GO_TO_CREATE_MATERIAL);
@ -44,7 +46,7 @@ function MaterialCard(props: IProps) {

  const handleGoProfile = useCallback(() => {
    if (!hasMaterial) {
-      realtimeLogger.info('handleGoProfile noMaterial')
+      realtimeLogger.info('handleGoProfile noMaterial');
      return;
    }
    navigateTo(PageUrl.MaterialProfile).catch(err => {
@ -67,7 +69,7 @@ function MaterialCard(props: IProps) {
      try {
        const profileDetail = await requestProfileDetail();
        if (!profileDetail) {
-          realtimeLogger.info('getProfileDetail no profileDetail')
+          realtimeLogger.info('getProfileDetail no profileDetail');
        }
        setProfile(profileDetail);
      } catch (e) {
@ -90,8 +92,10 @@ function MaterialCard(props: IProps) {
      refreshRef.current?.(true);
    };
    Taro.eventCenter.on(EventName.CREATE_PROFILE, callback);
+    Taro.eventCenter.on(EventName.UPDATE_PROFILE, callback);
    return () => {
      Taro.eventCenter.off(EventName.CREATE_PROFILE, callback);
+      Taro.eventCenter.on(EventName.UPDATE_PROFILE, callback);
    };
  }, [userInfo]);

@ -100,16 +104,11 @@ function MaterialCard(props: IProps) {
      <div className={`${PREFIX}__header`}>
        <div className={`${PREFIX}__header__left`}>
          <div className={`${PREFIX}__header__title`}>我的模卡</div>
-          {/* {profile && (
-            <div
-              className={`${PREFIX}__header__progress`}
-            >{`完成度${Math.min((profile.progressBar || 0) * 100, 100)}%`}</div>
-          )} */}
        </div>
        {profile && (
          <div className={`${PREFIX}__header__right`}>
-            {/* <div className={`${PREFIX}__header__status`}>{profile?.isOpen ? '开放中' : '关闭'}</div> */}
-            <ArrowRight className={`${PREFIX}__header__icon`} />
+            <div>去分享</div>
+            <ArrowRight color="#6D3DF5" className={`${PREFIX}__header__icon`} />
          </div>
        )}
      </div>
@ -123,18 +122,21 @@ function MaterialCard(props: IProps) {
          </div>
        )}
        {!loading && hasMaterial && (
-          <ScrollView className={`${PREFIX}__scroll-view`} showScrollbar={false} enableFlex enhanced scrollX>
-            <div className={`${PREFIX}__cover-list`}>
-              {sortVideos(profile?.materialVideoInfoList || []).map(video => (
-                <Image
-                  className={`${PREFIX}__cover-image`}
-                  mode="aspectFit"
-                  key={video.coverUrl}
-                  src={video.coverUrl}
-                />
-              ))}
+          <div className={`${PREFIX}__info`}>
+            {firstCover && (
+              <div className={`${PREFIX}__info-left`}>
+                <Image className={`${PREFIX}__info-cover`} mode="aspectFill" src={firstCover.coverUrl} />
+              </div>
+            )}
+            <div className={`${PREFIX}__info-right`}>
+              <div className="name">{profile?.name}</div>
+              <div className="info">
+                {WORK_YEAR_LABELS[profile?.workedYear] || ''}·{getBasicInfo({ ...profile, shoeSize: null })}
+              </div>
+              <div className="worked">播过 {profile?.workedSecCategoryStr}</div>
+              <div className="salary">{getSalary(profile)}</div>
            </div>
-          </ScrollView>
+          </div>
        )}
        {loading && <Loading />}
      </div>
--- a/src/components/partner-banner/index.tsx
+++ b/src/components/partner-banner/index.tsx
@ -12,7 +12,7 @@ import './index.less';

 const PREFIX = 'partner-fragment-banner';

-export default function PartnerBanner() {
+export default function PartnerBanner({ isBoss = false }) {
  const userInfo = useUserInfo();
  const needPhone = isNeedPhone(userInfo);
  const isPartner = userInfo.isPartner;
@ -50,7 +50,11 @@ export default function PartnerBanner() {
      <div className={PREFIX} onClick={handleClick}>
        <Image
          className={`${PREFIX}__image`}
-          src="https://publiccdn.neighbourhood.com.cn/img/partner_banner.png"
+          src={
+            isBoss
+              ? 'https://publiccdn.neighbourhood.com.cn/img/partner_banner.png'
+              : 'https://publiccdn.neighbourhood.com.cn/img/partner-banner-boss.png'
+          }
          mode="scaleToFill"
        />
        {needPhone && (
@ -60,9 +64,7 @@ export default function PartnerBanner() {
        )}
        <div className={`${PREFIX}__close`} onClick={handlePartnerBannerClose} />
      </div>
-      {visible && (
-        <LoginDialog disableCheck onCancel={() => setVisible(false)} onSuccess={handleBind} needPhone={needPhone} />
-      )}
+      {visible && <LoginDialog onCancel={() => setVisible(false)} onSuccess={handleBind} needPhone={needPhone} />}
    </>
  );
 }
--- a/src/components/partner-intro/index.less
+++ b/src/components/partner-intro/index.less
@ -2,26 +2,53 @@
@import '@/styles/common.less';

 .partner-intro {
-  padding-top: 112px;
-  padding-bottom: calc(112px + constant(safe-area-inset-bottom));
-  padding-bottom: calc(112px + env(safe-area-inset-bottom));
+  background: #eae5fb;
+  padding-top: 271px;
+  position: relative;
+  padding-bottom: calc(142px + constant(safe-area-inset-bottom));
+  padding-bottom: calc(142px + env(safe-area-inset-bottom));

-  &__banner {
-    background: fade(@blHighlightBg, 8);
-    height: 88px;
-    line-height: 88px;
-    text-align: center;
-    font-size: 28px;
-    position: fixed;
-    top: 98px;
+  &__bg {
+    width: 100%;
+    height: 705px;
+    position: absolute;
+    top: 0;
    left: 0;
-    right: 0;
-    width: 100vw;
+  }
+  &__slogan {
+    top: 66px;
+    left: 44px;
+    position: absolute;
+    font-family: 'Alimama ShuHeiTi';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 44px;
+    line-height: 62px;
+    color: #333333;
+
+    > div {
+      margin-bottom: 12px;
+    }
+
+    &-highlight {
+      display: inline-block;
+      padding-left: 12px;
+      padding-right: 9px;
+      font-size: 64px;
+      line-height: 62px;
+      background: linear-gradient(87.53deg, #683DE3 0.4%, #39227D 84.55%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      text-fill-color: transparent;
+    }
  }

  &__main {
    padding-left: 24px;
    padding-right: 24px;
+    position: relative;
+    z-index: 1;
  }

  &__highlight {
@ -34,14 +61,73 @@
  }

  &__block {
-    margin-bottom: 40px;
+    margin-bottom: 12px;
+    position: relative;
  }

+  &__swiper {
+    &-wrapper {
+      margin-bottom: 8px;
+      background: #fff;
+      border-radius: 24px;
+      position: relative;
+      border: 1px solid #6d3df5;
+    }
+
+    &-bg {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &__swiper-item {
+    box-sizing: border-box;
+    height: 130px;
+    padding: 24px 32px;
+    &-time {
+      font-style: normal;
+      font-size: 28px;
+      line-height: 40px;
+      color: #333333;
+      font-weight: 400;
+      position: relative;
+    }
+    &-details {
+      margin-top: 5px;
+      white-space: nowrap;
+    }
+    &-id {
+      font-size: 24px;
+      line-height: 36px;
+      color: #999999;
+      padding-right: 22px;
+      display: inline-block;
+    }
+    &-info {
+      font-size: 28px;
+      line-height: 40px;
+      color: #333333;
+      margin-right: 16px;
+      display: inline-block;
+      &:last-child {
+        margin-right: 0;
+      }
+
+      .money {
+        color: #ff5051;
+        display: inline-block;
+        padding-left: 8px;
+      }
+    }
+  }

  &__card {
    background: #fff;
    border-radius: 24px;
-    padding: 24px 32px;
+    padding: 68px 32px 44px;
  }

  &__h1 {
@ -51,33 +137,81 @@
    color: #1d2129;
    margin-bottom: 16px;
    margin-top: 32px;
+    position: relative;
+    z-index: 0;
+
+    &.no-dot {
+      &:after {
+        background: transparent;
+      }
+    }

    &:first-child {
      margin-top: 0;
    }
+
+    &:after {
+      content: '';
+      width: 28px;
+      height: 28px;
+      background: #ffd236;
+      border-radius: 50%;
+      position: absolute;
+      left: -6px;
+      top: -3px;
+      z-index: -1;
+    }
  }

  &__body {
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
+    color: @blColor;

    &.grey {
-      color: @blColorG2
+      color: @blColorG2;
+    }
+
+    &.center {
+      text-align: center;
    }
  }

  &__title {
-    margin-bottom: 24px;
+    margin-left: 48px;
+    margin-right: 48px;
    font-weight: 500;
    font-size: 32px;
-    line-height: 32px;
-
+    line-height: 80px;
+    height: 80px;
+    transform: translateY(50%);
+    background: #ffd236;
+    box-shadow: 0px 12px 0px #ffa35d;
+    border-radius: 60px;
    color: #1d2129;
+    text-align: center;
+    position: relative;
+  }
+
+  &__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;
+    position: absolute;
+    gap: 6px;
+    right: -25px;
+    top: -18px;
  }

  &__special {
-    padding: 32px;
+    padding-top: 75px;
    .flex-column();

    .partner-intro__body {
@ -100,6 +234,7 @@
  &__footer {
    position: fixed;
    bottom: 0;
+    z-index: 2;
    width: 100vw;
    background: #ffffff;
    padding: 12px 32px;
@ -112,17 +247,20 @@
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
+    justify-content: center;
  }

  &__download-button {
-    flex: 1 1;
+    //flex: 1 1;
    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px; @highlight: 0);
  }

  &__share-button {
-    flex: 2 2;
+    //flex: 2 2;
+    flex: 0 0  406px;
+    width: 406px;
    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
-    margin-left: 32px;
+    //margin-left: 32px;
  }
 }

--- a/src/components/partner-intro/index.tsx
+++ b/src/components/partner-intro/index.tsx
@ -1,172 +1,166 @@
-import { Button, Canvas } from '@tarojs/components';
-import Taro from '@tarojs/taro';
+import { Button, Canvas, Image } from '@tarojs/components';

-import { useCallback, useState } from 'react';
+import { Swiper } from '@taroify/core';
+import { GoodJob } from '@taroify/icons';
+import { useCallback, useEffect, useRef, useState } from 'react';

+import { PageUrl } from '@/constants/app';
+import { EarnType, UserProfitListItem } from '@/types/partner';
 import { openCustomerServiceChat } from '@/utils/common';
-import { getPartnerQrcode } from '@/utils/partner';
+import { formatMoney, formatTimestamp, formatUserId, getLastProfitList } from '@/utils/partner';
+import { navigateTo } from '@/utils/route';
+
 import './index.less';

 const PREFIX = 'partner-intro';

 export default function PartnerIntro() {
-  const [posterPath, setPosterPath] = useState('');
-  const getQrcode = async () => {
-    try {
-      const data = await getPartnerQrcode(); // 假设 getPartnerQrcode 返回 ArrayBuffer
-      const base64 = Taro.arrayBufferToBase64(data);
-      return `data:image/png;base64,${base64}`;
-    } catch (error) {
-      console.error('获取二维码失败', error);
-      Taro.showToast({ title: '获取二维码失败', icon: 'none' });
-      throw error;
-    }
-  };
-  const saveCanvasToTempFile = (): Promise<string> => {
-    return new Promise((resolve, reject) => {
-      try {
-        const query = Taro.createSelectorQuery().select('#posterCanvas');
-        query.fields({ node: true }).exec(async res => {
-          const canvas = res[0].node;
-          const tempFilePath = await Taro.canvasToTempFilePath({
-            canvas,
-            x: 0,
-            y: 0,
-            width: 1500, // 实际绘制宽度
-            height: 2668, // 实际绘制高度
-            destWidth: 750, // 目标显示宽度
-            destHeight: 1334, // 目标显示高度
-            fileType: 'jpg',
-          });
-
-          setPosterPath(tempFilePath.tempFilePath);
-
-          resolve(tempFilePath.tempFilePath);
-        });
-      } catch (error) {
-        console.error('保存 Canvas 到临时文件失败', error);
-        Taro.showToast({ title: '保存 Canvas 失败', icon: 'none' });
-        reject(error);
-      }
-    });
-  };
-  const drawCanvas = (qrCode: string): Promise<string> => {
-    const query = Taro.createSelectorQuery().select('#posterCanvas');
-    return new Promise(resolve => {
-      query.fields({ node: true, size: true }).exec(async res => {
-        const canvas = res[0].node;
-        const ctx = canvas.getContext('2d');
-
-        canvas.width = 1500;
-        canvas.height = 2668;
-        ctx.scale(2, 2);
-
-        // 绘制背景图片
-        const bgImage = canvas.createImage();
-        const poster = 'https://publiccdn.neighbourhood.com.cn/img/poster.png'
-        bgImage.src = poster;
-        bgImage.onload = () => {
-          ctx.drawImage(bgImage, 0, 0, 750, 1334);
-
-          const qrCodeImage = canvas.createImage();
-          qrCodeImage.src = qrCode; // 假设 getQrcode() 返回的是二维码图片的路径
-          qrCodeImage.onload = () => {
-            ctx.drawImage(qrCodeImage, 235, 894, 280, 280); // 绘制二维码，位置和大小
-            saveCanvasToTempFile().then(tempPath => {
-              resolve(tempPath);
-            });
-          };
-        };
-        bgImage.onerror = err => {
-          console.error(err);
-        };
-      });
-    });
-  };
-  const savePoster = async () => {
-    let filePath = posterPath;
-    if (!filePath) {
-      Taro.showLoading({ title: '正在生成海报' });
-      const qrCode = await getQrcode();
-      filePath = await drawCanvas(qrCode);
-      Taro.hideLoading();
-    }
-
-    const res = await Taro.getSetting();
-    const hasPermission = res.authSetting['scope.writePhotosAlbum'];
-    if (hasPermission === false) {
-      Taro.showModal({
-        title: '提示',
-        content: '需要访问相册权限才能保存图片，请前往设置开启权限',
-        showCancel: false,
-        success() {
-          Taro.openSetting();
-        },
-      });
-    } else {
-      try {
-        await Taro.authorize({ scope: 'scope.writePhotosAlbum' });
-        await Taro.saveImageToPhotosAlbum({ filePath });
-        Taro.showToast({ title: '保存成功', icon: 'success' });
-      } catch (error) {
-        console.error(error);
-        Taro.showToast({ title: '保存失败', icon: 'none' });
-      }
-    }
-  };
+  const handleConfirm = useCallback(() => {
+    navigateTo(PageUrl.GroupOwnerCertificate);
+  }, []);

  const handleOpenService = useCallback(() => {
    openCustomerServiceChat('https://work.weixin.qq.com/kfid/kfc4fcf6b109b3771d7');
  }, []);
+
+  const handleJump = useCallback(() => {
+    navigateTo(PageUrl.PartnerShareVip);
+  }, []);
+
+  const timerRef = useRef<NodeJS.Timeout | null>(null);
+  const [bannerList, setBannerList] = useState<UserProfitListItem[]>([]);
+
+  const getBannerList = useCallback(async () => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+
+    const list = await getLastProfitList();
+    setBannerList(list);
+
+    timerRef.current = setTimeout(
+      () => {
+        getBannerList();
+      },
+      3000 * (list.length || 10)
+    );
+  }, []);
+
+  useEffect(() => {
+    getBannerList();
+
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+      }
+    };
+  }, [getBannerList]);
  return (
    <div className={PREFIX}>
-      <div className={`${PREFIX}__banner`}>
-        邀请朋友加入播络，高达<span className={`${PREFIX}__highlight`}>75%</span>分成
+      <Image
+        src="https://publiccdn.neighbourhood.com.cn/img/partner-intro-bg.png"
+        className={`${PREFIX}__bg`}
+        mode="aspectFill"
+      />
+      <div className={`${PREFIX}__slogan`}>
+        <div>邀请朋友加入播络</div>
+        <div>
+          高达<div className={`${PREFIX}__slogan-highlight`}>75%</div>分成
+        </div>
      </div>
      <div className={`${PREFIX}__main`}>
+        <div className={`${PREFIX}__swiper-wrapper`}>
+          <Image
+            className={`${PREFIX}__swiper-bg`}
+            src="https://publiccdn.neighbourhood.com.cn/img/partner-swipe-item.png"
+            mode="aspectFill"
+          />
+          <Swiper className={`${PREFIX}__swiper`} autoplay={3000} touchable={false}>
+            {bannerList.map((item, index) => (
+              <Swiper.Item className={`${PREFIX}__swiper-item`} key={`${item.userId}-${index}`}>
+                <div className={`${PREFIX}__swiper-item-time`}>{formatTimestamp(item.updatedAt)}</div>
+                <div className={`${PREFIX}__swiper-item-details`}>
+                  <div className={`${PREFIX}__swiper-item-id`}>{formatUserId(item.userId)}</div>
+                  <div className={`${PREFIX}__swiper-item-info`}>
+                    {[EarnType.CHAT_ACTIVITY_SHARE_L1, EarnType.CHAT_ACTIVITY_SHARE_L2].includes(item.earnType)
+                      ? '主播被开聊'
+                      : '会员支付'}
+                    <div className="money">+{formatMoney(item.amount, 1)}</div>
+                  </div>
+                  <div className={`${PREFIX}__swiper-item-info`}>
+                    累计<div className="money">{formatMoney(item.total, 1)}</div>
+                  </div>
+                </div>
+              </Swiper.Item>
+            ))}
+          </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`}>
-            <div className={`${PREFIX}__h1`}>收益一</div>
+            <div className={`${PREFIX}__h1`}>直接分成：</div>
            <div className={`${PREFIX}__body`}>
              直接获得被邀请人付款金额的<span className={`${PREFIX}__highlight`}>20%</span>
            </div>
-            <div className={`${PREFIX}__h1`}>收益二</div>
+            <div className={`${PREFIX}__h1`}>主播分成：</div>
            <div className={`${PREFIX}__body`}>
              邀请的主播创建模卡，被企业开聊，每日可获得收益，分成比例高达
              <span className={`${PREFIX}__highlight`}>50%</span>
            </div>
-            <div className={`${PREFIX}__h1`}>收益三</div>
+            <div className={`${PREFIX}__h1`}>邀请合伙人：</div>
            <div className={`${PREFIX}__body`}>
-              邀请朋友加入合伙人，可额外获得所邀合伙人收益的<span className={`${PREFIX}__highlight`}>5%</span>
+              你邀请的人也加入合伙人，你可获得所邀合伙人收益的<span className={`${PREFIX}__highlight`}>5%</span>
            </div>
          </div>
        </div>
        <div className={`${PREFIX}__block`}>
-          <div className={`${PREFIX}__title`}>分享方法</div>
+          <div className={`${PREFIX}__title`}>邀请方法</div>
          <div className={`${PREFIX}__card`}>
-            <div className={`${PREFIX}__body`}>分享小程序任意页面到群、朋友圈、好友即可</div>
+            <div className={`${PREFIX}__body`}>
+              <div className={`${PREFIX}__h1`}>方法一：</div>
+              <div>点击下方“赠送会员给好友”，给群员、好友送会员，每周可以送一次</div>
+              <div className={`${PREFIX}__h1`}>方法二：</div>
+              <div>分享通告列表页、通告详情页等页面至群、好友</div>
+            </div>
          </div>
        </div>
        <div className={`${PREFIX}__block`}>
-          <div className={`${PREFIX}__title`}>合伙人交流群</div>
+          <div className={`${PREFIX}__title`}>交流群</div>
          <div className={`${PREFIX}__card  ${PREFIX}__special`}>
-            <div className={`${PREFIX}__h1`}>加入播络合伙人交流群</div>
-            <div className={`${PREFIX}__body grey`}>学习分享邀请经验，一起赚钱</div>
+            <div className={`${PREFIX}__h1 no-dot`}>加入播络合伙人交流群，分享经验</div>
            <Button className={`${PREFIX}__service`} onClick={handleOpenService}>
              点击加入
            </Button>
          </div>
-          <div className={`${PREFIX}__tip`}>注：收益不设时限，可重复享有，播络保留活动最终解释权</div>
        </div>
      </div>
      <Canvas id="posterCanvas" canvas-id="posterCanvas" type="2d" style="width: 750px; height: 1334px;" />

      <div className={`${PREFIX}__footer`}>
-        <Button className={`${PREFIX}__download-button`} onClick={savePoster}>
-          下载海报
-        </Button>
-        <Button className={`${PREFIX}__share-button`} openType="share">
-          分享邀请
+        <Button className={`${PREFIX}__share-button`} onClick={handleJump}>
+          赠送会员给好友
        </Button>
      </div>
    </div>
--- a/src/components/product-dialog/steps-ui/company-publish-job-buy.tsx
+++ b/src/components/product-dialog/steps-ui/company-publish-job-buy.tsx
@ -48,8 +48,8 @@ const LIST: Item[] = [
  {
    id: ProductSpecId.BOSS_VIP_NEW_2,
    title: '推荐一月',
-    price: '480播豆',
-    amt: 48,
+    price: '680播豆',
+    amt: 68,
    badge: '限时体验',
    contents: [
      { content: '-通告每日优先展示', highlight: true },
@ -61,8 +61,8 @@ const LIST: Item[] = [
  {
    id: ProductSpecId.BOSS_VIP_NEW_3,
    title: '推荐一季',
-    price: '960播豆',
-    amt: 96,
+    price: '1360播豆',
+    amt: 136,
    badge: '6.7折',
    contents: [
      { content: '-通告每日优先展示', highlight: true },
--- a/src/components/search-city/index.tsx
+++ b/src/components/search-city/index.tsx
@ -2,9 +2,10 @@ import { BaseEventOrig, InputProps, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';

 import { Search } from '@taroify/core';
-import { useCallback, useEffect, useState } from 'react';
+import { Fragment, useCallback, useEffect, useState } from 'react';

-import { CITY_CODE_TO_NAME_MAP, CITY_INDEXES_LIST, GROUP_CITY_INDEXES_LIST } from '@/constants/city';
+import { CITY_CODE_TO_NAME_MAP, CITY_INDEXES_LIST } from '@/constants/city';
+import useCityOperators from '@/hooks/use-city-operators';
 import { logWithPrefix } from '@/utils/common';

 import './index.less';
@ -68,8 +69,19 @@ export default function SearchCity({
  const [touchAnchor, setTouchAnchor] = useState<string | undefined>();
  const [touchMoving, setTouchMoving] = useState(false);
  const [searchResult, setSearchResult] = useState<Item[]>([]);
+  const cityOperators = useCityOperators();
+  const groupCityCodes = cityOperators.map(it => (it.groupLink ? it.cityCode : null)).filter(Boolean);
  const showSearchList = searchResult.length > 0;
-  const CITY_LIST = forGroup ? GROUP_CITY_INDEXES_LIST : CITY_INDEXES_LIST;
+  const CITY_LIST = forGroup
+    ? CITY_INDEXES_LIST.map(({ letter, data }) => {
+        return {
+          letter,
+          data: data.filter(it => groupCityCodes.includes(it.cityCode)),
+        };
+      }).filter(item => item.data.length > 0)
+    : CITY_INDEXES_LIST;
+
+  const HOT_CITY_LIST = forGroup ? HOT_CITY.filter(it => groupCityCodes.includes(`${it.cityCode}`)) : HOT_CITY;

  const handleSearchChange = useCallback((event: BaseEventOrig<InputProps.inputEventDetail>) => {
    const value = event.detail.value;
@ -173,19 +185,25 @@ export default function SearchCity({
          <div>
            <div className={`${PREFIX}__position-title`}>当前城市</div>
            <div className={`${PREFIX}__position-city`}>{CITY_CODE_TO_NAME_MAP.get(currentCity)}</div>
-            <div className={`${PREFIX}__hot-city-title`}>热门城市</div>
-            <div className={`${PREFIX}__hot-city-container`}>
-              {HOT_CITY.map(city => (
-                <div
-                  key={city.cityCode}
-                  className={`${PREFIX}__hot-city-item`}
-                  data-code={city.cityCode}
-                  onClick={handleSelectCity}
-                >
-                  {city.cityName}
+            {!!HOT_CITY_LIST.length && (
+              <Fragment>
+                <div className={`${PREFIX}__hot-city-title`}>热门城市</div>
+                <div className={`${PREFIX}__hot-city-container`}>
+                  {HOT_CITY_LIST.map(city => {
+                    return (
+                      <div
+                        key={city.cityCode}
+                        className={`${PREFIX}__hot-city-item`}
+                        data-code={city.cityCode}
+                        onClick={handleSelectCity}
+                      >
+                        {city.cityName}
+                      </div>
+                    );
+                  })}
                </div>
-              ))}
-            </div>
+              </Fragment>
+            )}
            <div className={`${PREFIX}__indexes-list`}>
              {CITY_LIST.map(item => {
                return (
--- a/src/components/select/index.less
+++ b/src/components/select/index.less
@ -28,6 +28,7 @@
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 24px;
+    flex: 0 0 96px;

    &.selected {
      color: @blHighlightColor;
@ -45,4 +46,4 @@
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
-}
+}
--- a/src/components/top-category-select/index.tsx
+++ b/src/components/top-category-select/index.tsx
@ -0,0 +1,13 @@
+import Select, { ISelectProps } from '@/components/select';
+import { JOB_TYPE_SELECT_OPTIONS_WITH_ALL, JobType } from '@/constants/job';
+
+interface IProps extends Omit<ISelectProps<JobType>, 'options'> {
+  value: JobType;
+}
+
+function TopCategorySelect(props: IProps) {
+  const { value: selectValue, onSelect } = props;
+  return <Select options={JOB_TYPE_SELECT_OPTIONS_WITH_ALL} title="品类" value={selectValue} onSelect={onSelect} />;
+}
+
+export default TopCategorySelect;
--- a/src/constants/app.ts
+++ b/src/constants/app.ts
@ -35,6 +35,7 @@ export enum OpenSource {
  UserPage = 'user_page',
  AnchorPage = 'anchor_page',
  MaterialViewPage = 'material_view_page',
+  GroupOwnerCertificate = 'group_owner_certificate',
 }

 export enum PageUrl {
@ -77,6 +78,8 @@ export enum PageUrl {
  WithdrawRecord = 'pages/withdraw-record/index',
  GroupDelegatePublish = 'pages/group-delegate-publish/index',
  GiveVip = 'pages/give-vip/index',
+  GroupOwnerCertificate = 'pages/group-owner-certification/index',
+  PartnerShareVip = 'pages/partner-share-vip/index',
 }

 export enum PluginUrl {
--- a/src/constants/job.ts
+++ b/src/constants/job.ts
@ -7,6 +7,7 @@ export enum JobType {
  Jewelry = 'JEWELRY', // 珠宝
  Appliance = 'APPLIANCE', // 家电
  Furniture = 'FURNITURE', // 日用家具
+  OutdoorSports = 'OUTDOOR_SPORTS',
  PetFamily = 'PET_FAMILY', // 母婴宠物
  Luxury = 'LUXURY', // 奢品
  LocalLive = 'LOCAL_LIVE', // 本地生活
@ -74,7 +75,7 @@ export const EMPLOY_TYPE_TITLE_MAP = {

 export const JOB_SOURCE_TYPE_TITLE_MAP = {
  [JobSourceType.All]: '全部',
-  [JobSourceType.BL]: '认证通告',
+  [JobSourceType.BL]: '急招',
  [JobSourceType.VX]: '群通告',
 };

@ -87,6 +88,7 @@ export const JOB_TYPE_TITLE_MAP: { [key in JobType]: string } = {
  [JobType.Jewelry]: '珠宝',
  [JobType.Appliance]: '家电',
  [JobType.Furniture]: '日用家具',
+  [JobType.OutdoorSports]: '户外运动',
  [JobType.PetFamily]: '母婴宠物',
  [JobType.Luxury]: '奢品',
  [JobType.LocalLive]: '本地生活',
@ -120,10 +122,10 @@ export const JOB_PAGE_TABS = [
    type: JobSourceType.BL,
    title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.BL],
  },
-  {
-    type: JobSourceType.VX,
-    title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.VX],
-  },
+  // {
+  //   type: JobSourceType.VX,
+  //   title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.VX],
+  // },
 ];

 export const JOB_EMPLOY_TYPE_OPTIONS = [
@ -173,6 +175,7 @@ export const JOB_TYPE_SELECT_OPTIONS = [
  { label: JOB_TYPE_TITLE_MAP[JobType.Jewelry], value: JobType.Jewelry },
  { label: JOB_TYPE_TITLE_MAP[JobType.Appliance], value: JobType.Appliance },
  { label: JOB_TYPE_TITLE_MAP[JobType.Furniture], value: JobType.Furniture },
+  { label: JOB_TYPE_TITLE_MAP[JobType.OutdoorSports], value: JobType.OutdoorSports },
  { label: JOB_TYPE_TITLE_MAP[JobType.PetFamily], value: JobType.PetFamily },
  { label: JOB_TYPE_TITLE_MAP[JobType.Luxury], value: JobType.Luxury },
  { label: JOB_TYPE_TITLE_MAP[JobType.LocalLive], value: JobType.LocalLive },
@ -181,6 +184,11 @@ export const JOB_TYPE_SELECT_OPTIONS = [
  { label: JOB_TYPE_TITLE_MAP[JobType.Other], value: JobType.Other },
 ];

+export const JOB_TYPE_SELECT_OPTIONS_WITH_ALL = [
+  { label: JOB_TYPE_TITLE_MAP[JobType.All], value: JobType.All },
+  ...JOB_TYPE_SELECT_OPTIONS,
+];
+
 const MAX_SALARY = 10000000;
 export const PART_EMPLOY_SALARY_OPTIONS = [
  { label: '不限' },
--- a/src/constants/material.ts
+++ b/src/constants/material.ts
@ -84,14 +84,25 @@ export const WORK_YEAR_OPTIONS = [
  { label: WORK_YEAR_LABELS[WorkedYears.MoreThreeYear], value: WorkedYears.MoreThreeYear },
 ];

-export const ALL_GENDER_TYPES = [GenderType.All, GenderType.MEN, GenderType.WOMEN];
-
 export const GENDER_TYPE_TITLE_MAP = {
  [GenderType.All]: '不限',
  [GenderType.WOMEN]: '女',
  [GenderType.MEN]: '男',
 };
-
+export const GENDER_OPTIONS = [
+  {
+    value: GenderType.All,
+    label: GENDER_TYPE_TITLE_MAP[GenderType.All],
+  },
+  {
+    value: GenderType.WOMEN,
+    label: GENDER_TYPE_TITLE_MAP[GenderType.WOMEN],
+  },
+  {
+    value: GenderType.MEN,
+    label: GENDER_TYPE_TITLE_MAP[GenderType.MEN],
+  },
+];
 export const ALL_ANCHOR_READ_TYPES = Object.values(AnchorReadType);

 export const ANCHOR_READ_TITLE_MAP = {
--- a/src/fragments/user/company/index.less
+++ b/src/fragments/user/company/index.less
@ -13,6 +13,21 @@
    .taroify-cell__value {
      color: @blColor;
    }
+
+    &-icon {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: rgba(255, 80, 81, 0.16);
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      margin-right: 16px;
+      > image {
+        width: 18px;
+        height: 24px;
+      }
+    }
  }

  &__go-publish-cell {
@ -24,4 +39,6 @@
      color: @blHighlightColor;
    }
  }
+
+
 }
--- a/src/fragments/user/company/index.tsx
+++ b/src/fragments/user/company/index.tsx
@ -1,3 +1,5 @@
+import { Image } from '@tarojs/components';
+
 import { Cell } from '@taroify/core';
 import classNames from 'classnames';
 import { useCallback } from 'react';
@ -27,7 +29,14 @@ export default function CompanyFragment() {
      <Cell
        isLink
        align="center"
-        title="发通告，让主播主动报单"
+        title={
+          <div>
+            <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`)}
        onClick={handlePublishJob}
      >
--- a/src/hooks/use-city-operators.tsx
+++ b/src/hooks/use-city-operators.tsx
@ -0,0 +1,10 @@
+import { useSelector } from 'react-redux';
+
+import { selectCityOperators } from '@/store/selector';
+
+function useCityOperators() {
+  const data = useSelector(selectCityOperators);
+  return data || [];
+}
+
+export default useCityOperators;
--- a/src/hooks/use-config.tsx
+++ b/src/hooks/use-config.tsx
@ -99,6 +99,8 @@ export const APP_CONFIG: AppConfigType = {
    PageUrl.WithdrawRecord,
    PageUrl.GroupDelegatePublish,
    PageUrl.GiveVip,
+    PageUrl.GroupOwnerCertificate,
+    PageUrl.PartnerShareVip,
    // PageUrl.DevDebug,
  ],
  window: {
--- a/src/http/api.ts
+++ b/src/http/api.ts
@ -1,4 +1,4 @@
-// export const DOMAIN = 'http://192.168.60.191:8082';
+// export const DOMAIN = 'http://192.168.60.116:8082';
 export const DOMAIN = process.env.BRAND === 'dev' ? 'https://dev.neighbourhood.cn' : 'https://neighbourhood.cn';
 // export const DOMAIN = 'https://dev.neighbourhood.cn';
 export const BASE_URL = `${DOMAIN}/api`;
@ -85,4 +85,15 @@ export enum API {
  GET_PROFIT_STAT = '/user/profits',
  WITHDRAW = '/user/withdraw',
  GET_WITHDRAW_LIST = '/user/withdraw/records',
+  GENERATE_MEMBERSHIP_COUPON = '/coupon/membership/generate',
+  CLAIM_MEMBERSHIP_COUPON = '/coupon/membership/claim',
+  GET_VIP_QRCODE = '/user/getVipQrCode',
+  // 群认证
+  GENERATE_GROUP_AUTH_CODE = '/partner/generateGroupAuthCode',
+  DECRYPT_OPEN_GID = '/partner/decryptOpenGid',
+  GET_USER_PROFIT_LIST = '/partner/getLatestUserProfitList',
+  GET_AUTHED_GROUP_LIST = '/partner/getAuthedGroupList',
+  GET_STAFF_CODE = '/partner/staff/{cityCode}',
+  // 所有城市运营
+  GET_ALL_CITY_OPERATOR = '/group/getAllGroup',
 }
--- a/src/http/index.ts
+++ b/src/http/index.ts
@ -107,7 +107,7 @@ class Http {
      url: BASE_URL + url,
      data,
      method: method,
-      header: { 'content-type': contentType /*'user-Id': '588002047871053824' */ },
+      header: { 'content-type': contentType /*,'user-Id': '588002047871053824'*/ },
    };
    return this.request(option);
  };
--- a/src/pages/anchor/index.less
+++ b/src/pages/anchor/index.less
@ -52,7 +52,11 @@
    font-size: 28px;
    line-height: 32px;
    color: @blColor;
+    gap: 20px;

+    &-item {
+      display: flex;
+    }
    .title {
      margin-right: 5px;
    }
@ -61,11 +65,17 @@
    padding: 0 24px;
  }
  &__overlay-outer {
-    top: 82px;
+    top: 72px;
  }

  &__overlay-inner {
    width: 100%;
+    max-height: 100%;
+    overflow: hidden;
+    .bl-select__items-container {
+      max-height: calc(100vh - 610rpx);
+      overflow-y: auto;
+    }
  }

  &__tips-container {
@ -91,8 +101,6 @@
    margin-top: 50px;
  }

-
-
  &__popup {
    &-content {
      .flex-column();
--- a/src/pages/anchor/index.tsx
+++ b/src/pages/anchor/index.tsx
@ -5,11 +5,13 @@ import { Popup } from '@taroify/core';
 import { ArrowDown, ArrowUp } from '@taroify/icons';
 import classNames from 'classnames';
 import { isEqual } from 'lodash-es';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';

 import AnchorList, { IAnchorListProps } from '@/components/anchor-list';
 import AnchorPicker from '@/components/anchor-picker';
 import CustomNavigationBar from '@/components/custom-navigation-bar';
+import EmployTypeSelect from '@/components/employ-type-select';
+import GenderSelect from '@/components/gender-select';
 import HomePage from '@/components/home-page';
 import Overlay from '@/components/overlay';
 import PageLoading from '@/components/page-loading';
@ -17,8 +19,14 @@ import PartnerBanner from '@/components/partner-banner';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
 import SwitchBar from '@/components/switch-bar';
 import { APP_TAB_BAR_ID, EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app';
-import { EmployType } from '@/constants/job';
-import { ALL_ANCHOR_SORT_TYPES, ANCHOR_SORT_TYPE_TITLE_MAP, AnchorSortType } from '@/constants/material';
+import { EMPLOY_TYPE_TITLE_MAP, EmployType, JOB_TYPE_TITLE_MAP, JobType } from '@/constants/job';
+import {
+  ALL_ANCHOR_SORT_TYPES,
+  ANCHOR_SORT_TYPE_TITLE_MAP,
+  AnchorSortType,
+  GENDER_TYPE_TITLE_MAP,
+  GenderType,
+} from '@/constants/material';
 import useInviteCode from '@/hooks/use-invite-code';
 import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
 import useLocation from '@/hooks/use-location';
@ -36,6 +44,7 @@ import { getCommonShareMessage } from '@/utils/share';
 import Toast from '@/utils/toast';

 import './index.less';
+import TopCategorySelect from '@/components/top-category-select';

 const PREFIX = 'page-anchor';
 const LIST_CONTAINER_CLASS = `${PREFIX}__list-container`;
@ -78,12 +87,22 @@ function ListWrapper(props: IAnchorListProps) {
  return <AnchorList listHeight={listHeight} {...props} onListEmpty={handleListEmpty} />;
 }

+enum FilterType {
+  gender,
+  employType,
+  topCategory,
+  more,
+}
+
 export default function AnchorPage() {
  const location = useLocation();
  const [loading, setLoading] = useState(true);
  const [selectJob, setSelectJob] = useState<JobManageInfo | undefined>();
-  const [filters, setFilters] = useState<IAnchorFilters>({ employType: EmployType.All });
-  const [showFilter, setShowFilter] = useState<boolean>(false);
+  const [moreFilters, setMoreFilters] = useState<IAnchorFilters>({});
+  const [gender, setGender] = useState<GenderType>(GenderType.All);
+  const [employType, setEmployType] = useState<EmployType>(EmployType.All);
+  const [topCategory, setTopCategory] = useState<JobType>(JobType.All);
+  const [showFilter, setShowFilter] = useState<FilterType | null>(null);
  const [sortType, setSortType] = useState<AnchorSortType>(AnchorSortType.Active);
  const [openPopup, setOpenPopup] = useState<boolean>(false);
  const [coordinate, setCoordinate] = useState<Coordinate>({
@ -106,20 +125,35 @@ export default function AnchorPage() {
    [selectJob]
  );

-  const handleClickSalarySelect = useCallback(() => {
-    setShowFilter(!showFilter);
-  }, [showFilter]);
+  const handleClickFilterSelect = (type: FilterType) => () => {
+    setShowFilter(type === showFilter ? null : type);
+  };

-  const handleHideFilter = useCallback(() => setShowFilter(false), []);
+  const handleHideFilter = useCallback(() => setShowFilter(null), []);

  const handleFilterChange = useCallback(
    (newFilters: IAnchorFilters) => {
-      !isEqual(newFilters, filters) && setFilters(newFilters);
-      setShowFilter(false);
+      !isEqual(newFilters, moreFilters) && setMoreFilters(newFilters);
+      setShowFilter(null);
    },
-    [filters]
+    [moreFilters]
  );

+  const handleChangeSelectGender = useCallback((value: GenderType) => {
+    setGender(value);
+    setShowFilter(null);
+  }, []);
+
+  const handleChangeSelectEmployType = useCallback((value: EmployType) => {
+    setEmployType(value);
+    setShowFilter(null);
+  }, []);
+
+  const handleChangeSelectTopCategory = useCallback((value: JobType) => {
+    setTopCategory(value);
+    setShowFilter(null);
+  }, []);
+
  const handleClickSortType = useCallback(async (type: AnchorSortType) => setSortType(type), []);

  const handleJobChange = useCallback(
@ -199,12 +233,25 @@ export default function AnchorPage() {
    }
  });

+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
  useShareAppMessage(() => {
    return getCommonShareMessage({ inviteCode, title: '数万名优质主播等你来挑', path: PageUrl.Anchor });
  });

  useDidShow(() => requestUnreadMessageCount());

+  const filters = useMemo(
+    () => ({
+      ...moreFilters,
+      topCategory: topCategory === JobType.All ? undefined : topCategory,
+      gender: gender === -1 ? undefined : gender,
+      employType,
+    }),
+    [moreFilters, gender, employType, topCategory]
+  );
  return (
    <HomePage type={PageType.Anchor}>
      {!!loading && <PageLoading className={`${PREFIX}__loading`} />}
@ -224,13 +271,27 @@ export default function AnchorPage() {
              </div>
            ))}
          </div>
-          <div className={classNames(`${PREFIX}__filter`)} onClick={handleClickSalarySelect}>
-            <div className="title">筛选</div>
-            {showFilter ? <ArrowUp /> : <ArrowDown />}
+          <div className={classNames(`${PREFIX}__filter`)}>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.gender)}>
+              <div className="title">{gender === GenderType.All ? '性别' : GENDER_TYPE_TITLE_MAP[gender]}</div>
+              {showFilter === FilterType.gender ? <ArrowUp /> : <ArrowDown />}
+            </div>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.employType)}>
+              <div className="title">{employType === EmployType.All ? '类型' : EMPLOY_TYPE_TITLE_MAP[employType]}</div>
+              {showFilter === FilterType.employType ? <ArrowUp /> : <ArrowDown />}
+            </div>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.topCategory)}>
+              <div className="title">{topCategory === JobType.All ? '品类' : JOB_TYPE_TITLE_MAP[topCategory]}</div>
+              {showFilter === FilterType.topCategory ? <ArrowUp /> : <ArrowDown />}
+            </div>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.more)}>
+              <div className="title">更多</div>
+              {showFilter === FilterType.more ? <ArrowUp /> : <ArrowDown />}
+            </div>
          </div>
        </div>
        <div className={`${PREFIX}__banner`}>
-          <PartnerBanner />
+          <PartnerBanner isBoss />
        </div>
        <ListWrapper
          filters={filters}
@ -243,12 +304,36 @@ export default function AnchorPage() {
          className={LIST_CONTAINER_CLASS}
        />
        <Overlay
-          visible={showFilter}
+          visible={showFilter === FilterType.gender}
          onClickOuter={handleHideFilter}
          outerClassName={`${PREFIX}__overlay-outer`}
          innerClassName={`${PREFIX}__overlay-inner`}
        >
-          <AnchorPicker value={filters} onConfirm={handleFilterChange} />
+          <GenderSelect value={gender} onSelect={handleChangeSelectGender} />
+        </Overlay>
+        <Overlay
+          visible={showFilter === FilterType.employType}
+          onClickOuter={handleHideFilter}
+          outerClassName={`${PREFIX}__overlay-outer`}
+          innerClassName={`${PREFIX}__overlay-inner`}
+        >
+          <EmployTypeSelect value={employType} onSelect={handleChangeSelectEmployType} />
+        </Overlay>
+        <Overlay
+          visible={showFilter === FilterType.topCategory}
+          onClickOuter={handleHideFilter}
+          outerClassName={`${PREFIX}__overlay-outer`}
+          innerClassName={`${PREFIX}__overlay-inner`}
+        >
+          <TopCategorySelect value={topCategory} onSelect={handleChangeSelectTopCategory} />
+        </Overlay>
+        <Overlay
+          visible={showFilter === FilterType.more}
+          onClickOuter={handleHideFilter}
+          outerClassName={`${PREFIX}__overlay-outer`}
+          innerClassName={`${PREFIX}__overlay-inner`}
+        >
+          <AnchorPicker value={moreFilters} onConfirm={handleFilterChange} />
        </Overlay>
      </div>
      <Popup
--- a/src/pages/give-vip/index.less
+++ b/src/pages/give-vip/index.less
@ -1 +1,130 @@
-.give-vip {}
+@import '@/styles/variables.less';
+@import '@/styles/common.less';
+
+.give-vip {
+  padding: 40px 24px 200px 24px;
+  &__hint {
+    font-size: 28px;
+    line-height: 48px;
+    color: @blColorG2;
+    gap: 12px;
+    .flex-row();
+    justify-content: center;
+  }
+  &__icon {
+    width: 65px;
+    height: 65px;
+  }
+  &__title {
+    margin-top: 24px;
+    font-weight: 500;
+    font-size: 40px;
+    line-height: 48px;
+    color: @blColor;
+    text-align: center;
+    flex: 0 1 auto;
+    gap: 12px;
+    .flex-row();
+    justify-content: center;
+    .highlight {
+      margin-left: -12px;
+      display: inline-block;
+      color: @blHighlightColor;
+    }
+  }
+  &__bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+  }
+  &__info {
+    &-block {
+      margin-top: 48px;
+    }
+    &-title {
+      font-weight: 500;
+      font-size: 32px;
+      line-height: 32px;
+      color: #1d2129;
+      margin-bottom: 24px;
+    }
+    &-card {
+      box-sizing: border-box;
+      background: #ffffff;
+      border-radius: 24px;
+      padding: 32px;
+    }
+    &-body {
+      font-weight: 400;
+      font-size: 28px;
+      line-height: 40px;
+      color: #333333;
+      margin-bottom: 32px;
+    }
+    &-img {
+      width: 100%;
+      height: 614px;
+    }
+  }
+  &__footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding: 12px 32px;
+    box-shadow: 0px -4px 20px 0px #00000014;
+    box-sizing: border-box;
+    background: #ffffff;
+  }
+
+  &__footer-body {
+    .flex-row();
+    justify-content: center;
+  }
+  &__button {
+    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
+    width: 400px;
+  }
+  &__coupon {
+    &-info {
+      position: relative;
+      margin-top: 32px;
+      padding: 24px;
+      box-sizing: border-box;
+      border-radius: 24px;
+
+      .flex-column();
+      justify-content: center;
+    }
+
+    &-title {
+      font-weight: 500;
+      font-size: 32px;
+      line-height: 48px;
+      color: @blHighlightColor;
+      margin-bottom: 8px;
+    }
+    &-intro {
+      font-size: 28px;
+      line-height: 40px;
+      margin-bottom: 12px;
+      color: @blColor;
+      gap: 4px;
+      .flex-row();
+      .highlight {
+        font-weight: 600;
+        font-size: 32px;
+        line-height: 56px;
+        color: @blHighlightColor;
+      }
+    }
+    &-valid {
+      font-size: 28px;
+      line-height: 40px;
+
+      color: @blColorG2;
+    }
+  }
+}
--- a/src/pages/give-vip/index.tsx
+++ b/src/pages/give-vip/index.tsx
@ -1,12 +1,103 @@
-import { Button } from '@taroify/core';
+import { Image, Button } from '@tarojs/components';
+import { useLoad } from '@tarojs/taro';

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

-export default function GiveVip() {
-  return <div className={PREFIX}></div>;
+enum State {
+  PENDING,
+  SUCCESS,
+  FAILED,
+}
+export default function GiveVip() {
+  const [state, setState] = useState<State>(State.PENDING);
+  const [expireAt, setExpireAt] = useState('');
+  const [usedBefore, setUsedBefore] = useState(false);
+  const handleNavigate = useCallback(() => {
+    switchTab(PageUrl.Job);
+  }, []);
+
+  useLoad(() => {
+    const query = getPageQuery<{ d: string }>();
+    const code = getCouponCodeFromQuery(query);
+    claimMembershipCoupon(code!)
+      .then(res => {
+        setUsedBefore(res.usedBefore);
+        setExpireAt(res.usageExpireAt);
+        setState(Date.now() > new Date(res.usageExpireAt).getTime() ? State.FAILED : State.SUCCESS);
+      })
+      .catch(err => {
+        console.error(err);
+        setState(State.FAILED);
+      });
+  });
+
+  return (
+    <div className={PREFIX}>
+      {state === State.SUCCESS && (
+        <Fragment>
+          <div className={`${PREFIX}__title`}>
+            <Image src="https://publiccdn.neighbourhood.com.cn/img/partner-yes.svg" className={`${PREFIX}__icon`} />
+            <div>{usedBefore ? '宝子，你已经领过了，下周再来' : '宝子，播络会员领取成功'}</div>
+          </div>
+          <div className={`${PREFIX}__coupon-info`}>
+            <Image src="https://publiccdn.neighbourhood.com.cn/img/parnet-share-bg.png" className={`${PREFIX}__bg`} />
+            <div className={`${PREFIX}__coupon-title`}>播络日会员</div>
+            <div className={`${PREFIX}__coupon-intro`}>
+              会员有效期内可增加<div className="highlight">10次</div>报单机会
+            </div>
+            <div className={`${PREFIX}__coupon-valid`}>
+              有效期至：{formatTime(expireAt, 'YYYY/MM/DD HH:mm:ss', false)}
+            </div>
+          </div>
+        </Fragment>
+      )}
+      {state === State.FAILED && (
+        <Fragment>
+          <div className={`${PREFIX}__hint`}>
+            <Image
+              src="https://publiccdn.neighbourhood.com.cn/img/link-invalid.svg"
+              mode="aspectFit"
+              className={`${PREFIX}__icon`}
+            />
+            <div className={`${PREFIX}__hint-title`}>宝子，链接已失效</div>
+          </div>
+          <div className={`${PREFIX}__title`}>
+            请联系分享人<div className="highlight">再次分享</div>
+          </div>
+        </Fragment>
+      )}
+      <div className={`${PREFIX}__info-block`}>
+        <div className={`${PREFIX}__info-title`}>播络简介</div>
+        <div className={`${PREFIX}__info-card`}>
+          <div className={`${PREFIX}__info-body`}>
+            播络通告整理汇集了本地每日新增带货主播通告，方便大家及时找到高薪工作
+          </div>
+          <Image
+            className={`${PREFIX}__info-img`}
+            src="https://publiccdn.neighbourhood.com.cn/img/partner-share-coupon-img.png"
+            mode="heightFix"
+          />
+        </div>
+      </div>
+      <div className={`${PREFIX}__footer`}>
+        <div className={`${PREFIX}__footer-body`}>
+          <Button className={`${PREFIX}__button`} onClick={handleNavigate}>
+            立即使用
+          </Button>
+        </div>
+        <SafeBottomPadding />
+      </div>
+    </div>
+  );
 }
--- a/src/pages/group-owner-certification/index.config.ts
+++ b/src/pages/group-owner-certification/index.config.ts
@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '群主认证',
+  enableShareAppMessage: true,
+});
--- a/src/pages/group-owner-certification/index.less
+++ b/src/pages/group-owner-certification/index.less
@ -0,0 +1,129 @@
+@import '@/styles/common.less';
+@import '@/styles/variables.less';
+
+.group-owner-certification {
+  &__tabs {
+    --tabs-active-color: @blHighlightColor;
+    --tabs-nav-background-color: #fff;
+    --tabs-wrap-height: 98px;
+
+    > .taroify-tabs__wrap {
+      position: fixed;
+      width: 100vw;
+      top: 0;
+      left: 0;
+      z-index: 2;
+    }
+
+    > .taroify-tabs__content {
+      padding-top: var(--tabs-wrap-height);
+    }
+  }
+
+  &__main {
+    padding-left: 24px;
+    padding-right: 24px;
+    padding-top: 48px;
+    padding-bottom: calc(48px + constant(safe-area-inset-bottom));
+    padding-bottom: calc(48px + env(safe-area-inset-bottom));
+  }
+
+  &__block {
+    margin-bottom: 40px;
+  }
+
+  &__card {
+    background: #fff;
+    border-radius: 24px;
+    padding: 24px 32px;
+    margin-bottom: 48px;
+  }
+
+  &__bold {
+    font-weight: 500;
+    margin-bottom: 8px;
+  }
+
+  &__body {
+    font-weight: 400;
+    font-size: 28px;
+    line-height: 40px;
+    color: @blColor;
+
+    .highlight {
+      color: @blHighlightColor;
+    }
+
+    &.center {
+      text-align: center;
+    }
+  }
+
+  &__title {
+    margin-bottom: 24px;
+    font-weight: 500;
+    font-size: 32px;
+    line-height: 32px;
+
+    color: #1d2129;
+  }
+
+  &__share {
+    .button(@height: 72px; @width: 384px; @fontSize: 28px; @fontWeight: 400; @borderRadius: 44px; @highlight: 0);
+    margin-top: 32px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  &__lined-wrapper {
+    text-align: center;
+    margin-top: 48px;
+    margin-bottom: 24px;
+  }
+  &__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%;
+    }
+  }
+  &__city-select {
+    background: #F7F7F7;
+    border-radius: 16px;
+    padding: 34px 32px;
+    font-weight: 400;
+    font-size: 32px;
+    line-height: 32px;
+    color: #333333;
+    display: flex;
+    justify-content: space-between;
+  }
+  &__qrcode {
+    width: 280px;
+    height: 280px;
+    background: #6F7686;
+    display: block;
+    margin: auto auto 24px;
+  }
+}
--- a/src/pages/group-owner-certification/index.tsx
+++ b/src/pages/group-owner-certification/index.tsx
@ -0,0 +1,130 @@
+import { Button, Image } from '@tarojs/components';
+import Taro, { useShareAppMessage } from '@tarojs/taro';
+
+import { Tabs } from '@taroify/core';
+import { Arrow } from '@taroify/icons';
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+import GroupCertificationList from '@/components/group-certification-list';
+import { EventName, OpenSource, PageUrl } from '@/constants/app';
+import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
+import useInviteCode from '@/hooks/use-invite-code';
+import useLocation from '@/hooks/use-location';
+import { StaffInfo } from '@/types/partner';
+import { generateGroupAuthCode, getStaffInfo } from '@/utils/partner';
+import { navigateTo } from '@/utils/route';
+import { getCommonShareMessage } from '@/utils/share';
+import './index.less';
+
+const PREFIX = 'group-owner-certification';
+
+export default function GroupOwnerCertification() {
+  const location = useLocation();
+  const inviteCode = useInviteCode();
+  const [cityCode, setCityCode] = useState<string>(location.cityCode);
+  const cityValuesChangedRef = useRef(false);
+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+  useShareAppMessage(async () => {
+    const { authCode } = await generateGroupAuthCode();
+    return getCommonShareMessage({
+      useCapture: false,
+      title: `我在认证群主，宝子帮我点击下 ${authCode}`,
+      inviteCode,
+      params: { authCode },
+      path: PageUrl.Job,
+      imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-group-owner-certificate.png',
+    });
+  });
+
+  const handleClickCityMenu = useCallback(() => {
+    navigateTo(PageUrl.CitySearch, { city: cityCode, source: OpenSource.GroupOwnerCertificate });
+  }, [cityCode]);
+
+  const handleCityChange = useCallback(data => {
+    console.log('handleCityChange', data);
+    const { openSource, cityCode: cCode } = data;
+    if (openSource !== OpenSource.GroupOwnerCertificate) {
+      return;
+    }
+    cityValuesChangedRef.current = true;
+    setCityCode(cCode);
+  }, []);
+
+  useEffect(() => {
+    if (cityValuesChangedRef.current) {
+      return;
+    }
+    setCityCode(location.cityCode);
+  }, [location]);
+  useEffect(() => {
+    Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
+    return () => {
+      Taro.eventCenter.off(EventName.SELECT_CITY, handleCityChange);
+    };
+  }, [handleCityChange]);
+
+  const [staffInfo, setStaffInfo] = useState<StaffInfo | null>(null);
+  useEffect(() => {
+    getStaffInfo(cityCode)
+      .then(data => {
+        setStaffInfo(data);
+      })
+      .catch(() => {
+        setStaffInfo(null);
+      });
+  }, [cityCode]);
+
+  return (
+    <div className={PREFIX}>
+      <Tabs className={`${PREFIX}__tabs`}>
+        <Tabs.TabPane value={0} title="认证方法">
+          <div className={`${PREFIX}__main`}>
+            <div className={`${PREFIX}__block`}>
+              <div className={`${PREFIX}__title`}>第一步：拉运营入群</div>
+              <div className={`${PREFIX}__card`}>
+                <div className={`${PREFIX}__body`}>
+                  <div>拉播络城市运营进入你的带货主播群，</div>
+                  <div>请确认你是群主且是带货主播群，不然不要拉</div>
+                </div>
+                <div className={`${PREFIX}__lined-wrapper`}>
+                  <div className={`${PREFIX}__lined-title`}>选择城市，添加运营</div>
+                </div>
+                <div className={`${PREFIX}__city-select`} onClick={handleClickCityMenu}>
+                  {CITY_CODE_TO_NAME_MAP.get(cityCode)}
+                  <Arrow size={16} />
+                </div>
+                <div className={`${PREFIX}__lined-wrapper`}>
+                  <div className={`${PREFIX}__lined-title`}>长按并识别二维码添加运营</div>
+                </div>
+                {staffInfo && (
+                  <Image
+                    className={`${PREFIX}__qrcode`}
+                    src={staffInfo.staffQrCode}
+                    showMenuByLongpress
+                    mode="aspectFill"
+                  />
+                )}
+              </div>
+              <div className={`${PREFIX}__title`}>第二步</div>
+              <div className={`${PREFIX}__card`}>
+                <div className={`${PREFIX}__h1 ${PREFIX}__bold`}>点击以下按钮分享小程序到群，并在群里打开小程序</div>
+                <div className={`${PREFIX}__body`}>
+                  <div className="highlight">1次分享只能认证一个群，有多个群请分享多次，不可在微信聊天里直接转发；</div>
+                  <div>一般1天内完成，超时未完成认证请重新分享或者咨询运营</div>
+                </div>
+                <Button className={`${PREFIX}__share`} openType="share">
+                  分享小程序
+                </Button>
+              </div>
+            </div>
+          </div>
+        </Tabs.TabPane>
+        <Tabs.TabPane value={1} title="已认证的群">
+          <GroupCertificationList />
+        </Tabs.TabPane>
+      </Tabs>
+    </div>
+  );
+}
--- a/src/pages/group-v2/index.tsx
+++ b/src/pages/group-v2/index.tsx
@ -5,7 +5,7 @@ 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 useCityOperators from '@/hooks/use-city-operators';
 import useInviteCode from '@/hooks/use-invite-code';
 import { switchRoleType } from '@/utils/app';
 import { openCustomerServiceChat } from '@/utils/common';
@ -20,6 +20,7 @@ const PREFIX = 'group-v2-page';

 export default function GroupV2() {
  const inviteCode = useInviteCode();
+  const cityOperators = useCityOperators();

  useLoad(() => {
    switchRoleType(RoleType.Anchor);
@ -32,15 +33,18 @@ export default function GroupV2() {
    getCommonShareMessage({ inviteCode, title: '邀请你加入本地主播求职招聘群', path: PageUrl.GroupV2 })
  );

-  const handleSelectCity = useCallback(cityCode => {
-    if (!checkCityCode(cityCode)) {
-      return;
-    }
-    const group = GROUPS.find(g => String(g.cityCode) === cityCode);
-    if (group) {
-      openCustomerServiceChat(group.serviceUrl);
-    }
-  }, []);
+  const handleSelectCity = useCallback(
+    cityCode => {
+      if (!checkCityCode(cityCode)) {
+        return;
+      }
+      const group = cityOperators.find(g => String(g.cityCode) === cityCode);
+      if (group) {
+        openCustomerServiceChat(group.groupLink);
+      }
+    },
+    [cityOperators]
+  );

  return (
    <HomePage type={PageType.GroupV2}>
--- a/src/pages/group/index.tsx
+++ b/src/pages/group/index.tsx
@ -1,4 +1,4 @@
-import { useShareAppMessage } from '@tarojs/taro';
+import Taro, { useShareAppMessage } from '@tarojs/taro';

 import { Tabs } from '@taroify/core';
 import { useCallback, useState } from 'react';
@ -20,6 +20,10 @@ export default function Group() {

  const handleTypeChange = useCallback(value => setTabType(value), []);

+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
  useShareAppMessage(() => getCommonShareMessage());

  return (
--- a/src/pages/job-detail/index.tsx
+++ b/src/pages/job-detail/index.tsx
@ -200,7 +200,9 @@ const CompanyFooter = (props: { data: JobDetails }) => {
      const errorCode = e.errorCode;
      const errorMsg = e.info?.() || e.message;
      collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId: data.id, error: e.info?.() || e.message });
-      if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
+      if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_FREE_BALANCE) {
+        setShowBuy(true);
+      } else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
        Toast.info('您购买的产品已耗尽使用次数');
        setShowBuy(true);
      } else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
@ -295,7 +297,9 @@ export default function JobDetail() {
      Toast.error('出错了，请重试');
    }
  });
-
+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
  useShareAppMessage(() => {
    if (!data) {
      return getCommonShareMessage({ inviteCode });
--- a/src/pages/job/index.less
+++ b/src/pages/job/index.less
@ -23,5 +23,24 @@
      background-color: @blTabLineColor;
      border-radius: 0;
    }
+
+    .taroify-dialog.taroify-popup {
+      position: absolute;
+    }
  }
-}
+
+  &__tab-icon {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background: rgba(255, 80, 81, 0.16);
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 8px;
+    > image {
+      width: 14.4px;
+      height: 19.2px;
+    }
+  }
+}
--- a/src/pages/job/index.tsx
+++ b/src/pages/job/index.tsx
@ -1,3 +1,4 @@
+import { Image } from '@tarojs/components';
 import Taro, { useDidShow, useLoad, useShareAppMessage } from '@tarojs/taro';

 import { Tabs } from '@taroify/core';
@ -132,6 +133,10 @@ export default function Job() {

  useDidShow(() => requestUnreadMessageCount());

+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
  useShareAppMessage(() => {
    if (sortType === SortType.CREATE_TIME) {
      return {
@ -152,7 +157,20 @@ export default function Job() {
        style={{ height: barHeight.current, paddingTop: statusBarHeight.current }}
      >
        {JOB_PAGE_TABS.map(tab => (
-          <Tabs.TabPane value={tab.type} title={tab.title} key={tab.type}>
+          <Tabs.TabPane
+            value={tab.type}
+            title={
+              <>
+                {tab.type === JobSourceType.BL ? (
+                  <div className={`${PREFIX}__tab-icon`}>
+                    <Image src="https://publiccdn.neighbourhood.com.cn/img/lightning.svg" />
+                  </div>
+                ) : null}
+                {tab.title}
+              </>
+            }
+            key={tab.type}
+          >
            <JobFragment
              cityCode={cityCode}
              sortType={sortType}
--- 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, RoleType } from '@/constants/app';
+import { EventName } from '@/constants/app';
 import { CollectEventName } from '@/constants/event';
 import { MaterialStatus } from '@/constants/material';
 import ProfileViewFragment from '@/fragments/profile/view';
@ -15,9 +15,7 @@ import { collectEvent } from '@/utils/event';
 import { getMaterialShareMessage, requestProfileDetail, updateProfileStatus } from '@/utils/material';
 import { getCommonShareMessage } from '@/utils/share';
 import Toast from '@/utils/toast';
-
 import './index.less';
-import { switchRoleType } from '@/utils/app';

 const PREFIX = 'page-material-profile';

--- a/src/pages/material-view/index.tsx
+++ b/src/pages/material-view/index.tsx
@ -9,13 +9,17 @@ import PageLoading from '@/components/page-loading';
 import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
 import { EventName, OpenSource, PageUrl, RoleType } from '@/constants/app';
+import { CertificationStatusType } from '@/constants/company';
 import { CollectEventName } from '@/constants/event';
 import { JobManageStatus } from '@/constants/job';
 import { MaterialViewSource } from '@/constants/material';
 import ProfileViewFragment from '@/fragments/profile/view';
 import useInviteCode from '@/hooks/use-invite-code';
+import useUserInfo from '@/hooks/use-user-info';
 import { RESPONSE_ERROR_CODE } from '@/http/constant';
 import { HttpError } from '@/http/error';
+import store from '@/store';
+import { cacheJobId } from '@/store/actions';
 import { JobManageInfo } from '@/types/job';
 import { MaterialProfile } from '@/types/material';
 import { IJobMessage } from '@/types/message';
@ -29,10 +33,6 @@ import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
 import { getPageQuery, navigateBack, navigateTo, redirectTo } from '@/utils/route';
 import Toast from '@/utils/toast';
 import './index.less';
-import useUserInfo from '@/hooks/use-user-info';
-import { CertificationStatusType } from '@/constants/company';
-import store from '@/store';
-import { cacheJobId } from '@/store/actions';

 const PREFIX = 'page-material-view';

@ -199,6 +199,10 @@ export default function MaterialViewPage() {
    }
  });

+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
  useShareAppMessage(async () => {
    const shareMessage = await getMaterialShareMessage(profile, true, inviteCode, jobId);
    return shareMessage as BL.Anything;
--- a/src/pages/partner-share-vip/index.config.ts
+++ b/src/pages/partner-share-vip/index.config.ts
@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '赠送会员',
+});
--- a/src/pages/partner-share-vip/index.less
+++ b/src/pages/partner-share-vip/index.less
@ -0,0 +1,182 @@
+@import '@/styles/variables.less';
+@import '@/styles/common.less';
+
+.share-vip {
+  background: #eae5fb;
+  padding-top: 200px;
+  position: relative;
+  padding-bottom: calc(142px + constant(safe-area-inset-bottom));
+  padding-bottom: calc(142px + env(safe-area-inset-bottom));
+
+  &__bg {
+    width: 100%;
+    height: 705px;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  &__slogan {
+    top: 66px;
+    left: 44px;
+    position: absolute;
+    font-family: 'Alimama ShuHeiTi';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 44px;
+    line-height: 62px;
+    color: #333333;
+
+    > div {
+      margin-bottom: 12px;
+    }
+
+    &-highlight {
+      display: inline-block;
+      padding-left: 12px;
+      padding-right: 9px;
+      font-size: 64px;
+      line-height: 62px;
+      background: linear-gradient(87.53deg, #683DE3 0.4%, #39227D 84.55%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      text-fill-color: transparent;
+    }
+  }
+
+  &__main {
+    padding-left: 24px;
+    padding-right: 24px;
+    position: relative;
+    z-index: 1;
+  }
+
+  &__highlight {
+    color: @blHighlightColor;
+    font-family: 'DIN Alternate';
+    padding: 0 8px;
+    font-weight: 700;
+    display: inline-block;
+    font-size: 40px;
+  }
+
+  &__block {
+    margin-bottom: 12px;
+    position: relative;
+  }
+
+  &__card {
+    background: #fff;
+    border-radius: 24px;
+    padding: 68px 32px 44px;
+  }
+
+  &__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;
+    }
+
+    &:after {
+      content: '';
+      width: 28px;
+      height: 28px;
+      background: #ffd236;
+      border-radius: 50%;
+      position: absolute;
+      left: -6px;
+      top: -3px;
+      z-index: -1;
+    }
+  }
+
+  &__body {
+    font-weight: 400;
+    font-size: 28px;
+    line-height: 40px;
+    color: @blColor;
+
+    &.grey {
+      color: @blColorG2;
+    }
+
+    &.center {
+      text-align: center;
+    }
+  }
+
+  &__title {
+    margin-left: 48px;
+    margin-right: 48px;
+    font-weight: 500;
+    font-size: 32px;
+    line-height: 80px;
+    height: 80px;
+    transform: translateY(50%);
+    background: #ffd236;
+    box-shadow: 0px 12px 0px #ffa35d;
+    border-radius: 60px;
+    color: #1d2129;
+    text-align: center;
+    position: relative;
+  }
+
+  &__service {
+    .button(@height: 72px; @width: 384px; @fontSize: 28px; @fontWeight: 400; @borderRadius: 44px; @highlight: 0);
+    margin-top: 32px;
+  }
+
+  &__tip {
+    margin-top: 24px;
+    font-size: 24px;
+    line-height: 40px;
+    color: #999999;
+  }
+
+  &__footer {
+    position: fixed;
+    bottom: 0;
+    z-index: 2;
+    width: 100vw;
+    background: #ffffff;
+    padding: 12px 32px;
+    padding-bottom: calc(constant(safe-area-inset-bottom) + 12px);
+    /* 兼容 iOS < 11.2 */
+    padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
+    /* 兼容 iOS >= 11.2 */
+    box-shadow: 0px -4px 20px 0px #00000014;
+
+    display: flex;
+    flex-direction: row;
+    box-sizing: border-box;
+    justify-content: center;
+  }
+
+  &__download-button {
+    flex: 1 1;
+    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px; @highlight: 0);
+  }
+
+  &__share-button {
+    flex: 2 2;
+    width: 406px;
+    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
+    margin-left: 32px;
+  }
+}
+
+#posterCanvas {
+  position: fixed;
+  bottom: -99999px;
+  left: -99999px;
+  visibility: hidden;
+}
--- a/src/pages/partner-share-vip/index.tsx
+++ b/src/pages/partner-share-vip/index.tsx
@ -0,0 +1,191 @@
+import { Button, Canvas, Image } from '@tarojs/components';
+import Taro, { useShareAppMessage } from '@tarojs/taro';
+
+import { PageUrl } from '@/constants/app';
+import useInviteCode from '@/hooks/use-invite-code';
+import { generateMembershipCoupon, getCouponQrCode } from '@/utils/coupon';
+import { getCommonShareMessage } from '@/utils/share';
+
+import './index.less';
+
+const PREFIX = 'share-vip';
+
+export default function PartnerShareVip() {
+  const inviteCode = useInviteCode();
+
+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
+  useShareAppMessage(async () => {
+    console.log('Partner inviteCode', inviteCode);
+    const { code } = await generateMembershipCoupon();
+    return getCommonShareMessage({
+      useCapture: false,
+      inviteCode,
+      title: '宝子，送你个播络会员，免费找主播工作',
+      path: PageUrl.GiveVip,
+      params: { d: code },
+      imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-coupon1.png',
+    });
+  });
+
+  const getQrcode = async () => {
+    try {
+      const { code } = await generateMembershipCoupon();
+      const data = await getCouponQrCode(code);
+      const base64 = Taro.arrayBufferToBase64(data);
+      return `data:image/png;base64,${base64}`;
+    } catch (error) {
+      console.error('获取二维码失败', error);
+      Taro.showToast({ title: '获取二维码失败', icon: 'none' });
+      throw error;
+    }
+  };
+  const saveCanvasToTempFile = (): Promise<string> => {
+    return new Promise((resolve, reject) => {
+      try {
+        const query = Taro.createSelectorQuery().select('#posterCanvas');
+        query.fields({ node: true }).exec(async res => {
+          const canvas = res[0].node;
+          const tempFilePath = await Taro.canvasToTempFilePath({
+            canvas,
+            x: 0,
+            y: 0,
+            width: 1500, // 实际绘制宽度
+            height: 2668, // 实际绘制高度
+            destWidth: 750, // 目标显示宽度
+            destHeight: 1334, // 目标显示高度
+            fileType: 'png',
+          });
+
+          resolve(tempFilePath.tempFilePath);
+        });
+      } catch (error) {
+        console.error('保存 Canvas 到临时文件失败', error);
+        Taro.showToast({ title: '保存 Canvas 失败', icon: 'none' });
+        reject(error);
+      }
+    });
+  };
+  const drawCanvas = (qrCode: string): Promise<string> => {
+    const query = Taro.createSelectorQuery().select('#posterCanvas');
+    return new Promise(resolve => {
+      query.fields({ node: true, size: true }).exec(async res => {
+        const canvas = res[0].node;
+        const ctx = canvas.getContext('2d');
+
+        canvas.width = 550 * 2;
+        canvas.height = 918 * 2;
+        ctx.scale(2, 2);
+
+        // 绘制背景图片
+        const bgImage = canvas.createImage();
+        const poster = 'https://publiccdn.neighbourhood.com.cn/img/share-coupon-poster2.png';
+        bgImage.src = poster;
+        bgImage.onload = () => {
+          ctx.drawImage(bgImage, 0, 0, 550, 918);
+
+          const qrCodeImage = canvas.createImage();
+          qrCodeImage.src = qrCode; // 假设 getQrcode() 返回的是二维码图片的路径
+          qrCodeImage.onload = () => {
+            ctx.drawImage(qrCodeImage, 196, 600, 180, 160); // 绘制二维码，位置和大小
+            saveCanvasToTempFile().then(tempPath => {
+              resolve(tempPath);
+            });
+          };
+        };
+        bgImage.onerror = err => {
+          console.error(err);
+        };
+      });
+    });
+  };
+  const savePoster = async () => {
+    Taro.showLoading({ title: '正在生成海报' });
+    const qrCode = await getQrcode();
+    const filePath = await drawCanvas(qrCode);
+    Taro.hideLoading();
+
+    const res = await Taro.getSetting();
+    const hasPermission = res.authSetting['scope.writePhotosAlbum'];
+    if (hasPermission === false) {
+      Taro.showModal({
+        title: '提示',
+        content: '需要访问相册权限才能保存图片，请前往设置开启权限',
+        showCancel: false,
+        success() {
+          Taro.openSetting();
+        },
+      });
+    } else {
+      try {
+        await Taro.authorize({ scope: 'scope.writePhotosAlbum' });
+        await Taro.saveImageToPhotosAlbum({ filePath });
+        Taro.showToast({ title: '保存成功', icon: 'success' });
+      } catch (error) {
+        console.error(error);
+        Taro.showToast({ title: '保存失败', icon: 'none' });
+      }
+    }
+  };
+
+  return (
+    <div className={PREFIX}>
+      <Image
+        src="https://publiccdn.neighbourhood.com.cn/img/partner-share-vip-bg.png"
+        className={`${PREFIX}__bg`}
+        mode="aspectFill"
+      />
+      <div className={`${PREFIX}__slogan`}>
+        <div>
+          会员可每日<div className={`${PREFIX}__slogan-highlight`}>免费查看</div>
+        </div>
+        <div>通告联系方式</div>
+      </div>
+      <div className={`${PREFIX}__main`}>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__title`}>赠送会员</div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__h1`}>方法一：</div>
+            <div className={`${PREFIX}__body`}>点击下方&#34;立即赠送&#34;即可分享赠送卡片，对方点击卡片即可领取</div>
+            <div className={`${PREFIX}__h1`}>方法二：</div>
+            <div className={`${PREFIX}__body`}>点击&#34;朋友圈海报&#34;获得图片，分享到朋友圈，对方扫码即可领取</div>
+          </div>
+        </div>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__title`}>赠送规则</div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__body`}>
+              <div className={`${PREFIX}__h1`}>规则一：</div>
+              <div>每次分享的赠送链接或者图片在7天内有效</div>
+              <div className={`${PREFIX}__h1`}>规则二：</div>
+              <div>每个用户一周最多只能领取一次会员</div>
+            </div>
+          </div>
+        </div>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__title`}>分享建议</div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__body`}>
+              <div className={`${PREFIX}__h1`}>建议一：</div>
+              <div>每周在朋友圈或者群中分享一次，效果最佳 可以写明：新会员来啦</div>
+              <div className={`${PREFIX}__h1`}>建议二：</div>
+              <div>分享得越多，邀请的人会越多，也会更活跃，更容易获得分成</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <Canvas id="posterCanvas" canvas-id="posterCanvas" type="2d" style="width: 750px; height: 1334px;" />
+
+      <div className={`${PREFIX}__footer`}>
+        <Button className={`${PREFIX}__download-button`} onClick={savePoster}>
+          朋友圈海报
+        </Button>
+        <Button className={`${PREFIX}__share-button`} openType="share">
+          立即赠送
+        </Button>
+      </div>
+    </div>
+  );
+}
--- a/src/pages/partner/index.tsx
+++ b/src/pages/partner/index.tsx
@ -1,4 +1,4 @@
-import { useShareAppMessage } from '@tarojs/taro';
+import Taro, { useShareAppMessage } from '@tarojs/taro';

 import { Tabs } from '@taroify/core';
 import { useState } from 'react';
@ -6,6 +6,7 @@ import { useState } from 'react';
 import PartnerIntro from '@/components/partner-intro';
 import PartnerInviteList from '@/components/partner-invite-list';
 import PartnerProfit from '@/components/partner-profit';
+import { PageUrl } from '@/constants/app';
 import useInviteCode from '@/hooks/use-invite-code';
 import { getCommonShareMessage } from '@/utils/share';
 import './index.less';
@ -18,9 +19,29 @@ export default function Partner() {
  const handleChange = v => {
    setTab(v);
  };
-  useShareAppMessage(() => {
+
+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
+  useShareAppMessage(async () => {
    console.log('Partner inviteCode', inviteCode);
-    return getCommonShareMessage({ useCapture: false, inviteCode });
+    // const { code } = await generateMembershipCoupon();
+    // return getCommonShareMessage({
+    //   useCapture: false,
+    //   inviteCode,
+    //   title: '宝子，送你个播络会员，免费找主播工作',
+    //   path: PageUrl.GiveVip,
+    //   params: { d: code },
+    //   imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-coupon1.png',
+    // });
+    return getCommonShareMessage({
+      useCapture: false,
+      inviteCode,
+      title: '播络专业主播招聘平台招募合伙人',
+      path: PageUrl.Partner,
+      imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-partner.png',
+    });
  });

  return (
--- a/src/pages/protocol-webview/index.tsx
+++ b/src/pages/protocol-webview/index.tsx
@ -5,5 +5,7 @@ import Toast from '@/utils/toast';
 import './index.less';

 export default function ProtocolWebview() {
-  return <WebView src="https://neighbourhood.cn/user-agreement.html" onError={() => Toast.error('加载失败请重试')} />;
+  return (
+    <WebView src="https://neighbourhood.cn/user-agreement.html?t=1" onError={() => Toast.error('加载失败请重试')} />
+  );
 }
--- a/src/pages/user-batch-publish/index.tsx
+++ b/src/pages/user-batch-publish/index.tsx
@ -7,7 +7,7 @@ import { useCallback, useState } 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 useCityOperators from '@/hooks/use-city-operators';
 import useInviteCode from '@/hooks/use-invite-code';
 import { switchRoleType } from '@/utils/app';
 import { openCustomerServiceChat } from '@/utils/common';
@ -23,6 +23,7 @@ const EXAMPLE_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-examp
 const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comments.png';
 export default function BizService() {
  const inviteCode = useInviteCode();
+  const cityOperators = useCityOperators();
  const [value, setValue] = useState('0');

  const handleClickDelegate = useCallback(() => {
@ -37,15 +38,18 @@ export default function BizService() {
  const handleOpenService = useCallback(() => {
    openCustomerServiceChat('https://work.weixin.qq.com/kfid/kfcd60708731367168d');
  }, []);
-  const handleSelectCity = useCallback(cityCode => {
-    if (!checkCityCode(cityCode)) {
-      return;
-    }
-    const group = GROUPS.find(g => String(g.cityCode) === cityCode);
-    if (group) {
-      openCustomerServiceChat(group.serviceUrl);
-    }
-  }, []);
+  const handleSelectCity = useCallback(
+    cityCode => {
+      if (!checkCityCode(cityCode)) {
+        return;
+      }
+      const group = cityOperators.find(g => String(g.cityCode) === cityCode);
+      if (group) {
+        openCustomerServiceChat(group.groupLink);
+      }
+    },
+    [cityOperators]
+  );
  const handleChange = useCallback(v => {
    setValue(v);
  }, []);
@ -59,6 +63,10 @@ export default function BizService() {
    }
  });

+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
  useShareAppMessage(() =>
    getCommonShareMessage({
      inviteCode,
--- a/src/pages/user/index.less
+++ b/src/pages/user/index.less
@ -69,19 +69,23 @@
  }

  &__header__contact {
-    width: 60px;
-    height: 60px;
-    border-radius: 50%;
-    background: #0000004D;
+    width: 76px;
+    height: 81px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
+    background: transparent;
+    border: none;
+
+    &:after {
+      border: none;
+    }
  }

  &__header__contact-icon {
-    width: 36px;
-    height: 36px;
+    width: 76px;
+    height: 81px;
  }
 }
--- a/src/pages/user/index.tsx
+++ b/src/pages/user/index.tsx
@ -65,7 +65,7 @@ export default function User() {
            <Image
              mode="aspectFit"
              className={`${PREFIX}__header__contact-icon`}
-              src={require('@/statics/svg/contact.svg')}
+              src="https://publiccdn.neighbourhood.com.cn/img/kefu.svg"
            />
          </Button>
        </div>
--- a/src/pages/withdraw-record/index.tsx
+++ b/src/pages/withdraw-record/index.tsx
@ -1,4 +1,4 @@
-import { useShareAppMessage } from '@tarojs/taro';
+import Taro, { useShareAppMessage } from '@tarojs/taro';

 import { List, PullRefresh } from '@taroify/core';
 import { useCallback, useEffect, useRef, useState } from 'react';
@ -90,6 +90,11 @@ export default function WithdrawRecords() {
    };
    refresh();
  }, []);
+
+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
  useShareAppMessage(() => {
    return getCommonShareMessage({ useCapture: false, inviteCode });
  });
--- a/src/store/actions/app.ts
+++ b/src/store/actions/app.ts
@ -1,10 +1,13 @@
 import { RoleType, PageType } from '@/constants/app';
 import { LocationInfo } from '@/types/location';
+import { AppState } from '@/types/store';

-import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO } from '../constants';
+import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO, SET_SERVICE_URLS } from '../constants';

 export const changeRoleType = (value: RoleType) => ({ type: CHANGE_ROLE_TYPE, value });

 export const changeHomePage = (value: PageType) => ({ type: CHANGE_HOME_PAGE, value });

 export const setLocationInfo = (value: LocationInfo) => ({ type: SET_LOCATION_INFO, value });
+
+export const setCityOperators = (value: AppState['cityOperators']) => ({ type: SET_SERVICE_URLS, value });
--- a/src/store/constants.ts
+++ b/src/store/constants.ts
@ -6,3 +6,4 @@ export const SET_BIND_PHONE = 'SET_BIND_PHONE';
 export const SET_USER_MESSAGE = 'SET_USER_MESSAGE';
 export const SET_INVITE_CODE = 'SET_INVITE_CODE';
 export const SET_JOB_ID = 'SET_JOB_ID';
+export const SET_SERVICE_URLS = 'SET_SERVICE_URLS';
--- a/src/store/reducers/app.ts
+++ b/src/store/reducers/app.ts
@ -7,7 +7,7 @@ import { CacheKey } from '@/constants/cache-key';
 import { LocationInfo } from '@/types/location';
 import { AppState } from '@/types/store';

-import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO } from '../constants';
+import { CHANGE_ROLE_TYPE, CHANGE_HOME_PAGE, SET_LOCATION_INFO, SET_SERVICE_URLS } from '../constants';

 const DEFAULT_LOCATION: LocationInfo = {
  provinceCode: '440000',
@ -23,6 +23,7 @@ const INIT_STATE: AppState = {
  roleType: defaultAppMode,
  homePageType: defaultAppMode === RoleType.Company ? PageType.Anchor : PageType.JOB,
  location: Taro.getStorageSync<LocationInfo>(CacheKey.CACHE_LOCATION_INFO) || DEFAULT_LOCATION,
+  cityOperators: [],
 };

 const appState = (state: AppState = INIT_STATE, action: Action): AppState => {
@ -33,6 +34,8 @@ const appState = (state: AppState = INIT_STATE, action: Action): AppState => {
      return { ...state, roleType: value };
    case CHANGE_HOME_PAGE:
      return { ...state, homePageType: value };
+    case SET_SERVICE_URLS:
+      return { ...state, cityOperators: value };
    case SET_LOCATION_INFO:
      Taro.setStorageSync(CacheKey.CACHE_LOCATION_INFO, value);
      return { ...state, location: value };
--- a/src/store/selector/app.ts
+++ b/src/store/selector/app.ts
@ -5,3 +5,5 @@ export const selectRoleType = (state: IState) => state.appState.roleType;
 export const selectHomePageType = (state: IState) => state.appState.homePageType;

 export const selectLocation = (state: IState) => state.appState.location;
+
+export const selectCityOperators = (state: IState) => state.appState.cityOperators || {};
--- a/src/types/coupon.ts
+++ b/src/types/coupon.ts
@ -0,0 +1,11 @@
+export type ClaimMembershipCouponResponse = {
+  code: string;
+  usedBefore: boolean;
+  usageExpireAt: string;
+};
+
+export type GenerateMembershipCouponResponse = {
+  code: string;
+  linkExpireAt: string;
+  shareUrl: string;
+};
--- a/src/types/location.ts
+++ b/src/types/location.ts
@ -20,3 +20,14 @@ export interface GetCityCodeRequest {
  latitude: number; // 纬度，浮点数，范围为-90~90，负数表示南纬
  longitude: number; // 经度，范围为-180~180，负数表示西经
 }
+
+export interface CityOperatorListItem {
+  id: number;
+  staffId: number;
+  staffName: string;
+  cityName: string;
+  cityCode: string;
+  groupLink: string;
+  created: string;
+  updated: string;
+}
--- a/src/types/material.ts
+++ b/src/types/material.ts
@ -101,6 +101,7 @@ export interface IAnchorFilters {
  lowPriceForPartyTime?: number;
  highPriceForPartyTime?: number;
  category?: string;
+  topCategory?: string;
  readType?: AnchorReadType;
 }

--- a/src/types/partner.ts
+++ b/src/types/partner.ts
@ -87,3 +87,41 @@ export interface PartnerPagination<T> {
  content: T[];
  totalPages: number;
 }
+export enum EarnType {
+  ORDER_PAYMENT_SHARE_L1 = 'ORDER_PAYMENT_SHARE_L1',
+  ORDER_PAYMENT_SHARE_L2 = 'ORDER_PAYMENT_SHARE_L2',
+  CHAT_ACTIVITY_SHARE_L1 = 'CHAT_ACTIVITY_SHARE_L1',
+  CHAT_ACTIVITY_SHARE_L2 = 'CHAT_ACTIVITY_SHARE_L2',
+  OTHER = 'OTHER',
+}
+export interface UserProfitListItem {
+  userId: string;
+  total: number;
+  earnType: EarnType;
+  amount: number;
+  updatedAt: string;
+}
+export interface GroupAuthCode {
+  shareUserId: string;
+  authCode: string;
+}
+export interface AuthedGroupInfo {
+  userId: string;
+  openGid: string;
+  groupId: string;
+  groupName: string;
+  groupAvatar: string;
+  authDate: string;
+}
+export interface DecryptOpenGidBody {
+  authCode?: string;
+  inviteCode?: string;
+  encryptedData: string;
+  iv: string;
+}
+export interface StaffInfo {
+  id: number;
+  staffName: string;
+  staffQrCode: string;
+  isDefault: 0 | 1;
+}
--- a/src/types/store.ts
+++ b/src/types/store.ts
@ -17,4 +17,8 @@ export interface AppState {
  roleType: RoleType;
  homePageType: PageType;
  location: LocationInfo;
+  cityOperators: Array<{
+    cityCode: string;
+    groupLink: string;
+  }>;
 }
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@ -1,5 +1,7 @@
 import Taro from '@tarojs/taro';

+import { API } from '@/http/api';
+
 export const isDev = () => process.env.NODE_ENV === 'development';
 // export const isDev = () => true;

@ -13,7 +15,6 @@ export const isDesktop = (() => {
  return info.platform === 'windows' || info.platform === 'mac';
 })();

-
 export const logWithPrefix = isDev()
  ? (prefix: string) =>
      (...args: BL.Anything[]) =>
@ -87,3 +88,9 @@ export const isValidIdCard = (idCard: string) =>
 export const isValidPhone = (phone: string) => /^1[3-9]\d{9}$/.test(phone);

 export const getScrollItemId = (id?: string) => (id ? `sid-${id}` : id);
+
+export function buildUrl(url: API, params: Record<string, string | number>): API {
+  return Object.entries(params).reduce((result, [key, value]) => {
+    return result.replace(new RegExp(`\\{${key}\\}`, 'g'), String(value));
+  }, url) as API;
+}
--- a/src/utils/coupon.ts
+++ b/src/utils/coupon.ts
@ -0,0 +1,31 @@
+import http from '@/http';
+import { API } from '@/http/api';
+import { ClaimMembershipCouponResponse, GenerateMembershipCouponResponse } from '@/types/coupon';
+
+export const generateMembershipCoupon = async () => {
+  return await http.post<GenerateMembershipCouponResponse>(API.GENERATE_MEMBERSHIP_COUPON);
+};
+export const claimMembershipCoupon = async (code: string) => {
+  return await http.post<ClaimMembershipCouponResponse>(API.CLAIM_MEMBERSHIP_COUPON, {
+    contentType: 'application/x-www-form-urlencoded',
+    data: { code },
+  });
+};
+export const getCouponQrCode = async (code: string) => {
+  return await http.post(API.GET_VIP_QRCODE, {
+    contentType: 'application/x-www-form-urlencoded',
+    responseType: 'arraybuffer',
+    data: { code },
+  });
+};
+export const getCouponCodeFromQuery = (query: Record<string, string>): string | undefined => {
+  if (query) {
+    if (query.scene) {
+      return query.scene.replace('d%3D', '');
+    }
+    if (query.d) {
+      return query.d;
+    }
+  }
+  return undefined;
+};
--- a/src/utils/location.ts
+++ b/src/utils/location.ts
@ -6,9 +6,9 @@ import { CITY_CODE_TO_NAME_MAP, COUNTY_CODE_TO_NAME_MAP, PROVINCE_CODE_TO_NAME_M
 import http from '@/http';
 import { API } from '@/http/api';
 import store from '@/store';
-import { setLocationInfo } from '@/store/actions';
+import { setLocationInfo, setCityOperators } from '@/store/actions';
 import { selectLocation } from '@/store/selector';
-import { GetCityCodeRequest, LocationInfo } from '@/types/location';
+import { CityOperatorListItem, GetCityCodeRequest, LocationInfo } from '@/types/location';

 import { authorize, getWxSetting } from './wx';

@ -134,3 +134,15 @@ export async function requestLocation(force: boolean = false) {
  store.dispatch(setLocationInfo(location));
  return location;
 }
+
+export async function requestCityOperators() {
+  const list = await http.get<CityOperatorListItem[]>(API.GET_ALL_CITY_OPERATOR);
+  store.dispatch(
+    setCityOperators(
+      (list || []).map(it => ({
+        cityCode: it.cityCode,
+        groupLink: it.groupLink,
+      }))
+    )
+  );
+}
--- a/src/utils/material.ts
+++ b/src/utils/material.ts
@ -62,6 +62,28 @@ export const getBasicInfo = (profile: Pick<MaterialProfile, 'age' | 'height' | '
  return result.join('·');
 };

+export const getSalary = (
+  data: Pick<MaterialProfile, 'fullTimeMaxPrice' | 'fullTimeMinPrice' | 'partyTimeMaxPrice' | 'partyTimeMinPrice'>
+) => {
+  const { fullTimeMinPrice, fullTimeMaxPrice, partyTimeMinPrice, partyTimeMaxPrice } = data;
+  const prices: string[] = [];
+  if (fullTimeMinPrice && fullTimeMaxPrice) {
+    if (fullTimeMinPrice >= 50000) {
+      prices.push(`${fullTimeMinPrice / 1000}K以上/月`);
+    } else {
+      prices.push(`${fullTimeMinPrice / 1000}-${fullTimeMaxPrice / 1000}K/月`);
+    }
+  }
+  if (partyTimeMinPrice && partyTimeMaxPrice) {
+    if (partyTimeMinPrice >= 500) {
+      prices.push(`500以上/小时`);
+    } else {
+      prices.push(`${partyTimeMinPrice}-${partyTimeMaxPrice}/小时`);
+    }
+  }
+  return prices.filter(Boolean).join(' ');
+};
+
 export const chooseMedia = async (option: Taro.chooseMedia.Option = {}) => {
  try {
    const result = await Taro.chooseMedia({
--- a/src/utils/partner.ts
+++ b/src/utils/partner.ts
@ -7,15 +7,21 @@ import store from '@/store';
 import { setInviteCode } from '@/store/actions/partner';
 import { IPaginationRequest } from '@/types/common';
 import {
+  AuthedGroupInfo,
+  DecryptOpenGidBody,
  GetProfitRequest,
+  GroupAuthCode,
  InviteUserInfo,
  PartnerInviteCode,
  PartnerPagination,
  PartnerProfitItem,
  PartnerProfitsState,
+  StaffInfo,
+  UserProfitListItem,
  WithdrawRecord,
  WithdrawResponse,
 } from '@/types/partner';
+import { buildUrl } from '@/utils/common';
 import { requestUserInfo } from '@/utils/user';

 export const getInviteCodeFromQuery = (query: Record<string, string>): string | undefined => {
@ -75,14 +81,14 @@ export const getProfitList = async (data: GetProfitRequest) => {
  return Array.isArray(result) ? result : [];
  return [];
 };
-export const formatMoney = (cents: number) => {
+export const formatMoney = (cents: number, fraction = 2) => {
  if (!cents) {
    return '0';
  }
  const yuan = cents / 100;
-  return yuan.toFixed(2);
+  return yuan.toFixed(fraction);
 };
-export function formatTimestamp(timestamp: string): string {
+export function formatTimestamp(timestamp: string, dateOnly?: boolean): string {
  // 创建 Date 对象
  const date = new Date(/^\d+$/.test(timestamp) ? Number(timestamp) : timestamp);

@ -94,7 +100,7 @@ export function formatTimestamp(timestamp: string): string {
  const mm = String(date.getMinutes()).padStart(2, '0');

  // 拼接成所需的格式
-  return `${YYYY}.${MM}.${DD} ${HH}:${mm}`;
+  return dateOnly ? `${YYYY}.${MM}.${DD}` : `${YYYY}.${MM}.${DD} ${HH}:${mm}`;
 }

 export function formatUserId(input: string): string {
@ -127,3 +133,26 @@ export async function getWithdrawList(data: IPaginationRequest) {
    contentType: 'application/x-www-form-urlencoded',
  });
 }
+export async function getLastProfitList() {
+  const result = await http.get<UserProfitListItem[]>(API.GET_USER_PROFIT_LIST, {
+    contentType: 'application/x-www-form-urlencoded',
+  });
+  return Array.isArray(result) ? result : [];
+}
+
+export async function generateGroupAuthCode() {
+  return await http.get<GroupAuthCode>(API.GENERATE_GROUP_AUTH_CODE);
+}
+
+export async function getAuthedGroupList() {
+  return await http.get<AuthedGroupInfo[]>(API.GET_AUTHED_GROUP_LIST);
+}
+export async function decryptOpenGid(data: DecryptOpenGidBody) {
+  return await http.post(API.DECRYPT_OPEN_GID, {
+    data,
+  });
+}
+export async function getStaffInfo(cityCode: string) {
+  const result = await http.get<StaffInfo[]>(buildUrl(API.GET_STAFF_CODE, { cityCode }));
+  return Array.isArray(result) && result.length ? result[0] : null;
+}
--- a/src/utils/share.ts
+++ b/src/utils/share.ts
@ -20,6 +20,7 @@ interface ShareAppProps {
  inviteCode?: string;
  title?: string;
  path?: PageUrl;
+  imageUrl?: string;
  params?: Record<string, BL.Anything>;
 }

@ -28,6 +29,7 @@ export const getCommonShareMessage = ({
  inviteCode,
  title,
  path,
+  imageUrl: _imageUrl,
  params = {},
 }: ShareAppProps = {}): ShareAppMessageReturn => {
  const inviteParams = inviteCode ? { c: inviteCode } : undefined;
@ -36,6 +38,6 @@ export const getCommonShareMessage = ({
  return {
    title: title || `昨天新增了${getRandomCount()}条主播通告，宝子快来看看`,
    path: sharePath,
-    imageUrl: useCapture ? undefined : imageUrl,
+    imageUrl: useCapture ? undefined : _imageUrl || imageUrl,
  };
 };
--- a/src/utils/time.ts
+++ b/src/utils/time.ts
@ -1,10 +1,12 @@
 import dayjs from 'dayjs';

-export function formatTime(time: number | string, template = 'YYYY-MM-DD'): string {
+export function formatTime(time: number | string, template = 'YYYY-MM-DD', toNum = true): string {
  if (!time) {
    return '';
  }
-  time = Number(time);
+  if (toNum) {
+    time = Number(time);
+  }
  return dayjs(time).format(template);
 }

--- a/src/utils/user.ts
+++ b/src/utils/user.ts
@ -31,7 +31,7 @@ export const getUserId = () => getUserInfo().userId;
 export const isValidUserInfo = (info: UserInfo) => !!info.userId;

 export const isNeedLogin = (info: UserInfo) => !info.isBindPhone;
-// export const isNeedLogin = (info: UserInfo) => !info.isBindPhone || info.userId === '534740874077898752';
+// export const isNeedLogin = (info: UserInfo) => !info.isBindPhone || info.userId === '218396277145075712';

 export const isNeedPhone = (info: UserInfo) => isNeedLogin(info) || !info.phone;
Author	SHA1	Message	Date
chashaobao	fde2027588	feat:	2025-10-26 22:23:14 +08:00
chashaobao	a179654898	feat: update	2025-10-20 07:58:50 +08:00
chashaobao	bc141fcf1b	feat: share ticket	2025-10-15 20:46:42 +08:00
chashaobao	3d2b121b92	feat:	2025-10-15 20:44:20 +08:00
chashaobao	7ba04b27ff	feat:hhhh	2025-10-06 11:49:41 +08:00
chashaobao	7f866c51be	fea: update	2025-09-24 08:15:52 +08:00
chashaobao	fe33d0493c	feat: update	2025-09-20 20:00:44 +08:00
chashaobao	87f8e1f7e2	feat: update	2025-09-20 19:52:56 +08:00
chashaobao	afa94e2c48	Merge branch 'trunk' into feat/material-list-updat	2025-09-20 18:28:53 +08:00
chashaobao	b8b33841d4	feat:	2025-09-20 18:25:58 +08:00
chashaobao	828e9b7512	feat: update style	2025-09-19 23:53:17 +08:00
chashaobao	1d8a0d7a33	feat: update	2025-09-19 23:49:31 +08:00
chashaobao	8c5fd1a86b	feat: update	2025-09-19 22:55:21 +08:00
chashaobao	a4e03ae1bd	Merge branch 'trunk' into feat/share-coupon	2025-09-14 21:38:42 +08:00
chashaobao	8e42fef4f7	feat: ps	2025-09-11 21:28:01 +08:00
chashaobao	6f7e78896a	feat: distance	2025-09-10 21:37:20 +08:00
chashaobao	b9cd0a3e6d	feat: update material card	2025-09-08 23:28:17 +08:00
chashaobao	c0d27a5ab2	feat: update img	2025-09-05 01:44:42 +08:00
chashaobao	6d76c82e96	feat: update	2025-09-03 23:50:03 +08:00
chashaobao	087e05a9a0	feat: update	2025-09-01 18:43:49 +08:00
chashaobao	aea8323d95	feat:	2025-08-31 22:43:00 +08:00
chashaobao	61686950bd	feat: update	2025-08-28 14:47:02 +08:00
chashaobao	eea89263f2	Merge branch 'trunk' into feat/share-coupon	2025-08-28 14:45:50 +08:00
chashaobao	d0369bab36	feat: ui	2025-08-28 10:37:40 +08:00
chashaobao	898c6ab6ca	Merge branch 'trunk' into feat/share-coupon	2025-08-28 08:56:37 +08:00
chashaobao	670a389f12	feat: share	2025-08-26 22:55:19 +08:00