fea: update

.gitignore

@@ -1,4 +1,5 @@
 dist/
+dist-dev/
 deploy_versions/
 .temp/
 .rn_temp/

config/index.ts

@@ -12,6 +12,20 @@ const MockPlugin: PluginItem = [
   }
 ];
 
+const CIPluginOpt = () => {
+  const brand = process.env.BRAND as 'prod' | 'dev';      // 取环境变量
+  const map = {
+    prod: { appid: 'wxf0724a83f8e377d2', privateKeyPath: 'keys/private.wxf0724a83f8e377d2.key' },
+    dev: { appid: 'wx2d56597fd541f1a6', privateKeyPath: 'keys/private.wx2d56597fd541f1a6.key'  },
+  };
+  return {
+    weapp: map[brand] || map.prod,
+    version: process.env.VERSION || '1.0.0',
+    desc: `build for ${brand}`,
+  };
+};
+
+
 // https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
 export default defineConfig(async (merge, _env: ConfigEnv) => {
   const baseConfig: UserConfigExport = {
@@ -25,13 +39,15 @@ export default defineConfig(async (merge, _env: ConfigEnv) => {
       828: 1.81 / 2
     },
     sourceRoot: 'src',
-    outputRoot: 'dist',
+    outputRoot: process.env.OUTPUT_ROOT || 'dist',
-    plugins: ['@tarojs/plugin-html'],
+    plugins: [['@tarojs/plugin-mini-ci', CIPluginOpt()], '@tarojs/plugin-html'],
     // plugins: ['@tarojs/plugin-html', MockPlugin],
     defineConstants: {
+      'process.env.BRAND': JSON.stringify(process.env.BRAND),
     },
     copy: {
       patterns: [
+        {from: 'project.config.dev.json',to: 'dist-dev/project.config.json'},
       ],
       options: {
       }

keys/private.wx2d56597fd541f1a6.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEArjidDs/HGidBTzyOssyhX/Yvlr+BZxO3Qqe1iFBIJYWVXwiJ
+KFVZw14rPKnh6ORB9qpMq3+fYJ7VsodmobnVlTaFXxJ8yi+tVZSZyZPtHabu2JVO
+qu7LX709p5NTFcrmOY6+NJA827+hg6V0Nl3b4CWLsouPHgiIxpqnLeaOka3lbPMq
+vQuDeMCbQNFe5Jz7C0gc6dXwEpDExNX4WiVfi4UP5bcYiUKlbdben5i6qbFrZ4QK
+woYoAIhr60jQGfB6Jg7YkbbAyh42XR3BMkf2TPQqieZM1/IKNuw2evtA2BqLJuiz
+cQ1qNBBXczbJv9KjBVAzAJgT4InUyJF+QfFJ6wIDAQABAoIBAQCf2kohIPvqP0Jp
+VYMJA0C+L8CSbLxqu2hWvFKP9Dl+VAct30MZwtZNr8W0L5uceHMdxDv8z2iI2rPw
+ztOYaE5UTmYpSWk+imhcMbC5iAT0RAq6pqQ7qkboXVaIv2BoinabMSHMUNvGNRoZ
+FGKAz7XDADAhbnOudt4ofBYQw47kkko8vaDZBJS6UGN+QVJpyBtJKohaXKC6HRva
+2c8zDwVZlKMrPl4WB4cg0+WPv6vUZymv8U7flwY0xJBBWwZUxqbmjqbTg8BGb5Mu
+tpIZRvTGNxbDu9Ms7mdYdGGe/PFmqgj1hOomeXvBlnYz+fmWHu5ElyPGBHD92N7x
+Hdcopp4BAoGBANqQUfxzjGcBvSSSowehSvgVCnUFsTxSE8c9HQRX4LtMnLCo6c6m
+Hxf+l67FyY5704EW29PLu5ETdLBm6pCaIk8aJo467l8M9BOHmE/CwNciloHxXa4h
+/gUKex6EsFJoT+1gaCaDJeu0gDJl49QnpYOrma2CZ8vyG3+NCotuYturAoGBAMwP
+8G2ObLZUFPZAfhGZrobUom2dCtJXenYupxSvJ/rNd7zY+F3pcyi461eMIkKFaxQX
+bRyDi/LRCQRKrSDuw3Dt4Ne9gkpdlI/LUDTUUbWdDuCXxfsXSRAYHC1ae0rsiGQv
+PaTotkDSjdAIKdgd0bmeufFZ2Ozmid2lHzSZfwrBAoGAQXSVSSClvLeVmJ1du8w/
+MnrCrfctdB40lCemSAW1ZQJ1rqZ3lw7DIyF49buAOG63EeLxpMVQAAuul6HKv9GZ
+Us1HHLNjbg3oDu093S07KXLPVk0dvCer9oCEDMi6MYPR5ApKRrZiJevhtLY0+/V/
+qSY8GO2D/l0chR+NN+KwMo8CgYB4Y07s04G/b4uOXC4EJC6azQems2eXAJT29D8O
+LOfhRybE+xxMC1YtSCtP0xTDOgMaL1fn4pPGBRzUs1nAfBxBm5VyshMT3HGxA7ml
+8TzjcG0+g0wB/pLUM+UrvJ3QbgtpT5WGnOQpCg8wFCDbp3v7jnEUunUIDlp3sNrg
+JU6WAQKBgDjcfRDtnmSxSiejsZaZM7gCAYlZq6WBuvQ6WF+nD9mzEgzkw3F+1cHC
+Y905VPGb/vCPAV+JdN7LxnMn2G3JoWPqrhOIT6KgPgAYbVAq1hmLqXMjGi53n9uY
+39GL4UgJkywIdEkla/8zNFNKZgQulWPDJqb/MFcVo3/VegEfwdbk
+-----END RSA PRIVATE KEY-----

keys/private.wxf0724a83f8e377d2.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEpAIBAAKCAQEA1Tl6FYIIWB8b+OjYY9s6cOJf71Vn0J/u/kdq5CH/LMOdNrUh
+fq3shAwdDkXmuRIpHU7Noxisu71tB2EumigIwBDRVyrdwPu/p6QWyaMgrh0bdtaC
+LKW/j2teNU1MCSWyCDyEeZ9PJteK5+ieX+ZPDg17HLV2dISpB71AGyM461DIHCAV
+uaanUJ4MYCtp9t7OFgrD4dNzDMH0lBJBczRQAmnit0GpJD/y2rfgtL+HaKpDN8rc
+w80+3HVfhKq3niy/vBbI6alqFb1Mh9O5q6/c1tEWQKPn3TzneGIDhMupGzHEzrVR
+j87+1cyYi8PtBdNMPls+zPn7MoajjrASFyo1hQIDAQABAoIBABHu652zehAvTaL5
+snlzjs6/u2HdxQV+7hLk3tChK10QdsCLK24EIshYXHk+19Do/hxA7HqzMJP5spnU
+Sp8cjt/YikLSkCQTCGOJIYGD/tOmDxFHqVsn9ZySYzIIdkSurvKSZHH2PCoAJuaq
+Yeee7zc3WwtnF7dlEPJdsG6X38mqslzaLOuiftkHJ8hQ+1rWM9FFEp/S3pLfLB+7
+jEQhuVk0WjLTqmWmKvi0Nz5tUibBpF1OHtCfIhPjb1N8k/bcv1jumETx+2PDxA62
+zpPNGespBaET+jeEqNCqLO7Zq8+iUO8d4XpZsFCR2cyE6zzXK2mhQ+2pW2BRU/DI
+w/ZylmECgYEA6uPRJ4uk+NavoJlQCv7R9B8CGbwzbRaG8sg/NuwvTOO6D4FGUdcu
+f8qA2kCd8bSCuWrS1mVgPpvzwHt5Bh3k7FC/0SfW5ZDC5Lp1IssI0jeka39vfPOD
+ZdcvgJ3dUnHUrvb4L4PclgCa3KPXLTVDnK+4ExvaYOxNAaG6wROCGBsCgYEA6GMy
+nCsPr21kKmhybCrhcTYoENb45hz6CCnXr4MGnYzF9c2ss2KXjR/boCdhF+3wxmmm
+F4TKgcicOUfOJIXSIHBD9nphLa5CfrksLxfX0iIyNCG74aXIWl6M6QgQZdWqV4qC
+xYTtFYACELIb8qK/mraMP28c9BzDpwd909ZlAt8CgYEAmpXCIa+CrA3GWgBsMEBR
+9sKthDha8/E+cOuexsubuZOp8OhYWiYuwQWJ1ZlvGRJ+cf6+sUDYnXvPaJ8aIA9u
+iKQACWuZv02NJjEcRACxVoAuIl0lB2vPzydWaOP8M3UczuVUoxi6BLJzOMBPLb5/
+N9BhaZoMF3uMloVUvhrTpH8CgYA9sQfgeXYChjHPKEcn/AI5Qb1FKyyMOikOPb1q
+dIgvDw4GgQFV5diBuHFfhNS7u4jtw2I6YCA6b/05H5zUCUqNHgCM0FQ4AkjYx2O5
+ZMUAnd9iA4qTDqWvh+Y0ftWLkztTXgv1T6J40LC7qezNbvMaqVd2B5NSIsi18MEw
+mXvbVQKBgQC0Rh5TJEfeBWRoIixwFuDUgHYRsdk3SV1hymYO3aKBr0uD8Arv4v1M
+XO6DchFjcpKuwScjXX5yEot5PJOUTPG2T2uBPnJggtNig2dnRzQDLM+bK0vVecoz
+QL9YMOYv6DNH6Z2yEfMZHZLto9Oaqm9J62hZahZ2GukFLOMBGZAVhA==
+-----END RSA PRIVATE KEY-----

package.json

@@ -10,29 +10,10 @@
 		"framework": "React"
 	},
 	"scripts": {
-		"build:weapp": "taro build --type weapp",
+		"build:weapp": "BRAND=prod taro build --type weapp",
-		"build:swan": "taro build --type swan",
+		"build:dev:weapp": "BRAND=dev OUTPUT_ROOT=dist-dev taro build --type weapp --upload",
-		"build:alipay": "taro build --type alipay",
+    "dev:weapp": "BRAND=prod npm run build:weapp -- --watch",
-		"build:tt": "taro build --type tt",
+    "dev:dev:weapp": "BRAND=dev OUTPUT_ROOT=dist-dev taro build --type weapp --watch"
-		"build:h5": "taro build --type h5",
-		"build:rn": "taro build --type rn",
-		"build:qq": "taro build --type qq",
-		"build:jd": "taro build --type jd",
-		"build:quickapp": "taro build --type quickapp",
-		"build:harmony-hybrid": "taro build --type harmony-hybrid",
-		"dev:weapp": "npm run build:weapp -- --watch",
-		"dev:swan": "npm run build:swan -- --watch",
-		"dev:alipay": "npm run build:alipay -- --watch",
-		"dev:tt": "npm run build:tt -- --watch",
-		"dev:h5": "npm run build:h5 -- --watch",
-		"dev:rn": "npm run build:rn -- --watch",
-		"dev:qq": "npm run build:qq -- --watch",
-		"dev:jd": "npm run build:jd -- --watch",
-		"dev:quickapp": "npm run build:quickapp -- --watch",
-		"dev:harmony-hybrid": "npm run build:harmony-hybrid -- --watch",
-		"test": "jest",
-		"lint:format": "npx prettier --write",
-		"lint:format-all": "npx prettier --write 'src/**/*.{ts,js,css,jsx,html,vue,tsx}'"
 	},
 	"browserslist": [
 		"last 3 versions",
@@ -76,6 +57,7 @@
 		"@babel/core": "^7.8.0",
 		"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
 		"@tarojs/cli": "4.0.9",
+		"@tarojs/plugin-mini-ci": "^4.1.5",
 		"@tarojs/plugin-mock": "^0.0.9",
 		"@tarojs/taro-loader": "4.0.9",
 		"@tarojs/test-utils-react": "^0.1.1",
@@ -95,6 +77,7 @@
 		"eslint-plugin-react-hooks": "^4.2.0",
 		"jest": "^29.3.1",
 		"jest-environment-jsdom": "^29.5.0",
+		"miniprogram-ci": "^2.1.14",
 		"postcss": "^8.4.18",
 		"prettier": "^3.3.1",
 		"react-refresh": "^0.11.0",
@@ -110,5 +93,5 @@
 			"@tarojs/binding"
 		]
 	},
-	"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+	"packageManager": "pnpm@10.12.4+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184"
 }

project.config.dev.json

@@ -0,0 +1,47 @@
+{
+  "miniprogramRoot": "./",
+  "description": "boluo app",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "enhance": false,
+    "compileHotReLoad": false,
+    "postcss": false,
+    "minified": true,
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "coverView": false,
+    "showShadowRootInWxmlPanel": false,
+    "packNpmRelationList": [],
+    "ignoreUploadUnusedFiles": true,
+    "compileWorklet": false,
+    "uglifyFileName": false,
+    "uploadWithSourceMap": true,
+    "packNpmManually": false,
+    "minifyWXSS": true,
+    "minifyWXML": true,
+    "localPlugins": false,
+    "disableUseStrict": false,
+    "useCompilerPlugins": false,
+    "condition": false,
+    "swc": false,
+    "disableSWC": true
+  },
+  "compileType": "miniprogram",
+  "srcMiniprogramRoot": "dist/",
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  },
+  "libVersion": "3.4.6",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "appid": "wx2d56597fd541f1a6",
+  "simulatorPluginLibVersion": {}
+}

src/components/anchor-card/index.tsx

@@ -9,7 +9,7 @@ import { PageUrl } from '@/constants/app';
 import { MaterialViewSource, WORK_YEAR_LABELS } from '@/constants/material';
 import { AnchorInfo } from '@/types/material';
 import { calcDistance } from '@/utils/location';
-import { getBasicInfo } from '@/utils/material';
+import { getBasicInfo, getSalary } from '@/utils/material';
 import { navigateTo } from '@/utils/route';
 import { activeDate } from '@/utils/time';
 
@@ -22,17 +22,6 @@ interface IProps {
 }
 
 const PREFIX = 'anchor-card';
