feat: 广告

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 { useCallback, useEffect, useState } from 'react';
+import { Fragment, useCallback, useEffect, useState } from 'react';
 
 import Badge from '@/components/badge';
 import { PREFIX } from '@/components/product-dialog/const';
@@ -16,6 +16,7 @@ import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
 import Toast from '@/utils/toast';
 
 interface IProps {
+  justBuy?: boolean;
   onConfirm: () => void;
 }
 
@@ -29,22 +30,22 @@ interface Item {
 }
 
 const LIST: Item[] = [
-  { id: ProductSpecId.WeeklyVIP, title: '非会员', content: '每日2次', price: '免费', amt: 0 },
+  { id: ProductSpecId.WeeklyVIP, title: '日会员', content: '1天内免广告', price: '60播豆', amt: 6, badge: '限时体验' },
   {
     id: ProductSpecId.WeeklyVIP,
     title: '周会员',
-    content: '每日5次',
-    price: '60播豆',
-    amt: 6,
-    badge: '限时体验',
+    content: '7天内免广告',
+    price: '180播豆',
+    amt: 18,
+    badge: '4.2折',
   },
   {
     id: ProductSpecId.NewMonthlyVIP,
     title: '月会员',
-    content: '每日5次',
-    price: '180播豆',
-    amt: 18,
-    badge: ' 超值',
+    content: '30天内免广告',
+    price: '300播豆',
+    amt: 30,
+    badge: '1.6折',
   },
 ];
 
@@ -75,6 +76,7 @@ export default function JobBuy(props: IProps) {
         type: OrderType.VIP,
         amt: getOrderPrice(selectItem.amt),
         productCode: ProductType.VIP,
+        // todo: 日会员的 productSpectId 是什么？
         productSpecId: selectItem.id,
       });
       log('handleBuy payInfo', payOrderNo, createPayInfo);
@@ -107,14 +109,26 @@ export default function JobBuy(props: IProps) {
   return (
     <div className={`${PREFIX}__job-buy`}>
       <div className={`${PREFIX}__job-buy__header`}>
-        <div>今日通告对接次数</div>
-        <div className="highlight">已用完</div>
+        {props.justBuy ? (
+          <div>开通播络会员即可直接查看联系方式</div>
+        ) : (
+          <Fragment>
+            <div>今日通告对接次数</div>
+            <div className="highlight">已用完</div>
+          </Fragment>
+        )}
       </div>
       <div className={`${PREFIX}__job-buy__describe`}>
-        <div>请</div>
-        <div className="highlight">明日</div>
-        <div>再来 或 </div>
-        <div className="highlight">升级会员</div>
+        {props.justBuy ? (
+          <div>每天可查看10个联系方式</div>
+        ) : (
+          <Fragment>
+            <div>请</div>
+            <div className="highlight">明日</div>
+            <div>再来 或 </div>
+            <div className="highlight">升级会员</div>
+          </Fragment>
+        )}
       </div>
       <div className={`${PREFIX}__job-buy__container`}>
         {LIST.map(item => (