diff --git a/src/Apis/Recruitments/request.ts b/src/Apis/Recruitments/request.ts index dea0ae4..c81a656 100644 --- a/src/Apis/Recruitments/request.ts +++ b/src/Apis/Recruitments/request.ts @@ -26,6 +26,7 @@ export interface EditRecruitmentRequest { flexible_working: boolean; hire_convertible: boolean; integration_plan: boolean; + additional_qualifications: string | null; } export interface EditAreasType { diff --git a/src/Components/Detail/RecruitmentFormDetail/Edit/index.tsx b/src/Components/Detail/RecruitmentFormDetail/Edit/index.tsx index caa5f3f..93ac5e3 100644 --- a/src/Components/Detail/RecruitmentFormDetail/Edit/index.tsx +++ b/src/Components/Detail/RecruitmentFormDetail/Edit/index.tsx @@ -70,6 +70,8 @@ export function RecruitmentFormDetailEdit({ flexible_working: recruitmentFormDetail?.flexible_working, hire_convertible: recruitmentFormDetail?.hire_convertible, integration_plan: recruitmentFormDetail?.integration_plan, + additional_qualifications: + recruitmentFormDetail?.additional_qualifications, }); const { @@ -80,6 +82,7 @@ export function RecruitmentFormDetailEdit({ train_pay, pay, benefits, + additional_qualifications, military_support, hiring_progress, submit_document, @@ -416,7 +419,7 @@ export function RecruitmentFormDetailEdit({ <_.Stack> - <_.TitleBox>자격요건 + <_.TitleBox height={275}>자격요건 <_.Stack flexDirection="column" width={90}> <_.Stack width={143}> <_.TitleBox>국가자격증 @@ -435,6 +438,20 @@ export function RecruitmentFormDetailEdit({ + <_.Stack> + <_.TitleBox height={200} width={15}> + 기타 자격 요건 + + <_.ContentBox height={200} width={90} longText={true}> + <_.Textarea + height={135} + name="additional_qualifications" + placeholder="기타 자격 요건" + value={additional_qualifications!} + onChange={recruitmentFormDetailInfohandler} + /> + + <_.Stack> @@ -442,7 +459,9 @@ export function RecruitmentFormDetailEdit({ <_.Stack flexDirection="column" width={90}> <_.Stack flexDirection="column" width={100}> <_.Stack> - <_.TitleBox height={90}>근무시간 + <_.TitleBox height={90} width={10.7}> + 근무시간 + <_.ContentBox width={23} height={90} @@ -549,39 +568,66 @@ export function RecruitmentFormDetailEdit({ <_.TitleBox height={90}>실습수당 - <_.ContentBox height={90} width={23}> - <_.CustomInput - width={100} - type="number" - placeholder="실습수당" - style={{ paddingRight: '70px' }} - value={train_pay} - name="train_pay" - onChange={recruitmentFormDetailInfohandler} - /> - <_.AbsoluteText right={42}> - 원/월 - - - <_.TitleBox height={90}> - 정규직 -
- 전환 시 연봉 - - <_.ContentBox height={90} width={24}> - <_.CustomInput - width={100} - type="number" - placeholder="정규직 전환 시 연봉" - style={{ paddingRight: '70px' }} - value={pay!} - name="pay" - onChange={recruitmentFormDetailInfohandler} - /> - <_.AbsoluteText right={42}> - 만원/연 - - + {recruitmentFormDetail?.winter_intern ? ( + <_.ContentBox height={90} width={63}> + <_.CustomInput + width={100} + type="number" + placeholder="실습수당" + style={{ paddingRight: '70px' }} + value={train_pay} + name="train_pay" + onChange={ + recruitmentFormDetailInfohandler + } + /> + <_.AbsoluteText right={42}> + 원/월 + + + ) : ( + <_.ContentBox height={90} width={23}> + <_.CustomInput + width={100} + type="number" + placeholder="실습수당" + style={{ paddingRight: '70px' }} + value={train_pay} + name="train_pay" + onChange={ + recruitmentFormDetailInfohandler + } + /> + <_.AbsoluteText right={42}> + 원/월 + + + )} + {!recruitmentFormDetail?.winter_intern && ( + <> + <_.TitleBox height={90}> + 정규직 +
+ 전환 시 연봉 + + <_.ContentBox height={90} width={24}> + <_.CustomInput + width={100} + type="number" + placeholder="정규직 전환 시 연봉" + style={{ paddingRight: '70px' }} + value={pay!} + name="pay" + onChange={ + recruitmentFormDetailInfohandler + } + /> + <_.AbsoluteText right={42}> + 만원/연 + + + + )} <_.Stack> <_.TitleBox height={200}>복리후생 @@ -608,20 +654,37 @@ export function RecruitmentFormDetailEdit({ <_.Stack flexDirection="column" width={100}> <_.Stack> <_.TitleBox>채용절차 - <_.ContentBox width={54}> - {recruitmentFormDetailInfo.hiring_progress.map( - (progress, i) => { - if ( - recruitmentFormDetailInfo - .hiring_progress.length === - i + 1 - ) { - return `${hiringProgress[progress]}`; + {recruitmentFormDetail?.winter_intern ? ( + <_.ContentBox width={84}> + {recruitmentFormDetailInfo.hiring_progress.map( + (progress, i) => { + if ( + recruitmentFormDetailInfo + .hiring_progress.length === + i + 1 + ) { + return `${hiringProgress[progress]}`; + } + return `${hiringProgress[progress]} → `; } - return `${hiringProgress[progress]} → `; - } - )} - + )} + + ) : ( + <_.ContentBox width={54}> + {recruitmentFormDetailInfo.hiring_progress.map( + (progress, i) => { + if ( + recruitmentFormDetailInfo + .hiring_progress.length === + i + 1 + ) { + return `${hiringProgress[progress]}`; + } + return `${hiringProgress[progress]} → `; + } + )} + + )} <_.TitleBox width={6} style={{ cursor: 'pointer' }} @@ -633,49 +696,61 @@ export function RecruitmentFormDetailEdit({ color="gray70" /> - <_.TitleBox> - 병역특례 -
- 신청계획 - - <_.ContentBox width={20}> - - - { - setRecruitmentFormDetailInfo( - ( - recruitmentFormDetailInfo - ) => ({ - ...recruitmentFormDetailInfo, - military_support: true, - }) - ); - }} - checked={military_support === true} - /> - 있음 - - - { - setRecruitmentFormDetailInfo( - ( - recruitmentFormDetailInfo - ) => ({ - ...recruitmentFormDetailInfo, - military_support: false, - }) - ); - }} - checked={military_support === false} - /> - 없음 - - - + {!recruitmentFormDetail?.winter_intern && ( + <> + <_.TitleBox> + 병역특례 +
+ 신청계획 + + <_.ContentBox width={20}> + + + { + setRecruitmentFormDetailInfo( + ( + recruitmentFormDetailInfo + ) => ({ + ...recruitmentFormDetailInfo, + military_support: + true, + }) + ); + }} + checked={ + military_support === + true + } + /> + 있음 + + + { + setRecruitmentFormDetailInfo( + ( + recruitmentFormDetailInfo + ) => ({ + ...recruitmentFormDetailInfo, + military_support: + false, + }) + ); + }} + checked={ + military_support === + false + } + /> + 없음 + + + + + )} <_.Stack> <_.TitleBox>제출서류