-const getSalary = (data: AnchorInfo) => {
-  const { fullTimeMinPrice, fullTimeMaxPrice, partyTimeMinPrice, partyTimeMaxPrice } = data;
-  const prices: string[] = [];
-  if (fullTimeMinPrice && fullTimeMaxPrice) {
-    prices.push(`${fullTimeMinPrice / 1000}-${fullTimeMaxPrice / 1000}K/月`);
-  }
-  if (partyTimeMinPrice && partyTimeMaxPrice) {
-    prices.push(`${partyTimeMinPrice}-${partyTimeMaxPrice}/小时`);
-  }
-  return prices.filter(Boolean).join(' ');
-};
 
 function AnchorCard(props: IProps) {
   const { data, jobId, validator } = props;

src/components/anchor-picker/index.tsx

@@ -5,34 +5,19 @@ import { isEqual } from 'lodash-es';
 import { useCallback, useState } from 'react';
 
 import PickerToolbar from '@/components/picker-toolbar';
-import {
+import { FULL_PRICE_OPTIONS, PART_PRICE_OPTIONS } from '@/constants/job';
-  EmployType,
+import { ALL_ANCHOR_READ_TYPES, ANCHOR_READ_TITLE_MAP, AnchorReadType } from '@/constants/material';
-  ALL_EMPLOY_TYPES,
-  FULL_PRICE_OPTIONS,
-  PART_PRICE_OPTIONS,
-  EMPLOY_TYPE_TITLE_MAP,
-} from '@/constants/job';
-import {
-  ALL_ANCHOR_READ_TYPES,
-  ALL_GENDER_TYPES,
-  ANCHOR_READ_TITLE_MAP,
-  AnchorReadType,
-  GENDER_TYPE_TITLE_MAP,
-  GenderType,
-} from '@/constants/material';
 import { IAnchorFilters } from '@/types/material';
-import { isUndefined } from '@/utils/common';
 
 import './index.less';
 
+type MoreFilter = Omit<IAnchorFilters, 'employType' | 'gender'>;
 interface IProps {
-  value: IAnchorFilters;
+  value: MoreFilter;
-  onConfirm: (newValue: IAnchorFilters) => void;
+  onConfirm: (newValue: MoreFilter) => void;
 }
 
 const PREFIX = 'anchor-picker';
-const getDefaultGender = (value: IAnchorFilters) => value.gender;
-const getDefaultEmploy = (value: IAnchorFilters) => value.employType;
 const getDefaultReadType = (value: IAnchorFilters) => value.readType;
 const getDefaultCategory = (value: IAnchorFilters) => value.category || '';
 const getSalaryValue = (value: IAnchorFilters, full: boolean) => {
@@ -47,9 +32,7 @@ const getSalaryValue = (value: IAnchorFilters, full: boolean) => {
 
 function AnchorPicker(props: IProps) {
   const { value, onConfirm } = props;
-  const [gender, setGender] = useState<GenderType | undefined>(getDefaultGender(value));
   const [readType, setReadType] = useState<AnchorReadType | undefined>(getDefaultReadType(value));
-  const [employType, setEmployType] = useState<EmployType | undefined>(getDefaultEmploy(value));
   const [fullSalary, setFullSalary] = useState(getSalaryValue(value, true));
   const [partSalary, setPartSalary] = useState(getSalaryValue(value, false));
   const [category, setCategory] = useState(getDefaultCategory(value));
@@ -59,9 +42,7 @@ function AnchorPicker(props: IProps) {
   }, []);
 
   const handleClickReset = useCallback(() => {
-    setGender(undefined);
     setReadType(undefined);
-    setEmployType(undefined);
     setFullSalary(null);
     setPartSalary(null);
     setCategory('');
@@ -83,10 +64,6 @@ function AnchorPicker(props: IProps) {
 
   const handleClickConfirm = useCallback(() => {
     const filters: IAnchorFilters = {};
-    if (!isUndefined(gender)) {
-      filters.gender = gender === GenderType.All ? undefined : gender;
-    }
-    employType && (filters.employType = employType);
     readType && (filters.readType = readType);
     category && (filters.category = category);
     if (fullSalary) {
@@ -98,34 +75,10 @@ function AnchorPicker(props: IProps) {
       filters.highPriceForPartyTime = partSalary.maxSalary;
     }
     onConfirm(filters);
-  }, [gender, employType, readType, category, fullSalary, partSalary, onConfirm]);
+  }, [readType, category, fullSalary, partSalary, onConfirm]);
 
   return (
     <div className={PREFIX}>
-      <div className={`${PREFIX}__title`}>性别</div>
-      <div className={`${PREFIX}__container`}>
-        {ALL_GENDER_TYPES.map((type: GenderType) => (
-          <div
-            key={type}
-            onClick={() => setGender(type)}
-            className={classNames(`${PREFIX}__item`, { selected: type === gender })}
-          >
-            {GENDER_TYPE_TITLE_MAP[type]}
-          </div>
-        ))}
-      </div>
-      <div className={`${PREFIX}__title`}>全职/兼职</div>
-      <div className={`${PREFIX}__container`}>
-        {ALL_EMPLOY_TYPES.map(type => (
-          <div
-            key={type}
-            onClick={() => setEmployType(type)}
-            className={classNames(`${PREFIX}__item`, { selected: type === employType })}
-          >
-            {EMPLOY_TYPE_TITLE_MAP[type]}
-          </div>
-        ))}
-      </div>
       <div className={`${PREFIX}__title`}>已读/未读</div>
       <div className={`${PREFIX}__container`}>
         {ALL_ANCHOR_READ_TYPES.map(type => (

src/components/employ-type-select/index.tsx

@@ -0,0 +1,13 @@
+import Select, { ISelectProps } from '@/components/select';
+import { EmployType, JOB_EMPLOY_TYPE_OPTIONS } from '@/constants/job';
+
+interface IProps extends Omit<ISelectProps<EmployType>, 'options'> {
+  value: EmployType;
+}
+
+function EmployTypeSelect(props: IProps) {
+  const { value: selectValue, onSelect } = props;
+  return <Select options={JOB_EMPLOY_TYPE_OPTIONS} title="类型" value={selectValue} onSelect={onSelect} />;
+}
+
+export default EmployTypeSelect;

src/components/gender-select/index.tsx

@@ -0,0 +1,13 @@
+import Select, { ISelectProps } from '@/components/select';
+import { GENDER_OPTIONS, GenderType } from '@/constants/material';
+
+interface IProps extends Omit<ISelectProps<GenderType>, 'options'> {
+  value: GenderType;
+}
+
+function GenderSelect(props: IProps) {
+  const { value: selectValue, onSelect } = props;
+  return <Select options={GENDER_OPTIONS} title="性别" value={selectValue} onSelect={onSelect} />;
+}
+
+export default GenderSelect;

src/components/job-card/index.less

@@ -1,6 +1,6 @@
 @import '@/styles/common.less';
 @import '@/styles/variables.less';
- 
+
 .job-card {
   &__container {
     width: 100%;
@@ -11,6 +11,16 @@
     border-radius: 16px;
     background: #FFFFFF;
     margin-bottom: 24px;
+    position: relative;
+  }
+
+  &__mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.4);
   }
 
   &__header {
@@ -160,4 +170,4 @@
     color: @blColorG2;
   }
 
-}
+}

src/components/job-card/index.tsx

@@ -5,11 +5,11 @@ import React, { useCallback } from 'react';
 
 import { CertificationStatusIcon } from '@/components/certification-status';
 import { PageUrl } from '@/constants/app';
-import { CITY_CODE_TO_NAME_MAP, COUNTY_CODE_TO_NAME_MAP } from '@/constants/city';
+// import { CITY_CODE_TO_NAME_MAP, COUNTY_CODE_TO_NAME_MAP } from '@/constants/city';
 import { CertificationStatusType } from '@/constants/company';
 import { EMPLOY_TYPE_TITLE_MAP, EmployType } from '@/constants/job';
 import { JobInfo } from '@/types/job';
-import { LocationInfo } from '@/types/location';
+// import { LocationInfo } from '@/types/location';
 import { getJobSalary, getJobTitle } from '@/utils/job';
 import { calcDistance } from '@/utils/location';
 import { navigateTo, redirectTo } from '@/utils/route';
@@ -23,16 +23,16 @@ interface IProps {
 }
 
 const PREFIX = 'job-card';
-const getCityDes = (location: LocationInfo) => {
+// const getCityDes = (location: LocationInfo) => {
-  if (!location) {
+//   if (!location) {
-    return '';
+//     return '';
-  }
+//   }
-  let des = CITY_CODE_TO_NAME_MAP.get(location.cityCode);
+//   let des = CITY_CODE_TO_NAME_MAP.get(location.cityCode);
-  if (location.countyCode) {
+//   if (location.countyCode) {
-    des += `-${COUNTY_CODE_TO_NAME_MAP.get(location.countyCode)}`;
+//     des += `-${COUNTY_CODE_TO_NAME_MAP.get(location.countyCode)}`;
-  }
+//   }
-  return des;
+//   return des;
-};
+// };
 
 function JobCard(props: IProps) {
   const { className, data, redirectOpen } = props;
@@ -102,8 +102,9 @@ function JobCard(props: IProps) {
           />
           <div className={`${PREFIX}__publisher-name`}>{publisher}</div>
         </div>
-        <div className={`${PREFIX}__city`}>{getCityDes(jobLocation)}</div>
+        {/*<div className={`${PREFIX}__city`}>{getCityDes(jobLocation)}</div>*/}
       </div>
+      {data.isRead && <div className={`${PREFIX}__mask`} />}
     </div>
   );
 }

src/components/job-list/index.tsx

@@ -1,3 +1,5 @@
+import Taro from '@tarojs/taro';
+
 import { List, PullRefresh } from '@taroify/core';
 import classNames from 'classnames';
 import { isEqual } from 'lodash-es';
@@ -5,6 +7,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 
 import JobCard from '@/components/job-card';
 import ListPlaceholder from '@/components/list-placeholder';
+import { EventName } from '@/constants/app';
 import { JobType, EmployType, SortType } from '@/constants/job';
 import { JobInfo, GetJobsRequest } from '@/types/job';
 import { logWithPrefix } from '@/utils/common';
@@ -35,6 +38,7 @@ function JobList(props: IJobListProps) {
     visible = true,
     cityCode = 'ALL',
     category = JobType.All,
+    sourceType,
     employType = EmployType.All,
     sortType = SortType.RECOMMEND,
     isFollow = false,
@@ -57,6 +61,23 @@ function JobList(props: IJobListProps) {
   const prevRequestProps = useRef<IRequestProps>({});
   const onListEmptyRef = useRef(onListEmpty);
 
+  const handleReadJob = useCallback(
+    (jobId: string) => {
+      const index = dataList.findIndex(d => String(d.id) === jobId);
+      if (index < 0) {
+        return;
+      }
+      const job = dataList[index];
+      if (!job || job.isRead) {
+        return;
+      }
+      log('auto mark read', jobId);
+      dataList.splice(index, 1, { ...job, isRead: true });
+      setDataList([...dataList]);
+    },
+    [dataList]
+  );
+
   const handleRefresh = useCallback(async () => {
     log('start pull refresh');
     try {
@@ -108,12 +129,20 @@ function JobList(props: IJobListProps) {
     onListEmptyRef.current = onListEmpty;
   }, [onListEmpty]);
 
+  useEffect(() => {
+    Taro.eventCenter.on(EventName.VIEW_JOB_SUCCESS, handleReadJob);
+    return () => {
+      Taro.eventCenter.off(EventName.VIEW_JOB_SUCCESS, handleReadJob);
+    };
+  }, [handleReadJob]);
+
   useEffect(() => {
     log('request params changed');
     requestProps.current = {
       category,
       cityCode,
       employType,
+      sourceType,
       sortType,
       isFollow,
       isOwner,
@@ -128,6 +157,7 @@ function JobList(props: IJobListProps) {
   }, [
     category,
     cityCode,
+    sourceType,
     employType,
     sortType,
     isFollow,
@@ -176,7 +206,7 @@ function JobList(props: IJobListProps) {
       }
     };
     refresh();
-  }, [visible, cityCode, employType, sortType, keyWord, minSalary, maxSalary, blGroupId]);
+  }, [visible, cityCode, employType, sourceType, sortType, keyWord, minSalary, maxSalary, blGroupId]);
 
   // log('render', `hasMore: ${hasMore}, loadingMore: ${loadingMore}, refreshing: ${refreshing}`);
 

src/components/join-group-hint/index.tsx

@@ -17,22 +17,25 @@ import './index.less';
 
 const PREFIX = 'join-group-hint';
 
+const DEFAULT_GROUP = {
+  name: '播络主播招聘群',
+  serviceUrl: 'https://work.weixin.qq.com/kfid/kfcc60ac7b6420787a8',
+};
+
 export function JoinGroupHint() {
   const cityCode = getCurrentCityCode();
   const roleType = getRoleTypeWithDefault();
   const group = GROUPS.find(g => String(g.cityCode) === cityCode);
   const [clicked, setClicked] = useState(!!Taro.getStorageSync(CacheKey.JOIN_GROUP_CARD_CLICKED));
   const handleClick = useCallback(() => {
-    if (!checkCityCode(cityCode)) {
+    if (group && !checkCityCode(cityCode)) {
       return;
     }
-    if (group) {
+    openCustomerServiceChat(group ? group.serviceUrl : DEFAULT_GROUP.serviceUrl);
-      openCustomerServiceChat(group.serviceUrl);
+    Taro.setStorageSync(CacheKey.JOIN_GROUP_CARD_CLICKED, true);
-      Taro.setStorageSync(CacheKey.JOIN_GROUP_CARD_CLICKED, true);
+    setClicked(true);
-      setClicked(true);
-    }
   }, [cityCode, group]);
-  if (!group || !validCityCode(cityCode) || clicked) {
+  if (!validCityCode(cityCode) || clicked) {
     return null;
   }
 
@@ -44,7 +47,9 @@ export function JoinGroupHint() {
         mode="aspectFit"
       />
       <div className={`${PREFIX}__left`}>
-        <div className={`${PREFIX}__left-title`}>{CITY_CODE_TO_NAME_MAP.get(cityCode)}主播招聘群</div>
+        <div className={`${PREFIX}__left-title`}>
+          {group ? `${CITY_CODE_TO_NAME_MAP.get(cityCode)}主播招聘群` : DEFAULT_GROUP.name}
+        </div>
         <div className={`${PREFIX}__left-desc`}>{roleType === RoleType.Anchor ? '高薪工作早知道' : '免费招主播'}</div>
       </div>
       <div className={`${PREFIX}__right`}>

src/components/material-card/index.less

@@ -4,7 +4,7 @@
 .material-card {
   padding: 32px 24px;
   border-radius: 16px;
-  background: #FFFFFF;
+  background: #ffffff;
   box-sizing: border-box;
 
   &__header {
@@ -16,6 +16,10 @@
       .flex-row();
     }
 
+    &__right {
+      color: @blHighlightColor;
+    }
+
     &__title {
       font-size: 32px;
       line-height: 40px;
@@ -50,7 +54,7 @@
 
   &__body {
     width: 100%;
-    height: 156px;
+    height: 160px;
     margin-top: 24px;
     .flex-column();
     justify-content: center;
@@ -80,38 +84,44 @@
     }
   }
 
-  &__scroll-view {
+  &__info {
-    position: relative;
+    .flex-row();
+    gap: 24px;
     width: 100%;
-    height: 100%;
-    .flex-row();
 
-    &::-webkit-scrollbar {
+    &-left {
-      display: none;
+      width: 125px;
+      height: 160px;
     }
-
+    &-cover {
-    &::after {
+      width: 100%;
-      content: '';
-      position: absolute;
-      right: 0;
-      width: 102px;
       height: 100%;
-      background: linear-gradient(91.41deg, rgba(255, 255, 255, 0) 1.86%, #FFFFFF 99.47%);
+      border-radius: 12px;
+    }
+    &-right {
+      .name {
+        font-style: normal;
+        font-weight: 500;
+        font-size: 28px;
+        line-height: 32px;
+        color: @blColor;
+        margin-bottom: 12px;
+      }
+      .info,
+      .worked {
+        font-weight: 400;
+        font-size: 24px;
+        line-height: 36px;
+        color: @blColorG2;
+        margin-bottom: 8px;
+      }
+      .salary {
+        font-weight: 500;
+        font-size: 24px;
+        line-height: 36px;
+        color: @blColor;
+
+      }
     }
   }
-
+}
-  &__cover-list {
-    height: 100%;
-    .flex-row();
-  }
-
-  &__cover-image {
-    width: 120px;
-    height: 100%;
-    margin-right: 24px;
-    // 不知道为啥高度不对，可能 scroll-view 默认底部是滚动条高度？
-    margin-top: 38px;
-    border-radius: 8px;
-  }
-
-}

src/components/material-card/index.tsx

@@ -1,4 +1,4 @@
-import { Image, ScrollView } from '@tarojs/components';
+import { Image } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 
 import { Loading } from '@taroify/core';
@@ -9,11 +9,12 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import LoginButton from '@/components/login-button';
 import { EventName, PageUrl } from '@/constants/app';
 import { CollectEventName, ReportEventId } from '@/constants/event';
+import { WORK_YEAR_LABELS } from '@/constants/material';
 import useUserInfo from '@/hooks/use-user-info';
 import { MaterialProfile } from '@/types/material';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent, reportEvent } from '@/utils/event';
-import { requestProfileDetail, sortVideos } from '@/utils/material';
+import { getBasicInfo, getSalary, requestProfileDetail, sortVideos } from '@/utils/material';
 import { navigateTo } from '@/utils/route';
 import Toast from '@/utils/toast';
 import { isValidUserInfo } from '@/utils/user';
@@ -34,8 +35,9 @@ function MaterialCard(props: IProps) {
   const userInfo = useUserInfo();
   const [loading, setLoading] = useState(true);
   const [profile, setProfile] = useState<MaterialProfile | null>(null);
-  const refreshRef = useRef((_f?: boolean) => { });
+  const refreshRef = useRef((_f?: boolean) => {});
   const hasMaterial = !!profile;
+  const firstCover = sortVideos(profile?.materialVideoInfoList || [])[0];
 
   const handleGoCreateProfile = useCallback(() => {
     reportEvent(ReportEventId.CLICK_GO_TO_CREATE_MATERIAL);
@@ -44,7 +46,7 @@ function MaterialCard(props: IProps) {
 
   const handleGoProfile = useCallback(() => {
     if (!hasMaterial) {
-      realtimeLogger.info('handleGoProfile noMaterial')
+      realtimeLogger.info('handleGoProfile noMaterial');
       return;
     }
     navigateTo(PageUrl.MaterialProfile).catch(err => {
@@ -67,7 +69,7 @@ function MaterialCard(props: IProps) {
       try {
         const profileDetail = await requestProfileDetail();
         if (!profileDetail) {
-          realtimeLogger.info('getProfileDetail no profileDetail')
+          realtimeLogger.info('getProfileDetail no profileDetail');
         }
         setProfile(profileDetail);
       } catch (e) {
@@ -90,8 +92,10 @@ function MaterialCard(props: IProps) {
       refreshRef.current?.(true);
     };
     Taro.eventCenter.on(EventName.CREATE_PROFILE, callback);
+    Taro.eventCenter.on(EventName.UPDATE_PROFILE, callback);
     return () => {
       Taro.eventCenter.off(EventName.CREATE_PROFILE, callback);
+      Taro.eventCenter.on(EventName.UPDATE_PROFILE, callback);
     };
   }, [userInfo]);
 
@@ -100,16 +104,11 @@ function MaterialCard(props: IProps) {
       <div className={`${PREFIX}__header`}>
         <div className={`${PREFIX}__header__left`}>
           <div className={`${PREFIX}__header__title`}>我的模卡</div>
-          {/* {profile && (
-            <div
-              className={`${PREFIX}__header__progress`}
-            >{`完成度${Math.min((profile.progressBar || 0) * 100, 100)}%`}</div>
-          )} */}
         </div>
         {profile && (
           <div className={`${PREFIX}__header__right`}>
-            {/* <div className={`${PREFIX}__header__status`}>{profile?.isOpen ? '开放中' : '关闭'}</div> */}
+            <div>去分享</div>
-            <ArrowRight className={`${PREFIX}__header__icon`} />
+            <ArrowRight color="#6D3DF5" className={`${PREFIX}__header__icon`} />
           </div>
         )}
       </div>
@@ -123,18 +122,21 @@ function MaterialCard(props: IProps) {
           </div>
         )}
         {!loading && hasMaterial && (
-          <ScrollView className={`${PREFIX}__scroll-view`} showScrollbar={false} enableFlex enhanced scrollX>
+          <div className={`${PREFIX}__info`}>
-            <div className={`${PREFIX}__cover-list`}>
+            {firstCover && (
-              {sortVideos(profile?.materialVideoInfoList || []).map(video => (
+              <div className={`${PREFIX}__info-left`}>
-                <Image
+                <Image className={`${PREFIX}__info-cover`} mode="aspectFill" src={firstCover.coverUrl} />
-                  className={`${PREFIX}__cover-image`}
+              </div>
-                  mode="aspectFit"
+            )}
-                  key={video.coverUrl}
+            <div className={`${PREFIX}__info-right`}>
-                  src={video.coverUrl}
+              <div className="name">{profile?.name}</div>
-                />
+              <div className="info">
-              ))}
+                {WORK_YEAR_LABELS[profile?.workedYear] || ''}·{getBasicInfo({ ...profile, shoeSize: null })}
+              </div>
+              <div className="worked">播过 {profile?.workedSecCategoryStr}</div>
+              <div className="salary">{getSalary(profile)}</div>
             </div>
-          </ScrollView>
+          </div>
         )}
         {loading && <Loading />}
       </div>

src/components/partner-banner/index.tsx

@@ -61,7 +61,7 @@ export default function PartnerBanner() {
         <div className={`${PREFIX}__close`} onClick={handlePartnerBannerClose} />
       </div>
       {visible && (
-        <LoginDialog disableCheck onCancel={() => setVisible(false)} onSuccess={handleBind} needPhone={needPhone} />
+        <LoginDialog onCancel={() => setVisible(false)} onSuccess={handleBind} needPhone={needPhone} />
       )}
     </>
   );

src/components/partner-entry/index.tsx

@@ -39,9 +39,7 @@ function JoinEntry({ onBindSuccess }: JoinEntryProps) {
           </Button>
         )}
       </div>
-      {visible && (
+      {visible && <LoginDialog onCancel={() => setVisible(false)} onSuccess={onBindSuccess} needPhone={needPhone} />}
-        <LoginDialog disableCheck onCancel={() => setVisible(false)} onSuccess={onBindSuccess} needPhone={needPhone} />
-      )}
     </>
   );
 }

src/components/partner-intro/index.tsx

@@ -1,19 +1,19 @@
 import { Button, Canvas } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 
-import { useCallback, useState } from 'react';
+import { useCallback } from 'react';
 
 import { openCustomerServiceChat } from '@/utils/common';
-import { getPartnerQrcode } from '@/utils/partner';
+import { getCouponQrCode, generateMembershipCoupon } from '@/utils/coupon';
 import './index.less';
 
 const PREFIX = 'partner-intro';
 
 export default function PartnerIntro() {
-  const [posterPath, setPosterPath] = useState('');
   const getQrcode = async () => {
     try {
-      const data = await getPartnerQrcode(); // 假设 getPartnerQrcode 返回 ArrayBuffer
+      const { code } = await generateMembershipCoupon();
+      const data = await getCouponQrCode(code);
       const base64 = Taro.arrayBufferToBase64(data);
       return `data:image/png;base64,${base64}`;
     } catch (error) {
@@ -36,11 +36,9 @@ export default function PartnerIntro() {
             height: 2668, // 实际绘制高度
             destWidth: 750, // 目标显示宽度
             destHeight: 1334, // 目标显示高度
-            fileType: 'jpg',
+            fileType: 'png',
           });
 
-          setPosterPath(tempFilePath.tempFilePath);
-
           resolve(tempFilePath.tempFilePath);
         });
       } catch (error) {
@@ -57,21 +55,21 @@ export default function PartnerIntro() {
         const canvas = res[0].node;
         const ctx = canvas.getContext('2d');
 
-        canvas.width = 1500;
+        canvas.width = 550 * 2;
-        canvas.height = 2668;
+        canvas.height = 918 * 2;
         ctx.scale(2, 2);
 
         // 绘制背景图片
         const bgImage = canvas.createImage();
-        const poster = 'https://publiccdn.neighbourhood.com.cn/img/poster.png'
+        const poster = 'https://publiccdn.neighbourhood.com.cn/img/share-coupon-poster2.png';
         bgImage.src = poster;
         bgImage.onload = () => {
-          ctx.drawImage(bgImage, 0, 0, 750, 1334);
+          ctx.drawImage(bgImage, 0, 0, 550, 918);
 
           const qrCodeImage = canvas.createImage();
           qrCodeImage.src = qrCode; // 假设 getQrcode() 返回的是二维码图片的路径
           qrCodeImage.onload = () => {
-            ctx.drawImage(qrCodeImage, 235, 894, 280, 280); // 绘制二维码，位置和大小
+            ctx.drawImage(qrCodeImage, 196, 600, 180, 160); // 绘制二维码，位置和大小
             saveCanvasToTempFile().then(tempPath => {
               resolve(tempPath);
             });
@@ -84,13 +82,10 @@ export default function PartnerIntro() {
     });
   };
   const savePoster = async () => {
-    let filePath = posterPath;
+    Taro.showLoading({ title: '正在生成海报' });
-    if (!filePath) {
+    const qrCode = await getQrcode();
-      Taro.showLoading({ title: '正在生成海报' });
+    const filePath = await drawCanvas(qrCode);
-      const qrCode = await getQrcode();
+    Taro.hideLoading();
-      filePath = await drawCanvas(qrCode);
-      Taro.hideLoading();
-    }
 
     const res = await Taro.getSetting();
     const hasPermission = res.authSetting['scope.writePhotosAlbum'];
@@ -144,7 +139,9 @@ export default function PartnerIntro() {
         <div className={`${PREFIX}__block`}>
           <div className={`${PREFIX}__title`}>分享方法</div>
           <div className={`${PREFIX}__card`}>
-            <div className={`${PREFIX}__body`}>分享小程序任意页面到群、朋友圈、好友即可</div>
+            <div className={`${PREFIX}__body`}>
+              点击底部按钮向好友群友赠送会员，或者分享通告列表、通告详情等页面给朋友即可
+            </div>
           </div>
         </div>
         <div className={`${PREFIX}__block`}>
@@ -163,10 +160,10 @@ export default function PartnerIntro() {
 
       <div className={`${PREFIX}__footer`}>
         <Button className={`${PREFIX}__download-button`} onClick={savePoster}>
-          下载海报
+          朋友圈海报
         </Button>
         <Button className={`${PREFIX}__share-button`} openType="share">
-          分享邀请
+          赠送会员给好友
         </Button>
       </div>
     </div>

src/components/partner-kanban/index.less

@@ -8,7 +8,51 @@
   background: #6d3df5;
   color: #fff;
 
-  &__simple {
+  &-simple {
+    padding:  39px 35px;
+    height: 120px;
+    box-sizing: border-box;
+    &__bg {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      border-radius: 16px;
+      height: 100%;
+    }
+    &__content {
+      .flex-row();
+      line-height: 42px;
+      position: relative;
+      z-index: 1;
+    }
+
+    &__title {
+      font-size: 26px;
+      color: #FFFFFF;
+
+
+    }
+
+    &__money {
+      font-weight: 800;
+      margin-left: 12px;
+      font-size: 44px;
+    }
+    &__button {
+      position: absolute;
+      z-index: 2;
+      top: 44px;
+      right: 24px;
+      font-size: 28px;
+      line-height: 32px;
+      &-image {
+        width: 24px;
+        height: 24px;
+        display: inline-block;
+        margin-left: 8px;
+      }
+    }
   }
 
   &__bg {
@@ -28,20 +72,7 @@
     z-index: 1;
   }
 
-  &__button {
+
-    position: absolute;
-    z-index: 2;
-    top: 44px;
-    right: 56px;
-    font-size: 24px;
-    line-height: 24px;
-    &-image {
-      width: 20px;
-      height: 20px;
-      display: inline-block;
-      margin-left: 4px;
-    }
-  }
   &__title {
     font-style: normal;
     font-weight: 400;

src/components/partner-kanban/index.tsx

@@ -144,24 +144,37 @@ export default function PartnerKanban({ simple }: PartnerKanbanProps) {
   useEffect(() => {
     getProfitStats();
   }, []);
+  if (simple) {
+    return (
+      <div className={`${PREFIX} ${PREFIX}-simple`}>
+        <Image
+          className={`${PREFIX}-simple__bg`}
+          src="https://publiccdn.neighbourhood.com.cn/img/partner_bg.png"
+          mode="aspectFill"
+        />
+        <div className={`${PREFIX}-simple__content`}>
+          <div className={`${PREFIX}-simple__title`}>总收益(元)</div>
+          <div className={`${PREFIX}-simple__money`}>{formatMoney(total)}</div>
+        </div>
+        <div className={`${PREFIX}-simple__button`} onClick={handleNavigate}>
+          详情
+          <Image
+            className={`${PREFIX}-simple__button-image`}
+            mode="aspectFit"
+            src={require('@/statics/svg/caret-right.svg')}
+          />
+        </div>
+      </div>
+    );
+  }
   return (
-    <div className={`${PREFIX} ${simple ? `${PREFIX}__simple` : ''}`}>
+    <div className={PREFIX}>
       <Image
         className={`${PREFIX}__bg`}
         src="https://publiccdn.neighbourhood.com.cn/img/partner_bg.png"
         mode="aspectFill"
       />
       <div className={`${PREFIX}__content`}>
-        {simple && (
-          <div className={`${PREFIX}__button`} onClick={handleNavigate}>
-            查看详情
-            <Image
-              className={`${PREFIX}__button-image`}
-              mode="aspectFit"
-              src={require('@/statics/svg/caret-right.svg')}
-            />
-          </div>
-        )}
         <div className={`${PREFIX}__total`}>
           <div className={`${PREFIX}__title`}>总收益（元）</div>
           <div className={`${PREFIX}__money`}>{formatMoney(total)}</div>
@@ -183,25 +196,21 @@ export default function PartnerKanban({ simple }: PartnerKanbanProps) {
             <div className={`${PREFIX}__money`}>{formatMoney(stats.availableProfit)}</div>
           </div>
         </div>
-        {!simple && (
+        <div className={`${PREFIX}__buttons`}>
-          <div className={`${PREFIX}__buttons`}>
+          <Button className={`${PREFIX}__withdraw`} onClick={handleViewWithdraw}>
-            <Button className={`${PREFIX}__withdraw`} onClick={handleViewWithdraw}>
+            提现
-              提现
+          </Button>
-            </Button>
+          <Button className={`${PREFIX}__record`} onClick={handleNavigateRecord}>
-            <Button className={`${PREFIX}__record`} onClick={handleNavigateRecord}>
+            提现记录
-              提现记录
+          </Button>
-            </Button>
+        </div>
-          </div>
-        )}
       </div>
-      {!simple && <TipDialog open={tipOpen} onClose={handleTipClose} />}
+      <TipDialog open={tipOpen} onClose={handleTipClose} />
-      {!simple && (
+      <WithdrawDialog
-        <WithdrawDialog
+        count={Math.min(Number(formatMoney(stats.availableBalance)), 200)}
-          count={Math.min(Number(formatMoney(stats.availableBalance)), 200)}
+        open={withdrawOpen}
-          open={withdrawOpen}
+        onClose={handleWithdrawClose}
-          onClose={handleWithdrawClose}
+      />
-        />
-      )}
     </div>
   );
 }

src/components/prejob-popup/index.less

@@ -33,7 +33,7 @@
       align-items: center;
       justify-content: center;
 
-      &.share {
+      &.material {
         background: #feba00;
         > image {
           width: 40px;

src/components/prejob-popup/index.tsx

@@ -1,17 +1,17 @@
 import { Button, Image } from '@tarojs/components';
 
-import { Popup } from '@taroify/core';
+import { Popup, Dialog } 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 { GET_CONTACT_TYPE } from '@/constants/job';
-import { hasShareToGetContact } from '@/utils/job';
 import { navigateTo } from '@/utils/route';
 
 import './index.less';
 
 interface IProps {
-  open: boolean;
   onCancel: () => void;
   onConfirm: (type: GET_CONTACT_TYPE) => void;
 }
@@ -20,11 +20,11 @@ const PREFIX = 'prejob-popup';
 
 const GET_CONTACT_TYPE_OPTIONS = [
   {
-    type: GET_CONTACT_TYPE.SHARE,
+    type: GET_CONTACT_TYPE.MATERIAL,
     icon: 'https://publiccdn.neighbourhood.com.cn/img/file.svg',
-    title: '完善资料',
+    title: '创建模卡（免费报单）',
-    desc: '转发给朋友可享推荐奖励',
+    desc: '免费报单，优先推荐给企业，机会更多',
-    btnText: '分享',
+    btnText: '创建',
   },
   {
     type: GET_CONTACT_TYPE.VIP,
@@ -33,54 +33,57 @@ const GET_CONTACT_TYPE_OPTIONS = [
     desc: '开通会员每天可查看10个',
     btnText: '开通',
   },
-  {
-    type: GET_CONTACT_TYPE.VIDEO,
-    icon: 'https://publiccdn.neighbourhood.com.cn/img/video.svg',
-    title: '观看视频',
-    desc: '观看6-30s广告即可免费查看',
-    btnText: '观看',
-  },
 ];
 
-export function PrejobPopup({ open, onCancel, onConfirm }: IProps) {
+export function PrejobPopup({ onCancel, onConfirm }: IProps) {
+  const [openPopup, setOpenPopup] = useState(true);
+  const [openDialog, setOpenDialog] = useState(false);
   const handleClick = (type: GET_CONTACT_TYPE) => () => {
-    if (type === GET_CONTACT_TYPE.SHARE) {
+    if (type === GET_CONTACT_TYPE.MATERIAL) {
-      navigateTo(PageUrl.PartnerShare);
+      navigateTo(PageUrl.MaterialUploadVideo);
-    } else {
       onConfirm(type);
     }
+    if (type === GET_CONTACT_TYPE.VIP) {
+      setOpenPopup(false);
+      setOpenDialog(true);
+    }
   };
+  const handleAfterBuy = useCallback(async () => {
+    onConfirm(GET_CONTACT_TYPE.VIP);
+  }, [onConfirm]);
   return (
-    <Popup rounded className={PREFIX} placement="bottom" open={open} onClose={onCancel}>
+    <Fragment>
-      <div className={`${PREFIX}__content`}>
+      <Popup rounded className={PREFIX} placement="bottom" open={openPopup} onClose={onCancel}>
-        <div className={`${PREFIX}__title`}>以下方式任选其一均可获取联系方式</div>
+        <div className={`${PREFIX}__content`}>
-        <div className={`${PREFIX}__body`}>
+          <div className={`${PREFIX}__title`}>以下方式任选其一均可获取联系方式</div>
-          {GET_CONTACT_TYPE_OPTIONS.map(option => {
+          <div className={`${PREFIX}__body`}>
-            // 该方式只能用一次, 以后不再出现在选项中
+            {GET_CONTACT_TYPE_OPTIONS.map(option => {
-            if (option.type === GET_CONTACT_TYPE.SHARE && !hasShareToGetContact()) {
+              return (
-              return null;
+                <div className={`${PREFIX}__item`} key={option.type}>
-            }
+                  <div className={`${PREFIX}__item-icon ${option.type}`}>
-
+                    <Image mode="aspectFit" src={option.icon} />
-            return (
+                  </div>
-              <div className={`${PREFIX}__item`} key={option.type}>
+                  <div className={`${PREFIX}__item-main`}>
-                <div className={`${PREFIX}__item-icon ${option.type}`}>
+                    <div className="title">{option.title}</div>
-                  <Image mode="aspectFit" src={option.icon} />
+                    <div className="desc">{option.desc}</div>
+                  </div>
+                  <div className={`${PREFIX}__item-action`}>
+                    <Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
+                      {option.btnText}
+                    </Button>
+                  </div>
                 </div>
-                <div className={`${PREFIX}__item-main`}>
+              );
-                  <div className="title">{option.title}</div>
+            })}
-                  <div className="desc">{option.desc}</div>
+          </div>
-                </div>
-                <div className={`${PREFIX}__item-action`}>
-                  <Button className={`${PREFIX}__btn`} onClick={handleClick(option.type)}>
-                    {option.btnText}
-                  </Button>
-                </div>
-              </div>
-            );
-          })}
         </div>
-      </div>
+        <SafeBottomPadding />
-      <SafeBottomPadding />
+      </Popup>
-    </Popup>
+      <Dialog open={openDialog} onClose={onCancel}>
+        <Dialog.Content>
+          <JobBuy onConfirm={handleAfterBuy} buyOnly />
+        </Dialog.Content>
+      </Dialog>
+    </Fragment>
   );
 }

src/components/product-dialog/const.ts

@@ -14,7 +14,6 @@ export enum DialogStatus {
   JOB_UNABLE_UNLOCK = 'job_unable_unlock',
   // 通告解锁次数用完，购买界面
   JOB_BUY = 'job_buy',
-  PREACTION_JOB_BUY = 'preaction_job_buy',
   // 加群二维码
   GROUP_QR_CODE = 'group_qr_code',
   // 确定加群

src/components/product-dialog/group/index.tsx

@@ -82,7 +82,10 @@ function ProductGroupDialog(props: IProps) {
           return;
         }
         // 否则：如果有解锁次数，显示是否确定消费。无解锁次数，显示不无次数 UI
-        const [time, detail] = await Promise.all([requestProductBalance(PRODUCT_CODE), requestGroupDetail(blGroupId)]);
+        const [[time], detail] = await Promise.all([
+          requestProductBalance(PRODUCT_CODE),
+          requestGroupDetail(blGroupId),
+        ]);
         setGroupDetail(detail);
         if (time <= 0) {
           setStatus(DialogStatus.GROUP_NEED_BUY_ADD);

src/components/product-dialog/index.less

@@ -226,6 +226,20 @@
       margin-top: 32px;
     }
 
+    &__hint {
+      font-size: 24px;
+      line-height: 40px;
+      text-align: center;
+      color: @blColorG1;
+      margin-top: 24px;
+
+      .highlight {
+        color: @blHighlightColor;
+        display: inline;
+      }
+
+    }
+
   }
 
   // ============================================= 群 ================================================= //
@@ -654,6 +668,11 @@
       &.highlight {
         color: @blHighlightColor;
       }
+
+      .highlight-span {
+        color: @blHighlightColor;
+        display: inline;
+      }
     }
 
     &__button {

src/components/product-dialog/job-with-group/index.tsx

@@ -102,7 +102,7 @@ function ProductJobWithGroupDialog(props: Omit<IProps, 'visible'>) {
           return;
         }
         // 否则：如果有解锁次数，显示是否确定消费。无解锁次数，显示不无次数 UI
-        const time = await requestProductBalance(ProductType.AddGroup);
+        const [time] = await requestProductBalance(ProductType.AddGroup);
         if (time <= 0) {
           setStatus(DialogStatus.JOB_CONTACT_NEED_BUY_GROUP);
         } else {
@@ -119,7 +119,7 @@ function ProductJobWithGroupDialog(props: Omit<IProps, 'visible'>) {
           return;
         }
         // 自动报单
-        const time = await requestProductBalance(ProductType.GetJob);
+        const [time] = await requestProductBalance(ProductType.GetJob);
         if (time <= 0) {
           setStatus(DialogStatus.JOB_UNABLE_UNLOCK);
         } else {

src/components/product-dialog/job/index.tsx

@@ -3,24 +3,20 @@ import Taro from '@tarojs/taro';
 import { Dialog } from '@taroify/core';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
-import { PrejobPopup } from '@/components/prejob-popup';
 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 { EventName } from '@/constants/app';
-import { GET_CONTACT_TYPE } from '@/constants/job';
 import { DeclarationType, ProductType } from '@/constants/product';
 import { JobDetails } from '@/types/job';
 import { ProductInfo } from '@/types/product';
 import { logWithPrefix } from '@/utils/common';
-import { getSkipPrejobAction, setSkipPrejobAction } from '@/utils/job';
 import {
-  requestAllBuyProduct,
-  requestProductBalance,
   requestProductUseRecord,
+  requestProductBalance,
   requestUseProduct,
+  requestAllBuyProduct,
 } from '@/utils/product';
 import Toast from '@/utils/toast';
 
@@ -37,33 +33,15 @@ const log = logWithPrefix('product-job-dialog');
 function ProductJobDialog(props: Omit<IProps, 'visible'>) {
   const { data, onClose } = props;
   const [status, setStatus] = useState<DialogStatus>(DialogStatus.LOADING);
-  const [showContact, setShowContact] = useState(false);
-  const [showPrejob, setShowPrejob] = useState(false);
   const [publisherAcctNo, setPublisherAcctNo] = useState<string>('');
-  const initRef = useRef<(skipPreAction?: boolean, skipRecordGet?: boolean) => void | Promise<void>>(() => {});
+  const initRef = useRef(() => {});
 
   const handleCloseDialog = useCallback(() => {
-    setShowContact(false);
     onClose();
   }, [onClose]);
 
-  const handleClosePrejob = useCallback(() => {
-    setShowPrejob(false);
-  }, []);
-
-  const handleConfirmPrejob = useCallback(async (type: GET_CONTACT_TYPE) => {
-    if (type === GET_CONTACT_TYPE.VIP) {
-      const allowBuy = await requestAllBuyProduct(PRODUCT_CODE);
-      setShowContact(true);
-      setShowPrejob(false);
-      setStatus(allowBuy ? DialogStatus.PREACTION_JOB_BUY : DialogStatus.JOB_UNABLE_UNLOCK);
-    } else if (type === GET_CONTACT_TYPE.VIDEO) {
-      Taro.eventCenter.trigger(EventName.SHOW_VIDEO_REWARD);
-    }
-  }, []);
-
   const handleAfterBuy = useCallback(async () => {
-    const time = await requestProductBalance(PRODUCT_CODE);
+    const [time] = await requestProductBalance(PRODUCT_CODE);
     if (time <= 0) {
       Toast.error('发生错误请重试');
       onClose();
@@ -71,8 +49,6 @@ function ProductJobDialog(props: Omit<IProps, 'visible'>) {
     }
     const productInfo = await requestUseProduct(PRODUCT_CODE, { jobId: data.id });
     const declarationTypeResult = productInfo.declarationTypeResult;
-    setShowContact(true);
-    setShowPrejob(false);
     if (declarationTypeResult?.type === DeclarationType.Direct && declarationTypeResult.publisherAcctNo) {
       setStatus(DialogStatus.JOB_CONTACT_DIRECT);
       setPublisherAcctNo(declarationTypeResult.publisherAcctNo);
@@ -86,9 +62,8 @@ function ProductJobDialog(props: Omit<IProps, 'visible'>) {
   }, [data]);
 
   useEffect(() => {
-    initRef.current = async (skipPreAction?: boolean, skipRecordGet?: boolean) => {
+    initRef.current = async () => {
       const handleContact = (declarationTypeResult?: ProductInfo['declarationTypeResult']) => {
-        setShowContact(true);
         if (declarationTypeResult?.type === DeclarationType.Direct && declarationTypeResult.publisherAcctNo) {
           setStatus(DialogStatus.JOB_CONTACT_DIRECT);
           setPublisherAcctNo(declarationTypeResult.publisherAcctNo);
@@ -102,34 +77,19 @@ function ProductJobDialog(props: Omit<IProps, 'visible'>) {
         //   setStatus(DialogStatus.JOB_CONTACT_CS);
         //   return;
         // }
-        if (!skipRecordGet) {
+        const result = await requestProductUseRecord(PRODUCT_CODE, { jobId: data.id });
-          const result = await requestProductUseRecord(PRODUCT_CODE, { jobId: data.id });
+        log('requestProductUseRecord result', result);
-          log('requestProductUseRecord result', result);
+        if (result) {
-          if (result) {
+          handleContact(result.declarationTypeResult);
-            handleContact(result.declarationTypeResult);
+          return;
-            return;
-          }
         }
-        const time = await requestProductBalance(PRODUCT_CODE);
+        const [time] = await requestProductBalance(PRODUCT_CODE);
         if (time <= 0) {
           const allowBuy = await requestAllBuyProduct(PRODUCT_CODE);
-          setShowContact(true);
           setStatus(allowBuy ? DialogStatus.JOB_BUY : DialogStatus.JOB_UNABLE_UNLOCK);
-        }
-        // 创建模卡之后可以直接解锁一次, 分享后解锁一次
-        else if (getSkipPrejobAction() || skipPreAction) {
-          const productInfo = await requestUseProduct(PRODUCT_CODE, { jobId: data.id });
-          setShowPrejob(false);
-          if (!skipPreAction) {
-            setSkipPrejobAction(false);
-          }
-          handleContact(productInfo.declarationTypeResult);
         } else {
-          setShowPrejob(true);
+          const productInfo = await requestUseProduct(PRODUCT_CODE, { jobId: data.id });
-          setStatus(DialogStatus.PRE_ACTION);
+          handleContact(productInfo.declarationTypeResult);
-
-          // const productInfo = await requestUseProduct(PRODUCT_CODE, { jobId: data.id });
-          // handleContact(productInfo.declarationTypeResult);
         }
       } catch (e) {
         Toast.error('出错了，请重试');
@@ -144,44 +104,21 @@ function ProductJobDialog(props: Omit<IProps, 'visible'>) {
     initRef.current();
   }, []);
 
-  useEffect(() => {
-    Taro.eventCenter.once(EventName.PRE_ACTION_SHARE_SUCCESS, () => {
-      initRef.current(true, true);
-    });
-    Taro.eventCenter.on(EventName.PRE_ACTION_VIDEO_SUCCESS, () => {
-      initRef.current(true, true);
-    });
-
-    return () => {
-      Taro.eventCenter.off(EventName.PRE_ACTION_SHARE_SUCCESS);
-      Taro.eventCenter.off(EventName.PRE_ACTION_VIDEO_SUCCESS);
-    };
-  }, []);
-
   if (status === DialogStatus.LOADING) {
     return null;
   }
 
   return (
-    <div>
+    <Dialog className={PREFIX} onClose={onClose} open>
-      <PrejobPopup open={showPrejob} onCancel={handleClosePrejob} onConfirm={handleConfirmPrejob} />
+      <Dialog.Content>
-      <Dialog className={PREFIX} onClose={onClose} open={showContact}>
+        {status === DialogStatus.JOB_CONTACT_CS && <ContactCustomerService onAfterConfirm={handleCloseDialog} />}
-        <Dialog.Content>
+        {status === DialogStatus.JOB_CONTACT_DIRECT && (
-          {status === DialogStatus.JOB_CONTACT_CS && <ContactCustomerService onAfterConfirm={handleCloseDialog} />}
+          <ContactDirect publisherAcctNo={publisherAcctNo} onAfterConfirm={handleCloseDialog} onReport={handleReport} />
-          {status === DialogStatus.JOB_CONTACT_DIRECT && (
+        )}
-            <ContactDirect
+        {status === DialogStatus.JOB_BUY && <JobBuy onConfirm={handleAfterBuy} />}
-              publisherAcctNo={publisherAcctNo}
+        {status === DialogStatus.JOB_UNABLE_UNLOCK && <UnableUnlockContent onConfirm={handleCloseDialog} />}
-              onAfterConfirm={handleCloseDialog}
+      </Dialog.Content>
-              onReport={handleReport}
+    </Dialog>
-            />
-          )}
-          {(status === DialogStatus.JOB_BUY || status === DialogStatus.PREACTION_JOB_BUY) && (
-            <JobBuy onConfirm={handleAfterBuy} justBuy={status === DialogStatus.PREACTION_JOB_BUY} />
-          )}
-          {status === DialogStatus.JOB_UNABLE_UNLOCK && <UnableUnlockContent onConfirm={handleCloseDialog} />}
-        </Dialog.Content>
-      </Dialog>
-    </div>
   );
 }
 

src/components/product-dialog/publish-job/index.tsx

@@ -99,12 +99,8 @@ export function CompanyPublishJobDialog(props: IProps) {
 
   const handleNext = useCallback(async () => {
     onClose(true);
-    if (userInfo.bossAuthStatus) {
+    navigateTo(PageUrl.JobPublish);
-      navigateTo(PageUrl.JobPublish);
+  }, [onClose]);
-    } else {
-      navigateTo(PageUrl.CertificationStart);
-    }
-  }, [userInfo, onClose]);
 
   useEffect(() => {
     initRef.current = async () => {
@@ -115,7 +111,7 @@ export function CompanyPublishJobDialog(props: IProps) {
       try {
         const productCode = ProductType.CompanyPublishJob;
         Taro.showLoading();
-        const time = await requestProductBalance(productCode);
+        const [time] = await requestProductBalance(productCode);
         if (time <= 0) {
           setStatus(DialogStatus.COMPANY_PUBLISH_JOB_BUY);
           return;

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

@@ -26,53 +26,51 @@ interface Item {
   title: string;
   price: string;
   amt: number;
-  contents: { content: string; highlight?: boolean }[];
+  contents: { content: string; highlight?: boolean; inlineHighlight?: string }[];
   badge?: string;
 }
 
 const LIST: Item[] = [
+  // {
+  //   id: ProductSpecId.BOSS_VIP_NEW_1,
+  //   title: '展示一周',
+  //   price: '480播豆',
+  //   amt: 48,
+  //   badge: '限时体验',
+  //   contents: [
+  //     { content: '-通告每日优先展示' },
+  //     { content: '-每天可查看20个主播详情' },
+  //     { content: '-每天可主动联系10个主播' },
+  //     // { content: '-播络可代为联系20个主播（高成功率）', highlight: true },
+  //     { content: '-有效期一周' },
+  //   ],
+  // },
   {
-    id: ProductSpecId.BOSS_VIP_NEW_1,
+    id: ProductSpecId.BOSS_VIP_NEW_2,
-    title: '展示一周',
+    title: '推荐一月',
     price: '480播豆',
     amt: 48,
     badge: '限时体验',
     contents: [
-      { content: '-1个通告' },
+      { content: '-通告每日优先展示', highlight: true },
-      { content: '-每天可查看20个主播详情' },
+      { content: '-每天可查看20个主播详情，', inlineHighlight: '可主动联系10个' },
-      { content: '-每天可自主联系10个主播' },
-      // { content: '-播络可代为联系20个主播（高成功率）', highlight: true },
-      { content: '-有效期一周' },
-    ],
-  },
-  {
-    id: ProductSpecId.BOSS_VIP_NEW_2,
-    title: '展示一月',
-    price: '960播豆',
-    amt: 96,
-    badge: '五折',
-    contents: [
-      { content: '-1个通告' },
-      { content: '-每天可查看20个主播详情' },
-      { content: '-每天可自主联系10个主播' },
       // { content: '-播络可代为联系20个主播（高成功率）', highlight: true },
       { content: '-有效期一个月' },
     ],
   },
-  // {
+  {
-  //   id: ProductSpecId.BOSS_VIP_NEW_3,
+    id: ProductSpecId.BOSS_VIP_NEW_3,
-  //   title: '季会员',
+    title: '推荐一季',
-  //   price: '2680播豆',
+    price: '960播豆',
-  //   amt: 268,
+    amt: 96,
-  //   badge: '7折',
+    badge: '6.7折',
-  //   contents: [
+    contents: [
-  //     { content: '-1个通告' },
+      { content: '-通告每日优先展示', highlight: true },
-  //     { content: '-每天可查看20个主播详情' },
+      { content: '-每天可查看20个主播详情', inlineHighlight: '可主动联系10个' },
-  //     { content: '-每天可自主联系10个主播' },
+      // { content: '-播络可代为联系60个主播（高成功率）', highlight: true },
-  //     { content: '-播络可代为联系60个主播（高成功率）', highlight: true },
+      { content: '-有效期一个季度' },
-  //     { content: '-有效期3个月' },
+    ],
-  //   ],
+  },
-  // },
 ];
 
 const subscribe = async () => {
@@ -161,6 +159,7 @@ export default function CompanyPublishJobBuy(props: IProps) {
             key={i.content}
           >
             {i.content}
+            {i.inlineHighlight && <div className="highlight-span">{i.inlineHighlight}</div>}
           </div>
         ))}
       </div>

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

@@ -70,7 +70,7 @@ export default function GroupBuy(props: IProps) {
       if (status !== OrderStatus.Success) {
         throw new Error('order status error');
       }
-      const time = await requestProductBalance(ProductType.AddGroup);
+      const [time] = await requestProductBalance(ProductType.AddGroup);
       log('handleBuy new addGroupTime', time);
       onConfirm(time);
     } catch (e) {

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

@@ -2,7 +2,7 @@ import Taro from '@tarojs/taro';
 
 import { Button } from '@taroify/core';
 import classNames from 'classnames';
-import { Fragment, useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 import Badge from '@/components/badge';
 import { PREFIX } from '@/components/product-dialog/const';
@@ -16,7 +16,7 @@ import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
 import Toast from '@/utils/toast';
 
 interface IProps {
-  justBuy?: boolean;
+  buyOnly?: boolean;
   onConfirm: () => void;
 }
 
@@ -24,29 +24,32 @@ interface Item {
   id: ProductSpecId;
   title: string;
   content: string;
+  buyOnlyContent?: string;
   price: string;
   amt: number;
   badge?: string;
 }
 
 const LIST: Item[] = [
-  { id: ProductSpecId.DailyVIP, title: '日会员', content: '1天内免广告', price: '60播豆', amt: 6, badge: '限时体验' },
+  { 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: '7天内免广告',
+    content: '每日+10次',
+    buyOnlyContent: '每日12次',
     price: '180播豆',
     amt: 18,
-    badge: '4.2折',
+    badge: ' 超值',
   },
-  // {
-  //   id: ProductSpecId.NewMonthlyVIP,
-  //   title: '月会员',
-  //   content: '30天内免广告',
-  //   price: '300播豆',
-  //   amt: 30,
-  //   badge: '1.6折',
-  // },
 ];
 
 const log = logWithPrefix('job-buy');
@@ -63,7 +66,7 @@ const subscribe = async () => {
 };
 
 export default function JobBuy(props: IProps) {
-  const { onConfirm } = props;
+  const { onConfirm, buyOnly } = props;
   const [selectItem, setSelectItem] = useState(LIST[1]);
 
   const handleClickItem = useCallback((newSelectItem: Item) => setSelectItem(newSelectItem), []);
@@ -107,44 +110,50 @@ export default function JobBuy(props: IProps) {
 
   return (
     <div className={`${PREFIX}__job-buy`}>
-      <div className={`${PREFIX}__job-buy__header`}>
+      {buyOnly ? (
-        {props.justBuy ? (
+        <div className={`${PREFIX}__job-buy__header`}>开通播络会员即可直接查看联系方式</div>
-          <div>开通播络会员即可直接查看联系方式</div>
+      ) : (
-        ) : (
+        <div className={`${PREFIX}__job-buy__header`}>
-          <Fragment>
+          <div>今日通告对接次数</div>
-            <div>今日通告对接次数</div>
+          <div className="highlight">已用完</div>
-            <div className="highlight">已用完</div>
+        </div>
-          </Fragment>
+      )}
-        )}
+      {buyOnly ? (
-      </div>
+        <div className={`${PREFIX}__job-buy__describe`}>每天可获取12个联系方式</div>
-      <div className={`${PREFIX}__job-buy__describe`}>
+      ) : (
-        {props.justBuy ? (
+        <div className={`${PREFIX}__job-buy__describe`}>
-          <div>每天可查看10个联系方式</div>
+          <div>请</div>
-        ) : (
+          <div className="highlight">明日</div>
-          <Fragment>
+          <div>再来 或 </div>
-            <div>请</div>
+          <div className="highlight">升级会员</div>
-            <div className="highlight">明日</div>
+        </div>
-            <div>再来</div>
+      )}
-            <div className="highlight">升级会员</div>
-          </Fragment>
-        )}
-      </div>
       <div className={`${PREFIX}__job-buy__container`}>
-        {LIST.map(item => (
+        {LIST.map(item => {
-          <div
+          if (buyOnly && !item.amt) {
-            key={item.price}
+            return null;
-            className={classNames(`${PREFIX}__job-buy__item`, {
+          }
-              selected: item.amt === selectItem.amt,
+          return (
-              disabled: item.amt === 0,
+            <div
-            })}
+              key={item.price}
-            onClick={item.amt === 0 ? undefined : () => handleClickItem(item)}
+              className={classNames(`${PREFIX}__job-buy__item`, {
-          >
+                selected: item.amt === selectItem.amt,
-            <div className={classNames(`${PREFIX}__job-buy__item__title`, { free: item.amt === 0 })}>{item.title}</div>
+                disabled: item.amt === 0,
-            <div className={`${PREFIX}__job-buy__item__content`}>{item.content}</div>
+              })}
-            <div className={`${PREFIX}__job-buy__item__price`}>{item.price}</div>
+              onClick={item.amt === 0 ? undefined : () => handleClickItem(item)}
-            {item.badge && <Badge className={`${PREFIX}__job-buy__item__badge`} text={item.badge} />}
+            >
-          </div>
+              <div className={classNames(`${PREFIX}__job-buy__item__title`, { free: item.amt === 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>
+              {item.badge && <Badge className={`${PREFIX}__job-buy__item__badge`} text={item.badge} />}
+            </div>
+          );
+        })}
+      </div>
+      <div className={`${PREFIX}__job-buy__hint`}>
+        注：日会员有效期为 <div className="highlight">支付后24小时</div>
       </div>
       <Button className={`${PREFIX}__job-buy__button`} onClick={handleBuy}>
         {`支付 ${selectItem.amt} 元`}

src/components/select/index.less

@@ -28,6 +28,7 @@
     justify-content: space-between;
     box-sizing: border-box;
     padding: 0 24px;
+    flex: 0 0 96px;
 
     &.selected {
       color: @blHighlightColor;
@@ -45,4 +46,4 @@
     border-top-left-radius: 24px;
     border-top-right-radius: 24px;
   }
-}
+}

src/components/top-category-select/index.tsx

@@ -0,0 +1,13 @@
+import Select, { ISelectProps } from '@/components/select';
+import { JOB_TYPE_SELECT_OPTIONS_WITH_ALL, JobType } from '@/constants/job';
+
+interface IProps extends Omit<ISelectProps<JobType>, 'options'> {
+  value: JobType;
+}
+
+function TopCategorySelect(props: IProps) {
+  const { value: selectValue, onSelect } = props;
+  return <Select options={JOB_TYPE_SELECT_OPTIONS_WITH_ALL} title="品类" value={selectValue} onSelect={onSelect} />;
+}
+
+export default TopCategorySelect;

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

@@ -36,7 +36,7 @@ interface CityOption extends ISelectOption<CityValue> {
 const PREFIX = 'user-batch-publish';
 const log = logWithPrefix(PREFIX);
 const SERVICE_ILLUSTRATE = `服务方式：帮您把招聘需求发到众多同城合作主播群
-群发次数：每日1次，连发3天
+群发次数：杭州、广州发3次，其他城市1次
 内容要求：仅限带货主播招聘需求，其他不发
 主播联系：内容中留招聘方联系方式，主播直接联系`;
 const cityValues: CityValue[] = [

src/constants/app.ts

@@ -24,10 +24,7 @@ export enum EventName {
   SELECT_MY_PUBLISH_JOB = 'select_my_publish_job',
   EXIT_CHAT_PAGE = 'exit_chat_page',
   VIEW_MATERIAL_SUCCESS = 'view_material_success',
-  PRE_ACTION_SHARE_SUCCESS = 'pre_action_share_success',
+  VIEW_JOB_SUCCESS = 'view_job_success',
-  PRE_ACTION_VIDEO_SUCCESS = 'pre_action_video_success',
-  PRE_ACTION_VIDEO_ERROR = 'pre_action_video_error',
-  SHOW_VIDEO_REWARD = 'show_video_reward',
 }
 
 export enum OpenSource {
@@ -79,7 +76,7 @@ export enum PageUrl {
   Partner = 'pages/partner/index',
   WithdrawRecord = 'pages/withdraw-record/index',
   GroupDelegatePublish = 'pages/group-delegate-publish/index',
-  PartnerShare = 'pages/partner-share/index',
+  GiveVip = 'pages/give-vip/index',
 }
 
 export enum PluginUrl {

src/constants/cache-key.ts

@@ -13,7 +13,4 @@ export enum CacheKey {
   AGREEMENT_SIGNED = '__agreement_signed__',
   CITY_CODES = '__city_codes__',
   JOIN_GROUP_CARD_CLICKED = '__join_group_card_clicked__',
-  SHARE_TO_GET_JOB_CONTACT = '__share_to_get_job_contract__',
-  SHARE_TO_GET_ANCHOR_CONTACT = '__share_to_get_anchor_contract__',
-  SKIP_PREACTION = '__skip_preaction__',
 }

src/constants/city.ts

@@ -5934,6 +5934,11 @@ export const GROUP_CITY_INDEXES_LIST = [
         cityName: '杭州',
         keyword: 'HANGZHOU杭州',
       },
+      {
+        cityCode: '230100',
+        cityName: '哈尔滨',
+        keyword: 'HAERBIN哈尔滨',
+      },
       {
         cityCode: '340100',
         cityName: '合肥',
@@ -5941,6 +5946,16 @@ export const GROUP_CITY_INDEXES_LIST = [
       },
     ],
   },
+  {
+    letter: 'J',
+    data: [
+      {
+        cityCode: '370100',
+        cityName: '济南',
+        keyword: 'JINAN济南',
+      },
+    ],
+  },
   {
     letter: 'K',
     data: [
@@ -5984,11 +5999,21 @@ export const GROUP_CITY_INDEXES_LIST = [
         cityName: '上海',
         keyword: 'SHANGHAI上海',
       },
+      {
+        cityCode: '210100',
+        cityName: '沈阳',
+        keyword: 'SHENYANG沈阳',
+      },
       {
         cityCode: '440300',
         cityName: '深圳',
         keyword: 'SHENZHEN深圳',
       },
+      {
+        cityCode: '130100',
+        cityName: '石家庄',
+        keyword: 'SHIJIAZHUANG石家庄',
+      },
       {
         cityCode: '320500',
         cityName: '苏州',
@@ -6004,6 +6029,11 @@ export const GROUP_CITY_INDEXES_LIST = [
         cityName: '天津',
         keyword: 'TIANJIN天津',
       },
+      {
+        cityCode: '140100',
+        cityName: '太原',
+        keyword: 'TAIYUAN太原',
+      },
     ],
   },
   {
@@ -6044,6 +6074,11 @@ export const GROUP_CITY_INDEXES_LIST = [
         cityName: '郑州',
         keyword: 'ZHENGZHOU郑州',
       },
+      {
+        cityCode: '430200',
+        cityName: '株洲',
+        keyword: 'ZHUZHOU株洲',
+      },
     ],
   },
 ];

src/constants/group.ts

@@ -56,5 +56,11 @@ export const GROUPS: GroupItem[] = [
   { title: '【温州】', cityCode: 330300, serviceUrl: 'https://work.weixin.qq.com/kfid/kfcb0ea5f197a18b335' },
   { title: '【天津】', cityCode: 120100, serviceUrl: 'https://work.weixin.qq.com/kfid/kfcda46c23dade6f6a3' },
   { title: '【昆明】', cityCode: 530100, serviceUrl: 'https://work.weixin.qq.com/kfid/kfcf2aebcbf3d46d9cd' },
+  { title: '【石家庄】', cityCode: 130100, serviceUrl: 'https://work.weixin.qq.com/kfid/kfc7dedcc69aaa9cdae' },
+  { title: '【太原】', cityCode: 140100, serviceUrl: 'https://work.weixin.qq.com/kfid/kfccc8b59411baa7c24' },
+  { title: '【株洲】', cityCode: 430200, serviceUrl: 'https://work.weixin.qq.com/kfid/kfc8584f903f9263f85' },
+  { title: '【哈尔滨】', cityCode: 230100, serviceUrl: 'https://work.weixin.qq.com/kfid/kfcaf757d0590d2bad0' },
+  { title: '【沈阳】', cityCode: 210100, serviceUrl: 'https://work.weixin.qq.com/kfid/kfcbe96e71d87061f88' },
+  { title: '【济南】', cityCode: 370100, serviceUrl: 'https://work.weixin.qq.com/kfid/kfc57d4d9bd032fe89c' },
   { title: '【全国】', cityCode: 440300, serviceUrl: 'https://work.weixin.qq.com/kfid/kfcc60ac7b6420787a8' },
 ];

src/constants/job.ts

@@ -7,6 +7,7 @@ export enum JobType {
   Jewelry = 'JEWELRY', // 珠宝
   Appliance = 'APPLIANCE', // 家电
   Furniture = 'FURNITURE', // 日用家具
+  OutdoorSports = 'OUTDOOR_SPORTS',
   PetFamily = 'PET_FAMILY', // 母婴宠物
   Luxury = 'LUXURY', // 奢品
   LocalLive = 'LOCAL_LIVE', // 本地生活
@@ -21,6 +22,12 @@ export enum EmployType {
   Part = 'PARTY_TIME',
 }
 
+export enum JobSourceType {
+  All = 'All',
+  VX = 'vx',
+  BL = 'bl',
+}
+
 export enum SortType {
   RECOMMEND = 'RECOMMEND',
   DISTANCE = 'DISTANCE',
@@ -66,6 +73,12 @@ export const EMPLOY_TYPE_TITLE_MAP = {
   [EmployType.Full]: '全职',
 };
 
+export const JOB_SOURCE_TYPE_TITLE_MAP = {
+  [JobSourceType.All]: '全部',
+  [JobSourceType.BL]: '认证通告',
+  [JobSourceType.VX]: '群通告',
+};
+
 export const JOB_TYPE_TITLE_MAP: { [key in JobType]: string } = {
   [JobType.All]: '全部',
   [JobType.Finery]: '服饰',
@@ -75,6 +88,7 @@ export const JOB_TYPE_TITLE_MAP: { [key in JobType]: string } = {
   [JobType.Jewelry]: '珠宝',
   [JobType.Appliance]: '家电',
   [JobType.Furniture]: '日用家具',
+  [JobType.OutdoorSports]: '户外运动',
   [JobType.PetFamily]: '母婴宠物',
   [JobType.Luxury]: '奢品',
   [JobType.LocalLive]: '本地生活',
@@ -101,16 +115,31 @@ export const JOB_MANAGE_STATUS_TITLE_MAP = {
 
 export const JOB_PAGE_TABS = [
   {
-    type: EmployType.All,
+    type: JobSourceType.All,
-    title: EMPLOY_TYPE_TITLE_MAP[EmployType.All],
+    title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.All],
   },
   {
-    type: EmployType.Part,
+    type: JobSourceType.BL,
-    title: EMPLOY_TYPE_TITLE_MAP[EmployType.Part],
+    title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.BL],
   },
   {
-    type: EmployType.Full,
+    type: JobSourceType.VX,
-    title: EMPLOY_TYPE_TITLE_MAP[EmployType.Full],
+    title: JOB_SOURCE_TYPE_TITLE_MAP[JobSourceType.VX],
+  },
+];
+
+export const JOB_EMPLOY_TYPE_OPTIONS = [
+  {
+    value: EmployType.All,
+    label: EMPLOY_TYPE_TITLE_MAP[EmployType.All],
+  },
+  {
+    value: EmployType.Part,
+    label: EMPLOY_TYPE_TITLE_MAP[EmployType.Part],
+  },
+  {
+    value: EmployType.Full,
+    label: EMPLOY_TYPE_TITLE_MAP[EmployType.Full],
   },
 ];
 
@@ -146,6 +175,7 @@ export const JOB_TYPE_SELECT_OPTIONS = [
   { label: JOB_TYPE_TITLE_MAP[JobType.Jewelry], value: JobType.Jewelry },
   { label: JOB_TYPE_TITLE_MAP[JobType.Appliance], value: JobType.Appliance },
   { label: JOB_TYPE_TITLE_MAP[JobType.Furniture], value: JobType.Furniture },
+  { label: JOB_TYPE_TITLE_MAP[JobType.OutdoorSports], value: JobType.OutdoorSports },
   { label: JOB_TYPE_TITLE_MAP[JobType.PetFamily], value: JobType.PetFamily },
   { label: JOB_TYPE_TITLE_MAP[JobType.Luxury], value: JobType.Luxury },
   { label: JOB_TYPE_TITLE_MAP[JobType.LocalLive], value: JobType.LocalLive },
@@ -154,6 +184,11 @@ export const JOB_TYPE_SELECT_OPTIONS = [
   { label: JOB_TYPE_TITLE_MAP[JobType.Other], value: JobType.Other },
 ];
 
+export const JOB_TYPE_SELECT_OPTIONS_WITH_ALL = [
+  { label: JOB_TYPE_TITLE_MAP[JobType.All], value: JobType.All },
+  ...JOB_TYPE_SELECT_OPTIONS,
+];
+
 const MAX_SALARY = 10000000;
 export const PART_EMPLOY_SALARY_OPTIONS = [
   { label: '不限' },
@@ -176,7 +211,6 @@ export const PART_PRICE_OPTIONS = PART_EMPLOY_SALARY_OPTIONS.filter(o => !!o.val
 export const FULL_PRICE_OPTIONS = FULL_EMPLOY_SALARY_OPTIONS.filter(o => !!o.value);
 
 export enum GET_CONTACT_TYPE {
-  SHARE = 'share',
   VIP = 'vip',
-  VIDEO = 'video',
+  MATERIAL = 'material',
 }

src/constants/material.ts

@@ -84,14 +84,25 @@ export const WORK_YEAR_OPTIONS = [
   { label: WORK_YEAR_LABELS[WorkedYears.MoreThreeYear], value: WorkedYears.MoreThreeYear },
 ];
 
-export const ALL_GENDER_TYPES = [GenderType.All, GenderType.MEN, GenderType.WOMEN];
-
 export const GENDER_TYPE_TITLE_MAP = {
   [GenderType.All]: '不限',
   [GenderType.WOMEN]: '女',
   [GenderType.MEN]: '男',
 };
-
+export const GENDER_OPTIONS = [
+  {
+    value: GenderType.All,
+    label: GENDER_TYPE_TITLE_MAP[GenderType.All],
+  },
+  {
+    value: GenderType.WOMEN,
+    label: GENDER_TYPE_TITLE_MAP[GenderType.WOMEN],
+  },
+  {
+    value: GenderType.MEN,
+    label: GENDER_TYPE_TITLE_MAP[GenderType.MEN],
+  },
+];
 export const ALL_ANCHOR_READ_TYPES = Object.values(AnchorReadType);
 
 export const ANCHOR_READ_TITLE_MAP = {

src/fragments/job/base/index.less

@@ -54,6 +54,7 @@
     flex: 1 0;
   }
 
+  &__employType-select,
   &__salary-select,
   &__search-city {
     display: flex;

src/fragments/job/base/index.tsx

@@ -2,10 +2,11 @@ import { Image } from '@tarojs/components';
 import { NodesRef, useDidHide } from '@tarojs/taro';
 
 import { Tabs } from '@taroify/core';
-import { ArrowUp, ArrowDown } from '@taroify/icons';
+import { ArrowDown, ArrowUp } from '@taroify/icons';
 import classNames from 'classnames';
 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';
@@ -13,7 +14,16 @@ import SalarySelect from '@/components/salary-select';
 import SearchInput from '@/components/search';
 import { APP_TAB_BAR_ID, PageUrl } from '@/constants/app';
 import { CITY_CODE_TO_NAME_MAP } from '@/constants/city';
-import { JOB_TABS, JobType, EmployType, ALL_SORT_TYPES, SORT_TYPE_TITLE_MAP, SortType } from '@/constants/job';
+import {
+  ALL_SORT_TYPES,
+  EMPLOY_TYPE_TITLE_MAP,
+  EmployType,
+  JOB_TABS,
+  JobSourceType,
+  JobType,
+  SORT_TYPE_TITLE_MAP,
+  SortType,
+} from '@/constants/job';
 import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
 import { SalaryRange } from '@/types/job';
 import { Coordinate } from '@/types/location';
@@ -24,9 +34,11 @@ import './index.less';
 interface IProps {
   cityCode: string;
   sortType: SortType;
+  sourceType: JobSourceType;
   employType: EmployType;
   coordinate: Coordinate;
   onClickCity: () => void;
+  onClickEmployType: (type: EmployType) => void;
   onClickSort: (type: SortType) => void;
 }
 
@@ -74,20 +86,35 @@ function ListWrapper(props: IJobListProps) {
 }
 
 function JobFragment(props: IProps) {
-  const { cityCode, employType, sortType = SortType.RECOMMEND, coordinate, onClickCity, onClickSort } = props;
+  const {
+    cityCode,
+    employType,
+    sourceType,
+    sortType = SortType.RECOMMEND,
+    coordinate,
+    onClickEmployType,
+    onClickCity,
+    onClickSort,
+  } = props;
   const listHeight = useListHeight(CALC_LIST_PROPS);
   const [tabType, setTabType] = useState<JobType>(JobType.All);
   const [salaryRange, setSalaryRange] = useState<SalaryRange | undefined>();
   const [showSalarySelect, setShowSalarySelect] = useState<boolean>(false);
+  const [showEmployTypeSelect, setShowEmployTypeSelect] = useState<boolean>(false);
   const { latitude, longitude } = coordinate;
 
   const handleClickSearch = useCallback(() => navigateTo(PageUrl.JobSearch, { city: cityCode }), [cityCode]);
 
   const handleClickSalarySelect = useCallback(() => {
-    setShowSalarySelect(!showSalarySelect);
+    setShowSalarySelect(s => !s);
-  }, [showSalarySelect]);
+  }, []);
+
+  const handleClickEmployTypeSelect = useCallback(() => {
+    setShowEmployTypeSelect(s => !s);
+  }, []);
 
   const handleHideSalarySelect = useCallback(() => setShowSalarySelect(false), []);
+  const handleHideEmployTypeSelect = useCallback(() => setShowEmployTypeSelect(false), []);
 
   const handleSelectSalary = useCallback((value?: SalaryRange) => {
     log('handleSelectSalary', value);
@@ -95,6 +122,15 @@ function JobFragment(props: IProps) {
     setShowSalarySelect(false);
   }, []);
 
+  const handleSelectEmployType = useCallback(
+    (value?: EmployType) => {
+      console.log('哈哈哈', value);
+      setShowEmployTypeSelect(false);
+      onClickEmployType(value!);
+    },
+    [onClickEmployType]
+  );
+
   const onTypeChange = useCallback(
     value => {
       log('onTypeChange', value);
@@ -109,6 +145,12 @@ function JobFragment(props: IProps) {
     <div className={`${PREFIX}__container`}>
       <div className={`${PREFIX}__top-search-bar`}>
         <SearchInput disabled className={`${PREFIX}__search`} placeholder="试试 女装" onClick={handleClickSearch} />
+        <div className={classNames(`${PREFIX}__employType-select`)} onClick={handleClickEmployTypeSelect}>
+          <div className="title">
+            {employType && employType !== EmployType.All ? EMPLOY_TYPE_TITLE_MAP[employType] : '类型'}
+          </div>
+          {showEmployTypeSelect ? <ArrowUp /> : <ArrowDown />}
+        </div>
         <div className={classNames(`${PREFIX}__search-city`)} onClick={onClickCity}>
           <div className="title">{CITY_CODE_TO_NAME_MAP.get(cityCode)}</div>
           <ArrowDown />
@@ -139,6 +181,7 @@ function JobFragment(props: IProps) {
               sortType={sortType}
               latitude={latitude}
               longitude={longitude}
+              sourceType={sourceType}
               employType={employType}
               minSalary={salaryRange?.minSalary}
               maxSalary={salaryRange?.maxSalary}
@@ -157,6 +200,15 @@ function JobFragment(props: IProps) {
       >
         <SalarySelect type={employType} value={salaryRange} onSelect={handleSelectSalary} />
       </Overlay>
+
+      <Overlay
+        visible={showEmployTypeSelect}
+        onClickOuter={handleHideEmployTypeSelect}
+        outerClassName={`${PREFIX}__overlay-outer`}
+        innerClassName={`${PREFIX}__overlay-inner`}
+      >
+        <EmployTypeSelect value={employType} onSelect={handleSelectEmployType} />
+      </Overlay>
     </div>
   );
 }

src/fragments/profile/intention/index.tsx

@@ -27,7 +27,7 @@ const log = logWithPrefix(PREFIX);
 const realtimeLogger = Taro.getRealtimeLogManager();
 realtimeLogger.tag(PREFIX);
 const calcInitCityCodes = (codeString: string = '') => {
-  const codes = codeString.split('、');
+  const codes = (codeString || '').split('、');
   return codes.filter(code => !!CITY_CODE_TO_NAME_MAP.get(code));
 };
 

src/fragments/profile/view/index.tsx

@@ -30,7 +30,7 @@ const log = logWithPrefix(PREFIX);
 const DEFAULT_TEXT = '未填写';
 
 const getIndentCity = (codeString: string = '') => {
-  const codes = codeString.split('、');
+  const codes = (codeString||'').split('、');
   const cityNames: string[] = [];
   codes.forEach(code => {
     const cityName = CITY_CODE_TO_NAME_MAP.get(code);

src/fragments/user/company/index.tsx

@@ -5,7 +5,6 @@ import { useCallback } from 'react';
 import CertificationStatus from '@/components/certification-status';
 import WechatCell from '@/components/wx-cell';
 import { PageUrl } from '@/constants/app';
-import { CertificationStatusType } from '@/constants/company';
 import useUserInfo from '@/hooks/use-user-info';
 import { navigateTo } from '@/utils/route';
 
@@ -18,10 +17,6 @@ export default function CompanyFragment() {
   // const [showPublish, setShowPublish] = useState(false);
 
   const handlePublishJob = useCallback(async () => {
-    if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
-      navigateTo(PageUrl.CertificationStart);
-      return;
-    }
     navigateTo(PageUrl.CertificationManage);
   }, [userInfo]);
 

src/hooks/use-cached-job.tsx

@@ -0,0 +1,10 @@
+import { useSelector } from 'react-redux';
+
+import { selectCreatedJob } from '@/store/selector/job';
+
+function useCachedJobId() {
+  const data = useSelector(selectCreatedJob);
+  return data;
+}
+
+export default useCachedJobId;

src/hooks/use-config.tsx

@@ -48,7 +48,7 @@ const CompanyTabs: TabItemType[] = [
   {
     type: PageType.BatchPublish,
     pagePath: PageUrl.UserBatchPublish,
-    text: '主播群',
+    text: '代招代发',
   },
 ];
 
@@ -98,7 +98,7 @@ export const APP_CONFIG: AppConfigType = {
     PageUrl.Partner,
     PageUrl.WithdrawRecord,
     PageUrl.GroupDelegatePublish,
-    PageUrl.PartnerShare,
+    PageUrl.GiveVip,
     // PageUrl.DevDebug,
   ],
   window: {

src/http/api.ts

@@ -1,5 +1,6 @@
-// export const DOMAIN = 'http://192.168.60.148:8082';
+// export const DOMAIN = 'http://192.168.60.116:8082';
-export const DOMAIN = 'https://neighbourhood.cn';
+export const DOMAIN = process.env.BRAND === 'dev' ? 'https://dev.neighbourhood.cn' : 'https://neighbourhood.cn';
+// export const DOMAIN = 'https://dev.neighbourhood.cn';
 export const BASE_URL = `${DOMAIN}/api`;
 
 export enum API {
@@ -84,4 +85,7 @@ export enum API {
   GET_PROFIT_STAT = '/user/profits',
   WITHDRAW = '/user/withdraw',
   GET_WITHDRAW_LIST = '/user/withdraw/records',
+  GENERATE_MEMBERSHIP_COUPON = '/coupon/membership/generate',
+  CLAIM_MEMBERSHIP_COUPON = '/coupon/membership/claim',
+  GET_VIP_QRCODE = '/user/getVipQrCode',
 }

src/http/constant.ts

@@ -26,6 +26,7 @@ export enum RESPONSE_ERROR_CODE {
   INSUFFICIENT_BALANCE = 'INSUFFICIENT_BALANCE', // 聊天或者模卡查看超出限制
   INSUFFICIENT_FREE_BALANCE = 'INSUFFICIENT_FREE_BALANCE', // 免费查看次数(未购买会员)超限
   BOSS_VIP_EXPIRED = 'BOSS_VIP_EXPIRED', // 会员过期
+  CHAT_MSG_SEND_NOT_ALLOW = 'CHAT_MSG_SEND_NOT_ALLOW',
 }
 
 export const RESPONSE_ERROR_INFO: { [key in RESPONSE_ERROR_CODE]?: string } = {

src/pages/anchor/index.less

@@ -52,7 +52,11 @@
     font-size: 28px;
     line-height: 32px;
     color: @blColor;
+    gap: 20px;
 
+    &-item {
+      display: flex;
+    }
     .title {
       margin-right: 5px;
     }
@@ -61,11 +65,17 @@
     padding: 0 24px;
   }
   &__overlay-outer {
-    top: 82px;
+    top: 72px;
   }
 
   &__overlay-inner {
     width: 100%;
+    max-height: 100%;
+    overflow: hidden;
+    .bl-select__items-container {
+      max-height: calc(100vh - 610rpx);
+      overflow-y: auto;
+    }
   }
 
   &__tips-container {
@@ -90,4 +100,23 @@
     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);
+    }
+  }
 }

src/pages/anchor/index.tsx

@@ -1,22 +1,32 @@
-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';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import AnchorList, { IAnchorListProps } from '@/components/anchor-list';
 import AnchorPicker from '@/components/anchor-picker';
 import CustomNavigationBar from '@/components/custom-navigation-bar';
+import EmployTypeSelect from '@/components/employ-type-select';
+import GenderSelect from '@/components/gender-select';
 import HomePage from '@/components/home-page';
 import Overlay from '@/components/overlay';
 import PageLoading from '@/components/page-loading';
 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 { EMPLOY_TYPE_TITLE_MAP, EmployType, JOB_TYPE_TITLE_MAP, JobType } from '@/constants/job';
-import { ALL_ANCHOR_SORT_TYPES, ANCHOR_SORT_TYPE_TITLE_MAP, AnchorSortType } from '@/constants/material';
+import {
+  ALL_ANCHOR_SORT_TYPES,
+  ANCHOR_SORT_TYPE_TITLE_MAP,
+  AnchorSortType,
+  GENDER_TYPE_TITLE_MAP,
+  GenderType,
+} from '@/constants/material';
 import useInviteCode from '@/hooks/use-invite-code';
 import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
 import useLocation from '@/hooks/use-location';
@@ -32,7 +42,9 @@ import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
 import { getPageQuery, navigateTo } from '@/utils/route';
 import { getCommonShareMessage } from '@/utils/share';
 import Toast from '@/utils/toast';
+
 import './index.less';
+import TopCategorySelect from '@/components/top-category-select';
 
 const PREFIX = 'page-anchor';
 const LIST_CONTAINER_CLASS = `${PREFIX}__list-container`;
@@ -75,13 +87,24 @@ function ListWrapper(props: IAnchorListProps) {
   return <AnchorList listHeight={listHeight} {...props} onListEmpty={handleListEmpty} />;
 }
 
+enum FilterType {
+  gender,
+  employType,
+  topCategory,
+  more,
+}
+
 export default function AnchorPage() {
   const location = useLocation();
   const [loading, setLoading] = useState(true);
   const [selectJob, setSelectJob] = useState<JobManageInfo | undefined>();
-  const [filters, setFilters] = useState<IAnchorFilters>({ employType: EmployType.All });
+  const [moreFilters, setMoreFilters] = useState<IAnchorFilters>({});
-  const [showFilter, setShowFilter] = useState<boolean>(false);
+  const [gender, setGender] = useState<GenderType>(GenderType.All);
+  const [employType, setEmployType] = useState<EmployType>(EmployType.All);
+  const [topCategory, setTopCategory] = useState<JobType>(JobType.All);
+  const [showFilter, setShowFilter] = useState<FilterType | null>(null);
   const [sortType, setSortType] = useState<AnchorSortType>(AnchorSortType.Active);
+  const [openPopup, setOpenPopup] = useState<boolean>(false);
   const [coordinate, setCoordinate] = useState<Coordinate>({
     latitude: location.latitude,
     longitude: location.longitude,
@@ -92,6 +115,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 || '');
   }, []);
 
@@ -100,20 +125,35 @@ export default function AnchorPage() {
     [selectJob]
   );
 
-  const handleClickSalarySelect = useCallback(() => {
+  const handleClickFilterSelect = (type: FilterType) => () => {
-    setShowFilter(!showFilter);
+    setShowFilter(type === showFilter ? null : type);
-  }, [showFilter]);
+  };
 
-  const handleHideFilter = useCallback(() => setShowFilter(false), []);
+  const handleHideFilter = useCallback(() => setShowFilter(null), []);
 
   const handleFilterChange = useCallback(
     (newFilters: IAnchorFilters) => {
-      !isEqual(newFilters, filters) && setFilters(newFilters);
+      !isEqual(newFilters, moreFilters) && setMoreFilters(newFilters);
-      setShowFilter(false);
+      setShowFilter(null);
     },
-    [filters]
+    [moreFilters]
   );
 
+  const handleChangeSelectGender = useCallback((value: GenderType) => {
+    setGender(value);
+    setShowFilter(null);
+  }, []);
+
+  const handleChangeSelectEmployType = useCallback((value: EmployType) => {
+    setEmployType(value);
+    setShowFilter(null);
+  }, []);
+
+  const handleChangeSelectTopCategory = useCallback((value: JobType) => {
+    setTopCategory(value);
+    setShowFilter(null);
+  }, []);
+
   const handleClickSortType = useCallback(async (type: AnchorSortType) => setSortType(type), []);
 
   const handleJobChange = useCallback(
@@ -125,7 +165,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 +181,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);
@@ -170,12 +214,12 @@ export default function AnchorPage() {
 
     const query = getPageQuery();
     getInviteCodeFromQueryAndUpdate(query);
-    console.log('哈哈哈 useLoad');
 
     try {
-      const { jobResults = [] } = await requestJobManageList({ status: JobManageStatus.Open });
+      const { jobResults = [] } = await requestJobManageList();
       if (!jobResults.length) {
-        Toast.info('当前是根据定位为您展示主播');
+        setOpenPopup(true);
+        // Toast.info('当前是根据定位为您展示主播');
         return;
       }
       const lastSelectJobId = getLastSelectMyJobId();
@@ -195,6 +239,15 @@ export default function AnchorPage() {
 
   useDidShow(() => requestUnreadMessageCount());
 
+  const filters = useMemo(
+    () => ({
+      ...moreFilters,
+      topCategory: topCategory === JobType.All ? undefined : topCategory,
+      gender: gender === -1 ? undefined : gender,
+      employType,
+    }),
+    [moreFilters, gender, employType, topCategory]
+  );
   return (
     <HomePage type={PageType.Anchor}>
       {!!loading && <PageLoading className={`${PREFIX}__loading`} />}
@@ -214,9 +267,23 @@ export default function AnchorPage() {
               </div>
             ))}
           </div>
-          <div className={classNames(`${PREFIX}__filter`)} onClick={handleClickSalarySelect}>
+          <div className={classNames(`${PREFIX}__filter`)}>
-            <div className="title">筛选</div>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.gender)}>
-            {showFilter ? <ArrowUp /> : <ArrowDown />}
+              <div className="title">{gender === GenderType.All ? '性别' : GENDER_TYPE_TITLE_MAP[gender]}</div>
+              {showFilter === FilterType.gender ? <ArrowUp /> : <ArrowDown />}
+            </div>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.employType)}>
+              <div className="title">{employType === EmployType.All ? '类型' : EMPLOY_TYPE_TITLE_MAP[employType]}</div>
+              {showFilter === FilterType.employType ? <ArrowUp /> : <ArrowDown />}
+            </div>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.topCategory)}>
+              <div className="title">{topCategory === JobType.All ? '品类' : JOB_TYPE_TITLE_MAP[topCategory]}</div>
+              {showFilter === FilterType.topCategory ? <ArrowUp /> : <ArrowDown />}
+            </div>
+            <div className={`${PREFIX}__filter-item`} onClick={handleClickFilterSelect(FilterType.more)}>
+              <div className="title">更多</div>
+              {showFilter === FilterType.more ? <ArrowUp /> : <ArrowDown />}
+            </div>
           </div>
         </div>
         <div className={`${PREFIX}__banner`}>
@@ -233,14 +300,53 @@ export default function AnchorPage() {
           className={LIST_CONTAINER_CLASS}
         />
         <Overlay
-          visible={showFilter}
+          visible={showFilter === FilterType.gender}
           onClickOuter={handleHideFilter}
           outerClassName={`${PREFIX}__overlay-outer`}
           innerClassName={`${PREFIX}__overlay-inner`}
         >
-          <AnchorPicker value={filters} onConfirm={handleFilterChange} />
+          <GenderSelect value={gender} onSelect={handleChangeSelectGender} />
+        </Overlay>
+        <Overlay
+          visible={showFilter === FilterType.employType}
+          onClickOuter={handleHideFilter}
+          outerClassName={`${PREFIX}__overlay-outer`}
+          innerClassName={`${PREFIX}__overlay-inner`}
+        >
+          <EmployTypeSelect value={employType} onSelect={handleChangeSelectEmployType} />
+        </Overlay>
+        <Overlay
+          visible={showFilter === FilterType.topCategory}
+          onClickOuter={handleHideFilter}
+          outerClassName={`${PREFIX}__overlay-outer`}
+          innerClassName={`${PREFIX}__overlay-inner`}
+        >
+          <TopCategorySelect value={topCategory} onSelect={handleChangeSelectTopCategory} />
+        </Overlay>
+        <Overlay
+          visible={showFilter === FilterType.more}
+          onClickOuter={handleHideFilter}
+          outerClassName={`${PREFIX}__overlay-outer`}
+          innerClassName={`${PREFIX}__overlay-inner`}
+        >
+          <AnchorPicker value={moreFilters} onConfirm={handleFilterChange} />
         </Overlay>
       </div>
+      <Popup
+        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>
   );
 }

src/pages/certification-manage/index.tsx

@@ -6,14 +6,15 @@ import classNames from 'classnames';
 import { useCallback, useEffect, useState } from 'react';
 
 import JobManageList, { IJobManageListProps } from '@/components/job-manage-list';
-import { CompanyPublishJobDialog } from '@/components/product-dialog/publish-job';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
+import { PageUrl } from '@/constants/app';
 import { ReportEventId } from '@/constants/event';
 import { JOB_MANAGE_TABS, JobManageStatus, JobManageType } from '@/constants/job';
 import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
 import useUserInfo from '@/hooks/use-user-info';
 import { logWithPrefix } from '@/utils/common';
 import { reportEvent } from '@/utils/event';
+import { navigateTo } from '@/utils/route';
 import { ensureUserInfo } from '@/utils/user';
 
 import './index.less';
@@ -91,7 +92,6 @@ export default function CertificationManage() {
   const userInfo = useUserInfo();
   const listHeight = useListHeight(CALC_LIST_PROPS);
   const [tabType, setTabType] = useState<JobManageType>(JobManageType.All);
-  const [showPublish, setShowPublish] = useState(false);
 
   const handleTypeChange = useCallback(value => setTabType(value), []);
 
@@ -101,7 +101,7 @@ export default function CertificationManage() {
     if (!(await ensureUserInfo(userInfo))) {
       return;
     }
-    setShowPublish(true);
+    navigateTo(PageUrl.JobPublish);
   }, [userInfo]);
 
   return (
@@ -124,7 +124,6 @@ export default function CertificationManage() {
         </Button>
       </div>
       <SafeBottomPadding className={SAFE_BOTTOM_PADDING_CLASS} />
-      <div>{showPublish && <CompanyPublishJobDialog userInfo={userInfo} onClose={() => setShowPublish(false)} />}</div>
     </div>
   );
 }

src/pages/certification/index.tsx

@@ -1,21 +1,29 @@
 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,  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 { PageUrl } from '@/constants/app';
+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 store from '@/store';
+import { clearCachedJobId } from '@/store/actions';
 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 { requestProductBalance } from '@/utils/product';
 import { redirectTo } from '@/utils/route';
 import Toast from '@/utils/toast';
 import { dispatchUpdateUser, requestUserInfo } from '@/utils/user';
@@ -23,6 +31,7 @@ import { uploadVideo } from '@/utils/video';
 
 import './index.less';
 
+
 const PREFIX = 'page-certification';
 const log = logWithPrefix(PREFIX);
 const needIdCard = false;
@@ -100,6 +109,8 @@ export default function Certification() {
   // const [code, setCode] = useState('');
   const [company, setCompany] = useState('');
   const [open, setOpen] = useState(false);
+  const [showBuy, setShowBuy] = useState(false);
+  const cachedJobId = useCachedJobId();
 
   const handleClickIdCardLeft = useCallback(async () => {
     reportEvent(ReportEventId.CLICK_UPLOAD_ID_CARD, { type: 'left' });
@@ -133,6 +144,29 @@ export default function Certification() {
     setCompany(value);
   }, []);
 
+  const handleCloseBuy = useCallback(() => {
+    setShowBuy(false);
+    redirectTo(PageUrl.CertificationManage);
+  }, []);
+
+  const handlePublishJob = useCallback(async () => {
+    try {
+      Taro.showLoading();
+      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();
+    }
+  }, [cachedJobId]);
+
   const handleSubmit = useCallback(async () => {
     reportEvent(ReportEventId.CLICK_CERTIFICATION_SUBMIT);
     const data: ICertificationRequest = {
@@ -157,7 +191,14 @@ export default function Certification() {
         return;
       }
       dispatchUpdateUser({ bossAuthStatus: CertificationStatusType.Success });
-      redirectTo(PageUrl.CertificationManage);
+
+      const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
+      if (time <= 0) {
+        setShowBuy(true);
+        Taro.hideLoading();
+      } else {
+        await handlePublishJob();
+      }
     } catch (e) {
       console.error('submit error', e);
       Toast.error('认证失败请重试');
@@ -173,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('获取手机号失败');
       }
@@ -262,6 +304,11 @@ export default function Certification() {
       <div>
         <LoadingDialog open={open} text="认证中" />
       </div>
+      <Dialog open={showBuy} onClose={handleCloseBuy}>
+        <Dialog.Content>
+          <CompanyPublishJobBuy onNext={handlePublishJob} />
+        </Dialog.Content>
+      </Dialog>
     </div>
   );
 }

src/pages/give-vip/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '赠送会员',
+});

src/pages/give-vip/index.less

@@ -0,0 +1,130 @@
+@import '@/styles/variables.less';
+@import '@/styles/common.less';
+
+.give-vip {
+  padding: 40px 24px 200px 24px;
+  &__hint {
+    font-size: 28px;
+    line-height: 48px;
+    color: @blColorG2;
+    gap: 12px;
+    .flex-row();
+    justify-content: center;
+  }
+  &__icon {
+    width: 65px;
+    height: 65px;
+  }
+  &__title {
+    margin-top: 24px;
+    font-weight: 500;
+    font-size: 40px;
+    line-height: 48px;
+    color: @blColor;
+    text-align: center;
+    flex: 0 1 auto;
+    gap: 12px;
+    .flex-row();
+    justify-content: center;
+    .highlight {
+      margin-left: -12px;
+      display: inline-block;
+      color: @blHighlightColor;
+    }
+  }
+  &__bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+  }
+  &__info {
+    &-block {
+      margin-top: 48px;
+    }
+    &-title {
+      font-weight: 500;
+      font-size: 32px;
+      line-height: 32px;
+      color: #1d2129;
+      margin-bottom: 24px;
+    }
+    &-card {
+      box-sizing: border-box;
+      background: #ffffff;
+      border-radius: 24px;
+      padding: 32px;
+    }
+    &-body {
+      font-weight: 400;
+      font-size: 28px;
+      line-height: 40px;
+      color: #333333;
+      margin-bottom: 32px;
+    }
+    &-img {
+      width: 100%;
+      height: 614px;
+    }
+  }
+  &__footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding: 12px 32px;
+    box-shadow: 0px -4px 20px 0px #00000014;
+    box-sizing: border-box;
+    background: #ffffff;
+  }
+
+  &__footer-body {
+    .flex-row();
+    justify-content: center;
+  }
+  &__button {
+    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
+    width: 400px;
+  }
+  &__coupon {
+    &-info {
+      position: relative;
+      margin-top: 32px;
+      padding: 24px;
+      box-sizing: border-box;
+      border-radius: 24px;
+
+      .flex-column();
+      justify-content: center;
+    }
+
+    &-title {
+      font-weight: 500;
+      font-size: 32px;
+      line-height: 48px;
+      color: @blHighlightColor;
+      margin-bottom: 8px;
+    }
+    &-intro {
+      font-size: 28px;
+      line-height: 40px;
+      margin-bottom: 12px;
+      color: @blColor;
+      gap: 4px;
+      .flex-row();
+      .highlight {
+        font-weight: 600;
+        font-size: 32px;
+        line-height: 56px;
+        color: @blHighlightColor;
+      }
+    }
+    &-valid {
+      font-size: 28px;
+      line-height: 40px;
+
+      color: @blColorG2;
+    }
+  }
+}

src/pages/give-vip/index.tsx

@@ -0,0 +1,103 @@
+import { Image, Button } from '@tarojs/components';
+import { useLoad } from '@tarojs/taro';
+
+import { Fragment, useCallback, useState } from 'react';
+
+import SafeBottomPadding from '@/components/safe-bottom-padding';
+import { PageUrl } from '@/constants/app';
+import { logWithPrefix } from '@/utils/common';
+import { claimMembershipCoupon, getCouponCodeFromQuery } from '@/utils/coupon';
+import { getPageQuery, switchTab } from '@/utils/route';
+import { formatTime } from '@/utils/time';
+import './index.less';
+
+const PREFIX = 'give-vip';
+const log = logWithPrefix(PREFIX);
+
+enum State {
+  PENDING,
+  SUCCESS,
+  FAILED,
+}
+export default function GiveVip() {
+  const [state, setState] = useState<State>(State.PENDING);
+  const [expireAt, setExpireAt] = useState('');
+  const [usedBefore, setUsedBefore] = useState(false);
+  const handleNavigate = useCallback(() => {
+    switchTab(PageUrl.Job);
+  }, []);
+
+  useLoad(() => {
+    const query = getPageQuery<{ d: string }>();
+    const code = getCouponCodeFromQuery(query);
+    claimMembershipCoupon(code!)
+      .then(res => {
+        setUsedBefore(res.usedBefore);
+        setExpireAt(res.usageExpireAt);
+        setState(Date.now() > new Date(res.usageExpireAt).getTime() ? State.FAILED : State.SUCCESS);
+      })
+      .catch(err => {
+        console.error(err);
+        setState(State.FAILED);
+      });
+  });
+
+  return (
+    <div className={PREFIX}>
+      {state === State.SUCCESS && (
+        <Fragment>
+          <div className={`${PREFIX}__title`}>
+            <Image src="https://publiccdn.neighbourhood.com.cn/img/partner-yes.svg" className={`${PREFIX}__icon`} />
+            <div>{usedBefore ? '宝子，你已经领过了，下周再来' : '宝子，播络会员领取成功'}</div>
+          </div>
+          <div className={`${PREFIX}__coupon-info`}>
+            <Image src="https://publiccdn.neighbourhood.com.cn/img/parnet-share-bg.png" className={`${PREFIX}__bg`} />
+            <div className={`${PREFIX}__coupon-title`}>播络日会员</div>
+            <div className={`${PREFIX}__coupon-intro`}>
+              会员有效期内可增加<div className="highlight">10次</div>报单机会
+            </div>
+            <div className={`${PREFIX}__coupon-valid`}>
+              有效期至：{formatTime(expireAt, 'YYYY/MM/DD HH:mm:ss', false)}
+            </div>
+          </div>
+        </Fragment>
+      )}
+      {state === State.FAILED && (
+        <Fragment>
+          <div className={`${PREFIX}__hint`}>
+            <Image
+              src="https://publiccdn.neighbourhood.com.cn/img/link-invalid.svg"
+              mode="aspectFit"
+              className={`${PREFIX}__icon`}
+            />
+            <div className={`${PREFIX}__hint-title`}>宝子，链接已失效</div>
+          </div>
+          <div className={`${PREFIX}__title`}>
+            请联系分享人<div className="highlight">再次分享</div>
+          </div>
+        </Fragment>
+      )}
+      <div className={`${PREFIX}__info-block`}>
+        <div className={`${PREFIX}__info-title`}>播络简介</div>
+        <div className={`${PREFIX}__info-card`}>
+          <div className={`${PREFIX}__info-body`}>
+            播络通告整理汇集了本地每日新增带货主播通告，方便大家及时找到高薪工作
+          </div>
+          <Image
+            className={`${PREFIX}__info-img`}
+            src="https://publiccdn.neighbourhood.com.cn/img/partner-share-coupon-img.png"
+            mode="heightFix"
+          />
+        </div>
+      </div>
+      <div className={`${PREFIX}__footer`}>
+        <div className={`${PREFIX}__footer-body`}>
+          <Button className={`${PREFIX}__button`} onClick={handleNavigate}>
+            立即使用
+          </Button>
+        </div>
+        <SafeBottomPadding />
+      </div>
+    </div>
+  );
+}

src/pages/job-detail/index.tsx

@@ -1,7 +1,8 @@
-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, useRef, useState } from 'react';
+import { Dialog } from '@taroify/core';
+import React, { useCallback, useEffect, useState } from 'react';
 
 import { CertificationStatusIcon } from '@/components/certification-status';
 import CommonDialog from '@/components/common-dialog';
@@ -9,28 +10,33 @@ import DevDiv from '@/components/dev-div';
 import JobRecommendList from '@/components/job-recommend-list';
 import { JoinGroupHint } from '@/components/join-group-hint';
 import LoginButton from '@/components/login-button';
-import MaterialGuide from '@/components/material-guide';
 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 CompanyPublishJobBuy from '@/components/product-dialog/steps-ui/company-publish-job-buy';
+import { EventName, PageUrl, RoleType } from '@/constants/app';
 import { CertificationStatusType } from '@/constants/company';
 import { CollectEventName, ReportEventId } from '@/constants/event';
-import { EMPLOY_TYPE_TITLE_MAP } from '@/constants/job';
+import { EMPLOY_TYPE_TITLE_MAP, GET_CONTACT_TYPE, JobManageStatus } from '@/constants/job';
+import { ProductType } from '@/constants/product';
 import useInviteCode from '@/hooks/use-invite-code';
 import useUserInfo from '@/hooks/use-user-info';
 import useRoleType from '@/hooks/user-role-type';
 import { RESPONSE_ERROR_CODE } from '@/http/constant';
 import { HttpError } from '@/http/error';
+import store from '@/store';
+import { cacheJobId } from '@/store/actions';
 import { JobDetails } from '@/types/job';
 import { IMaterialMessage } from '@/types/message';
 import { switchRoleType } from '@/utils/app';
 import { copy, logWithPrefix } from '@/utils/common';
 import { collectEvent, reportEvent } from '@/utils/event';
-import { getJobTitle, getJobSalary, postPublishJob, requestJobDetail } from '@/utils/job';
+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';
 import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
+import { requestProductBalance, requestProductUseRecord } from '@/utils/product';
 import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
 import { getCommonShareMessage } from '@/utils/share';
 import { formatDate } from '@/utils/time';
@@ -76,9 +82,18 @@ const AnchorFooter = (props: { data: JobDetails }) => {
     reportEvent(ReportEventId.CLICK_JOB_CONTACT);
     try {
       const needCreateMaterial = await isNeedCreateMaterial();
-      if (needCreateMaterial) {
+
-        setShowMaterialGuide(true);
+      if (data.sourcePlat !== 'bl') {
-        return;
+        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;
+            }
+          }
+        }
       }
       if (data.isAuthed) {
         const toUserId = data.userId;
@@ -86,19 +101,29 @@ const AnchorFooter = (props: { data: JobDetails }) => {
           Toast.error('不能与自己聊天');
           return;
         }
-        const profile = await requestProfileDetail();
         const chat = await postCreateChat(toUserId);
-        const materialMessage: IMaterialMessage = {
+        let materialMessage: null | IMaterialMessage = null;
-          id: profile.id,
+        if (!needCreateMaterial) {
-          name: profile.name,
+          const profile = await requestProfileDetail();
-          age: profile.age,
+          if (profile) {
-          height: profile.height,
+            materialMessage = {
-          weight: profile.weight,
+              id: profile.id,
-          shoeSize: profile.shoeSize,
+              name: profile.name,
-          gender: profile.gender,
+              age: profile.age,
-          workedSecCategoryStr: profile.workedSecCategoryStr,
+              height: profile.height,
-        };
+              weight: profile.weight,
-        navigateTo(PageUrl.MessageChat, { chatId: chat.chatId, material: materialMessage, jobId: data.id });
+              shoeSize: profile.shoeSize,
+              gender: profile.gender,
+              workedSecCategoryStr: profile.workedSecCategoryStr,
+            };
+          }
+        }
+        navigateTo(PageUrl.MessageChat, {
+          chatId: chat.chatId,
+          initText: !materialMessage,
+          material: materialMessage,
+          jobId: data.id,
+        });
       } else {
         setDialogVisible(true);
       }
@@ -113,7 +138,15 @@ const AnchorFooter = (props: { data: JobDetails }) => {
     }
   }, [data]);
 
-  const handleDialogHidden = useCallback(() => setDialogVisible(false), []);
+  const handleDialogHidden = useCallback(() => {
+    setDialogVisible(false);
+  }, []);
+  const handleConfirmPrejob = useCallback((type: GET_CONTACT_TYPE) => {
+    setShowMaterialGuide(false);
+    if (GET_CONTACT_TYPE.VIP === type) {
+      setDialogVisible(true);
+    }
+  }, []);
   return (
     <>
       <div className={`${PREFIX}__footer`}>
@@ -126,7 +159,9 @@ const AnchorFooter = (props: { data: JobDetails }) => {
       </div>
       <div>
         {dialogVisible && <ProductJobDialog data={data} onClose={handleDialogHidden} />}
-        {showMaterialGuide && <MaterialGuide onClose={() => setShowMaterialGuide(false)} />}
+        {showMaterialGuide && (
+          <PrejobPopup onCancel={() => setShowMaterialGuide(false)} onConfirm={handleConfirmPrejob} />
+        )}
         <CommonDialog
           content={errorTips}
           confirm="确定"
@@ -141,25 +176,39 @@ const AnchorFooter = (props: { data: JobDetails }) => {
 
 const CompanyFooter = (props: { data: JobDetails }) => {
   const { data } = props;
+  const [showBuy, setShowBuy] = useState(false);
+  const userInfo = useUserInfo();
 
   const handleClickEdit = useCallback(() => navigateTo(PageUrl.JobPublish, { jobId: data.id }), [data]);
 
   const handlePublishJob = useCallback(async () => {
     try {
+      if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
+        store.dispatch(cacheJobId(data.id));
+        navigateTo(PageUrl.CertificationStart);
+        return;
+      }
       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_FREE_BALANCE) {
+        setShowBuy(true);
+      } else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
+        Toast.info('您购买的产品已耗尽使用次数');
+        setShowBuy(true);
+      } else if (errorCode === RESPONSE_ERROR_CODE.BOSS_VIP_EXPIRED) {
         Toast.info('该通告已到期，请创建新通告', 3000);
       } else {
-        Toast.error(e.message || '发布失败请重试', 3000);
+        Toast.error(errorMsg || '发布失败请重试', 3000);
       }
       console.error(e);
     }
@@ -171,10 +220,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>
     </>
   );
 };
@@ -183,7 +241,6 @@ export default function JobDetail() {
   const roleType = useRoleType();
   const userInfo = useUserInfo();
   const [data, setData] = useState<JobDetails | null>(null);
-  const videoRef = useRef<Taro.RewardedVideoAd | null>(null);
   const isOwner = roleType === RoleType.Company && userInfo.userId === data?.userId;
   const inviteCode = useInviteCode();
 
@@ -220,65 +277,18 @@ export default function JobDetail() {
     };
   }, []);
 
-  useEffect(() => {
-    const handleLoad = () => {
-      log('视频奖励加载成功');
-    };
-    const handleError = err => {
-      Taro.eventCenter.trigger(EventName.PRE_ACTION_VIDEO_ERROR);
-      log('视频奖励加载失败', err);
-    };
-    const handleClose = res => {
-      if (res.isEnded) {
-        Taro.eventCenter.trigger(EventName.PRE_ACTION_VIDEO_SUCCESS);
-      } else {
-        Toast.info('请完整观看广告以获得奖励');
-      }
-    };
-    const handleShowVideo = async () => {
-      if (videoRef.current) {
-        try {
-          await videoRef.current.show();
-        } catch (error) {
-          Taro.eventCenter.trigger(EventName.PRE_ACTION_VIDEO_ERROR);
-          Toast.info('广告奖励加载失败，请重试');
-          log('激励视频显示失败');
-        }
-      } else {
-        Taro.eventCenter.trigger(EventName.PRE_ACTION_VIDEO_ERROR);
-        Toast.info('广告奖励加载失败，请重试');
-        log('激励视频加载&显示失败');
-      }
-    };
-    videoRef.current = Taro.createRewardedVideoAd({
-      adUnitId: 'adunit-ca879f574edfeb33',
-    });
-    videoRef.current.onLoad(handleLoad);
-    videoRef.current.onClose(handleClose);
-    videoRef.current.onError(handleError);
-
-    videoRef.current.load();
-    Taro.eventCenter.on(EventName.SHOW_VIDEO_REWARD, handleShowVideo);
-
-    return () => {
-      if (videoRef.current) {
-        videoRef.current.offLoad(handleLoad);
-        videoRef.current.offError(handleError);
-        videoRef.current.offClose(handleClose);
-      }
-      Taro.eventCenter.off(EventName.SHOW_VIDEO_REWARD);
-    };
-  }, []);
-
   useLoad(async () => {
-    switchRoleType(RoleType.Anchor);
+    const query = getPageQuery<Pick<JobDetails, 'id'> & { c: string; share: string }>();
 
-    const query = getPageQuery<Pick<JobDetails, 'id'> & { c: string }>();
+    if (query?.share === 'true') {
+      switchRoleType(RoleType.Anchor);
+    }
     getInviteCodeFromQueryAndUpdate(query);
     const jobId = query?.id;
     if (!jobId) {
       return;
     }
+    Taro.eventCenter.trigger(EventName.VIEW_JOB_SUCCESS, jobId);
     try {
       const res = await requestJobDetail(jobId);
       setData(res);

src/pages/job-publish/index.tsx

@@ -1,8 +1,9 @@
 import { BaseEventOrig, Button, InputProps } from '@tarojs/components';
 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';
@@ -12,15 +13,30 @@ import BlFormSelect from '@/components/bl-form-select';
 import BlSalaryInput, { BlSalaryValue } from '@/components/bl-salary-input';
 import { CityPickerPopup } from '@/components/city-picker';
 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, PageUrl } from '@/constants/app';
+import { CertificationStatusType } from '@/constants/company';
 import { CollectEventName } from '@/constants/event';
 import { EMPLOY_TYPE_TITLE_MAP, EmployType, JOB_TYPE_SELECT_OPTIONS, JobType } from '@/constants/job';
+import { ProductType } from '@/constants/product';
+import useUserInfo from '@/hooks/use-user-info';
+import store from '@/store';
+import { cacheJobId } from '@/store/actions';
 import { CreateJobInfo, JobDetails } from '@/types/job';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent } from '@/utils/event';
-import { postCloseJob, postCreateJob, postUpdateJob, requestJobDetail, isFullTimePriceRequired, isPartTimePriceRequired } from '@/utils/job';
+import {
+  postCloseJob,
+  postCreateJob,
+  postUpdateJob,
+  requestJobDetail,
+  isFullTimePriceRequired,
+  isPartTimePriceRequired,
+  postPublishJob,
+} from '@/utils/job';
 import { getCityValues } from '@/utils/location';
+import { requestProductBalance } from '@/utils/product';
 import { getPageQuery, navigateBack, navigateTo } from '@/utils/route';
 import Toast from '@/utils/toast';
 
@@ -91,6 +107,9 @@ export default function JobPublish() {
   const [city, setCity] = useState<string[] | undefined>();
   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) => {
     setEmployType(value);
@@ -125,6 +144,13 @@ export default function JobPublish() {
     setAddress(value);
   }, []);
 
+  const refreshJobPublishList = useCallback(() => {
+    Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
+    setTimeout(() => {
+      Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
+    }, 300);
+  }, []);
+
   const handleClose = useCallback(async () => {
     if (!job) {
       Toast.error('数据出错请重试');
@@ -133,7 +159,7 @@ export default function JobPublish() {
     try {
       Taro.showLoading();
       await postCloseJob(job.id);
-      Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
+      refreshJobPublishList();
       navigateBack();
     } catch (e) {
       console.error('submit error', e);
@@ -142,9 +168,9 @@ export default function JobPublish() {
     } finally {
       Taro.hideLoading();
     }
-  }, [job]);
+  }, [job, refreshJobPublishList]);
 
-  const handleSubmit = useCallback(async () => {
+  const getCreateJobInfo = useCallback((): [CreateJobInfo, string[]] => {
     const cityCodes = city || [];
     const data: CreateJobInfo = {
       title,
@@ -160,6 +186,11 @@ export default function JobPublish() {
       highPriceForPartyTime: !isPartTimePriceRequired(employType) ? 0 : salary[3],
       address: address,
     };
+    return [data, cityCodes];
+  }, [address, category, city, describe, employType, salary, title]);
+
+  const handleSubmit = useCallback(async () => {
+    const [data, cityCodes] = getCreateJobInfo();
     const errMsg = isInvalidCreateJobInfo(data);
     if (errMsg) {
       Toast.info(errMsg);
@@ -178,10 +209,48 @@ export default function JobPublish() {
         await postUpdateJob(data);
         Taro.eventCenter.trigger(EventName.JOB_UPDATE, job!.id);
       } else {
-        await postCreateJob(data);
+        const jobId = await postCreateJob(data);
+        createdJobIdRef.current = jobId;
+        refreshJobPublishList();
+
+        if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
+          // 去认证
+          store.dispatch(cacheJobId(jobId));
+          navigateTo(PageUrl.CertificationStart);
+          Taro.hideLoading();
+          return;
+        }
+
+        const [time] = await requestProductBalance(ProductType.CompanyPublishJob);
+        if (time <= 0) {
+          // 付钱
+          setShowBuy(true);
+          Taro.hideLoading();
+          return;
+        }
+
+        await postPublishJob(jobId);
       }
-      Taro.eventCenter.trigger(EventName.COMPANY_JOB_PUBLISH_CHANGED);
+      refreshJobPublishList();
-      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);
+    } finally {
+      Taro.hideLoading();
+    }
+  }, [getCreateJobInfo, isUpdate, job, userInfo.bossAuthStatus, refreshJobPublishList]);
+
+  const handleNext = useCallback(async () => {
+    Taro.showLoading();
+    try {
+      await postPublishJob(createdJobIdRef.current);
+      refreshJobPublishList();
+      await Toast.success('发布成功', 1500, true);
       navigateBack();
     } catch (e) {
       console.error('submit error', e);
@@ -190,7 +259,12 @@ export default function JobPublish() {
     } finally {
       Taro.hideLoading();
     }
-  }, [isUpdate, job, title, employType, category, describe, city, salary, address]);
+  }, [refreshJobPublishList]);
+
+  const handleClosePublishJob = useCallback(() => {
+    setShowBuy(false);
+    navigateBack(-1);
+  }, []);
 
   useEffect(() => {
     const callback = (d: string) => setDescribe(d);
@@ -283,7 +357,7 @@ export default function JobPublish() {
         <div className={`${PREFIX}__footer__buttons`}>
           {!isUpdate && (
             <Button className={`${PREFIX}__footer__button`} onClick={handleSubmit}>
-              创建
+              创建并发布
             </Button>
           )}
           {isUpdate && (
@@ -306,6 +380,11 @@ export default function JobPublish() {
           onConfirm={handleConfirmCityPicker}
           onCancel={() => setShowCityPicker(false)}
         />
+        <Dialog open={showBuy} onClose={handleClosePublishJob}>
+          <Dialog.Content>
+            <CompanyPublishJobBuy onNext={handleNext} />
+          </Dialog.Content>
+        </Dialog>
       </div>
     </div>
   );

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}

src/pages/job-select-my-publish/index.less

@@ -56,7 +56,27 @@
     &__icon {
       width: 48px;
       height: 48px;
+    }
+
+    &__block {
       margin-top: 24px;
+      .flex-row();
+      gap: 16px;
+    }
+
+    &__status {
+      font-size: 28px;
+      line-height: 32px;
+      font-weight: 400;
+      color: @blColorG1;
+
+      &.open {
+        color: @blHighlightColor;
+      }
+
+      &.error {
+        color: #FF5051;
+      }
     }
   }
-}
+}

src/pages/job-select-my-publish/index.tsx

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 import { useCallback, useState } from 'react';
 
 import { EventName, OpenSource } from '@/constants/app';
-import { JobManageStatus } from '@/constants/job';
+import { JOB_MANAGE_STATUS_TITLE_MAP, JobManageStatus } from '@/constants/job';
 import { JobManageInfo } from '@/types/job';
 import { getJobLocation, requestJobManageList } from '@/utils/job';
 import { getPageQuery, navigateBack } from '@/utils/route';
@@ -16,7 +16,14 @@ import Toast from '@/utils/toast';
 import './index.less';
 
 const PREFIX = 'page-job-select-my-publish';
-
+const STATUS_CLASS_MAP = {
+  [JobManageStatus.WaitVerify]: 'pending',
+  [JobManageStatus.Open]: 'open',
+  [JobManageStatus.Pending]: 'pending',
+  [JobManageStatus.Error]: 'error',
+  [JobManageStatus.Close]: 'close',
+  [JobManageStatus.Expire]: 'close',
+};
 export default function JobSelectMyPublish() {
   const [list, setList] = useState<JobManageInfo[]>([]);
   const [jobId, setJobId] = useState<string | null>('1');
@@ -34,7 +41,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) {
@@ -58,13 +65,18 @@ export default function JobSelectMyPublish() {
             </div>
             <div className={`${PREFIX}__right`}>
               <div className={`${PREFIX}__right__time`}>{formatTime(item.updated)}</div>
-              {item.id === jobId && (
+              <div className={`${PREFIX}__right__block`}>
-                <Image
+                <div className={classNames(`${PREFIX}__right__status`, { [STATUS_CLASS_MAP[item.status]]: true })}>
-                  mode="aspectFit"
+                  {JOB_MANAGE_STATUS_TITLE_MAP[item.status]}
-                  className={`${PREFIX}__right__icon`}
+                </div>
-                  src={require('@/statics/svg/success.svg')}
+                {item.id === jobId && (
-                />
+                  <Image
-              )}
+                    mode="aspectFit"
+                    className={`${PREFIX}__right__icon`}
+                    src={require('@/statics/svg/success.svg')}
+                  />
+                )}
+              </div>
             </div>
           </div>
         ))}

src/pages/job/index.tsx

@@ -3,11 +3,11 @@ import Taro, { useDidShow, useLoad, useShareAppMessage } from '@tarojs/taro';
 import { Tabs } from '@taroify/core';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
+import { AgreementPopup } from '@/components/agreement-popup';
 import HomePage from '@/components/home-page';
-import { LoginGuide } from '@/components/login-guide';
 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';
@@ -21,8 +21,7 @@ import { getInviteCodeFromQueryAndUpdate } from '@/utils/partner';
 import { getJumpUrl, getPageQuery, navigateTo } from '@/utils/route';
 import { getCommonShareMessage } from '@/utils/share';
 import Toast from '@/utils/toast';
-import { isNeedCreateMaterial } from '@/utils/user';
+import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
-
 import './index.less';
 
 const PREFIX = 'job';
@@ -32,17 +31,28 @@ 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 [sortType, setSortType] = useState<SortType>(SortType.RECOMMEND);
+  const [employType, setEmployType] = useState<EmployType>(EmployType.All);
+  const [sortType, setSortType] = useState<SortType>(SortType.CREATE_TIME);
   const [cityCode, setCityCode] = useState<string>(location.cityCode);
   const [coordinate, setCoordinate] = useState<Coordinate>({
     latitude: location.latitude,
     longitude: location.longitude,
   });
   const [showMaterialGuide, setShowMaterialGuide] = useState(false);
-  const [showAuthorize, setShowAuthorize] = useState(false);
   const cityValuesChangedRef = useRef(false);
+  const [openAgreementPopup, setAgreementPopupOpen] = useState(typeof getAgreementSigned() !== 'boolean');
 
+  const getLocation = async () => {
+    if (await isNotNeedAuthorizeLocation()) {
+      log('not need authorize location');
+      requestLocation();
+    } else {
+      log('show authorize location dialog');
+      // setShowAuthorize(true);
+      requestLocation(true);
+    }
+  };
   const handleTypeChange = useCallback(value => setTabType(value), []);
 
   const handleClickCity = useCallback(
@@ -50,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)) {
@@ -76,12 +90,19 @@ export default function Job() {
     setCityCode(code);
   }, []);
 
-  const handleAfterBindPhone = useCallback(async () => {
+  const handleCancelAgreementPopup = () => {
-    if (await isNeedCreateMaterial()) {
+    setAgreementPopupOpen(false);
-      setShowMaterialGuide(true);
+    setAgreementSigned(false);
-    }
-  }, []);
 
+    getLocation();
+  };
+
+  const handleConfirmAgreementPopup = () => {
+    setAgreementPopupOpen(false);
+    setAgreementSigned(true);
+
+    getLocation();
+  };
   useEffect(() => {
     Taro.eventCenter.on(EventName.SELECT_CITY, handleCityChange);
     return () => {
@@ -104,13 +125,8 @@ export default function Job() {
       setSortType(type);
     }
     getInviteCodeFromQueryAndUpdate(query);
-    if (await isNotNeedAuthorizeLocation()) {
+    if (!openAgreementPopup) {
-      log('not need authorize location');
+      getLocation();
-      requestLocation();
-    } else {
-      log('show authorize location dialog');
-      setShowAuthorize(true);
-      requestLocation(true);
     }
   });
 
@@ -140,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}
             />
@@ -149,8 +167,12 @@ export default function Job() {
         ))}
       </Tabs>
       <div>
-        <LoginGuide disabled={showAuthorize} onAfterBind={handleAfterBindPhone} />
         {showMaterialGuide && <MaterialGuide onClose={() => setShowMaterialGuide(false)} />}
+        <AgreementPopup
+          open={openAgreementPopup}
+          onCancel={handleCancelAgreementPopup}
+          onConfirm={handleConfirmAgreementPopup}
+        />
       </div>
     </HomePage>
   );

src/pages/material-create-profile/index.tsx

@@ -15,7 +15,7 @@ import useLocation from '@/hooks/use-location';
 import { MaterialProfile } from '@/types/material';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent } from '@/utils/event';
-import { isFullTimePriceRequired, isPartTimePriceRequired, setSkipPrejobAction } from '@/utils/job';
+import { isFullTimePriceRequired, isPartTimePriceRequired } from '@/utils/job';
 import { updateProfile, subscribeMaterialMessage } from '@/utils/material';
 import { navigateBack } from '@/utils/route';
 import Toast from '@/utils/toast';
@@ -110,7 +110,6 @@ export default function MaterialCreateProfile() {
         // 发起订阅不能在异步任务中，保证是第一个
         await Promise.all([subscribeMaterialMessage(), updateProfile(data)]);
       }
-      setSkipPrejobAction();
       Taro.eventCenter.trigger(EventName.CREATE_PROFILE);
       nextType ? setGroupType(nextType) : navigateBack(2);
     } catch (e) {

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

src/pages/material-view/index.tsx

@@ -1,25 +1,32 @@
 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 { CertificationStatusType } from '@/constants/company';
 import { CollectEventName } from '@/constants/event';
+import { JobManageStatus } from '@/constants/job';
 import { MaterialViewSource } from '@/constants/material';
 import ProfileViewFragment from '@/fragments/profile/view';
 import useInviteCode from '@/hooks/use-invite-code';
+import useUserInfo from '@/hooks/use-user-info';
 import { RESPONSE_ERROR_CODE } from '@/http/constant';
 import { HttpError } from '@/http/error';
+import store from '@/store';
+import { cacheJobId } from '@/store/actions';
 import { JobManageInfo } from '@/types/job';
 import { MaterialProfile } from '@/types/material';
 import { IJobMessage } from '@/types/message';
 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 +74,17 @@ 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 userInfo = useUserInfo();
 
   const onDev = useCallback(async () => profile && copy(profile.userId), [profile]);
 
   const handleClickContact = useCallback(async () => {
+    setShowBuy(false);
     if (!profile) {
       return;
     }
@@ -87,6 +96,16 @@ export default function MaterialViewPage() {
           return;
         }
         const jobDetail = await requestJobDetail(jobId);
+        if (jobDetail.status !== JobManageStatus.Open) {
+          if (userInfo.bossAuthStatus !== CertificationStatusType.Success) {
+            store.dispatch(cacheJobId(jobId));
+            navigateTo(PageUrl.CertificationStart);
+            return;
+          }
+
+          setShowBuy(true);
+          return;
+        }
         const chat = await postCreateChat(toUserId);
         const jobMessage: IJobMessage = {
           id: jobDetail.id,
@@ -116,7 +135,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 +155,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 +185,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) {
+      if (errorCode === RESPONSE_ERROR_CODE.NO_PUBLISHED_JOB) {
-        setCertificationDialogVisible(true);
-      } else if (errorCode === RESPONSE_ERROR_CODE.NO_PUBLISHED_JOB) {
         setPublishDialogVisible(true);
       } else if (errorCode === RESPONSE_ERROR_CODE.INSUFFICIENT_BALANCE) {
         setNoTimeDialogVisible(true);
@@ -179,7 +200,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 +208,6 @@ export default function MaterialViewPage() {
     return (
       <>
         <PageLoading />
-        <CommonDialog
-          content="要查看主播详情，请先完成实人认证"
-          confirm="去认证"
-          visible={certificationDialogVisible}
-          onClose={() => setCertificationDialogVisible(false)}
-          onClick={handleClickGoCertification}
-        />
         <CommonDialog
           content="请先发布一个认证通告"
           confirm="去发布"
@@ -260,6 +274,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>
   );

src/pages/message-chat/index.tsx

@@ -72,6 +72,7 @@ interface ILoadProps {
   chatId: string;
   jobId?: string;
   job?: string;
+  initText?: boolean;
   material?: string;
 }
 
@@ -90,6 +91,7 @@ export default function MessageChat() {
   const [input, setInput] = useState('');
   const [showMore, setShowMore] = useState(false);
   const [chat, setChat] = useState<IChatInfo | null>(null);
+  const [initText, setInitText] = useState('');
   const [reject, setReject] = useState<boolean>(false);
   const [receiver, setReceiver] = useState<IChatUser | null>(null);
   const [messages, setMessages] = useState<IChatMessage[]>([]);
@@ -100,7 +102,7 @@ export default function MessageChat() {
   const [material, setMaterial] = useState<IMaterialMessage>();
   const [scrollItemId, setScrollItemId] = useState<string>();
   const scrollToLowerRef = useRef(false);
-  const autoSendRef = useRef({ sendJob: false, sendMaterial: false });
+  const autoSendRef = useRef({ sendJob: false, sendMaterial: false, sendText: false });
   const loadMoreRef = useRef(async (chatId: string, currentMessages: IChatMessage[], forceScroll?: boolean) => {
     try {
       const lastMsgId = last(currentMessages)?.msgId;
@@ -167,6 +169,9 @@ export default function MessageChat() {
         ) {
           tips = '今日申请交换联系方式次数已用完，当前每日限制为5次';
           duration = 3000;
+        } else if (errorCode === RESPONSE_ERROR_CODE.CHAT_MSG_SEND_NOT_ALLOW) {
+          tips = '账号已在另一台设备上切换身份，本条消息未发送成功，请在本设备重新切换身份后，再发送消息';
+          duration = 5000;
         }
         tips.length > 7 ? Toast.info(tips, duration) : Toast.error(tips, duration);
       }
@@ -275,7 +280,11 @@ export default function MessageChat() {
     }
     job && handleSendJobMessage();
     material && handleSendMaterialMessage();
-  }, [chat, job, material, handleSendJobMessage, handleSendMaterialMessage]);
+    if (initText && !autoSendRef.current.sendText) {
+      autoSendRef.current.sendText = true;
+      handleSendMessage({ type: MessageType.Text, content: '你好，想了解下这个岗位' });
+    }
+  }, [chat, job, material, handleSendJobMessage, handleSendMaterialMessage, initText, handleSendMessage]);
 
   useLoad(async () => {
     const query = getPageQuery<ILoadProps>();
@@ -306,6 +315,9 @@ export default function MessageChat() {
       setScrollItemId(getScrollItemId(last(chatDetail.messages)?.msgId));
       parseJob && setJob(parseJob);
       parseMaterial && setMaterial(parseMaterial);
+      if (!parseMaterial && query.initText && watchType === ChatWatchType.AnchorReject) {
+        setInitText('你好，想了解下这个岗位');
+      }
       Taro.setNavigationBarTitle({ title: toUserInfo.nickName });
       setReceiver(toUserInfo);
       setReject(!watchStatus);

src/pages/message/index.tsx

@@ -8,23 +8,22 @@ import HomePage from '@/components/home-page';
 import MessageCard from '@/components/message-card';
 import { MessageHelpDialog, MessageNoTimesDialog } from '@/components/message-dialog';
 import { APP_TAB_BAR_ID, EventName, PageType } from '@/constants/app';
+import { CollectEventName } from '@/constants/event';
 import { REFRESH_CHAT_LIST_TIME } from '@/constants/message';
 import { MessageSubscribeIds, SubscribeTempId } from '@/constants/subscribe';
 import useListHeight, { IUseListHeightProps } from '@/hooks/use-list-height';
 import useRoleType from '@/hooks/user-role-type';
 import { MainMessage } from '@/types/message';
 import { logWithPrefix } from '@/utils/common';
+import { collectEvent } from '@/utils/event';
 import {
   postAddMessageTimes,
   requestMessageList,
   requestRemainPushTime,
   requestUnreadMessageCount,
 } from '@/utils/message';
-
 import { isSubscribeRefused, postSubscribe } from '@/utils/subscribe';
 import './index.less';
-import { collectEvent } from '@/utils/event';
-import { CollectEventName } from '@/constants/event';
 
 const PREFIX = 'page-message';
 const HEADER_CLASS = `${PREFIX}__header`;

src/pages/partner-share/index.config.ts

@@ -1,3 +0,0 @@
-export default definePageConfig({
-  navigationBarTitleText: '分享',
-});

src/pages/partner-share/index.less

@@ -1,57 +0,0 @@
-@import '@/styles/common.less';
-@import '@/styles/variables.less';
-
-page {
-  background: #fff;
-}
-
-.partner-share {
-  padding-top: 175px;
-  &__money {
-    width: 140px;
-    height: 140px;
-    margin-bottom: 35px;
-  }
-  &__header {
-    .flex-column();
-    justify-content: center;
-    font-weight: 500;
-    font-size: 48px;
-    line-height: 48px;
-    color: #333333;
-  }
-
-  &__body {
-    padding-top: 86px;
-    .flex-column();
-  }
-
-  &__item {
-    .flex-row();
-    margin-top: 72px;
-    font-weight: 500;
-    font-size: 32px;
-    line-height: 48px;
-    width: 640px;
-
-    color: #000000;
-    .highlight {
-      color: @blHighlightColor;
-      font-weight: 400;
-      padding-left: 8px;
-      display: inline-block;
-    }
-
-
-  }
-  &__no {
-    width: 74px;
-    height: 46px;
-    margin-right: 21px;
-    vertical-align: middle;
-  }
-  &__btn {
-    .button(@width: 360px; @height: 72px;);
-    margin-top: 150px;
-  }
-}

src/pages/partner-share/index.tsx

@@ -1,61 +0,0 @@
-import { Button, Image } from '@tarojs/components';
-import Taro, { useDidShow, useShareAppMessage } from '@tarojs/taro';
-
-import { EventName } from '@/constants/app';
-import useInviteCode from '@/hooks/use-invite-code';
-import { hasShareToGetContact, setShareToGetContact } from '@/utils/job';
-import { navigateBack } from '@/utils/route';
-import { getCommonShareMessage } from '@/utils/share';
-
-import './index.less';
-
-const PREFIX = 'partner-share';
-
-export default function Partner() {
-  const inviteCode = useInviteCode();
-  useDidShow(() => {
-    if (!hasShareToGetContact()) {
-      Taro.eventCenter.trigger(EventName.PRE_ACTION_SHARE_SUCCESS);
-      navigateBack(-1);
-    }
-  });
-  useShareAppMessage(() => {
-    setShareToGetContact();
-    console.log('Partner inviteCode', inviteCode);
-    return getCommonShareMessage({ useCapture: false, inviteCode });
-  });
-
-  return (
-    <div className={PREFIX}>
-      <div className={`${PREFIX}__header`}>
-        <Image
-          src="https://publiccdn.neighbourhood.com.cn/img/money.png"
-          mode="aspectFit"
-          className={`${PREFIX}__money`}
-        />
-        <div>分享可获3重收益</div>
-      </div>
-      <div className={`${PREFIX}__body`}>
-        <div className={`${PREFIX}__item`}>
-          <Image src="https://publiccdn.neighbourhood.com.cn/img/01.svg" mode="aspectFit" className={`${PREFIX}__no`} />
-          <div>
-            直接获得被邀请人支付金额<div className="highlight">20%</div>
-          </div>
-        </div>
-        <div className={`${PREFIX}__item`}>
-          <Image src="https://publiccdn.neighbourhood.com.cn/img/02.svg" mode="aspectFit" className={`${PREFIX}__no`} />
-          <div>邀请的主播被企业开聊，即可获得分润</div>
-        </div>
-        <div className={`${PREFIX}__item`}>
-          <Image src="https://publiccdn.neighbourhood.com.cn/img/03.svg" mode="aspectFit" className={`${PREFIX}__no`} />
-          <div>
-            获得被邀请人再邀请他人收益的<div className="highlight">5%</div>
-          </div>
-        </div>
-        <Button className={`${PREFIX}__btn`} openType="share">
-          立即分享
-        </Button>
-      </div>
-    </div>
-  );
-}

src/pages/partner/index.tsx

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

src/pages/protocol-webview/index.tsx

@@ -5,5 +5,7 @@ import Toast from '@/utils/toast';
 import './index.less';
 
 export default function ProtocolWebview() {
-  return <WebView src="https://neighbourhood.cn/user-agreement.html" onError={() => Toast.error('加载失败请重试')} />;
+  return (
+    <WebView src="https://neighbourhood.cn/user-agreement.html?t=1" onError={() => Toast.error('加载失败请重试')} />
+  );
 }

src/pages/start/index.tsx

@@ -1,88 +1,94 @@
 import { Image } from '@tarojs/components';
 import { useLoad } from '@tarojs/taro';
 
-import { useState } from 'react';
+// import { useEffect, useState } from 'react';
-
+// import { AgreementPopup } from '@/components/agreement-popup';
-import { AgreementPopup } from '@/components/agreement-popup';
+// import Slogan from '@/components/slogan';
-import Slogan from '@/components/slogan';
+// import { PageUrl, RoleType } from '@/constants/app';
-import { PageUrl, RoleType } from '@/constants/app';
+// import { ANCHOR_TAB_LIST, COMPANY_TAB_LIST } from '@/hooks/use-config';
-import { ANCHOR_TAB_LIST, COMPANY_TAB_LIST } from '@/hooks/use-config';
+// import store from '@/store';
-import store from '@/store';
+// import { changeHomePage } from '@/store/actions';
-import { changeHomePage } from '@/store/actions';
+import { RoleType } from '@/constants/app';
 import { getRoleType, switchDefaultTab, switchRoleType } from '@/utils/app';
-import { switchTab } from '@/utils/route';
+// import { switchTab } from '@/utils/route';
-import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
+// import { getAgreementSigned, setAgreementSigned } from '@/utils/user';
 import './index.less';
 
 const PREFIX = 'page-start';
 
 export default function Start() {
-  const [open, setOpen] = useState(typeof getAgreementSigned() !== 'boolean');
+  // const [open, setOpen] = useState(typeof getAgreementSigned() !== 'boolean');
   const mode = getRoleType();
   useLoad(() => {
-    switchDefaultTab();
+    if (!mode) {
+      switchRoleType(RoleType.Anchor).then(() => {
+        switchDefaultTab();
+      });
+    } else {
+      switchDefaultTab();
+    }
   });
-  const handleAnchor = async () => {
+  // const handleAnchor = async () => {
-    await switchRoleType(RoleType.Anchor);
+  //   await switchRoleType(RoleType.Anchor);
-    store.dispatch(changeHomePage(ANCHOR_TAB_LIST[0].type));
+  //   store.dispatch(changeHomePage(ANCHOR_TAB_LIST[0].type));
-    await switchTab(ANCHOR_TAB_LIST[0].pagePath as PageUrl);
+  //   await switchTab(ANCHOR_TAB_LIST[0].pagePath as PageUrl);
-  };
+  // };
 
-  const handleCompany = async () => {
+  // const handleCompany = async () => {
-    await switchRoleType(RoleType.Company);
+  //   await switchRoleType(RoleType.Company);
-    store.dispatch(changeHomePage(COMPANY_TAB_LIST[0].type));
+  //   store.dispatch(changeHomePage(COMPANY_TAB_LIST[0].type));
-    await switchTab(COMPANY_TAB_LIST[0].pagePath as PageUrl);
+  //   await switchTab(COMPANY_TAB_LIST[0].pagePath as PageUrl);
-  };
+  // };
 
-  const handleCancel = () => {
+  // const handleCancel = () => {
-    setOpen(false);
+  //   setOpen(false);
-    setAgreementSigned(false);
+  //   setAgreementSigned(false);
-  };
+  // };
-
+  //
-  const handleConfirm = () => {
+  // const handleConfirm = () => {
-    setOpen(false);
+  //   setOpen(false);
-    setAgreementSigned(true);
+  //   setAgreementSigned(true);
-  };
+  // };
   return (
-    <div className={`${PREFIX} ${mode ? '' : 'color-bg'}`}>
+    <div className={`${PREFIX}`}>
-      {mode && (
+      {/*{mode && (*/}
-        <div className={`${PREFIX}__app`}>
+      <div className={`${PREFIX}__app`}>
-          <Image className={`${PREFIX}__icon`} mode="aspectFit" src={require('@/statics/svg/slogan.svg')} />
+        <Image className={`${PREFIX}__icon`} mode="aspectFit" src={require('@/statics/svg/slogan.svg')} />
-          <div className={`${PREFIX}__text`}>每天推荐海量高薪通告 </div>
+        <div className={`${PREFIX}__text`}>每天推荐海量高薪通告 </div>
-        </div>
+      </div>
-      )}
+      {/*)}*/}
       {!mode && (
         <>
-          <div className={`${PREFIX}__role-app`}>
+          {/*<div className={`${PREFIX}__role-app`}>*/}
-            <div className={`${PREFIX}__greet`}>Hi，很高兴见到你</div>
+          {/*  <div className={`${PREFIX}__greet`}>Hi，很高兴见到你</div>*/}
-            <div className={`${PREFIX}__title`}>请选择您的身份</div>
+          {/*  <div className={`${PREFIX}__title`}>请选择您的身份</div>*/}
-            <div className={`${PREFIX}__card`} onClick={handleAnchor}>
+          {/*  <div className={`${PREFIX}__card`} onClick={handleAnchor}>*/}
-              <Image
+          {/*    <Image*/}
-                className={`${PREFIX}__avatar anchor`}
+          {/*      className={`${PREFIX}__avatar anchor`}*/}
-                src="https://publiccdn.neighbourhood.com.cn/img/avatar_f.png"
+          {/*      src="https://publiccdn.neighbourhood.com.cn/img/avatar_f.png"*/}
-                mode="aspectFill"
+          {/*      mode="aspectFill"*/}
-              />
+          {/*    />*/}
-              <div className={`${PREFIX}__content`}>
+          {/*    <div className={`${PREFIX}__content`}>*/}
-                <div className="title">我是主播</div>
+          {/*      <div className="title">我是主播</div>*/}
-                <div className="desc">我要找工作</div>
+          {/*      <div className="desc">我要找工作</div>*/}
-              </div>
+          {/*    </div>*/}
-              <Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />
+          {/*    <Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />*/}
-            </div>
+          {/*  </div>*/}
-            <div className={`${PREFIX}__card`} onClick={handleCompany}>
+          {/*  <div className={`${PREFIX}__card`} onClick={handleCompany}>*/}
-              <Image
+          {/*    <Image*/}
-                className={`${PREFIX}__avatar company`}
+          {/*      className={`${PREFIX}__avatar company`}*/}
-                src="https://publiccdn.neighbourhood.com.cn/img/avatar_m.png"
+          {/*      src="https://publiccdn.neighbourhood.com.cn/img/avatar_m.png"*/}
-                mode="aspectFill"
+          {/*      mode="aspectFill"*/}
-              />
+          {/*    />*/}
-              <div className={`${PREFIX}__content`}>
+          {/*    <div className={`${PREFIX}__content`}>*/}
-                <div className="title">我是企业</div>
+          {/*      <div className="title">我是企业</div>*/}
-                <div className="desc">我要招主播</div>
+          {/*      <div className="desc">我要招主播</div>*/}
-              </div>
+          {/*    </div>*/}
-              <Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />
+          {/*    <Image src={require('@/statics/svg/arrow-right.svg')} mode="aspectFill" className={`${PREFIX}__arrow`} />*/}
-            </div>
+          {/*  </div>*/}
-          </div>
+          {/*</div>*/}
-          <Slogan />
+          {/*<Slogan />*/}
-          <AgreementPopup open={open} onCancel={handleCancel} onConfirm={handleConfirm} />
+          {/*<AgreementPopup open={open} onCancel={handleCancel} onConfirm={handleConfirm} />*/}
         </>
       )}
     </div>

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

@@ -21,9 +21,9 @@
       padding-top: var(--tabs-wrap-height);
     }
 
-    .taroify-tabs__nav .taroify-tabs__tab:nth-child(2) .taroify-badge-wrapper {
+    //.taroify-tabs__nav .taroify-tabs__tab:nth-child(2) .taroify-badge-wrapper {
-      left: 18px;
+    //  left: 18px;
-    }
+    //}
   }
 
   &__star {

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

@@ -82,7 +82,7 @@ export default function BizService() {
               <div className={`${PREFIX}__delegate-h5`}>服务说明</div>
               <div className={`${PREFIX}__delegate-card`}>
                 <div className={`${PREFIX}__delegate-body`}>服务方式：帮您把招聘需求发到众多同城合作主播群</div>
-                <div className={`${PREFIX}__delegate-body`}>群发次数：每日1次，连发3天</div>
+                <div className={`${PREFIX}__delegate-body`}>群发次数：杭州、广州发3次，其他城市1次</div>
                 <div className={`${PREFIX}__delegate-body`}>内容要求：仅限带货主播招聘需求，其他不发</div>
                 <div className={`${PREFIX}__delegate-body`}>主播联系：内容中留招聘方联系方式，主播直接联系</div>
               </div>
@@ -106,7 +106,7 @@ export default function BizService() {
             title={
               <>
                 主播群
-                <Image src={require('@/statics/svg/star.svg')} className={`${PREFIX}__star`} />
+                {/*<Image src={require('@/statics/svg/star.svg')} className={`${PREFIX}__star`} />*/}
               </>
             }
           >

src/store/actions/index.ts

@@ -1,3 +1,4 @@
 export * from './app';
 export * from './user';
 export * from './message';
+export * from './job';

src/store/actions/job.ts

@@ -0,0 +1,5 @@
+import { SET_JOB_ID } from '../constants';
+
+export const cacheJobId = (value: string) => ({ type: SET_JOB_ID, value });
+
+export const clearCachedJobId = () => ({ type: SET_JOB_ID, value: null });

src/store/constants.ts

@@ -5,3 +5,4 @@ export const SET_USER_INFO = 'SET_USER_INFO';
 export const SET_BIND_PHONE = 'SET_BIND_PHONE';
 export const SET_USER_MESSAGE = 'SET_USER_MESSAGE';
 export const SET_INVITE_CODE = 'SET_INVITE_CODE';
+export const SET_JOB_ID = 'SET_JOB_ID';

src/store/reducers/index.ts

@@ -1,6 +1,7 @@
 import { combineReducers } from 'redux';
 
 import appState from './app';
+import jobInfo from './job';
 import message from './message';
 import partnerInfo from './partner';
 import userInfo from './user';
@@ -10,4 +11,5 @@ export default combineReducers({
   userInfo,
   message,
   partnerInfo,
+  jobInfo,
 });

src/store/reducers/job.ts

@@ -0,0 +1,15 @@
+import { Action } from 'redux';
+
+import { SET_JOB_ID } from '../constants';
+
+const jobInfo = (state: Partial<string | null> = null, action: Action): Partial<string | null> => {
+  const { type, value } = action as BL.Anything;
+  switch (type) {
+    case SET_JOB_ID:
+      return value;
+    default:
+      return state;
+  }
+};
+
+export default jobInfo;

src/store/selector/job.ts

@@ -0,0 +1,3 @@
+import { IState } from '@/types/store';
+
+export const selectCreatedJob = (state: IState) => state.jobInfo;

src/types/coupon.ts

@@ -0,0 +1,11 @@
+export type ClaimMembershipCouponResponse = {
+  code: string;
+  usedBefore: boolean;
+  usageExpireAt: string;
+};
+
+export type GenerateMembershipCouponResponse = {
+  code: string;
+  linkExpireAt: string;
+  shareUrl: string;
+};

src/types/job.ts

@@ -1,4 +1,4 @@
-import { JobType, EmployType, SortType, UserJobType, JobManageStatus } from '@/constants/job';
+import { JobType, EmployType, SortType, UserJobType, JobManageStatus, JobSourceType } from '@/constants/job';
 import { DeclarationType } from '@/constants/product';
 import type { IPaginationRequest, IPaginationResponse } from '@/types/common';
 import { LocationInfo } from '@/types/location';
@@ -17,6 +17,7 @@ export interface JobInfo {
   distance?: number; // 距离。一期没有
   isAuthed?: boolean; // 是否认证
   companyName?: string;
+  isRead?: boolean;
 }
 
 export interface CreateJobInfo extends Pick<JobInfo, 'title' | 'employType' | 'jobDescription'> {
@@ -49,6 +50,8 @@ export type JobDetails = JobInfo &
     declarationType: DeclarationType; // 报单类型
     userId: string; // 发布人的 userId
     verifyFailReason?: string; // 审核不通过的原因
+    sourcePlat?: string;
+    status: JobManageStatus
   };
 
 export interface JobManageInfo {
@@ -82,6 +85,7 @@ export interface GetJobsRequest extends IPaginationRequest {
   minSalary?: number;
   maxSalary?: number;
   blGroupId?: string; // 播络群 id
+  sourceType?: JobSourceType;
 }
 
 // 获取通告列表响应接口

src/types/material.ts

@@ -101,6 +101,7 @@ export interface IAnchorFilters {
   lowPriceForPartyTime?: number;
   highPriceForPartyTime?: number;
   category?: string;
+  topCategory?: string;
   readType?: AnchorReadType;
 }
 

src/types/product.ts

@@ -13,6 +13,7 @@ export interface ProductInfo {
   balance: number;
   created: number;
   updated: number;
+  isPaidVip?: boolean;
   // 报单类型信息,只有 use 接口返回值才有
   declarationTypeResult?: DeclarationTypeResult;
 }

src/types/store.ts

@@ -10,6 +10,7 @@ export interface IState {
   userInfo: UserInfo;
   message: UserMessage;
   partnerInfo: PartnerInfo;
+  jobInfo: string | null;
 }
 
 export interface AppState {

src/utils/coupon.ts

@@ -0,0 +1,31 @@
+import http from '@/http';
+import { API } from '@/http/api';
+import { ClaimMembershipCouponResponse, GenerateMembershipCouponResponse } from '@/types/coupon';
+
+export const generateMembershipCoupon = async () => {
+  return await http.post<GenerateMembershipCouponResponse>(API.GENERATE_MEMBERSHIP_COUPON);
+};
+export const claimMembershipCoupon = async (code: string) => {
+  return await http.post<ClaimMembershipCouponResponse>(API.CLAIM_MEMBERSHIP_COUPON, {
+    contentType: 'application/x-www-form-urlencoded',
+    data: { code },
+  });
+};
+export const getCouponQrCode = async (code: string) => {
+  return await http.post(API.GET_VIP_QRCODE, {
+    contentType: 'application/x-www-form-urlencoded',
+    responseType: 'arraybuffer',
+    data: { code },
+  });
+};
+export const getCouponCodeFromQuery = (query: Record<string, string>): string | undefined => {
+  if (query) {
+    if (query.scene) {
+      return query.scene.replace('d%3D', '');
+    }
+    if (query.d) {
+      return query.d;
+    }
+  }
+  return undefined;
+};

src/utils/job.ts

@@ -2,7 +2,7 @@ import Taro from '@tarojs/taro';
 
 import { CacheKey } from '@/constants/cache-key';
 import { CollectEventName } from '@/constants/event';
-import { EmployType, JobManageStatus, UserJobType } from '@/constants/job';
+import { EmployType, JobManageStatus, JobSourceType, UserJobType } from '@/constants/job';
 import http from '@/http';
 import { API } from '@/http/api';
 import store from '@/store';
@@ -80,6 +80,7 @@ async function requestMyBrowsedJobList(data: GetUserJobRequest) {
 
 export async function requestJobList(data: GetJobsRequest = {}) {
   const isGetMyJob = data.isOwner || data.isFollow;
+  data.sourceType = data.sourceType === JobSourceType.All ? undefined : data.sourceType;
   const url = isGetMyJob ? API.GET_MY_JOB_LIST_V2 : API.GET_JOB_LIST;
   return await http.post<GetJobsResponse>(url, { data });
 }
@@ -116,8 +117,9 @@ export async function requestHasPublishedJob() {
   return data.jobResults.length > 0;
 }
 
-export function postCreateJob(data: CreateJobInfo) {
+export async function postCreateJob(data: CreateJobInfo): Promise<string> {
-  return http.post(API.CREATE_JOB, { data });
+  const jobId = await http.post(API.CREATE_JOB, { data });
+  return jobId;
 }
 
 export function postUpdateJob(data: CreateJobInfo) {
@@ -131,19 +133,3 @@ export function postPublishJob(jobId: string) {
 export function postCloseJob(jobId: string) {
   return http.post(API.CLOSE_JOB, { data: { jobId }, contentType: 'application/x-www-form-urlencoded' });
 }
-
-export function setSkipPrejobAction(skip = true) {
-  Taro.setStorageSync(CacheKey.SKIP_PREACTION, skip);
-}
-
-export function getSkipPrejobAction() {
-  return !!Taro.getStorageSync(CacheKey.SKIP_PREACTION);
-}
-
-export function setShareToGetContact(job = true) {
-  Taro.setStorageSync(job ? CacheKey.SHARE_TO_GET_JOB_CONTACT : CacheKey.SHARE_TO_GET_ANCHOR_CONTACT, true);
-}
-
-export function hasShareToGetContact(job = true) {
-  return !Taro.getStorageSync(job ? CacheKey.SHARE_TO_GET_JOB_CONTACT : CacheKey.SHARE_TO_GET_ANCHOR_CONTACT);
-}

src/utils/material.ts

@@ -62,6 +62,28 @@ export const getBasicInfo = (profile: Pick<MaterialProfile, 'age' | 'height' | '
   return result.join('·');
 };
 
+export const getSalary = (
+  data: Pick<MaterialProfile, 'fullTimeMaxPrice' | 'fullTimeMinPrice' | 'partyTimeMaxPrice' | 'partyTimeMinPrice'>
+) => {
+  const { fullTimeMinPrice, fullTimeMaxPrice, partyTimeMinPrice, partyTimeMaxPrice } = data;
+  const prices: string[] = [];
+  if (fullTimeMinPrice && fullTimeMaxPrice) {
+    if (fullTimeMinPrice >= 50000) {
+      prices.push(`${fullTimeMinPrice / 1000}K以上/月`);
+    } else {
+      prices.push(`${fullTimeMinPrice / 1000}-${fullTimeMaxPrice / 1000}K/月`);
+    }
+  }
+  if (partyTimeMinPrice && partyTimeMaxPrice) {
+    if (partyTimeMinPrice >= 500) {
+      prices.push(`500以上/小时`);
+    } else {
+      prices.push(`${partyTimeMinPrice}-${partyTimeMaxPrice}/小时`);
+    }
+  }
+  return prices.filter(Boolean).join(' ');
+};
+
 export const chooseMedia = async (option: Taro.chooseMedia.Option = {}) => {
   try {
     const result = await Taro.chooseMedia({
@@ -89,9 +111,9 @@ export const requestReadProfile = async (data: GetReadProfileRequest) => {
   return http.post<MaterialProfile>(API.READ_PROFILE, { data });
 };
 
-export const requestProfileShareCode = async (resumeId: string) => {
+export const requestProfileShareCode = async (resumeId: string, jobId?: string) => {
   return http.post<MaterialProfile>(API.GET_PROFILE_SHARE_CODE, {
-    data: { resumeId },
+    data: { resumeId, jobId },
     contentType: 'application/x-www-form-urlencoded',
   });
 };
@@ -142,14 +164,15 @@ export const requestAnchorList = async (data: GetAnchorListRequest) => {
 export const getMaterialShareMessage = async (
   profile?: MaterialProfile | null,
   needShareCode: boolean = true,
-  inviteCode?: string
+  inviteCode?: string,
+  jobId?: string
 ) => {
   if (!profile) {
     return null;
   }
   try {
     const { id, name = '', workedSecCategoryStr } = profile;
-    const shareCode = needShareCode ? await requestProfileShareCode(id) : undefined;
+    const shareCode = needShareCode ? await requestProfileShareCode(id, jobId) : undefined;
     const title = `${name} ${workedSecCategoryStr ? `播过 ${workedSecCategoryStr}` : ''}`.trim();
     return {
       title,

src/utils/product.ts

@@ -2,14 +2,14 @@ import Taro from '@tarojs/taro';
 
 import { ProductType, QrCodeType } from '@/constants/product';
 import http from '@/http';
-import { API, DOMAIN } from '@/http/api';
+import { API } from '@/http/api';
 import {
   ProductInfo,
   GetProductDetailRequest,
   GetProductIsUnlockRequest,
   PostUseProductRequest,
   GetProductIsUnlockResponse,
-  CustomerServiceInfo,
+  // CustomerServiceInfo,
   CreatePayInfoRequest,
   CreatePayInfoResponse,
   CreatePayOrderParams,
@@ -54,13 +54,13 @@ export async function requestUseProduct(
 }
 
 // 获取某个产品的剩余解锁次数
-export async function requestProductBalance(productCode: ProductType) {
+export async function requestProductBalance(productCode: ProductType): Promise<[number, boolean | undefined]> {
   const data: GetProductDetailRequest = { productCode, userId: getUserId() };
-  const { balance } = await http.post<ProductInfo>(API.GET_PRODUCT_DETAIL, {
+  const { balance, isPaidVip } = await http.post<ProductInfo>(API.GET_PRODUCT_DETAIL, {
     data,
     contentType: 'application/x-www-form-urlencoded',
   });
-  return balance;
+  return [balance, isPaidVip];
 }
 
 // 是否可以购买某一个产品
@@ -74,7 +74,7 @@ export async function requestAllBuyProduct(productCode: ProductType) {
 }
 
 export async function requestCsQrCode(_type: QrCodeType) {
-  const result = await http.post<CustomerServiceInfo>(API.CS_QR_CODE);
+  // const result = await http.post<CustomerServiceInfo>(API.CS_QR_CODE);
   return 'https://publiccdn.neighbourhood.com.cn/img/bzQrcode.jpg';
   // return `${DOMAIN}/${result.vxQrCode}`;
 }

src/utils/share.ts

@@ -20,6 +20,7 @@ interface ShareAppProps {
   inviteCode?: string;
   title?: string;
   path?: PageUrl;
+  imageUrl?: string;
   params?: Record<string, BL.Anything>;
 }
 
@@ -28,6 +29,7 @@ export const getCommonShareMessage = ({
   inviteCode,
   title,
   path,
+  imageUrl: _imageUrl,
   params = {},
 }: ShareAppProps = {}): ShareAppMessageReturn => {
   const inviteParams = inviteCode ? { c: inviteCode } : undefined;
@@ -36,6 +38,6 @@ export const getCommonShareMessage = ({
   return {
     title: title || `昨天新增了${getRandomCount()}条主播通告，宝子快来看看`,
     path: sharePath,
-    imageUrl: useCapture ? undefined : imageUrl,
+    imageUrl: useCapture ? undefined : _imageUrl || imageUrl,
   };
 };

src/utils/time.ts

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