feat: update tonggao

2025-08-07 00:24:49 +08:00
parent 10e7f39c92
commit 61336b5282
30 changed files with 363 additions and 171 deletions
--- a/src/pages/anchor/index.less
+++ b/src/pages/anchor/index.less
@ -90,4 +90,25 @@
    color: @blColor;
    margin-top: 50px;
  }
+
+
+
+  &__popup {
+    &-content {
+      .flex-column();
+      padding: 40px 32px 64px 32px;
+    }
+
+    &-title {
+      font-weight: 500;
+      font-size: 36px;
+      line-height: 57px;
+      text-align: center;
+      margin-bottom: 48px;
+    }
+
+    &-confirm {
+      .button(@width: 360px, @height: 72px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 44px);
+    }
+  }
 }
--- a/src/pages/anchor/index.tsx
+++ b/src/pages/anchor/index.tsx
@ -1,6 +1,7 @@
-import { Image } from '@tarojs/components';
+import { Button, Image } from '@tarojs/components';
 import Taro, { NodesRef, useDidShow, useLoad, useShareAppMessage } from '@tarojs/taro';

+import { Popup } from '@taroify/core';
 import { ArrowDown, ArrowUp } from '@taroify/icons';
 import classNames from 'classnames';
 import { isEqual } from 'lodash-es';
@ -13,9 +14,10 @@ import HomePage from '@/components/home-page';
 import Overlay from '@/components/overlay';
 import PageLoading from '@/components/page-loading';
 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, JobManageStatus } from '@/constants/job';
+import { EmployType } from '@/constants/job';
 import { ALL_ANCHOR_SORT_TYPES, ANCHOR_SORT_TYPE_TITLE_MAP, AnchorSortType } from '@/constants/material';
 import useInviteCode from '@/hooks/use-invite-code';
 import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
@ -32,6 +34,7 @@ import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
 import { getPageQuery, navigateTo } from '@/utils/route';
 import { getCommonShareMessage } from '@/utils/share';
 import Toast from '@/utils/toast';
+
 import './index.less';

 const PREFIX = 'page-anchor';
