ContentItems.tsx
1.74 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import React from 'react';
import moment from 'moment';
import { Image } from "antd";
import IMGURL from '@/utils/IMGURL';
import SignupGifts from '@/pages/mkt/ActivityCreate/ExternalPromotion/components/ActivityFlow/SignupGifts';
import AwardConfigs from '../components/AwardConfigs';
interface Props {
data: any;
type: string;
}
export default function ContentItems({ data, type }: Props) {
return (
<>
<div>
{(type === "报名") && (
<div>
{data.joinLimitNum && <div> 报名人数限制：{data.joinLimitNum}人</div>}
{data.signUpPrice && <div> 报名费：{data.signUpPrice}元</div>}
{data.saleOrderAmount && <div> 活动期间售后工单金额：{data.saleOrderAmount}元</div>}
</div>
)}
{(type === "签到") && (
<div>
{data.startTime && <div>签到开始时间：{data.startTime && moment(data.startTime).format('YYYY.MM.DD HH:mm')}</div>}
{data.endTime && <div>签到结束时间：{data.endTime && moment(data.endTime).format('YYYY.MM.DD HH:mm')}</div>}
</div>
)}
{(type === "多轮抽奖") && (
<div>
{!!data.lotteryNumTotal && <div>抽奖总名额限制：{data.lotteryNumTotal}人</div>}
{!!data.lotteryAmount && <div>抽奖资金要求：{data.lotteryAmount}元</div>}
{data.startTime && <div>抽奖开始时间：{data.startTime && moment(data.startTime).format('YYYY.MM.DD HH:mm')}</div>}
{data.endTime && <div>抽奖结束时间：{data.endTime && moment(data.endTime).format('YYYY.MM.DD HH:mm')}</div>}
</div>
)}
</div>
{data.awardConfigs && <AwardConfigs data={data} mulLottery={type !== "签到"} />}
</>
);
}