yintai-company-home/src/components/layout/JobPage/index.tsx

import styles from "./index.module.css";


type Data = {
    title: string;
    jobType: string;
    businessArea: string;
    businessPlate: string;
    recruitNumber: string;
    jobLocation: string;
    content: string;
}

export default function JobPage({ data }: { data: Data }) {
    return (
        <div className={styles.jobPage}>
            <div className={styles.jobPageHeaderLine}>
                <div className={styles.jobPageHeaderLineBack} onClick={() => window.history.back()}>
                    <img src="/images/icon-arrowleft.png" alt="arrowleft" style={{ width: "20px", height: "20px" }} />
                    <span>返回</span>
                </div>
            </div>
            <div className={styles.jobPageHeader}>
                <div className={styles.jobPageHeaderTitle}>{data.title}</div>
                <div className={styles.jobPageHeaderTimeLine}>
                    <span>职位类别：{data.jobType}</span>
                    <span>业务领域：{data.businessArea}</span>
                    <span>所属板块：{data.businessPlate}</span>
                    <span>招聘人数：{data.recruitNumber}</span>
                    <span>工作地点：{data.jobLocation}</span>
                </div>
            </div>
            <div className={styles.jobPageContent}>
                <div className={styles.jobPageContentText} dangerouslySetInnerHTML={{ __html: data.content }}></div>
            </div>
        </div>
    )
}