@ -82,6 +85,7 @@ export default function AnchorPage() {
  const [filters, setFilters] = useState<IAnchorFilters>({ employType: EmployType.All });
  const [showFilter, setShowFilter] = useState<boolean>(false);
  const [sortType, setSortType] = useState<AnchorSortType>(AnchorSortType.Active);
+  const [openPopup, setOpenPopup] = useState<boolean>(false);
  const [coordinate, setCoordinate] = useState<Coordinate>({
    latitude: location.latitude,
    longitude: location.longitude,
@ -92,6 +96,8 @@ export default function AnchorPage() {
  const handleChangeSelectJob = useCallback((select?: JobManageInfo) => {
    log('select job change', select);
    setSelectJob(select);
+    console.log('哈哈哈', !select);
+    setOpenPopup(!select);
    setLastSelectMyJobId(select?.id || '');
  }, []);

@ -125,7 +131,7 @@ export default function AnchorPage() {
  );

  const handlePublishJobChange = useCallback(async () => {
-    const { jobResults = [] } = await requestJobManageList({ status: JobManageStatus.Open });
+    const { jobResults = [] } = await requestJobManageList();
    if (!selectJob) {
      // 之前没有开发中的通告，自动选中第一个开放中的通告
      handleChangeSelectJob(jobResults[0]);
@ -141,6 +147,10 @@ export default function AnchorPage() {
    }
  }, [selectJob, handleChangeSelectJob]);

+  const handleGoCreate = useCallback(() => {
+    navigateTo(PageUrl.JobPublish);
+  }, []);
+
  useEffect(() => {
    Taro.eventCenter.on(EventName.SELECT_MY_PUBLISH_JOB, handleJobChange);
    Taro.eventCenter.on(EventName.COMPANY_JOB_PUBLISH_CHANGED, handlePublishJobChange);
@ -172,8 +182,9 @@ export default function AnchorPage() {
    getInviteCodeFromQueryAndUpdate(query);

    try {
-      const { jobResults = [] } = await requestJobManageList({ status: JobManageStatus.Open });
+      const { jobResults = [] } = await requestJobManageList();
      if (!jobResults.length) {
+        setOpenPopup(true);
        // Toast.info('当前是根据定位为您展示主播');
        return;
      }
@ -240,6 +251,21 @@ export default function AnchorPage() {
          <AnchorPicker value={filters} onConfirm={handleFilterChange} />
        </Overlay>
      </div>
+      <Popup
+        rounded
+        open={openPopup}
+        placement="bottom"
+        className={`${PREFIX}__popup`}
+        onClose={() => setOpenPopup(false)}
+      >
+        <div className={`${PREFIX}__popup-content`}>
+          <div className={`${PREFIX}__popup-title`}>创建通告后可根据位置展示主播</div>
+          <Button className={`${PREFIX}__popup-confirm`} onClick={handleGoCreate}>
+            去创建
+          </Button>
+        </div>
+        <SafeBottomPadding />
+      </Popup>
    </HomePage>
  );
 }
--- a/src/pages/certification/index.tsx
+++ b/src/pages/certification/index.tsx
@ -1,33 +1,35 @@
 import { BaseEventOrig, Button, ButtonProps, Image, InputProps } from '@tarojs/components';
 import Taro, { UploadTask } from '@tarojs/taro';

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

 import BlFormInput from '@/components/bl-form-input';
 import BlFormItem from '@/components/bl-form-item';
 import LoadingDialog from '@/components/loading-dialog';
+import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
 import { EventName, PageUrl } from '@/constants/app';
 import { CertificationStatusType } from '@/constants/company';
 import { CollectEventName, ReportEventId } from '@/constants/event';
+import { ProductType } from '@/constants/product';
+import useCachedJobId from '@/hooks/use-cached-job';
 import useUserInfo from '@/hooks/use-user-info';
 import { ICertificationRequest } from '@/types/company';
 import { isValidIdCard, isValidPhone, logWithPrefix } from '@/utils/common';
 import { postCertification, getPhone } from '@/utils/company';
 import { collectEvent, reportEvent } from '@/utils/event';
+import { postPublishJob } from '@/utils/job';
 import { chooseMedia } from '@/utils/material';
-import {  redirectTo } from '@/utils/route';
+import { requestProductBalance } from '@/utils/product';
+import { redirectTo } from '@/utils/route';
 import Toast from '@/utils/toast';
 import { dispatchUpdateUser, requestUserInfo } from '@/utils/user';
 import { uploadVideo } from '@/utils/video';

 import './index.less';
-import { requestProductBalance } from '@/utils/product';
-import { ProductType } from '@/constants/product';
-import useCachedJob from '@/hooks/use-cached-job';
-import { postCreateJob } from '@/utils/job';
-import { Dialog } from '@taroify/core';
-import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
+import { clearCachedJobId } from '@/store/actions';
+import store from '@/store';

 const PREFIX = 'page-certification';
 const log = logWithPrefix(PREFIX);
@ -107,7 +109,8 @@ export default function Certification() {
  const [company, setCompany] = useState('');
  const [open, setOpen] = useState(false);
  const [showBuy, setShowBuy] = useState(false);
-  const cachedJobData = useCachedJob();
+  const cachedJobId = useCachedJobId();
+  const createdJobIdRef = useRef('');

  const handleClickIdCardLeft = useCallback(async () => {
    reportEvent(ReportEventId.CLICK_UPLOAD_ID_CARD, { type: 'left' });
@ -141,25 +144,28 @@ export default function Certification() {
    setCompany(value);
  }, []);

-  const handleCreateJob = useCallback(async () => {
-    if (cachedJobData.employType) {
+  const handleCloseBuy = useCallback(() => {
+    setShowBuy(false);
+    redirectTo(PageUrl.CertificationManage);
+  }, []);
+
+  const handlePublishJob = useCallback(async () => {
+    try {
      Taro.showLoading();
-      try {
-        await postCreateJob(cachedJobData);
-        Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
-        await Toast.success('通告创建成功', 1500, true);
-        redirectTo(PageUrl.CertificationManage);
-      } catch (e) {
-        console.error('submit error', e);
-        Toast.error('通告审核失败请重试');
-        collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
-      } finally {
-        Taro.hideLoading();
-      }
-    } else {
-      Toast.error('数据出错');
+      await postPublishJob(cachedJobId!);
+      await Toast.success('通告发布成功', 1500, true);
+      store.dispatch(clearCachedJobId());
+      Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
+      redirectTo(PageUrl.CertificationManage);
+    } catch (e) {
+      console.error('submit error', e);
+      Toast.error('通告发布失败');
+      collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
+      redirectTo(PageUrl.CertificationManage);
+    } finally {
+      Taro.hideLoading();
    }
-  }, [cachedJobData]);
+  }, [cachedJobId]);

  const handleSubmit = useCallback(async () => {
    reportEvent(ReportEventId.CLICK_CERTIFICATION_SUBMIT);
@ -185,15 +191,13 @@ export default function Certification() {
        return;
      }
      dispatchUpdateUser({ bossAuthStatus: CertificationStatusType.Success });
-      // 判断付钱没有
+
      const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
      if (time <= 0) {
-        // 付钱
        setShowBuy(true);
        Taro.hideLoading();
      } else {
-        // 获取data创建
-        await handleCreateJob();
+        await handlePublishJob();
      }
    } catch (e) {
      console.error('submit error', e);
@ -210,6 +214,7 @@ export default function Certification() {
      try {
        const { phoneNumber } = await getPhone(e.detail.code);
        setRevisedPhone(phoneNumber);
+        // eslint-disable-next-line @typescript-eslint/no-shadow
      } catch (e) {
        Toast.error('获取手机号失败');
      }
@ -299,9 +304,9 @@ export default function Certification() {
      <div>
        <LoadingDialog open={open} text="认证中" />
      </div>
-      <Dialog open={showBuy} onClose={() => setShowBuy(false)}>
+      <Dialog open={showBuy} onClose={handleCloseBuy}>
        <Dialog.Content>
-          <CompanyPublishJobBuy onNext={handleCreateJob} defaultSelect={1} />
+          <CompanyPublishJobBuy onNext={handlePublishJob} />
        </Dialog.Content>
      </Dialog>
    </div>
--- a/src/pages/job-detail/index.tsx
+++ b/src/pages/job-detail/index.tsx
@ -1,4 +1,4 @@
-import { Map, MapProps, Text, Image, Button } from '@tarojs/components';
+import { Button, Image, Map, MapProps, Text } from '@tarojs/components';
 import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';

 import React, { useCallback, useEffect, useState } from 'react';
@ -12,10 +12,10 @@ 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 { RoleType, EventName, PageUrl } from '@/constants/app';
+import { EventName, PageUrl, RoleType } from '@/constants/app';
 import { CertificationStatusType } from '@/constants/company';
 import { CollectEventName, ReportEventId } from '@/constants/event';
-import { EMPLOY_TYPE_TITLE_MAP, GET_CONTACT_TYPE } from '@/constants/job';
+import { EMPLOY_TYPE_TITLE_MAP, GET_CONTACT_TYPE, JobManageStatus } from '@/constants/job';
 import useInviteCode from '@/hooks/use-invite-code';
 import useUserInfo from '@/hooks/use-user-info';
 import useRoleType from '@/hooks/user-role-type';
@ -26,7 +26,7 @@ import { IMaterialMessage } from '@/types/message';
 import { switchRoleType } from '@/utils/app';
 import { copy, logWithPrefix } from '@/utils/common';
 import { collectEvent, reportEvent } from '@/utils/event';
-import { getJobTitle, getJobSalary, postPublishJob, requestJobDetail } from '@/utils/job';
+import { getJobSalary, getJobTitle, postPublishJob, requestJobDetail } from '@/utils/job';
 import { calcDistance, isValidLocation } from '@/utils/location';
 import { requestProfileDetail } from '@/utils/material';
 import { isChatWithSelf, postCreateChat } from '@/utils/message';
@ -38,6 +38,10 @@ import Toast from '@/utils/toast';
 import { isNeedCreateMaterial } from '@/utils/user';

 import './index.less';
+import { Dialog } from '@taroify/core';
+import CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
+import { requestProductBalance } from '@/utils/product';
+import { ProductType } from '@/constants/product';

 const PREFIX = 'job-detail';
 const log = logWithPrefix(PREFIX);
@ -79,8 +83,11 @@ const AnchorFooter = (props: { data: JobDetails }) => {

      if (data.sourcePlat !== 'bl') {
        if (needCreateMaterial) {
-          setShowMaterialGuide(true);
-          return;
+          const [time] = await requestProductBalance(ProductType.VIP);
+          if (time <= 0) {
+            setShowMaterialGuide(true);
+            return;
+          }
        }
      }
      if (data.isAuthed) {
@ -162,6 +169,7 @@ const AnchorFooter = (props: { data: JobDetails }) => {

 const CompanyFooter = (props: { data: JobDetails }) => {
  const { data } = props;
+  const [showBuy, setShowBuy] = useState(false);

  const handleClickEdit = useCallback(() => navigateTo(PageUrl.JobPublish, { jobId: data.id }), [data]);

@ -170,17 +178,22 @@ const CompanyFooter = (props: { data: JobDetails }) => {
      Taro.showLoading();
      await postPublishJob(data.id);
      Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
+      setShowBuy(false);
      Toast.success('发布成功');
      Taro.hideLoading();
    } catch (error) {
      Taro.hideLoading();
      const e = error as HttpError;
      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.BOSS_VIP_EXPIRED) {
+      if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
+        Toast.info('您购买的产品已耗尽使用次数');
+        setShowBuy(true);
+      } else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
        Toast.info('该通告已到期，请创建新通告', 3000);
      } else {
-        Toast.error(e.message || '发布失败请重试', 3000);
+        Toast.error(errorMsg || '发布失败请重试', 3000);
      }
      console.error(e);
    }
@ -192,10 +205,19 @@ const CompanyFooter = (props: { data: JobDetails }) => {
        <Button className={`${PREFIX}__share-button`} onClick={handleClickEdit}>
          编辑
        </Button>
-        <Button className={`${PREFIX}__contact-publisher`} onClick={handlePublishJob}>
+        <Button
+          disabled={data.status === JobManageStatus.Open}
+          className={`${PREFIX}__contact-publisher`}
+          onClick={handlePublishJob}
+        >
          发布通告
        </Button>
      </div>
+      <Dialog open={showBuy} onClose={() => setShowBuy(false)}>
+        <Dialog.Content>
+          <CompanyPublishJobBuy onNext={handlePublishJob} />
+        </Dialog.Content>
+      </Dialog>
    </>
  );
 };
--- a/src/pages/job-publish/index.tsx
+++ b/src/pages/job-publish/index.tsx
@ -3,7 +3,7 @@ import Taro, { useLoad } from '@tarojs/taro';

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

 import BlFormCell from '@/components/bl-form-cell';
 import BlFormInput from '@/components/bl-form-input';
@ -22,7 +22,7 @@ import { EMPLOY_TYPE_TITLE_MAP, EmployType, JOB_TYPE_SELECT_OPTIONS, JobType } f
 import { ProductType } from '@/constants/product';
 import useUserInfo from '@/hooks/use-user-info';
 import store from '@/store';
-import { cacheCreateJob } from '@/store/actions';
+import { cacheJobId } from '@/store/actions';
 import { CreateJobInfo, JobDetails } from '@/types/job';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent } from '@/utils/event';
@ -33,6 +33,7 @@ import {
  requestJobDetail,
  isFullTimePriceRequired,
  isPartTimePriceRequired,
+  postPublishJob,
 } from '@/utils/job';
 import { getCityValues } from '@/utils/location';
 import { requestProductBalance } from '@/utils/product';
@ -107,6 +108,7 @@ export default function JobPublish() {
  const [showCityPicker, setShowCityPicker] = useState(false);
  const [address, setAddress] = useState('');
  const [showBuy, setShowBuy] = useState(false);
+  const createdJobIdRef = useRef('');
  const userInfo = useUserInfo();

  const handleEmployTypeChange = useCallback((value: EmployType) => {
@ -200,13 +202,18 @@ export default function JobPublish() {
        await postUpdateJob(data);
        Taro.eventCenter.trigger(EventName.JOB_UPDATE, job!.id);
      } else {
+        const jobId = await postCreateJob(data);
+        createdJobIdRef.current = jobId;
+        Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
+
        if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
          // 去认证
-          store.dispatch(cacheCreateJob(data));
+          store.dispatch(cacheJobId(jobId));
          navigateTo(PageUrl.CertificationStart);
          Taro.hideLoading();
          return;
        }
+
        const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
        if (time <= 0) {
          // 付钱
@ -214,12 +221,14 @@ export default function JobPublish() {
          Taro.hideLoading();
          return;
        }
-        await postCreateJob(data);
+
+        await postPublishJob(jobId);
      }
      Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
-      await Toast.success(isUpdateJob ? '更新成功' : '创建成功', 1500, true);
+      await Toast.success(isUpdateJob ? '更新成功' : '创建并发布成功', 1500, true);
      navigateBack();
    } catch (e) {
+      createdJobIdRef.current = '';
      console.error('submit error', e);
      Toast.error('审核失败请重试');
      collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
@ -229,18 +238,11 @@ export default function JobPublish() {
  }, [getCreateJobInfo, isUpdate, job, userInfo.bossAuthStatus]);

  const handleNext = useCallback(async () => {
-    const [data, cityCodes] = getCreateJobInfo();
-
-    const cityValues = getCityValues(cityCodes);
-    if (!data.address.startsWith(cityValues)) {
-      data.address = `${cityValues}${data.address}`;
-    }
    Taro.showLoading();
-
    try {
-      await postCreateJob(data);
+      await postPublishJob(createdJobIdRef.current);
      Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
-      await Toast.success('创建成功', 1500, true);
+      await Toast.success('发布成功', 1500, true);
      navigateBack();
    } catch (e) {
      console.error('submit error', e);
@ -249,7 +251,12 @@ export default function JobPublish() {
    } finally {
      Taro.hideLoading();
    }
-  }, [getCreateJobInfo]);
+  }, []);
+
+  const handleClosePublishJob = useCallback(() => {
+    setShowBuy(false);
+    navigateBack(-1);
+  }, []);

  useEffect(() => {
    const callback = (d: string) => setDescribe(d);
@ -342,7 +349,7 @@ export default function JobPublish() {
        <div className={`${PREFIX}__footer__buttons`}>
          {!isUpdate && (
            <Button className={`${PREFIX}__footer__button`} onClick={handleSubmit}>
-              创建
+              创建并发布
            </Button>
          )}
          {isUpdate && (
@ -365,9 +372,9 @@ export default function JobPublish() {
          onConfirm={handleConfirmCityPicker}
          onCancel={() => setShowCityPicker(false)}
        />
-        <Dialog open={showBuy} onClose={() => setShowBuy(false)}>
+        <Dialog open={showBuy} onClose={handleClosePublishJob}>
          <Dialog.Content>
-            <CompanyPublishJobBuy onNext={handleNext} defaultSelect={1}/>
+            <CompanyPublishJobBuy onNext={handleNext} />
          </Dialog.Content>
        </Dialog>
      </div>
--- a/src/pages/job-search/index.tsx
+++ b/src/pages/job-search/index.tsx
@ -150,7 +150,7 @@ export default function JobSearch() {
      <SearchInput
        focus={focus}
        value={value}
-        placeholder="你想搜什么"
+        placeholder="可以试试地区 品类"
        searchAction={searchAction}
        className={`${PREFIX}__search`}
        onClear={handleSearchClear}
--- a/src/pages/job-select-my-publish/index.tsx
+++ b/src/pages/job-select-my-publish/index.tsx
@ -6,7 +6,6 @@ import classNames from 'classnames';
 import { useCallback, useState } from 'react';

 import { EventName, OpenSource } from '@/constants/app';
-import { JobManageStatus } from '@/constants/job';
 import { JobManageInfo } from '@/types/job';
 import { getJobLocation, requestJobManageList } from '@/utils/job';
 import { getPageQuery, navigateBack } from '@/utils/route';
@ -34,7 +33,7 @@ export default function JobSelectMyPublish() {
    const query = getPageQuery<{ id: string; source: OpenSource }>();
    query?.id && setJobId(query.id);
    try {
-      const res = await requestJobManageList({ status: JobManageStatus.Open });
+      const res = await requestJobManageList();
      setList(res.jobResults);
      setSource(query.source);
    } catch (e) {
--- a/src/pages/job/index.tsx
+++ b/src/pages/job/index.tsx
@ -7,7 +7,7 @@ import { AgreementPopup } from '@/components/agreement-popup';
 import HomePage from '@/components/home-page';
 import MaterialGuide from '@/components/material-guide';
 import { EventName, OpenSource, PageType, PageUrl, RoleType } from '@/constants/app';
-import { EmployType, JOB_PAGE_TABS, SortType } from '@/constants/job';
+import { EmployType, JOB_PAGE_TABS, JobSourceType, SortType } from '@/constants/job';
 import JobFragment from '@/fragments/job/base';
 import useInviteCode from '@/hooks/use-invite-code';
 import useLocation from '@/hooks/use-location';
@ -31,7 +31,8 @@ export default function Job() {
  const location = useLocation();
  const { barHeight, statusBarHeight } = useNavigation();
  const inviteCode = useInviteCode();
-  const [tabType, setTabType] = useState<EmployType>(EmployType.All);
+  const [tabType, setTabType] = useState<JobSourceType>(JobSourceType.All);
+  const [employType, setEmployType] = useState<EmployType>(EmployType.All);
  const [sortType, setSortType] = useState<SortType>(SortType.RECOMMEND);
  const [cityCode, setCityCode] = useState<string>(location.cityCode);
  const [coordinate, setCoordinate] = useState<Coordinate>({
@ -59,6 +60,10 @@ export default function Job() {
    [cityCode]
  );

+  const handleClickEmployType = useCallback(type => {
+    setEmployType(type);
+  }, []);
+
  const handleClickSortType = useCallback(
    async (type: SortType) => {
      if (type === SortType.DISTANCE && (!location.latitude || !location.longitude)) {
@ -151,8 +156,10 @@ export default function Job() {
            <JobFragment
              cityCode={cityCode}
              sortType={sortType}
-              employType={tab.type}
+              sourceType={tab.type}
+              employType={employType}
              coordinate={coordinate}
+              onClickEmployType={handleClickEmployType}
              onClickCity={handleClickCity}
              onClickSort={handleClickSortType}
            />
--- a/src/pages/material-upload-video/index.tsx
+++ b/src/pages/material-upload-video/index.tsx
@ -190,7 +190,7 @@ export default function MaterialUploadVideo() {
            onTitleChange={(newTitle: string) => handleTitleChange(video, newTitle)}
          />
        ))}
-        {videoList.length < 6 && <MaterialVideoCard videoInfo={TEMP_DATA} onClickUpload={handleClickUpload} isTemp />}
+        {videoList.length < 10 && <MaterialVideoCard videoInfo={TEMP_DATA} onClickUpload={handleClickUpload} isTemp />}
      </div>
      <SafeBottomPadding />
      <div className={`${PREFIX}__footer`}>
--- a/src/pages/material-view/index.tsx
+++ b/src/pages/material-view/index.tsx
@ -1,13 +1,16 @@
 import { Button } from '@tarojs/components';
 import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';

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

 import CommonDialog from '@/components/common-dialog';
 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 { 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';
@ -19,7 +22,7 @@ import { IJobMessage } from '@/types/message';
 import { switchRoleType } from '@/utils/app';
 import { copy } from '@/utils/common';
 import { collectEvent } from '@/utils/event';
-import { requestHasPublishedJob, requestJobDetail } from '@/utils/job';
+import { postPublishJob, requestHasPublishedJob, requestJobDetail } from '@/utils/job';
 import { getMaterialShareMessage, requestReadProfile, requestShareProfile } from '@/utils/material';
 import { isChatWithSelf, postCreateChat } from '@/utils/message';
 import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
@ -67,15 +70,16 @@ export default function MaterialViewPage() {
  const [jobId, setJobId] = useState<string>();
  const [errorTips, setErrorTips] = useState<string>('');
  const [publishDialogVisible, setPublishDialogVisible] = useState(false);
-  const [certificationDialogVisible, setCertificationDialogVisible] = useState(false);
  const [noTimeDialogVisible, setNoTimeDialogVisible] = useState(false);
  const [noVipLimitVisible, setNoVipLimitVisible] = useState(false);
  const [vipExpiredVisible, setVipExpiredVisible] = useState(false);
  const inviteCode = useInviteCode();
+  const [showBuy, setShowBuy] = useState(false);

  const onDev = useCallback(async () => profile && copy(profile.userId), [profile]);

  const handleClickContact = useCallback(async () => {
+    setShowBuy(false);
    if (!profile) {
      return;
    }
@ -87,6 +91,10 @@ export default function MaterialViewPage() {
          return;
        }
        const jobDetail = await requestJobDetail(jobId);
+        if (jobDetail.status !== JobManageStatus.Open) {
+          setShowBuy(true);
+          return;
+        }
        const chat = await postCreateChat(toUserId);
        const jobMessage: IJobMessage = {
          id: jobDetail.id,
@ -116,7 +124,16 @@ export default function MaterialViewPage() {
      }
    }
  }, [profile, jobId]);
-
+  const handleNext = useCallback(async () => {
+    setShowBuy(false);
+    try {
+      await postPublishJob(jobId!);
+      await handleClickContact();
+    } catch (e) {
+      Toast.error('通告发布失败');
+      collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
+    }
+  }, [handleClickContact, jobId]);
  const handleClickNoViewTimes = useCallback(() => {
    setNoTimeDialogVisible(false);
    navigateBack();
@ -127,11 +144,6 @@ export default function MaterialViewPage() {
    redirectTo(PageUrl.CertificationManage);
  }, []);

-  const handleClickGoCertification = useCallback(() => {
-    setCertificationDialogVisible(false);
-    redirectTo(PageUrl.CertificationStart);
-  }, []);
-
  useEffect(() => {
    const callback = (select: JobManageInfo, source: OpenSource) =>
      source === OpenSource.MaterialViewPage && setJobId(select.id);
@ -162,9 +174,7 @@ export default function MaterialViewPage() {
      const errorCode = e.errorCode;
      collectEvent(CollectEventName.VIEW_MATERIAL_FAILED, { context, error: e.info?.() || e.message });
      console.error(e);
-      if (errorCode === RESPONSE_ERROR_CODE.BOSS_NOT_AUTH) {
-        setCertificationDialogVisible(true);
-      } else if (errorCode === RESPONSE_ERROR_CODE.NO_PUBLISHED_JOB) {
+      if (errorCode === RESPONSE_ERROR_CODE.NO_PUBLISHED_JOB) {
        setPublishDialogVisible(true);
      } else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
        setNoTimeDialogVisible(true);
@ -179,7 +189,7 @@ export default function MaterialViewPage() {
  });

  useShareAppMessage(async () => {
-    const shareMessage = await getMaterialShareMessage(profile, true, inviteCode);
+    const shareMessage = await getMaterialShareMessage(profile, true, inviteCode, jobId);
    return shareMessage as BL.Anything;
  });

@ -187,13 +197,6 @@ export default function MaterialViewPage() {
    return (
      <>
        <PageLoading />
-        <CommonDialog
-          content="要查看主播详情，请先完成实人认证"
-          confirm="去认证"
-          visible={certificationDialogVisible}
-          onClose={() => setCertificationDialogVisible(false)}
-          onClick={handleClickGoCertification}
-        />
        <CommonDialog
          content="请先发布一个认证通告"
          confirm="去发布"
@ -260,6 +263,11 @@ export default function MaterialViewPage() {
          onClose={() => setErrorTips('')}
          onClick={() => setErrorTips('')}
        />
+        <Dialog open={showBuy} onClose={() => setShowBuy(false)}>
+          <Dialog.Content>
+            <CompanyPublishJobBuy onNext={handleNext} />
+          </Dialog.Content>
+        </Dialog>
      </div>
    </div>
  );