Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat :: 모집의뢰서 Edit 병특, 정직원 월급 필드 제거 #80

Merged
merged 2 commits into from
Nov 7, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/Apis/Recruitments/request.ts
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ export interface EditRecruitmentRequest {
flexible_working: boolean;
hire_convertible: boolean;
integration_plan: boolean;
additional_qualifications: string | null;
}

export interface EditAreasType {
Expand Down
257 changes: 166 additions & 91 deletions src/Components/Detail/RecruitmentFormDetail/Edit/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -80,6 +82,7 @@ export function RecruitmentFormDetailEdit({
train_pay,
pay,
benefits,
additional_qualifications,
military_support,
hiring_progress,
submit_document,
Expand Down Expand Up @@ -416,7 +419,7 @@ export function RecruitmentFormDetailEdit({
</_.Stack>
</_.Stack>
<_.Stack>
<_.TitleBox>자격요건</_.TitleBox>
<_.TitleBox height={275}>자격요건</_.TitleBox>
<_.Stack flexDirection="column" width={90}>
<_.Stack width={143}>
<_.TitleBox>국가자격증</_.TitleBox>
Expand All @@ -435,14 +438,30 @@ export function RecruitmentFormDetailEdit({
<Icon icon="EditPencil" size={30} color="gray70" />
</_.TitleBox>
</_.Stack>
<_.Stack>
<_.TitleBox height={200} width={15}>
기타 자격 요건
</_.TitleBox>
<_.ContentBox height={200} width={90} longText={true}>
<_.Textarea
height={135}
name="additional_qualifications"
placeholder="기타 자격 요건"
value={additional_qualifications!}
onChange={recruitmentFormDetailInfohandler}
/>
</_.ContentBox>
</_.Stack>
</_.Stack>
</_.Stack>
<_.Stack>
<_.TitleBox height={290}>근무조건</_.TitleBox>
<_.Stack flexDirection="column" width={90}>
<_.Stack flexDirection="column" width={100}>
<_.Stack>
<_.TitleBox height={90}>근무시간</_.TitleBox>
<_.TitleBox height={90} width={10.7}>
근무시간
</_.TitleBox>
<_.ContentBox
width={23}
height={90}
Expand Down Expand Up @@ -549,39 +568,66 @@ export function RecruitmentFormDetailEdit({
</_.CheckEmailWrapper>
</_.ContentBox>
<_.TitleBox height={90}>실습수당</_.TitleBox>
<_.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}>
원/월
</_.AbsoluteText>
</_.ContentBox>
<_.TitleBox height={90}>
정규직
<br />
전환 시 연봉
</_.TitleBox>
<_.ContentBox height={90} width={24}>
<_.CustomInput
width={100}
type="number"
placeholder="정규직 전환 시 연봉"
style={{ paddingRight: '70px' }}
value={pay!}
name="pay"
onChange={recruitmentFormDetailInfohandler}
/>
<_.AbsoluteText right={42}>
만원/연
</_.AbsoluteText>
</_.ContentBox>
{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}>
원/월
</_.AbsoluteText>
</_.ContentBox>
) : (
<_.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}>
원/월
</_.AbsoluteText>
</_.ContentBox>
)}
{!recruitmentFormDetail?.winter_intern && (
<>
<_.TitleBox height={90}>
정규직
<br />
전환 시 연봉
</_.TitleBox>
<_.ContentBox height={90} width={24}>
<_.CustomInput
width={100}
type="number"
placeholder="정규직 전환 시 연봉"
style={{ paddingRight: '70px' }}
value={pay!}
name="pay"
onChange={
recruitmentFormDetailInfohandler
}
/>
<_.AbsoluteText right={42}>
만원/연
</_.AbsoluteText>
</_.ContentBox>
</>
)}
</_.Stack>
<_.Stack>
<_.TitleBox height={200}>복리후생</_.TitleBox>
Expand All @@ -608,20 +654,37 @@ export function RecruitmentFormDetailEdit({
<_.Stack flexDirection="column" width={100}>
<_.Stack>
<_.TitleBox>채용절차</_.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>
)}
</_.ContentBox>
) : (
<_.ContentBox width={54}>
{recruitmentFormDetailInfo.hiring_progress.map(
(progress, i) => {
if (
recruitmentFormDetailInfo
.hiring_progress.length ===
i + 1
) {
return `${hiringProgress[progress]}`;
}
return `${hiringProgress[progress]} → `;
}
)}
</_.ContentBox>
)}
<_.TitleBox
width={6}
style={{ cursor: 'pointer' }}
Expand All @@ -633,49 +696,61 @@ export function RecruitmentFormDetailEdit({
color="gray70"
/>
</_.TitleBox>
<_.TitleBox>
병역특례
<br />
신청계획
</_.TitleBox>
<_.ContentBox width={20}>
<Stack direction="column">
<Stack gap={5}>
<RadioButton
name="military_support"
onClick={() => {
setRecruitmentFormDetailInfo(
(
recruitmentFormDetailInfo
) => ({
...recruitmentFormDetailInfo,
military_support: true,
})
);
}}
checked={military_support === true}
/>
있음
</Stack>
<Stack gap={5}>
<RadioButton
name="military_support"
onClick={() => {
setRecruitmentFormDetailInfo(
(
recruitmentFormDetailInfo
) => ({
...recruitmentFormDetailInfo,
military_support: false,
})
);
}}
checked={military_support === false}
/>
없음
</Stack>
</Stack>
</_.ContentBox>
{!recruitmentFormDetail?.winter_intern && (
<>
<_.TitleBox>
병역특례
<br />
신청계획
</_.TitleBox>
<_.ContentBox width={20}>
<Stack direction="column">
<Stack gap={5}>
<RadioButton
name="military_support"
onClick={() => {
setRecruitmentFormDetailInfo(
(
recruitmentFormDetailInfo
) => ({
...recruitmentFormDetailInfo,
military_support:
true,
})
);
}}
checked={
military_support ===
true
}
/>
있음
</Stack>
<Stack gap={5}>
<RadioButton
name="military_support"
onClick={() => {
setRecruitmentFormDetailInfo(
(
recruitmentFormDetailInfo
) => ({
...recruitmentFormDetailInfo,
military_support:
false,
})
);
}}
checked={
military_support ===
false
}
/>
없음
</Stack>
</Stack>
</_.ContentBox>
</>
)}
</_.Stack>
<_.Stack>
<_.TitleBox>제출서류</_.TitleBox>
Expand Down
Loading