feat

src/app.tsx

@@ -15,6 +15,29 @@ import { requestUserInfo, updateLastLoginTime } from '@/utils/user';
 import './app.less';
 
 function App({ children }: PropsWithChildren<BL.Anything>) {
+  const checkBasicUpdate = () => {
+    if (process.env.TARO_ENV !== 'weapp' || !Taro.canIUse('getUpdateManager')) {
+      return;
+    }
+    const manager = Taro.getUpdateManager();
+    manager.onCheckForUpdate(res => {
+      console.log('onCheckForUpdate', res);
+    });
+
+    // 新版本下载完成
+    manager.onUpdateReady(() => {
+      Taro.showModal({
+        title: '更新提示',
+        content: '新版本已经准备好，是否重启应用？',
+        success: function (res) {
+          if (res.confirm) {
+            // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+            manager.applyUpdate();
+          }
+        },
+      });
+    });
+  };
   useLaunch(async ({ query }) => {
     console.log('App launched.');
     await http.init(getInviteCodeFromQuery(query));
@@ -30,6 +53,7 @@ function App({ children }: PropsWithChildren<BL.Anything>) {
   });
 
   useDidShow(options => {
+    checkBasicUpdate();
     requestCityConfigs();
 
     console.log(options);

src/components/invite-operations-banner/index.less

@@ -0,0 +1,22 @@
+@import '@/styles/variables.less';
+@import '@/styles/common.less';
+
+.invite-operations-fragment-banner {
+  width: 100%;
+  height: 90px;
+  position: relative;
+  margin-bottom: 24px;
+
+  &__image {
+    width: 100%;
+    height: 100%;
+  }
+  
+  &__close {
+    width: 64px;
+    height: 38px;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}

src/components/invite-operations-banner/index.tsx

@@ -0,0 +1,40 @@
+import { Image } from '@tarojs/components';
+
+import { useCallback, useState } from 'react';
+
+import { PageUrl } from '@/constants/app';
+import { getPartnerBannerClose, setPartnerBannerClose } from '@/utils/partner';
+import { navigateTo } from '@/utils/route';
+import './index.less';
+
+const PREFIX = 'invite-operations-fragment-banner';
+
+export default function InviteOperationsBanner() {
+  const [bannerClose, setBannerClose] = useState<boolean>(getPartnerBannerClose());
+
+  const handlePartnerBannerClose = useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    setBannerClose(true);
+    setPartnerBannerClose();
+  }, []);
+
+  const handleClick = useCallback(async () => {
+    navigateTo(PageUrl.InviteOperations);
+  }, []);
+
+  if (bannerClose) {
+    return null;
+  }
+
+  return (
+    <div className={PREFIX} onClick={handleClick}>
+      <Image
+        className={`${PREFIX}__image`}
+        src="https://publiccdn.neighbourhood.com.cn/img/invite-operations-banner.png"
+        mode="scaleToFill"
+      />
+      <div className={`${PREFIX}__close`} onClick={handlePartnerBannerClose} />
+    </div>
+  );
+}

src/components/partner-intro/index.tsx

@@ -146,25 +146,6 @@ export default function PartnerIntro() {
           </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`}>
@@ -194,6 +175,25 @@ export default function PartnerIntro() {
             </div>
           </div>
         </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`}>交流群</div>
           <div className={`${PREFIX}__card  ${PREFIX}__special`}>

src/components/prejob-popup/index.tsx

@@ -9,7 +9,7 @@ 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 { switchTab, navigateTo } from '@/utils/route';
+import { navigateTo, switchTab } from '@/utils/route';
 import './index.less';
 
 interface IProps {
@@ -42,6 +42,13 @@ const GET_CONTACT_TYPE_OPTIONS = [
   //   desc: '群内定期发放会员，免费报单',
   //   btnText: '进群',
   // },
+  {
+    type: GET_CONTACT_TYPE.INVITE,
+    icon: 'https://publiccdn.neighbourhood.com.cn/img/invite-operations.png',
+    title: '邀请运营进群（送会员）',
+    desc: '每邀请进一个主播群送一个日会员',
+    btnText: '邀请',
+  },
 ];
 
 export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
@@ -53,6 +60,10 @@ export function PrejobPopup({ onCancel, isCreateResume, onConfirm }: IProps) {
       navigateTo(PageUrl.MaterialUploadVideo);
       onConfirm(type);
     }
+    if (type === GET_CONTACT_TYPE.INVITE) {
+      navigateTo(PageUrl.InviteOperations);
+      onConfirm(type);
+    }
     if (type === GET_CONTACT_TYPE.VIP) {
       setOpenPopup(false);
       setOpenDialog(true);

src/components/product-dialog/index.less

@@ -2,7 +2,6 @@
 @import '@/styles/variables.less';
 
 .product-dialog {
-
   .layout() {
     display: flex;
     flex-direction: column;
@@ -31,7 +30,7 @@
     font-weight: 500;
     line-height: 72px;
     border-radius: 44px;
-    color: #FFFFFF;
+    color: #ffffff;
     background: @blHighlightColor;
     margin-top: 40px;
   }
@@ -42,7 +41,7 @@
     font-size: 24px;
     line-height: 48px;
     color: @blHighlightColor;
-    background: #6D3DF514;
+    background: #6d3df514;
     border-radius: 8px;
     padding: 32px 72px;
     margin-top: 40px;
@@ -73,7 +72,7 @@
 
     &__describe {
       .describe-font();
-      margin-top: 24px
+      margin-top: 24px;
     }
 
     &__content {
@@ -173,8 +172,8 @@
       }
 
       &.disabled {
-        border-color: #E0E0E0;
+        border-color: #e0e0e0;
-        background: #F7F7F7;
+        background: #f7f7f7;
       }
 
       &.selected {
@@ -237,9 +236,7 @@
         color: @blHighlightColor;
         display: inline;
       }
-
     }
-
   }
 
   // ============================================= 群 ================================================= //
@@ -323,7 +320,7 @@
     line-height: 36px;
     text-align: center;
     border-radius: 50%;
-    border: 2px solid #E0E0E0;
+    border: 2px solid #e0e0e0;
   }
 
   &__qr-code__step-title {
@@ -338,7 +335,7 @@
     position: relative;
     width: 2px;
     height: 40px;
-    background: #E0E0E0;
+    background: #e0e0e0;
     margin: 4px 0;
     margin-left: 18px;
   }
@@ -365,7 +362,7 @@
     .divider {
       width: 540px;
       height: 1px;
-      background: #E0E0E0;
+      background: #e0e0e0;
       margin: 40px 0;
     }
 
@@ -417,7 +414,7 @@
     margin-top: 40px;
 
     .highlight {
-      color: @blHighlightColor
+      color: @blHighlightColor;
     }
   }
 
@@ -523,7 +520,6 @@
     .button();
   }
 
-
   // ============================================= 发布通告的企业会员 ================================================= //
   &__publish-job-buy__header {
     .header-font();
@@ -576,21 +572,21 @@
 
     &__item {
       position: relative;
-      width: 230px;
+      width: 182px;
       height: 156px;
       .flex-column();
       justify-content: center;
       border: 2px solid @blHighlightColor;
       border-radius: 8px;
-      margin-right: 24px;
+      margin-right: 15px;
 
       &:last-child {
         margin-right: 0;
       }
 
       &.disabled {
-        border-color: #E0E0E0;
+        border-color: #e0e0e0;
-        background: #F7F7F7;
+        background: #f7f7f7;
       }
 
       &.selected {
@@ -635,11 +631,11 @@
       }
 
       &__left-line {
-        background: linear-gradient(270deg, #E0E0E0 0%, #FFFFFF 100%);
+        background: linear-gradient(270deg, #e0e0e0 0%, #ffffff 100%);
       }
 
       &__right-line {
-        background: linear-gradient(90deg, #E0E0E0 0%, #FFFFFF 100%);
+        background: linear-gradient(90deg, #e0e0e0 0%, #ffffff 100%);
       }
 
       &__title {
@@ -680,5 +676,4 @@
       margin-top: 32px;
     }
   }
-
 }

src/components/product-dialog/steps-ui/company-publish-job-buy.tsx

@@ -9,10 +9,10 @@ import { PREFIX } from '@/components/product-dialog/const';
 import { CollectEventName, ReportEventId } from '@/constants/event';
 import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
 import { SubscribeTempId } from '@/constants/subscribe';
+import { ProductSpecResult } from '@/types/product';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent, reportEvent } from '@/utils/event';
 import {
-  getOrderPrice,
   isCancelPay,
   requestCreatePayInfo,
   requestOrderInfo,
@@ -21,7 +21,6 @@ import {
 } from '@/utils/product';
 import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
 import Toast from '@/utils/toast';
-import { ProductSpecResult } from '@/types/product';
 
 interface IProps {
   onNext: () => void;
@@ -161,7 +160,7 @@ export default function CompanyPublishJobBuy(props: IProps) {
           <div
             key={item.payPrice}
             className={classNames(`${PREFIX}__company-publish-job-buy__item`, {
-              selected: selectItem && item.payPrice === selectItem.payPrice,
+              selected: selectItem && item.id === selectItem.id,
               disabled: item.payPrice === 0,
             })}
             onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}

src/components/product-dialog/steps-ui/job-buy.tsx

@@ -167,9 +167,9 @@ export default function JobBuy(props: IProps) {
         {productList.map(item => {
           return (
             <div
-              key={item.payPrice}
+              key={item.id}
               className={classNames(`${PREFIX}__job-buy__item`, {
-                selected: selectItem && item.payPrice === selectItem.payPrice,
+                selected: selectItem && item.id === selectItem.id,
                 disabled: item.payPrice === 0,
               })}
               onClick={item.payPrice === 0 ? undefined : () => handleClickItem(item)}

src/constants/app.ts

@@ -37,6 +37,7 @@ export enum OpenSource {
   AnchorPage = 'anchor_page',
   MaterialViewPage = 'material_view_page',
   GroupOwnerCertificate = 'group_owner_certificate',
+  InviteOperations = 'invite_operations',
 }
 
 export enum PageUrl {
@@ -82,6 +83,7 @@ export enum PageUrl {
   GiveVip = 'pages/give-vip/index',
   GroupOwnerCertificate = 'pages/group-owner-certification/index',
   PartnerShareVip = 'pages/partner-share-vip/index',
+  InviteOperations = 'pages/invite-operations/index',
 }
 
 export enum PluginUrl {

src/constants/job.ts

@@ -214,4 +214,5 @@ export enum GET_CONTACT_TYPE {
   VIP = 'vip',
   MATERIAL = 'material',
   GROUP = 'group',
+  INVITE = 'invite',
 }

src/fragments/job/base/index.tsx

@@ -9,7 +9,7 @@ import { useCallback, useEffect, useState } from 'react';
 import EmployTypeSelect from '@/components/employ-type-select';
 import JobList, { IJobListProps } from '@/components/job-list';
 import Overlay from '@/components/overlay';
-import PartnerBanner from '@/components/partner-banner';
+// import PartnerBanner from '@/components/partner-banner';
 import SalarySelect from '@/components/salary-select';
 import SearchInput from '@/components/search';
 import { APP_TAB_BAR_ID, PageUrl } from '@/constants/app';
@@ -30,6 +30,7 @@ import { Coordinate } from '@/types/location';
 import { logWithPrefix } from '@/utils/common';
 import { navigateTo } from '@/utils/route';
 import './index.less';
+import InviteOperationsBanner from '@/components/invite-operations-banner';
 
 interface IProps {
   cityCode: string;
@@ -173,7 +174,8 @@ function JobFragment(props: IProps) {
       <Tabs className={`${PREFIX}__type-tabs`} value={tabType} onChange={onTypeChange}>
         {JOB_TABS.map(tab => (
           <Tabs.TabPane title={tab.title} key={tab.type} value={tab.type}>
-            <PartnerBanner />
+            {/*<PartnerBanner />*/}
+            <InviteOperationsBanner />
             <ListWrapper
               category={tab.type}
               cityCode={cityCode}

src/fragments/user/anchor/index.less

@@ -17,4 +17,25 @@
     border-radius: 16px;
     margin-top: 24px;
   }
+
+  &__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;
+    gap: 6px;
+    position: absolute;
+    left: 208px;
+    top: 8px;
+    width: 128px;
+
+    &-cell {
+      position: relative;
+    }
+  }
 }

src/fragments/user/anchor/index.tsx

@@ -1,6 +1,7 @@
 import { Image } from '@tarojs/components';
 
 import { Cell } from '@taroify/core';
+import { GoodJob } from '@taroify/icons';
 import { useCallback } from 'react';
 
 import MaterialCard from '@/components/material-card';
@@ -18,6 +19,8 @@ export default function AnchorFragment() {
 
   const handleClickSwitch = useCallback(() => switchRoleType(RoleType.Company), []);
 
+  const handleClickInviteOperations = useCallback(() => navigateTo(PageUrl.InviteOperations), []);
+
   return (
     <div className={PREFIX}>
       <MaterialCard />
@@ -29,6 +32,21 @@ export default function AnchorFragment() {
         className={`${PREFIX}__cell`}
         onClick={handleClickMyDeclaration}
       />
+      <Cell
+        isLink
+        align="center"
+        title={
+          <div className={`${PREFIX}__recommend-cell`}>
+            免费领主播会员
+            <div className={`${PREFIX}__recommend`}>
+              <GoodJob />
+              强烈推荐
+            </div>
+          </div>
+        }
+        className={`${PREFIX}__cell`}
+        onClick={handleClickInviteOperations}
+      />
       <Image
         mode="widthFix"
         className={`${PREFIX}__switch-to-company`}

src/hooks/use-config.tsx

@@ -101,6 +101,7 @@ export const APP_CONFIG: AppConfigType = {
     PageUrl.GiveVip,
     PageUrl.GroupOwnerCertificate,
     PageUrl.PartnerShareVip,
+    PageUrl.InviteOperations,
     PageUrl.AccelerateDelegatePublish,
     // PageUrl.DevDebug,
   ],

src/hooks/use-publish-job.ts

@@ -40,8 +40,8 @@ export const usePublishJob = (jobId?: string): [boolean, Dispatch<SetStateAction
       Taro.hideLoading();
       const e = error as HttpError;
       const errorCode = e.errorCode;
-      const errorMsg = e.info?.() || e.message;
+      const errorMsg = e.errorMsg || e.info?.() || e.message;
-      collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId, error: e.info?.() || e.message });
+      collectEvent(CollectEventName.PUBLISH_OPEN_JOB_FAILED, { jobId, error: errorMsg });
       if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_FREE_BALANCE) {
         setShowBuy(true);
       } else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
@@ -50,7 +50,7 @@ export const usePublishJob = (jobId?: string): [boolean, Dispatch<SetStateAction
       } else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
         Toast.info('该通告已到期，请创建新通告', 3000);
       } else {
-        Toast.error(errorMsg || '发布失败请重试', 3000);
+        Toast.info(errorMsg || '发布失败请重试', 3000);
       }
       console.error(e);
     }

src/http/constant.ts

@@ -27,6 +27,7 @@ export enum RESPONSE_ERROR_CODE {
   INSUFFICIENT_FREE_BALANCE = 'INSUFFICIENT_FREE_BALANCE', // 免费查看次数(未购买会员)超限
   BOSS_VIP_EXPIRED = 'BOSS_VIP_EXPIRED', // 会员过期
   CHAT_MSG_SEND_NOT_ALLOW = 'CHAT_MSG_SEND_NOT_ALLOW',
+  JOB_EXIST_ONE_PUBLISHED = 'JOB_EXIST_ONE_PUBLISHED',
 }
 
 export const RESPONSE_ERROR_INFO: { [key in RESPONSE_ERROR_CODE]?: string } = {

src/pages/certification/index.tsx

@@ -30,7 +30,7 @@ import { dispatchUpdateUser, requestUserInfo } from '@/utils/user';
 import { uploadVideo } from '@/utils/video';
 
 import './index.less';
-
+import { RESPONSE_ERROR_CODE } from '@/http/constant';
 
 const PREFIX = 'page-certification';
 const log = logWithPrefix(PREFIX);
@@ -158,8 +158,13 @@ export default function Certification() {
       Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
       redirectTo(PageUrl.CertificationManage);
     } catch (e) {
-      console.error('submit error', e);
+      console.error('submit error', e.errorCode, e.errorMsg);
+      console.dir(e);
+      if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
+        Toast.info(e.errorMsg || e.errorCode, 3000);
+      } else {
         Toast.error('通告发布失败');
+      }
       collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
       redirectTo(PageUrl.CertificationManage);
     } finally {

src/pages/invite-operations/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '邀请运营',
+});

src/pages/invite-operations/index.less

@@ -0,0 +1,156 @@
+@import '@/styles/variables.less';
+@import '@/styles/common.less';
+
+.invite-operations {
+  &__main {
+    padding-left: 24px;
+    padding-right: 24px;
+    position: relative;
+  }
+
+  &__block {
+    margin-bottom: 12px;
+    position: relative;
+  }
+
+  &__card {
+    background: #fff;
+    border-radius: 24px;
+    padding: 32px;
+    position: relative;
+  }
+
+  &__edging {
+    position: absolute;
+    font-weight: 400;
+    font-size: 26px;
+    line-height: 28px;
+    color: #946724;
+    padding: 18px 24px;
+    background: #FFF4F0;
+    border-radius:0 0 24px 24px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  &__lined-wrapper {
+    text-align: center;
+    margin-top: 40px;
+  }
+  &__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%;
+    }
+  }
+
+
+  &__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;
+    }
+
+    &.center {
+      text-align: center;
+    }
+
+    .highlight {
+      color: @blHighlightColor;
+      display: inline-block;
+    }
+  }
+
+  &__body {
+    font-weight: 400;
+    font-size: 28px;
+    line-height: 40px;
+    color: @blColor;
+  }
+
+  &__title {
+    margin-bottom: 24px;
+    font-weight: 500;
+    font-size: 32px;
+    line-height: 32px;
+    color: #1d2129;
+
+    &:before {
+      left: -138px;
+      width: 120px;
+    }
+
+    &:after {
+      right: -138px;
+      width: 120px;
+    }
+  }
+
+  &__copy {
+    .button(@height: 72px; @width: 384px; @fontSize: 28px; @fontWeight: 400; @borderRadius: 44px; @highlight: 0);
+    margin-top: 32px;
+  }
+
+  &__city-select {
+    background: #F7F7F7;
+    border-radius: 16px;
+    padding: 34px 32px;
+    font-weight: 400;
+    font-size: 32px;
+    margin-top: 24px;
+    line-height: 32px;
+    color: #333333;
+    display: flex;
+    justify-content: space-between;
+  }
+  &__qrcode {
+    width: 280px;
+    height: 280px;
+    background: #6F7686;
+    display: block;
+    margin: auto auto 24px;
+  }
+
+  &__action-block {
+    background: #F7F7F7;
+    border-radius: 16px;
+    padding: 32px 0;
+    .flex-column();
+    text-align: center;
+    color: @blHighlightColor;
+    font-size: 28px;
+    font-weight: 400;
+  }
+}

src/pages/invite-operations/index.tsx

@@ -0,0 +1,126 @@
+import { Button, Image } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+
+import { Arrow } from '@taroify/icons';
+import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+
+import { EventName, OpenSource, PageUrl } from '@/constants/app';
+import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
+import useLocation from '@/hooks/use-location';
+import useUserInfo from '@/hooks/use-user-info';
+import { StaffInfo } from '@/types/partner';
+import { copy } from '@/utils/common';
+import { getStaffInfo } from '@/utils/partner';
+import { navigateTo } from '@/utils/route';
+import './index.less';
+
+const PREFIX = 'invite-operations';
+
+export default function InviteOperations() {
+  const location = useLocation();
+  const userInfo = useUserInfo();
+  const [cityCode, setCityCode] = useState<string>();
+  const [staffInfo, setStaffInfo] = useState<StaffInfo | null>(null);
+
+  const handleClickCityMenu = useCallback(() => {
+    navigateTo(PageUrl.CitySearch, { city: cityCode || location.cityCode, source: OpenSource.InviteOperations });
+  }, [cityCode, location.cityCode]);
+
+  const handleCityChange = useCallback(data => {
+    console.log('handleCityChange', data);
+    const { openSource, cityCode: cCode } = data;
+    if (openSource !== OpenSource.InviteOperations) {
+      return;
+    }
+    setCityCode(cCode);
+  }, []);
+
+  const handleCopy = useCallback(() => {
+    copy(`我的播络ID是：${userInfo.userId}，邀你进群`);
+  }, [userInfo.userId]);
+
+  useEffect(() => {
+    Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
+    return () => {
+      Taro.eventCenter.off(EventName.SELECT_CITY, handleCityChange);
+    };
+  }, [handleCityChange]);
+
+  const useCopyRef = useRef(false);
+
+  useEffect(() => {
+    if (!userInfo.userId) return;
+    if (useCopyRef.current) return;
+    handleCopy();
+    useCopyRef.current = true;
+  }, [handleCopy, userInfo.userId]);
+
+  useEffect(() => {
+    if (!cityCode) return;
+
+    getStaffInfo(cityCode)
+      .then(data => {
+        setStaffInfo(data);
+      })
+      .catch(() => {
+        setStaffInfo(null);
+      });
+  }, [cityCode]);
+
+  return (
+    <div className={PREFIX}>
+      <div className={`${PREFIX}__main`}>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__lined-wrapper`}>
+            <div className={`${PREFIX}__lined-title ${PREFIX}__title`}>活动说明</div>
+          </div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__h1 center`}>邀请播络运营进带货主播群</div>
+            <div className={`${PREFIX}__h1 center`} style={{ paddingBottom: `48rpx` }}>
+              每邀请进一个群送一个日会员
+            </div>
+            <div className={`${PREFIX}__edging`}>注：只能邀请带货主播群，请勿邀请其他群</div>
+          </div>
+        </div>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__lined-wrapper`}>
+            <div className={`${PREFIX}__lined-title ${PREFIX}__title`}>邀请方法</div>
+          </div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__body`}>
+              <div className={`${PREFIX}__h1`}>
+                加运营为好友并将以下信息 <div className="highlight">粘贴发送给运营</div>
+              </div>
+              <div className={`${PREFIX}__action-block`}>
+                <div>我的播络ID是：{userInfo.userId}，邀你进群</div>
+                <Button className={`${PREFIX}__copy`} onClick={handleCopy}>
+                  复制
+                </Button>
+              </div>
+              <div className={`${PREFIX}__lined-wrapper`}>
+                <div className={`${PREFIX}__lined-title`}>选择城市，添加运营</div>
+              </div>
+              <div className={`${PREFIX}__city-select`} onClick={handleClickCityMenu}>
+                {cityCode ? CITY_CODE_TO_NAME_MAP.get(cityCode) : '请选择城市'}
+                <Arrow size={16} />
+              </div>
+              {staffInfo && (
+                <Fragment>
+                  <div className={`${PREFIX}__lined-wrapper`}>
+                    <div className={`${PREFIX}__lined-title`}>长按并识别二维码添加运营</div>
+                  </div>
+                  <Image
+                    className={`${PREFIX}__qrcode`}
+                    src={staffInfo.staffQrCode}
+                    showMenuByLongpress
+                    mode="aspectFill"
+                  />
+                </Fragment>
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

src/pages/job-publish/index.tsx

@@ -41,6 +41,7 @@ import { getPageQuery, navigateBack, navigateTo } from '@/utils/route';
 import Toast from '@/utils/toast';
 
 import './index.less';
+import { RESPONSE_ERROR_CODE } from '@/http/constant';
 
 const PREFIX = 'page-job-publish';
 const log = logWithPrefix(PREFIX);
@@ -237,8 +238,13 @@ export default function JobPublish() {
       navigateBack();
     } catch (e) {
       createdJobIdRef.current = '';
-      console.error('submit error', e);
+      console.error('submit error', e.errorCode, e.errorMsg);
+      console.dir(e);
+      if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
+        Toast.info(e.errorMsg || e.errorCode, 3000);
+      } else {
         Toast.error('审核失败请重试');
+      }
       collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
     } finally {
       Taro.hideLoading();
@@ -253,8 +259,13 @@ export default function JobPublish() {
       await Toast.success('发布成功', 1500, true);
       navigateBack();
     } catch (e) {
-      console.error('submit error', e);
+      console.error('submit error', e.errorCode, e.errorMsg);
+      console.dir(e);
+      if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
+        Toast.info(e.errorMsg || e.errorCode, 3000);
+      } else {
         Toast.error('审核失败请重试');
+      }
       collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
     } finally {
       Taro.hideLoading();

src/pages/material-upload-video/index.less

@@ -21,7 +21,24 @@
   }
 
   &__video-list {
-    margin-top: 16px;
+    margin-top: 25px;
+  }
+
+  &__hint {
+    line-height: 64px;
+    height: 64px;
+    background: #fff4f0;
+    border-radius: 24px 24px 0px 0px;
+    padding: 0 24px;
+    font-weight: 400;
+    font-size: 26px;
+    color: #946724;
+
+    + .material-video-card {
+      margin-top: 0;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
   }
 
   &__footer {
@@ -29,7 +46,7 @@
     left: 24px;
     right: 24px;
     bottom: 0;
-    background: #F5F6FA;
+    background: #f5f6fa;
   }
 
   &__submit-btn {

src/pages/material-upload-video/index.tsx

@@ -181,6 +181,7 @@ export default function MaterialUploadVideo() {
         <div className={`${PREFIX}__header-tips`}>录屏是企业最关注的资料，建议提供多个风格和品类</div>
       </div>
       <div className={`${PREFIX}__video-list`}>
+        <div className={`${PREFIX}__hint`}>注：请勿乱传，也不要上传简历，会被封号</div>
         {videoList.map(video => (
           <MaterialVideoCard
             key={video.coverUrl}

src/pages/material-view/index.tsx

@@ -141,7 +141,13 @@ export default function MaterialViewPage() {
       await postPublishJob(jobId!);
       await handleClickContact();
     } catch (e) {
+      console.error('submit error', e.errorCode, e.errorMsg);
+      console.dir(e);
+      if (e.errorCode === RESPONSE_ERROR_CODE.JOB_EXIST_ONE_PUBLISHED) {
+        Toast.info(e.errorMsg || e.errorCode, 3000);
+      } else {
         Toast.error('通告发布失败');
+      }
       collectEvent(CollectEventName.PUBLISH_JOB_FAILED, e);
     }
   }, [handleClickContact, jobId]);

src/types/product.ts

@@ -114,6 +114,7 @@ export interface GetOrderInfoRequest {
 }
 
 export interface ProductSpecResult {
+  id: string;
   productId: string;
   productSpecId: ProductSpecId;
   productType: ProductType;