feat:

Merge branch 'trunk' into feat/vip_member_update
2025-12-27 16:00:25 +08:00 · 2025-12-22 00:00:23 +08:00 · 2025-12-20 22:53:34 +08:00 · 2025-12-20 22:53:00 +08:00 · 2025-12-17 00:10:53 +08:00 · 2025-12-09 07:55:14 +08:00
26 changed files with 686 additions and 256 deletions
--- a/src/components/job-manage-card/index.tsx
+++ b/src/components/job-manage-card/index.tsx
@ -34,7 +34,7 @@ function GoBatchTag({ cityCode, jobId }: { cityCode: string; jobId: JobManageInf
    e => {
      e.preventDefault();
      e.stopPropagation();
-      navigateTo(PageUrl.GroupDelegatePublish, { cityCode, jobId });
+      navigateTo(PageUrl.AccelerateDelegatePublish, { cityCode, jobId });
    },
    [cityCode, jobId]
  );
--- a/src/components/login-button/index.tsx
+++ b/src/components/login-button/index.tsx
@ -6,7 +6,7 @@ import { useCallback, useState } from 'react';
 import { AgreementPopup } from '@/components/agreement-popup';
 import LoginDialog from '@/components/login-dialog';
 import useUserInfo from '@/hooks/use-user-info';
-import { getAgreementSigned, isNeedLogin, setAgreementSigned } from '@/utils/user';
+import { getAgreementSigned, isNeedLogin, requestUserInfo, setAgreementSigned } from '@/utils/user';

 import './index.less';

@ -18,13 +18,15 @@ export enum BindPhoneStatus {

 export interface ILoginButtonProps extends ButtonProps {
  needPhone?: boolean;
+  needRefresh?: boolean;
+  onRefresh?: (() => void) | (() => Promise<void>);
  needAssignment?: boolean;
 }

 const PREFIX = 'login-button';

 function LoginButton(props: ILoginButtonProps) {
-  const { className, children, needPhone, onClick, ...otherProps } = props;
+  const { className, children, needPhone, onRefresh, onClick, needRefresh, ...otherProps } = props;
  const userInfo = useUserInfo();
  const [loginVisible, setLoginVisible] = useState(false);
  const [assignVisible, setAssignVisible] = useState(false);
@ -68,11 +70,15 @@ function LoginButton(props: ILoginButtonProps) {
  }, []);

  const handleLoginSuccess = useCallback(
-    e => {
+    async e => {
      setLoginVisible(false);
+      if (needRefresh) {
+        requestUserInfo();
+        onRefresh && (await onRefresh());
+      }
      onClick?.(e);
    },
-    [onClick]
+    [needRefresh, onClick]
  );

  return (
--- a/src/components/prejob-popup/index.tsx
+++ b/src/components/prejob-popup/index.tsx
@ -1,18 +1,20 @@
 import { Button, Image } from '@tarojs/components';
+import Taro from '@tarojs/taro';

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

 import JobBuy from '@/components/product-dialog/steps-ui/job-buy';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
 import { PageUrl } from '@/constants/app';
+import { CacheKey } from '@/constants/cache-key';
 import { GET_CONTACT_TYPE } from '@/constants/job';
-import { navigateTo } from '@/utils/route';
-
+import { switchTab, navigateTo } from '@/utils/route';
 import './index.less';

 interface IProps {
  onCancel: () => void;
+  isCreateResume?: boolean;
  onConfirm: (type: GET_CONTACT_TYPE) => void;
 }

@ -30,14 +32,22 @@ const GET_CONTACT_TYPE_OPTIONS = [
    type: GET_CONTACT_TYPE.VIP,
    icon: 'https://publiccdn.neighbourhood.com.cn/img/diamond.svg',
    title: '播络会员',
-    desc: '开通会员每天可查看10个',
+    desc: '开通会员每天免费查看',
    btnText: '开通',
  },
+  // {
+  //   type: GET_CONTACT_TYPE.GROUP,
+  //   icon: 'https://publiccdn.neighbourhood.com.cn/img/group-avatar.png',
+  //   title: '进群领会员（免费报单）',
+  //   desc: '群内定期发放会员，免费报单',
+  //   btnText: '进群',
+  // },
 ];

-export function PrejobPopup({ onCancel, onConfirm }: IProps) {
+export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
  const [openPopup, setOpenPopup] = useState(true);
  const [openDialog, setOpenDialog] = useState(false);
+  const [clicked, setClicked] = useState(!!Taro.getStorageSync(CacheKey.JOIN_GROUP_POPUP_CLICKED));
  const handleClick = (type: GET_CONTACT_TYPE) => () => {
    if (type === GET_CONTACT_TYPE.MATERIAL) {
      navigateTo(PageUrl.MaterialUploadVideo);
@ -47,6 +57,12 @@ export function PrejobPopup({ onCancel, onConfirm }: IProps) {
      setOpenPopup(false);
      setOpenDialog(true);
    }
+    if (type === GET_CONTACT_TYPE.GROUP) {
+      Taro.setStorageSync(CacheKey.JOIN_GROUP_POPUP_CLICKED, true);
+      setClicked(true);
+      switchTab(PageUrl.GroupV2);
+      onConfirm(type);
+    }
  };
  const handleAfterBuy = useCallback(async () => {
    onConfirm(GET_CONTACT_TYPE.VIP);
@ -58,6 +74,9 @@ export function PrejobPopup({ onCancel, onConfirm }: IProps) {
          <div className={`${PREFIX}__title`}>以下方式任选其一均可获取联系方式</div>
          <div className={`${PREFIX}__body`}>
            {GET_CONTACT_TYPE_OPTIONS.map(option => {
+              if (clicked && option.type === GET_CONTACT_TYPE.GROUP) {
+                return;
+              }
              return (
                <div className={`${PREFIX}__item`} key={option.type}>
                  <div className={`${PREFIX}__item-icon ${option.type}`}>
@ -81,7 +100,7 @@ export function PrejobPopup({ onCancel, onConfirm }: IProps) {
      </Popup>
      <Dialog open={openDialog} onClose={onCancel}>
        <Dialog.Content>
-          <JobBuy onConfirm={handleAfterBuy} buyOnly />
+          <JobBuy onConfirm={handleAfterBuy} isCreateResume={isCreateResume} />
        </Dialog.Content>
      </Dialog>
    </Fragment>
--- a/src/components/product-dialog/job-contact/index.tsx
+++ b/src/components/product-dialog/job-contact/index.tsx
@ -0,0 +1,175 @@
+import Taro from '@tarojs/taro';
+
+import { Dialog } from '@taroify/core';
+import { useCallback, useEffect, useState } from 'react';
+
+import { DialogStatus, PREFIX } from '@/components/product-dialog/const';
+import JobBuy from '@/components/product-dialog/steps-ui/job-buy';
+import ContactCustomerService from '@/components/product-dialog/steps-ui/job-contact-customer';
+import ContactDirect from '@/components/product-dialog/steps-ui/job-contact-direct';
+import UnableUnlockContent from '@/components/product-dialog/steps-ui/job-unable';
+import { DeclarationType, ProductType } from '@/constants/product';
+import { JobDetails } from '@/types/job';
+import { GetProductIsUnlockResponse, ProductInfo } from '@/types/product';
+import { logWithPrefix } from '@/utils/common';
+import { requestUseProduct } from '@/utils/product';
+import Toast from '@/utils/toast';
+
+import '../index.less';
+
+interface IProps {
+  data: JobDetails;
+  /** Product use record from parent - if exists, user has already unlocked this job */
+  productRecord?: GetProductIsUnlockResponse | null;
+  /** Product balance info from parent */
+  productInfo?: ProductInfo;
+  /** Callback to refresh product balance in parent after purchase */
+  onRefreshBalance?: () => Promise<ProductInfo | undefined>;
+  onClose: () => void;
+}
+
+const PRODUCT_CODE = ProductType.VIP;
+const log = logWithPrefix('product-job-contact-dialog');
+
+/**
+ * Integrated dialog component for job contact flow
+ * Handles: balance check -> buy if needed -> use product -> show contact info
+ *
+ * @param productRecord - Pass from parent to avoid duplicate API calls
+ * @param productInfo - Pass from parent to avoid duplicate API calls
+ * @param onRefreshBalance - Callback to refresh balance in parent after purchase
+ */
+function ProductJobContactDialog(props: IProps) {
+  const { data, productRecord, productInfo, onRefreshBalance, onClose } = props;
+  const [status, setStatus] = useState<DialogStatus>(DialogStatus.LOADING);
+  const [publisherAcctNo, setPublisherAcctNo] = useState<string>('');
+
+  /**
+   * Handle contact display based on declaration type
+   */
+  const showContactResult = useCallback((declarationTypeResult?: ProductInfo['declarationTypeResult']) => {
+    if (declarationTypeResult?.type === DeclarationType.Direct && declarationTypeResult.publisherAcctNo) {
+      log('show JOB_CONTACT_DIRECT', declarationTypeResult.publisherAcctNo);
+      setPublisherAcctNo(declarationTypeResult.publisherAcctNo);
+      setStatus(DialogStatus.JOB_CONTACT_DIRECT);
+    } else {
+      log('show JOB_CONTACT_CS');
+      setStatus(DialogStatus.JOB_CONTACT_CS);
+    }
+  }, []);
+
+  /**
+   * Use product and show contact info
+   */
+  const consumeProductAndShowContact = useCallback(async () => {
+    const productResult = await requestUseProduct(PRODUCT_CODE, { jobId: data.id });
+    log('consumeProductAndShowContact result', productResult);
+    // Refresh balance in parent after consuming product
+    await onRefreshBalance?.();
+    showContactResult(productResult?.declarationTypeResult);
+  }, [data.id, showContactResult, onRefreshBalance]);
+
+  /**
+   * Callback after successful purchase
+   * Refresh balance via parent callback and use product to show contact info
+   */
+  const handleAfterBuy = useCallback(async () => {
+    log('handleAfterBuy - start');
+    try {
+      Taro.showLoading({ mask: true, title: '加载中...' });
+
+      // Refresh balance via parent callback
+      await onRefreshBalance?.();
+
+      // Use product and show contact info after purchase
+      await consumeProductAndShowContact();
+    } catch (e) {
+      log('handleAfterBuy error', e);
+      Toast.error('出错了，请重试');
+      onClose();
+    } finally {
+      Taro.hideLoading();
+    }
+  }, [consumeProductAndShowContact, onRefreshBalance, onClose]);
+
+  const handleReport = useCallback(() => {
+    log('report', data.id);
+  }, [data.id]);
+
+  /**
+   * Initialize dialog on mount
+   */
+  useEffect(() => {
+    let isMounted = true;
+
+    const init = async () => {
+      try {
+        Taro.showLoading({ mask: true, title: '加载中...' });
+
+        log('init with productRecord', productRecord);
+        log('init with productInfo', productInfo);
+
+        // Step 1: Already unlocked - show contact directly
+        if (productRecord) {
+          log('show JOB_CONTACT_DIRECT from productRecord', productRecord.declarationTypeResult);
+          showContactResult(productRecord.declarationTypeResult);
+          return;
+        }
+
+        // Step 2: No productInfo - error state
+        if (!productInfo) {
+          log('no productInfo provided, closing');
+          Toast.error('出错了，请重试');
+          onClose();
+          return;
+        }
+
+        // Step 3: Determine status based on balance
+        if (!productInfo.isPaidVip && !productInfo.freeBalance) {
+          log('show JOB_BUY');
+          if (isMounted) setStatus(DialogStatus.JOB_BUY);
+        } else if (!productInfo.balance) {
+          log('show JOB_UNABLE_UNLOCK');
+          if (isMounted) setStatus(DialogStatus.JOB_UNABLE_UNLOCK);
+        } else {
+          await consumeProductAndShowContact();
+        }
+      } catch (e) {
+        log('init error', e);
+        Toast.error('出错了，请重试');
+        onClose();
+      } finally {
+        Taro.hideLoading();
+      }
+    };
+
+    init();
+
+    return () => {
+      isMounted = false;
+    };
+    // Only run on mount - props are captured at dialog open time
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  if (status === DialogStatus.LOADING) {
+    return null;
+  }
+
+  return (
+    <Dialog className={PREFIX} onClose={onClose} open>
+      <Dialog.Content>
+        {status === DialogStatus.JOB_CONTACT_CS && <ContactCustomerService onAfterConfirm={onClose} />}
+        {status === DialogStatus.JOB_CONTACT_DIRECT && (
+          <ContactDirect publisherAcctNo={publisherAcctNo} onAfterConfirm={onClose} onReport={handleReport} />
+        )}
+        {status === DialogStatus.JOB_BUY && (
+          <JobBuy onConfirm={handleAfterBuy} isCreateResume={productInfo?.isCreateResume} />
+        )}
+        {status === DialogStatus.JOB_UNABLE_UNLOCK && <UnableUnlockContent onConfirm={onClose} />}
+      </Dialog.Content>
+    </Dialog>
+  );
+}
+
+export default ProductJobContactDialog;
--- a/src/components/product-dialog/steps-ui/company-publish-job-buy.tsx
+++ b/src/components/product-dialog/steps-ui/company-publish-job-buy.tsx
@ -2,7 +2,7 @@ import Taro from '@tarojs/taro';

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

 import Badge from '@/components/badge';
 import { PREFIX } from '@/components/product-dialog/const';
@ -11,9 +11,17 @@ import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/
 import { SubscribeTempId } from '@/constants/subscribe';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent, reportEvent } from '@/utils/event';
-import { getOrderPrice, isCancelPay, requestCreatePayInfo, requestOrderInfo, requestPayment } from '@/utils/product';
+import {
+  getOrderPrice,
+  isCancelPay,
+  requestCreatePayInfo,
+  requestOrderInfo,
+  requestPayment,
+  requestProductTypeList,
+} from '@/utils/product';
 import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
 import Toast from '@/utils/toast';
+import { ProductSpecResult } from '@/types/product';

 interface IProps {
  onNext: () => void;
@ -82,22 +90,35 @@ const subscribe = async () => {
  postSubscribe(TEMP_IDS, successIds);
 };

+const getJsonContent = (jsonString: string) => {
+  try {
+    return JSON.parse(jsonString);
+  } catch (e) {
+    return [];
+  }
+};
+
 export default function CompanyPublishJobBuy(props: IProps) {
  const { onNext } = props;
-  const [selectItem, setSelectItem] = useState(LIST[0]);
+  const [productList, setProductList] = useState<ProductSpecResult[]>([]);
+  const [selectItem, setSelectItem] = useState<ProductSpecResult | undefined>();

-  const handleClickItem = useCallback((newSelectItem: Item) => setSelectItem(newSelectItem), []);
+  const handleClickItem = useCallback((newSelectItem: ProductSpecResult) => setSelectItem(newSelectItem), []);

  const handleBuy = useCallback(async () => {
    log('handleBuy');
    reportEvent(ReportEventId.CLICK_PAY_PUBLISH_JOB);
+    if (!selectItem) {
+      Toast.error('请选择购买的产品');
+      return;
+    }
    try {
      Taro.showLoading();
      const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
        type: OrderType.CompanyVip,
-        amt: getOrderPrice(selectItem.amt),
+        amt: selectItem.payPrice,
        productCode: ProductType.BOSS_VIP_NEW,
-        productSpecId: selectItem.id,
+        productSpecId: selectItem.productSpecId,
      });
      log('handleBuy payInfo', payOrderNo, createPayInfo);
      await requestPayment({
@ -121,8 +142,14 @@ export default function CompanyPublishJobBuy(props: IProps) {
      log('handleBuy error', e);
    }
  }, [selectItem, onNext]);
+  const handleGetProductInfo = useCallback(async () => {
+    const result = await requestProductTypeList(ProductType.BOSS_VIP_NEW);
+    setProductList(result);
+    setSelectItem(result[0]);
+  }, []);

  useEffect(() => {
+    handleGetProductInfo();
    collectEvent(CollectEventName.CREATE_ORDER_VIEW, { orderType: OrderType.BossVip, source: 'user-page' });
  }, []);

@ -130,19 +157,21 @@ export default function CompanyPublishJobBuy(props: IProps) {
    <div className={`${PREFIX}__company-publish-job-buy`}>
      <div className={`${PREFIX}__company-publish-job-buy__header`}>发认证通告限时折扣</div>
      <div className={`${PREFIX}__company-publish-job-buy__price-container`}>
-        {LIST.map(item => (
+        {productList.map(item => (
          <div
-            key={item.price}
+            key={item.payPrice}
            className={classNames(`${PREFIX}__company-publish-job-buy__item`, {
-              selected: item.amt === selectItem.amt,
-              disabled: item.amt === 0,
+              selected: selectItem && item.payPrice === selectItem.payPrice,
+              disabled: item.payPrice === 0,
            })}
-            onClick={item.amt === 0 ? undefined : () => handleClickItem(item)}
+            onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
+          >
+            <div
+              className={classNames(`${PREFIX}__company-publish-job-buy__item__title`, { free: item.payPrice === 0 })}
            >
-            <div className={classNames(`${PREFIX}__company-publish-job-buy__item__title`, { free: item.amt === 0 })}>
              {item.title}
            </div>
-            <div className={`${PREFIX}__company-publish-job-buy__item__price`}>{item.price}</div>
+            <div className={`${PREFIX}__company-publish-job-buy__item__price`}>{item.priceText}</div>
            {item.badge && <Badge className={`${PREFIX}__company-publish-job-buy__item__badge`} text={item.badge} />}
          </div>
        ))}
@ -152,8 +181,10 @@ export default function CompanyPublishJobBuy(props: IProps) {
        <div className={`${PREFIX}__company-publish-job-buy__divider__title`}>包含</div>
        <div className={`${PREFIX}__company-publish-job-buy__divider__right-line`} />
      </div>
+      {selectItem && (
+        <Fragment>
          <div className={`${PREFIX}__company-publish-job-buy__contents`}>
-        {selectItem.contents.map(i => (
+            {getJsonContent(selectItem.contentsJson).map(i => (
              <div
                className={classNames(`${PREFIX}__company-publish-job-buy__content`, { highlight: i.highlight })}
                key={i.content}
@ -164,8 +195,10 @@ export default function CompanyPublishJobBuy(props: IProps) {
            ))}
          </div>
          <Button className={`${PREFIX}__company-publish-job-buy__button`} onClick={handleBuy}>
-        {`支付${selectItem.amt}元`}
+            {`支付${selectItem.showPrice}元`}
          </Button>
+        </Fragment>
+      )}
    </div>
  );
 }
--- a/src/components/product-dialog/steps-ui/job-buy.tsx
+++ b/src/components/product-dialog/steps-ui/job-buy.tsx
@ -2,55 +2,64 @@ import Taro from '@tarojs/taro';

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

 import Badge from '@/components/badge';
 import { PREFIX } from '@/components/product-dialog/const';
+import { PageUrl } from '@/constants/app';
 import { CollectEventName } from '@/constants/event';
-import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
+import { OrderStatus, OrderType, ProductType } from '@/constants/product';
 import { SubscribeTempId } from '@/constants/subscribe';
+import { ProductSpecResult } from '@/types/product';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent } from '@/utils/event';
-import { getOrderPrice, isCancelPay, requestCreatePayInfo, requestOrderInfo, requestPayment } from '@/utils/product';
+import {
+  isCancelPay,
+  requestCreatePayInfo,
+  requestOrderInfo,
+  requestPayment,
+  requestProductTypeList,
+} from '@/utils/product';
+import { navigateTo } from '@/utils/route';
 import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
 import Toast from '@/utils/toast';

 interface IProps {
-  buyOnly?: boolean;
  onConfirm: () => void;
+  isCreateResume?: boolean;
 }

-interface Item {
-  id: ProductSpecId;
-  title: string;
-  content: string;
-  buyOnlyContent?: string;
-  price: string;
-  amt: number;
-  badge?: string;
-}
+// interface Item {
+//   id: ProductSpecId;
+//   title: string;
+//   content: string;
+//   buyOnlyContent?: string;
+//   price: string;
+//   amt: number;
+//   badge?: string;
+// }

-const LIST: Item[] = [
-  { id: ProductSpecId.WeeklyVIP, title: '非会员', content: '每日2次', price: '免费', amt: 0 },
-  {
-    id: ProductSpecId.DailyVIP,
-    title: '日会员',
-    content: '每日+10次',
-    buyOnlyContent: '每日12次',
-    price: '60播豆',
-    amt: 6,
-    badge: '限时体验',
-  },
-  {
-    id: ProductSpecId.WeeklyVIP,
-    title: '周会员',
-    content: '每日+10次',
-    buyOnlyContent: '每日12次',
-    price: '180播豆',
-    amt: 18,
-    badge: ' 超值',
-  },
-];
+// const LIST: Item[] = [
+//   { id: ProductSpecId.WeeklyVIP, title: '非会员', content: '每日2次', price: '免费', amt: 0 },
+//   {
+//     id: ProductSpecId.DailyVIP,
+//     title: '日会员',
+//     content: '每日+10次',
+//     buyOnlyContent: '每日12次',
+//     price: '60播豆',
+//     amt: 6,
+//     badge: '限时体验',
+//   },
+//   {
+//     id: ProductSpecId.WeeklyVIP,
+//     title: '周会员',
+//     content: '每日+10次',
+//     buyOnlyContent: '每日12次',
+//     price: '180播豆',
+//     amt: 18,
+//     badge: ' 超值',
+//   },
+// ];

 const log = logWithPrefix('job-buy');
 const SUBSCRIBE_ID = SubscribeTempId.SUBSCRIBE_VIP;
@ -66,20 +75,26 @@ const subscribe = async () => {
 };

 export default function JobBuy(props: IProps) {
-  const { onConfirm, buyOnly } = props;
-  const [selectItem, setSelectItem] = useState(LIST[1]);
+  const { onConfirm, isCreateResume } = props;
+  const [productList, setProductList] = useState<ProductSpecResult[]>([]);
+  const [selectItem, setSelectItem] = useState<ProductSpecResult | undefined>();

-  const handleClickItem = useCallback((newSelectItem: Item) => setSelectItem(newSelectItem), []);
+  const handleClickItem = useCallback((newSelectItem: ProductSpecResult) => setSelectItem(newSelectItem), []);

  const handleBuy = useCallback(async () => {
    log('handleBuy', selectItem);
+    if (!selectItem) {
+      Toast.error('请选择购买的产品');
+      return;
+    }
    try {
      Taro.showLoading();
+
      const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
        type: OrderType.VIP,
-        amt: getOrderPrice(selectItem.amt),
+        amt: selectItem.payPrice,
        productCode: ProductType.VIP,
-        productSpecId: selectItem.id,
+        productSpecId: selectItem.productSpecId,
      });
      log('handleBuy payInfo', payOrderNo, createPayInfo);
      await requestPayment({
@ -104,59 +119,81 @@ export default function JobBuy(props: IProps) {
    }
  }, [selectItem, onConfirm]);

+  const handleGetProductInfo = useCallback(async () => {
+    const result = await requestProductTypeList(ProductType.VIP);
+    setProductList(result);
+    setSelectItem(result[0]);
+  }, []);
+
+  const handleResume = useCallback(() => {
+    navigateTo(PageUrl.MaterialUploadVideo);
+  }, []);
+
  useEffect(() => {
+    handleGetProductInfo();
    collectEvent(CollectEventName.CREATE_ORDER_VIEW, { orderType: OrderType.VIP });
  }, []);

  return (
    <div className={`${PREFIX}__job-buy`}>
-      {buyOnly ? (
-        <div className={`${PREFIX}__job-buy__header`}>开通播络会员即可直接查看联系方式</div>
-      ) : (
+      {isCreateResume ? (
+        <Fragment>
          <div className={`${PREFIX}__job-buy__header`}>
-          <div>今日通告对接次数</div>
+            <div>今日免费查看次数</div>
            <div className="highlight">已用完</div>
          </div>
-      )}
-      {buyOnly ? (
-        <div className={`${PREFIX}__job-buy__describe`}>每天可获取12个联系方式</div>
-      ) : (
          <div className={`${PREFIX}__job-buy__describe`}>
            <div>请</div>
            <div className="highlight">明日</div>
-          <div>再来 或 </div>
+            <div>再来</div>
+            <div> 或 </div>
            <div className="highlight">升级会员</div>
          </div>
+        </Fragment>
+      ) : (
+        <Fragment>
+          <div className={`${PREFIX}__job-buy__header`}>
+            <div>开通会员即可查看联系方式</div>
+          </div>
+          <div className={`${PREFIX}__job-buy__describe`}>
+            <div>完善模卡，每日可免费查看 </div>
+            <div className="highlight" onClick={handleResume}>
+              去完善
+            </div>
+          </div>
+        </Fragment>
      )}
      <div className={`${PREFIX}__job-buy__container`}>
-        {LIST.map(item => {
-          if (buyOnly && !item.amt) {
-            return null;
-          }
+        {productList.map(item => {
          return (
            <div
-              key={item.price}
+              key={item.payPrice}
              className={classNames(`${PREFIX}__job-buy__item`, {
-                selected: item.amt === selectItem.amt,
-                disabled: item.amt === 0,
+                selected: selectItem && item.payPrice === selectItem.payPrice,
+                disabled: item.payPrice === 0,
              })}
-              onClick={item.amt === 0 ? undefined : () => handleClickItem(item)}
+              onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}
            >
-              <div className={classNames(`${PREFIX}__job-buy__item__title`, { free: item.amt === 0 })}>
+              <div className={classNames(`${PREFIX}__job-buy__item__title`, { free: item.payPrice === 0 })}>
                {item.title}
              </div>
-              <div className={`${PREFIX}__job-buy__item__content`}>{buyOnly ? item.buyOnlyContent : item.content}</div>
-              <div className={`${PREFIX}__job-buy__item__price`}>{item.price}</div>
+              <div className={`${PREFIX}__job-buy__item__content`}>{item.contentSingle}</div>
+              <div className={`${PREFIX}__job-buy__item__price`}>{item.showPrice}元</div>
              {item.badge && <Badge className={`${PREFIX}__job-buy__item__badge`} text={item.badge} />}
            </div>
          );
        })}
      </div>
+      {selectItem && (
        <div className={`${PREFIX}__job-buy__hint`}>
-        注：日会员有效期为 <div className="highlight">支付后24小时</div>
+          注：{selectItem?.title}有效期为
+          <div className="highlight">
+            支付后{selectItem?.expire > 1 ? `${selectItem.expire}天` : `${selectItem.expire * 24}小时`}
          </div>
-      <Button className={`${PREFIX}__job-buy__button`} onClick={handleBuy}>
-        {`支付 ${selectItem.amt} 元`}
+        </div>
+      )}
+      <Button className={`${PREFIX}__job-buy__button`} disabled={!selectItem} onClick={handleBuy}>
+        {`支付 ${selectItem?.showPrice} 元`}
      </Button>
      {/* <div className={`${PREFIX}__job-buy__tips`}>{`已选：${selectItem.title}，含进本地群服务`}</div> */}
    </div>
--- a/src/components/product-dialog/steps-ui/job-contact-direct.tsx
+++ b/src/components/product-dialog/steps-ui/job-contact-direct.tsx
@ -10,7 +10,7 @@ interface IContactDirectProps {
 }

 export default function ContactDirect(props: IContactDirectProps) {
-  const { publisherAcctNo, onAfterConfirm, onReport } = props;
+  const { publisherAcctNo, onAfterConfirm } = props;

  const handleCopyAndContact = async () => {
    await copy(publisherAcctNo);
--- a/src/components/user-batch-publish/index.tsx
+++ b/src/components/user-batch-publish/index.tsx
@ -8,7 +8,7 @@ import PageLoading from '@/components/page-loading';
 import { PublishJobQrCodeDialog } from '@/components/product-dialog/publish-job';
 import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
-import { ISelectOption } from '@/components/select';
+import { ISelectOption, PopupSelect } from '@/components/select';
 import { PageUrl } from '@/constants/app';
 import { JobManageStatus } from '@/constants/job';
 import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
@ -77,16 +77,23 @@ const calcPrice = (city: CityValue | null) => {
  const productSpecId = GROUP_OPTIONS.find(o => o.value === count)?.productSpecId || ProductSpecId.GroupBatchPublish20;
  return { price, originalPrice, productSpecId };
 };
-
-export default function UserBatchPublish({ cityCode, jobId }: { cityCode: string; jobId: string }) {
+const cityOptions: CityOption[] = cityValues.map(value => ({ value, label: value.cityName }));
+export default function UserBatchPublish({ cityCode, jobId }: { cityCode?: string; jobId?: string }) {
  const [loading, setLoading] = useState(true);
  const [showQrCode, setShowQrCode] = useState(false);
+  const [selectable, setSelectable] = useState(false);
+  const [showCitySelect, setShowCitySelect] = useState(false);
  const [city, setCity] = useState<CityOption['value'] | null>(null);
  const { price, originalPrice, productSpecId } = calcPrice(city);
  const [showPublishJob, setShowPublishJob] = useState(false);

  const [showBuy, setShowBuy, handlePublishJob] = usePublishJob(jobId);
+  const handleClickCity = useCallback(() => setShowCitySelect(true), []);

+  const handleSelectCity = useCallback(value => {
+    setCity(value);
+    setShowCitySelect(false);
+  }, []);
  const handleClickViewGroup = useCallback(() => navigateTo(PageUrl.GroupList, { city: city?.cityCode }), [city]);

  const handleClickBuy = useCallback(async () => {
@ -108,6 +115,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode: string
        return;
      }

+      if (jobId && cityCode) {
        const jobDetail = await requestJobDetail(jobId);

        if (jobDetail.status !== JobManageStatus.Open) {
@ -115,6 +123,7 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode: string
          setShowPublishJob(true);
          return;
        }
+      }

      const { payOrderNo, createPayInfo } = await requestCreatePayInfo({
        type: OrderType.GroupBatchPublish,
@ -146,11 +155,13 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode: string
  }, [jobId, price, productSpecId]);

  useEffect(() => {
-    if (!cityCode) {
-      return;
-    }
+    // if (!cityCode) {
+    //   return;
+    // }
    try {
-      const initCity = cityValues.find(o => o.cityCode === cityCode);
+      const initCity = cityCode ? cityValues.find(o => o.cityCode === cityCode) : cityValues[0];
+
+      setSelectable(!cityCode);

      setLoading(false);
      if (initCity) {
@ -174,8 +185,18 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode: string
      <div className={`${PREFIX}__illustrate`}>
        服务方式：帮您把招聘需求<div className="underline">发到本地主播群，投递量大幅增加</div>
      </div>
+      {selectable ? (
+        <Fragment>
+          <div className={`${PREFIX}__title`}>请选择城市</div>
+          <Cell isLink align="center" className={`${PREFIX}__cell`} title={city?.cityName} onClick={handleClickCity} />
+        </Fragment>
+      ) : (
+        <Fragment>
          <div className={`${PREFIX}__title`}>当前通告城市</div>
          <Cell align="center" className={`${PREFIX}__cell`} title={city ? city.cityName : '暂不支持代发'} />
+        </Fragment>
+      )}
+
      {city && (
        <Fragment>
          <div className={`${PREFIX}__extra`} onClick={handleClickViewGroup}>
@ -196,6 +217,13 @@ export default function UserBatchPublish({ cityCode, jobId }: { cityCode: string
      )}
      <SafeBottomPadding />
      <div>
+        <PopupSelect
+          value={city}
+          options={cityOptions}
+          open={showCitySelect}
+          onSelect={handleSelectCity}
+          onClose={() => setShowCitySelect(false)}
+        />
        <PublishJobQrCodeDialog onClose={() => setShowQrCode(false)} open={showQrCode} />
        <Dialog open={showBuy} onClose={() => setShowBuy(false)}>
          <Dialog.Content>
--- a/src/constants/app.ts
+++ b/src/constants/app.ts
@ -17,6 +17,7 @@ export enum EventName {
  ADD_GROUP = 'add_group',
  SELECT_CITY = 'select_city',
  CREATE_PROFILE = 'create_profile',
+  READ_CONTACT = 'read_contact',
  UPDATE_PROFILE = 'update_profile',
  EDIT_JOB_DESCRIBE = 'edit_job_describe',
  JOB_UPDATE = 'job_update',
@ -77,6 +78,7 @@ export enum PageUrl {
  Partner = 'pages/partner/index',
  WithdrawRecord = 'pages/withdraw-record/index',
  GroupDelegatePublish = 'pages/group-delegate-publish/index',
+  AccelerateDelegatePublish = 'pages/accelerate-delegate-publish/index',
  GiveVip = 'pages/give-vip/index',
  GroupOwnerCertificate = 'pages/group-owner-certification/index',
  PartnerShareVip = 'pages/partner-share-vip/index',
--- a/src/constants/cache-key.ts
+++ b/src/constants/cache-key.ts
@ -13,4 +13,5 @@ export enum CacheKey {
  AGREEMENT_SIGNED = '__agreement_signed__',
  CITY_CODES = '__city_codes__',
  JOIN_GROUP_CARD_CLICKED = '__join_group_card_clicked__',
+  JOIN_GROUP_POPUP_CLICKED = '__join_group_popup_clicked__',
 }
--- a/src/constants/job.ts
+++ b/src/constants/job.ts
@ -213,4 +213,5 @@ export const FULL_PRICE_OPTIONS = FULL_EMPLOY_SALARY_OPTIONS.filter(o => !!o.val
 export enum GET_CONTACT_TYPE {
  VIP = 'vip',
  MATERIAL = 'material',
+  GROUP = 'group',
 }
--- a/src/hooks/use-config.tsx
+++ b/src/hooks/use-config.tsx
@ -48,7 +48,7 @@ const CompanyTabs: TabItemType[] = [
  {
    type: PageType.BatchPublish,
    pagePath: PageUrl.UserBatchPublish,
-    text: '代招',
+    text: '代发代招',
  },
 ];

@ -101,6 +101,7 @@ export const APP_CONFIG: AppConfigType = {
    PageUrl.GiveVip,
    PageUrl.GroupOwnerCertificate,
    PageUrl.PartnerShareVip,
+    PageUrl.AccelerateDelegatePublish,
    // PageUrl.DevDebug,
  ],
  window: {
--- a/src/hooks/use-publish-job.ts
+++ b/src/hooks/use-publish-job.ts
@ -15,11 +15,15 @@ import { postPublishJob } from '@/utils/job';
 import { navigateTo } from '@/utils/route';
 import Toast from '@/utils/toast';

-export const usePublishJob = (jobId: string): [boolean, Dispatch<SetStateAction<boolean>>, () => Promise<void>] => {
+export const usePublishJob = (jobId?: string): [boolean, Dispatch<SetStateAction<boolean>>, () => Promise<void>] => {
  const userInfo = useUserInfo();
  const [showBuy, setShowBuy] = useState(false);

  const handlePublishJob = useCallback(async () => {
+    if (!jobId) {
+      return;
+    }
+
    try {
      if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
        store.dispatch(cacheJobId(jobId));
--- a/src/pages/accelerate-delegate-publish/index.config.ts
+++ b/src/pages/accelerate-delegate-publish/index.config.ts
@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '加速招聘',
+});
--- a/src/pages/accelerate-delegate-publish/index.less
+++ b/src/pages/accelerate-delegate-publish/index.less
--- a/src/pages/accelerate-delegate-publish/index.tsx
+++ b/src/pages/accelerate-delegate-publish/index.tsx
@ -0,0 +1,25 @@
+import { useLoad } from '@tarojs/taro';
+
+import { useState } from 'react';
+
+import UserBatchPublish from '@/components/user-batch-publish';
+import { getPageQuery } from '@/utils/route';
+import './index.less';
+
+const PREFIX = 'group-delegate-publish';
+
+export default function Partner() {
+  const [cityCode, setCityCode] = useState('');
+  const [jobId, setJobId] = useState('');
+
+  useLoad(() => {
+    const query = getPageQuery<{ cityCode: string; jobId: string }>();
+    setCityCode(query.cityCode);
+    setJobId(query.jobId);
+  });
+  return (
+    <div className={PREFIX}>
+      <UserBatchPublish cityCode={cityCode} jobId={jobId} />
+    </div>
+  );
+}
--- a/src/pages/group-delegate-publish/index.config.ts
+++ b/src/pages/group-delegate-publish/index.config.ts
@ -1,3 +1,3 @@
 export default definePageConfig({
-  navigationBarTitleText: '加速招聘',
+  navigationBarTitleText: '群代发',
 });
--- a/src/pages/group-delegate-publish/index.tsx
+++ b/src/pages/group-delegate-publish/index.tsx
@ -1,25 +1,12 @@
-import { useLoad } from '@tarojs/taro';
-
-import { useState } from 'react';
-
 import UserBatchPublish from '@/components/user-batch-publish';
-import { getPageQuery } from '@/utils/route';
 import './index.less';

 const PREFIX = 'group-delegate-publish';

 export default function Partner() {
-  const [cityCode, setCityCode] = useState('');
-  const [jobId, setJobId] = useState('');
-
-  useLoad(() => {
-    const query = getPageQuery<{ cityCode: string; jobId: string }>();
-    setCityCode(query.cityCode);
-    setJobId(query.jobId);
-  });
  return (
    <div className={PREFIX}>
-      <UserBatchPublish cityCode={cityCode} jobId={jobId} />
+      <UserBatchPublish />
    </div>
  );
 }
--- a/src/pages/group-owner-certification/index.tsx
+++ b/src/pages/group-owner-certification/index.tsx
@ -111,7 +111,7 @@ export default function GroupOwnerCertification() {
                  <div>一般1天内完成，超时未完成认证请重新分享或者咨询运营</div>
                </div>
                <Button className={`${PREFIX}__share`} openType="share">
-                  分享小程序
+                  分享认证页到群
                </Button>
              </div>
            </div>
--- a/src/pages/job-detail/index.less
+++ b/src/pages/job-detail/index.less
@ -269,6 +269,21 @@
    flex: 2 2;
    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
    margin-left: 32px;
+    position: relative;
+    overflow: visible;
+
+    &-tag {
+      position: absolute;
+      right: 8px;
+      top: -12px;
+      font-weight: 400;
+      font-size: 24px;
+      line-height: 32px;
+      color: #FFFFFF;
+      padding: 2px 8px;
+      background: #FF5051;
+      border-radius: 20px 24px 24px 0px;
+    }
  }

 }
--- a/src/pages/job-detail/index.tsx
+++ b/src/pages/job-detail/index.tsx
@ -12,7 +12,7 @@ import { JoinGroupHint } from '@/components/join-group-hint';
 import LoginButton from '@/components/login-button';
 import PageLoading from '@/components/page-loading';
 import { PrejobPopup } from '@/components/prejob-popup';
-import ProductJobDialog from '@/components/product-dialog/job';
+import ProductJobContactDialog from '@/components/product-dialog/job-contact';
 import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
 import { EventName, PageUrl, RoleType } from '@/constants/app';
 import { CertificationStatusType } from '@/constants/company';
@ -27,6 +27,7 @@ import { RESPONSE_ERROR_CODE } from '@/http/constant';
 import { HttpError } from '@/http/error';
 import { JobDetails } from '@/types/job';
 import { IMaterialMessage } from '@/types/message';
+import { GetProductIsUnlockResponse, ProductInfo } from '@/types/product';
 import { switchRoleType } from '@/utils/app';
 import { copy, logWithPrefix } from '@/utils/common';
 import { reportEvent } from '@/utils/event';
@ -40,8 +41,7 @@ import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
 import { getCommonShareMessage } from '@/utils/share';
 import { formatDate } from '@/utils/time';
 import Toast from '@/utils/toast';
-import { isNeedCreateMaterial } from '@/utils/user';
-
+import { isNeedPhone } from '@/utils/user';
 import './index.less';

 const PREFIX = 'job-detail';
@ -70,8 +70,30 @@ const getMapCallout = (data: JobDetails): MapProps.callout | undefined => {
 const AnchorFooter = (props: { data: JobDetails }) => {
  const { data } = props;
  const [errorTips, setErrorTips] = useState<string>('');
-  const [dialogVisible, setDialogVisible] = useState(false);
+  const [showJobContactDialog, setShowJobContactDialog] = useState(false);
  const [showMaterialGuide, setShowMaterialGuide] = useState(false);
+  const [productInfo, setProductInfo] = useState<undefined | ProductInfo>();
+  const [productRecord, setProductRecord] = useState<undefined | GetProductIsUnlockResponse>();
+  const userInfo = useUserInfo();
+  const needPhone = isNeedPhone(userInfo);
+
+  const getProductRecord = useCallback(async () => {
+    const result = await requestProductUseRecord(ProductType.VIP, { jobId: data.id });
+    setProductRecord(result);
+  }, [data.id]);
+
+  const getProductBalance = useCallback(async (loading?: boolean) => {
+    if (loading) {
+      Taro.showLoading();
+    }
+    const [, resp] = await requestProductBalance(ProductType.VIP);
+    setProductInfo(resp);
+    console.log(resp);
+    if (loading) {
+      Taro.hideLoading();
+    }
+    return resp;
+  }, []);

  const handleClickContact = useCallback(async () => {
    log('handleClickContact');
@ -79,21 +101,8 @@ const AnchorFooter = (props: { data: JobDetails }) => {
      return;
    }
    reportEvent(ReportEventId.CLICK_JOB_CONTACT);
-    try {
-      const needCreateMaterial = await isNeedCreateMaterial();

-      if (data.sourcePlat !== 'bl') {
-        if (needCreateMaterial) {
-          const result = await requestProductUseRecord(ProductType.VIP, { jobId: data.id });
-          if (!result) {
-            const [time, isPaidVip] = await requestProductBalance(ProductType.VIP);
-            if (time <= 0 || !isPaidVip) {
-              setShowMaterialGuide(true);
-              return;
-            }
-          }
-        }
-      }
+    try {
      if (data.isAuthed) {
        const toUserId = data.userId;
        if (isChatWithSelf(toUserId)) {
@ -102,7 +111,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {
        }
        const chat = await postCreateChat(toUserId);
        let materialMessage: null | IMaterialMessage = null;
-        if (!needCreateMaterial) {
+        if (!!productInfo?.isCreateResume) {
          const profile = await requestProfileDetail();
          if (profile) {
            materialMessage = {
@ -124,7 +133,13 @@ const AnchorFooter = (props: { data: JobDetails }) => {
          jobId: data.id,
        });
      } else {
-        setDialogVisible(true);
+        // Show material guide if no resume and no VIP and no free balance
+        if (!productRecord && !productInfo?.isCreateResume && !productInfo?.isPaidVip && !productInfo?.freeBalance) {
+          setShowMaterialGuide(true);
+          return;
+        }
+        // Open integrated dialog - it handles buy + contact internally
+        setShowJobContactDialog(true);
      }
    } catch (error) {
      const e = error as HttpError;
@ -135,31 +150,99 @@ const AnchorFooter = (props: { data: JobDetails }) => {
        Toast.error('请求失败请重试');
      }
    }
-  }, [data]);
+  }, [data, productInfo?.freeBalance, productInfo?.isCreateResume, productInfo?.isPaidVip]);

-  const handleDialogHidden = useCallback(() => {
-    setDialogVisible(false);
-  }, []);
-  const handleConfirmPrejob = useCallback((type: GET_CONTACT_TYPE) => {
+  const handleDialogClose = useCallback(() => {
+    setShowJobContactDialog(false);
+    // Refresh data after dialog closes
+    getProductRecord();
+  }, [getProductRecord]);
+
+  const handleConfirmPrejob = useCallback(
+    (type: GET_CONTACT_TYPE) => {
      setShowMaterialGuide(false);
      if (GET_CONTACT_TYPE.VIP === type) {
-      setDialogVisible(true);
+        getProductBalance().then(() => {
+          setShowJobContactDialog(true);
+        });
      }
-  }, []);
+    },
+    [getProductBalance]
+  );
+
+  // const unAuthedButtonText = useMemo(() => {
+  //   if (haveSeen) {
+  //     return '查看联系方式';
+  //   }
+  //
+  //   if (productInfo?.isPaidVip) {
+  //     return '您是会员，可直接查看';
+  //   }
+  //
+  //   if (productInfo?.freeBalance) {
+  //     return `还剩${productInfo.freeBalance}次查看次数`;
+  //   }
+  //
+  //   return productInfo?.isCreateResume? '升级会员即可查看': '创建模卡，免费查看';
+  // }, [productInfo, haveSeen]);
+
+  const handleRefresh = useCallback(async () => {
+    await getProductBalance(true);
+  }, [getProductBalance]);
+
+  useEffect(() => {
+    Taro.eventCenter.on(EventName.CREATE_PROFILE, getProductBalance);
+    return () => {
+      Taro.eventCenter.off(EventName.CREATE_PROFILE);
+    };
+  }, [getProductBalance]);
+
+  useEffect(() => {
+    getProductBalance();
+  }, [getProductBalance]);
+
+  useEffect(() => {
+    getProductRecord();
+  }, [getProductRecord]);
+
  return (
    <>
      <div className={`${PREFIX}__footer`}>
        <Button className={`${PREFIX}__share-button`} openType="share">
          分享
        </Button>
-        <LoginButton className={`${PREFIX}__contact-publisher`} onClick={handleClickContact}>
-          {data.isAuthed ? '急招岗位可免费查看' : '查看联系方式'}
+        <LoginButton
+          needRefresh
+          onRefresh={handleRefresh}
+          className={`${PREFIX}__contact-publisher`}
+          onClick={handleClickContact}
+        >
+          {data.isAuthed ? '在线沟通' : '查看联系方式'}
+          {needPhone ? (
+            <div className={`${PREFIX}__contact-publisher-tag`}>登录后可免费报单</div>
+          ) : !productRecord && (data.isAuthed || productInfo?.content) ? (
+            <div className={`${PREFIX}__contact-publisher-tag`}>
+              {data.isAuthed ? '急招岗位可免费查看' : productInfo?.content}
+            </div>
+          ) : null}
        </LoginButton>
      </div>
      <div>
-        {dialogVisible && <ProductJobDialog data={data} onClose={handleDialogHidden} />}
+        {showJobContactDialog && (
+          <ProductJobContactDialog
+            data={data}
+            productRecord={productRecord}
+            productInfo={productInfo}
+            onRefreshBalance={getProductBalance}
+            onClose={handleDialogClose}
+          />
+        )}
        {showMaterialGuide && (
-          <PrejobPopup onCancel={() => setShowMaterialGuide(false)} onConfirm={handleConfirmPrejob} />
+          <PrejobPopup
+            isCreateResume={productInfo?.isCreateResume}
+            onCancel={() => setShowMaterialGuide(false)}
+            onConfirm={handleConfirmPrejob}
+          />
        )}
        <CommonDialog
          content={errorTips}
--- a/src/pages/user-batch-publish/index.tsx
+++ b/src/pages/user-batch-publish/index.tsx
@ -1,4 +1,4 @@
-// import { Image } from '@tarojs/components';
+import { Image } from '@tarojs/components';
 import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';

 import { Button, Tabs } from '@taroify/core';
@ -12,29 +12,29 @@ import useInviteCode from '@/hooks/use-invite-code';
 import { switchRoleType } from '@/utils/app';
 import { openCustomerServiceChat } from '@/utils/common';
 import { getCurrentCityCode } from '@/utils/location';
-import { getPageQuery } from '@/utils/route';
+import { getPageQuery, navigateTo } from '@/utils/route';
 import { getCommonShareMessage } from '@/utils/share';
 import { checkCityCode } from '@/utils/user';

 import './index.less';

 const PREFIX = 'page-biz-service';
-// const EXAMPLE_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-example.png';
-// const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comments.png';
+const EXAMPLE_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-example.png';
+const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comments.png';
 export default function BizService() {
  const inviteCode = useInviteCode();
  const cityOperators = useCityOperators();
-  const [value, setValue] = useState('2');
+  const [value, setValue] = useState('0');

-  // const handleClickDelegate = useCallback(() => {
-  //   navigateTo(PageUrl.GroupDelegatePublish);
-  // }, []);
-  // const handlePreview = (current: string) => {
-  //   Taro.previewImage({
-  //     current,
-  //     urls: [EXAMPLE_IMAGE, COMMENT_IMAGE],
-  //   });
-  // };
+  const handleClickDelegate = useCallback(() => {
+    navigateTo(PageUrl.GroupDelegatePublish);
+  }, []);
+  const handlePreview = (current: string) => {
+    Taro.previewImage({
+      current,
+      urls: [EXAMPLE_IMAGE, COMMENT_IMAGE],
+    });
+  };
  const handleOpenService = useCallback(() => {
    openCustomerServiceChat('https://work.weixin.qq.com/kfid/kfcd60708731367168d');
  }, []);
@ -80,53 +80,7 @@ export default function BizService() {
    <HomePage type={PageType.BatchPublish}>
      <div className={PREFIX}>
        <Tabs className={`${PREFIX}__tabs`} value={value} onChange={handleChange}>
-          {/*<Tabs.TabPane value="0" title="群代发">*/}
-          {/*  <div className={`${PREFIX}__delegate`}>*/}
-          {/*    <Image*/}
-          {/*      mode="widthFix"*/}
-          {/*      className={`${PREFIX}__header-image`}*/}
-          {/*      src="https://publiccdn.neighbourhood.com.cn/img/pub-job.png"*/}
-          {/*    />*/}
-          {/*    <div className={`${PREFIX}__delegate-h5`}>服务说明</div>*/}
-          {/*    <div className={`${PREFIX}__delegate-card`}>*/}
-          {/*      <div className={`${PREFIX}__delegate-body`}>服务方式：帮您把招聘需求发到众多同城合作主播群</div>*/}
-          {/*      <div className={`${PREFIX}__delegate-body`}>群发次数：杭州、广州发3次，其他城市1次</div>*/}
-          {/*      <div className={`${PREFIX}__delegate-body`}>内容要求：仅限带货主播招聘需求，其他不发</div>*/}
-          {/*      <div className={`${PREFIX}__delegate-body`}>主播联系：内容中留招聘方联系方式，主播直接联系</div>*/}
-          {/*    </div>*/}
-          {/*    <div className={`${PREFIX}__delegate-h5`}>代发示例</div>*/}
-          {/*    <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(EXAMPLE_IMAGE)}>*/}
-          {/*      <Image className={`${PREFIX}__delegate-image`} src={EXAMPLE_IMAGE} mode="heightFix" />*/}
-          {/*    </div>*/}
-          {/*    <div className={`${PREFIX}__delegate-h5`}>部分客户评价</div>*/}
-          {/*    <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(COMMENT_IMAGE)}>*/}
-          {/*      <Image className={`${PREFIX}__delegate-image`} src={COMMENT_IMAGE} mode="heightFix" />*/}
-          {/*    </div>*/}
-          {/*    <div className={`${PREFIX}__delegate-fix`}>*/}
-          {/*      <Button className={`${PREFIX}__delegate-btn`} onClick={handleClickDelegate}>*/}
-          {/*        我要代发*/}
-          {/*      </Button>*/}
-          {/*    </div>*/}
-          {/*  </div>*/}
-          {/*</Tabs.TabPane>*/}
-          <Tabs.TabPane
-            value="1"
-            title={
-              <>
-                主播群
-                {/*<Image src={require('@/statics/svg/star.svg')} className={`${PREFIX}__star`} />*/}
-              </>
-            }
-          >
-            <SearchCity
-              onSelectCity={handleSelectCity}
-              currentCity={getCurrentCityCode()}
-              forGroup
-              offset={72}
-              banner="点击城市名称，进本地通告群，免费招主播"
-            />
-          </Tabs.TabPane>
-          <Tabs.TabPane value="2" title="代招">
+          <Tabs.TabPane value="0" title="代招">
            <div className={`${PREFIX}__recruitment`}>
              <div className={`${PREFIX}__recruitment-card`}>
                <div className={`${PREFIX}__recruitment-h5`}>服务城市</div>
@ -151,6 +105,52 @@ export default function BizService() {
              </div>
            </div>
          </Tabs.TabPane>
+          <Tabs.TabPane
+            value="1"
+            title={
+              <>
+                群代发
+                <Image src={require('@/statics/svg/star.svg')} className={`${PREFIX}__star`} />
+              </>
+            }
+          >
+            <div className={`${PREFIX}__delegate`}>
+              <Image
+                mode="widthFix"
+                className={`${PREFIX}__header-image`}
+                src="https://publiccdn.neighbourhood.com.cn/img/pub-job.png"
+              />
+              <div className={`${PREFIX}__delegate-h5`}>服务说明</div>
+              <div className={`${PREFIX}__delegate-card`}>
+                <div className={`${PREFIX}__delegate-body`}>服务方式：帮您把招聘需求发到众多同城合作主播群</div>
+                <div className={`${PREFIX}__delegate-body`}>群发次数：杭州、广州发3次，其他城市1次</div>
+                <div className={`${PREFIX}__delegate-body`}>内容要求：仅限带货主播招聘需求，其他不发</div>
+                <div className={`${PREFIX}__delegate-body`}>主播联系：内容中留招聘方联系方式，主播直接联系</div>
+              </div>
+              <div className={`${PREFIX}__delegate-h5`}>代发示例</div>
+              <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(EXAMPLE_IMAGE)}>
+                <Image className={`${PREFIX}__delegate-image`} src={EXAMPLE_IMAGE} mode="heightFix" />
+              </div>
+              <div className={`${PREFIX}__delegate-h5`}>部分客户评价</div>
+              <div className={`${PREFIX}__delegate-card image`} onClick={() => handlePreview(COMMENT_IMAGE)}>
+                <Image className={`${PREFIX}__delegate-image`} src={COMMENT_IMAGE} mode="heightFix" />
+              </div>
+              <div className={`${PREFIX}__delegate-fix`}>
+                <Button className={`${PREFIX}__delegate-btn`} onClick={handleClickDelegate}>
+                  我要代发
+                </Button>
+              </div>
+            </div>
+          </Tabs.TabPane>
+          <Tabs.TabPane value="2" title="主播群">
+            <SearchCity
+              onSelectCity={handleSelectCity}
+              currentCity={getCurrentCityCode()}
+              forGroup
+              offset={72}
+              banner="点击城市名称，进本地通告群，免费招主播"
+            />
+          </Tabs.TabPane>
        </Tabs>
      </div>
    </HomePage>
--- a/src/types/product.ts
+++ b/src/types/product.ts
@ -8,13 +8,18 @@ export interface DeclarationTypeResult {
 }

 export interface ProductInfo {
-  productCode: ProductType;
-  productId: ProductType;
+  // productCode: ProductType;
+  // productId: ProductType;
+
  balance: number;
-  created: number;
-  updated: number;
-  isPaidVip?: boolean;
-  // 报单类型信息,只有 use 接口返回值才有
+  plaidBalance: number;
+  freeBalance: number;
+  content: string;
+  created: string;
+  updated: string;
+  isPaidVip: boolean;
+  isCreateResume: boolean;
+  allowBuyProduct: boolean;
  declarationTypeResult?: DeclarationTypeResult;
 }

@ -110,11 +115,12 @@ export interface GetOrderInfoRequest {

 export interface ProductSpecResult {
  productId: string;
-  productSpecId: string;
+  productSpecId: ProductSpecId;
  productType: ProductType;
  productName: string;
  title: string;
  priceText: string;
+  expire: number;
  payPrice: number; // 分
  showPrice: number;
  originalPrice: number;
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@ -15,12 +15,10 @@ export const isDesktop = (() => {
  return info.platform === 'windows' || info.platform === 'mac';
 })();

-export const logWithPrefix = isDev()
-  ? (prefix: string) =>
+export const logWithPrefix =
+  (prefix: string) =>
  (...args: BL.Anything[]) =>
-        console.log(`[${prefix}]`, ...args)
-  : (_prefix: string) =>
-      (..._args: BL.Anything[]) => {};
+    console.log(`[${prefix}]`, ...args);

 export const safeJsonParse = <T = BL.Anything>(str: string, defaultValue: BL.Anything = {}): T => {
  try {
--- a/src/utils/group.ts
+++ b/src/utils/group.ts
@ -51,5 +51,8 @@ export const requestBatchPublishGroups = async () => {
 };

 export const requestSimpleGroupList = async (cityCode?: string) => {
-  return http.post<SimpleGroupInfo[]>(API.SIMPLE_GROUP_LIST, { data: { cityCode } });
+  return http.post<SimpleGroupInfo[]>(API.SIMPLE_GROUP_LIST, {
+    data: { cityCode },
+    contentType: 'application/x-www-form-urlencoded',
+  });
 };
--- a/src/utils/product.ts
+++ b/src/utils/product.ts
@ -14,7 +14,8 @@ import {
  CreatePayInfoResponse,
  CreatePayOrderParams,
  GetOrderInfoRequest,
-  OrderInfo, ProductSpecResult,
+  OrderInfo,
+  ProductSpecResult,
 } from '@/types/product';
 import { buildUrl } from '@/utils/common';
 import { getUserId } from '@/utils/user';
@ -46,7 +47,8 @@ export async function requestProductUseRecord(
 }

 export async function requestProductTypeList(productType: ProductType) {
-  return await http.get<ProductSpecResult[]>(buildUrl(API.LIST_PRODUCT_TYPE, { productType }));
+  const list = await http.get<ProductSpecResult[]>(buildUrl(API.LIST_PRODUCT_TYPE, { productType }));
+  return list.sort((a, b) => a.sort - b.sort);
 }

 // 使用某一个产品
@ -59,13 +61,14 @@ export async function requestUseProduct(
 }

 // 获取某个产品的剩余解锁次数
-export async function requestProductBalance(productCode: ProductType): Promise<[number, boolean | undefined]> {
+export async function requestProductBalance(productCode: ProductType): Promise<[number, ProductInfo]> {
  const data: GetProductDetailRequest = { productCode, userId: getUserId() };
-  const { balance, isPaidVip } = await http.post<ProductInfo>(API.GET_PRODUCT_DETAIL, {
+  const result = await http.post<ProductInfo>(API.GET_PRODUCT_DETAIL, {
    data,
    contentType: 'application/x-www-form-urlencoded',
  });
-  return [balance, isPaidVip];
+
+  return [result.balance, result];
 }

 // 是否可以购买某一个产品
Author	SHA1	Message	Date
chashaobao	f6cec5dd43	feat:	2025-12-27 16:00:25 +08:00
chashaobao	ec96058d5d	feat:	2025-12-22 00:00:23 +08:00
chashaobao	4d3c57e88b	Merge branch 'trunk' into feat/vip_member_update	2025-12-20 22:53:34 +08:00
chashaobao	a1d2f29b9d	feat:	2025-12-20 22:53:00 +08:00
chashaobao	c696e93bc5	feat:	2025-12-17 00:10:53 +08:00
chashaobao	e5facdff6a	feat	2025-12-09 07:55:14 +08:00
chashaobao	6c1e1cfd2d	featL	2025-12-08 22:08:53 +08:00
chashaobao	d4fb682852	feat	2025-12-07 21:28:15 +08:00
chashaobao	587436058a	feat	2025-12-07 20:43:06 +08:00
chashaobao	4ed1d45873	feat:	2025-12-06 21:19:25 +08:00
chashaobao	6b084b2df2	feat	2025-12-02 21:44:07 +08:00
chashaobao	288521ebd9	feat:	2025-12-02 21:18:50 +08:00