diff --git a/src/components/api/company/requesrResistration/index.js b/src/components/api/company/requesrResistration/index.js
index 02b1939..2b5ee3a 100644
--- a/src/components/api/company/requesrResistration/index.js
+++ b/src/components/api/company/requesrResistration/index.js
@@ -2,7 +2,7 @@ import { useQuery } from "@tanstack/react-query";
import axios from "axios";
import { BaseUrl } from "../../../../export/base";
const token =
- "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxNiIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2NjgwMDU3OTEsImV4cCI6MTY2ODA5MjE5MX0.QTZ34-wPuT39t-B_28_zfNi9PMEZSel4s632aw1AgF0";
+ "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxNiIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2NjgyMTYzODMsImV4cCI6MTY2ODMwMjc4M30.VaaCr7wVhxcbG0Mkq9m671P2JuCqpR1GcrFYT9kXrek";
export const getListProps = () => {
// eslint-disable-next-line react-hooks/rules-of-hooks
return useQuery(["datas"], async () => {
@@ -76,12 +76,75 @@ export const postNotice = (arr, ad) => {
export const getMyList = () => {
// eslint-disable-next-line react-hooks/rules-of-hooks
return useQuery(["MyCompanyList"], async () => {
- const { data } = await axios.get(BaseUrl + "/notice/me", {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- });
- console.log(data);
- return data;
+ let res;
+ await axios
+ .get(BaseUrl + "/notice/me", {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ })
+ .then((response) => {
+ const data = response.data;
+ let arr = new Array(data.length)
+ .fill(0)
+ .map((e, i) =>
+ new Array(
+ data[i].data.notice.recruitmentBusinessResponse.length
+ ).fill("")
+ );
+ let arr2 = new Array(data.length)
+ .fill(0)
+ .map((e, i) =>
+ new Array(
+ data[i].data.notice.recruitmentBusinessResponse.length
+ ).fill("")
+ );
+ let count = [];
+ for (let i = 0; i < data.length; i++) {
+ let temp = 0;
+ for (
+ let j = 0;
+ j < data[i].data.notice.recruitmentBusinessResponse.length;
+ j++
+ ) {
+ arr[i][j] =
+ data[i].data.notice.recruitmentBusinessResponse[
+ j
+ ].classificationResponse.bigClassification.bigClassificationName;
+ arr2[i][j] =
+ data[i].data.notice.recruitmentBusinessResponse[
+ j
+ ].classificationResponse.name;
+ temp =
+ temp +
+ data[i].data.notice.recruitmentBusinessResponse[j]
+ .numberOfEmployee;
+ }
+ count.push({
+ total: temp,
+ approve: data[i].approveStatus,
+ day: data[i].data.notice.company.lastNoticeDate,
+ id: data[i].data.notice.recruitmentBusinessResponse[0]
+ .recruitmentBusinessId,
+ });
+ }
+ const ad = arr.map((item) =>
+ item.filter((e, i, ar) => {
+ return ar.findIndex((el) => e === el) === i;
+ })
+ );
+ console.log(ad);
+ const as = arr2.map((item) =>
+ item.filter((e, i, ar) => {
+ return ar.findIndex((el) => e === el) === i;
+ })
+ );
+ for (let i = 0; i < data.length; i++) {
+ as[i] = as[i].join();
+ ad[i] = ad[i].join();
+ }
+ res = { count, as, ad };
+ });
+ return res;
});
};
diff --git a/src/components/api/teacher/index.js b/src/components/api/teacher/index.js
new file mode 100644
index 0000000..3d208e4
--- /dev/null
+++ b/src/components/api/teacher/index.js
@@ -0,0 +1,31 @@
+import { useQuery } from "@tanstack/react-query";
+import axios from "axios";
+import { BaseUrl } from "../../../export/base";
+const token =
+ "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIyNSIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2NjgyMTc4OTAsImV4cCI6MTY2ODMwNDI5MH0.MKJc3OQID5--XKcbxn045jrArILC5Sop_e5UQXV7Fcc";
+export const getBoardList = () => {
+ // eslint-disable-next-line react-hooks/rules-of-hooks
+ return useQuery(["getBoardList"], async () => {
+ const { data } = await axios({
+ method: "get",
+ url: BaseUrl + "/notice",
+ params: { id: 656574354 },
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+ console.log(data);
+ return data;
+ });
+};
+export const noticeRequest = async (method, path, query) => {
+ const { data } = await axios({
+ method: method,
+ url: BaseUrl + path,
+ params: { noticeId: query },
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+ console.log(data);
+};
diff --git a/src/components/pages/companyPage/recruitmentList/index.jsx b/src/components/pages/companyPage/recruitmentList/index.jsx
index 19bf510..15d82f4 100644
--- a/src/components/pages/companyPage/recruitmentList/index.jsx
+++ b/src/components/pages/companyPage/recruitmentList/index.jsx
@@ -2,21 +2,33 @@ import React from "react";
import Header from "../../../common/header";
import styled from "styled-components";
import ResistrationList from "./list";
+import LoadingPage from "../../../common/loading";
+import ErrorPage from "../../../common/error";
+import { getMyList } from "../../../api/company/requesrResistration";
const RecruitmentList = () => {
+ const { status, data } = getMyList();
return (
<>
-
-
-
-
-
-
-
-
-
+ {status === "loading" ? (
+
+ ) : status === "error" ? (
+
+ ) : (
+ <>
+
+
+
+
+
+
+
+
+
+ >
+ )}
>
);
};
@@ -42,8 +54,9 @@ const AddBtn = styled.div`
}
`;
const List = styled.div`
- width: 1136px;
+ width: 1176px;
margin-bottom: 300px;
+ padding: 0;
`;
export default RecruitmentList;
diff --git a/src/components/pages/companyPage/recruitmentList/list/index.jsx b/src/components/pages/companyPage/recruitmentList/list/index.jsx
index c95081b..763eed9 100644
--- a/src/components/pages/companyPage/recruitmentList/list/index.jsx
+++ b/src/components/pages/companyPage/recruitmentList/list/index.jsx
@@ -1,56 +1,40 @@
import styled from "styled-components";
-import LoadingPage from "../../../../common/loading";
-import ErrorPage from "../../../../common/error";
-import { getMyList } from "../../../../api/company/requesrResistration";
+
import ImageProps from "./Status";
-const ResistrationList = () => {
- const { status, data } = getMyList();
+const ResistrationList = ({ data }) => {
console.log(data);
return (
<>
- {status === "loading" ? (
-
- ) : status === "error" ? (
-
- ) : (
-
- {data.map((user) => (
- <>
- {user.data.notice.recruitmentBusinessResponse.map((item) => (
- -
-
-
-
-
{item.recruitmentBusinessId}
-
- 대분류
-
- {
- item.classificationResponse.bigClassification
- .bigClassificationName
- }
-
-
-
- 소분류
- {item.classificationResponse.name}
-
-
- 채용인원
- {item.numberOfEmployee}명
-
-
-
- {user.data.notice.company.lastNoticeDate}
-
-
-
-
- ))}
- >
- ))}
-
- )}
+
+ {data.as.map((user, i) => (
+ <>
+ -
+
+
+
+
{data.count[i].id}
+
+ 대분류
+ {user}
+
+
+ 소분류
+ {data.ad[i]}
+
+
+ 채용인원
+ {data.count[i].total}명
+
+
+
+ {data.count[i].day}
+
+
+
+
+ >
+ ))}
+
>
);
};
@@ -91,13 +75,25 @@ const ApplicantList = styled.div`
`;
const Number = styled.div`
+ width: 10px;
font-size: 24px;
font-weight: 700;
color: #4000ff;
margin-left: 20px;
margin-right: 31px;
`;
-
+const Main = styled.div`
+ width: 130px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+`;
+const Sub = styled.div`
+ width: 120px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+`;
const Category = styled.div`
display: inline-flex;
align-items: center;
@@ -109,8 +105,7 @@ const Category = styled.div`
color: #4000ff;
+ div {
color: #000;
- font-weight: 400;
- font-size: 20px;
+ font: 400 normal 18px "NanumGothic", sans-serif;
}
}
`;
@@ -118,4 +113,6 @@ const Ul = styled.ul`
position: relative;
list-style-type: none;
`;
-const Li = styled.li``;
+const Li = styled.li`
+ width: 1136px;
+`;
diff --git a/src/components/pages/teacherPage/manage/Bokli/bok/index.jsx b/src/components/pages/teacherPage/manage/Bokli/bok/index.jsx
new file mode 100644
index 0000000..8fcdcf1
--- /dev/null
+++ b/src/components/pages/teacherPage/manage/Bokli/bok/index.jsx
@@ -0,0 +1,39 @@
+import * as s from "../../style";
+const BokliAfter = ({ wel }) => {
+ let ad = [];
+ if (wel.dormitorySupport) {
+ ad.push("기숙사 지원");
+ }
+ if (wel.selfDevelopmentPay) {
+ ad.push("자기개발비");
+ }
+ if (wel.equipmentSupport) {
+ ad.push("장비지원");
+ }
+ if (wel.youthTomorrowChaeumDeduction) {
+ ad.push("청년내일채움");
+ }
+ if (wel.alternativeMilitaryPlan) {
+ ad.push("병특신청");
+ }
+ if (wel.elseSupport !== null) {
+ wel.elseSupport.map((item) => ad.push(item));
+ }
+ return (
+ <>
+ 복리후생
+
+ {ad.map((user) => (
+ <>
+
+
+ {user}
+
+
+ >
+ ))}
+
+ >
+ );
+};
+export default BokliAfter;
diff --git a/src/components/pages/teacherPage/manage/Bokli/index.jsx b/src/components/pages/teacherPage/manage/Bokli/index.jsx
new file mode 100644
index 0000000..13b9138
--- /dev/null
+++ b/src/components/pages/teacherPage/manage/Bokli/index.jsx
@@ -0,0 +1,52 @@
+import * as s from "../style";
+import { supportData } from "../../../../../export/data";
+const BokLi = ({ wel, meal }) => {
+ console.time("asd");
+ let ad = [];
+ if (meal.breakfast) {
+ ad.push("조식제공");
+ }
+ if (meal.lunch) {
+ ad.push("중식제공");
+ }
+ if (meal.dinner) {
+ ad.push("석식제공");
+ }
+ const asdf = new Set(ad);
+ const sd = [...asdf];
+ console.timeEnd("asd");
+ const arr = sd;
+ return (
+ <>
+ 복리후생
+ 식사
+
+
+
+ 식대지원
+
+
+
+ {meal.mealSupportPay}
+
+
+
+ 원(월)
+
+
+
+
+ {arr.map((user) => (
+ <>
+
+
+ {user}
+
+
+ >
+ ))}
+
+ >
+ );
+};
+export default BokLi;
diff --git a/src/components/pages/teacherPage/manage/clockTime/index.jsx b/src/components/pages/teacherPage/manage/clockTime/index.jsx
new file mode 100644
index 0000000..1c6e5cc
--- /dev/null
+++ b/src/components/pages/teacherPage/manage/clockTime/index.jsx
@@ -0,0 +1,40 @@
+import * as s from "../style";
+import { workData } from "../../../../../export/data";
+import { useState, useEffect } from "react";
+const ClockWork = ({ data }) => {
+ const [work, setWork] = useState(workData);
+ useEffect(() => {
+ let state = workData;
+ state[0].workTime = data.untilCommuteStartTime;
+ state[1].workTime = data.untilCommuteEndTime;
+ state[2].workTime = data.workTimeForWeek;
+ setWork(state);
+ }, [
+ data.untilCommuteStartTime,
+ data.untilCommuteEndTime,
+ data.workTimeForWeek,
+ ]);
+
+ return (
+ <>
+ {work.map((user) => (
+ <>
+
+
+ {user.clock}
+
+
+ {user.workTime}
+
+
+
+ {user.si}
+
+
+
+ >
+ ))}
+ >
+ );
+};
+export default ClockWork;
diff --git a/src/components/pages/teacherPage/manage/geunmu/index.jsx b/src/components/pages/teacherPage/manage/geunmu/index.jsx
new file mode 100644
index 0000000..4a2bfdb
--- /dev/null
+++ b/src/components/pages/teacherPage/manage/geunmu/index.jsx
@@ -0,0 +1,16 @@
+import * as s from "../style";
+const GeunMu = ({ company, address }) => {
+ let ad;
+ if (!address.isSameWithCompanyAddress) {
+ ad = address.otherPlace;
+ } else {
+ ad = company;
+ }
+
+ return (
+ <>
+ {ad}
+ >
+ );
+};
+export default GeunMu;
diff --git a/src/components/pages/teacherPage/manage/index.jsx b/src/components/pages/teacherPage/manage/index.jsx
index 5631606..5cebabc 100644
--- a/src/components/pages/teacherPage/manage/index.jsx
+++ b/src/components/pages/teacherPage/manage/index.jsx
@@ -4,14 +4,22 @@ import { useSelector } from "react-redux";
import { TitleData } from "../../../../export/data";
import Header from "../../../common/header";
import { useState } from "react";
-import { mealData, supportData, workData } from "../../../../export/data";
import * as s from "./style";
import ModalManage from "./modal";
+import { getBoardList, noticeRequest } from "../../../api/teacher";
+import { SubmitData } from "../../../../export/data";
+import BokLi from "./Bokli";
+import ErrorPage from "../../../common/error";
+import LoadingPage from "../../../common/loading";
+import ClockWork from "./clockTime";
+import BokliAfter from "./Bokli/bok";
+import GeunMu from "./geunmu";
+import { DownLoadImg } from "../../../../images";
const RequstManage = () => {
+ const { status, data } = getBoardList();
+
const modal = useSelector((state) => state.modal.state.modalmanage);
const count = useSelector((count) => count.count.count.manageCount);
- const Data = useSelector((stack) => stack.selectValue.recruitmentRequest);
- const [admission] = useState([1]);
const [file] = useState([]);
const dispatch = useDispatch();
const ShowModal = () => {
@@ -19,270 +27,277 @@ const RequstManage = () => {
};
return (
<>
-
-
- 채용직무
- ShowModal()}>선택
-
-
-
- {TitleData.map((user) => (
- <>
-
- {user.data}
-
-
- {user.data1}
-
- >
- ))}
-
-
-
- {Data[count].bigClassification}
-
-
- {Data[count].smallClassification}
-
-
- {Data[count].numberOfEmployee}
-
-
- {Data[count].detailBusinessDescription}
-
-
- 필요언어
-
- {Data[count].languageList.map((user) => (
-
- {user}
-
- ))}
-
-
-
- 기타기술
-
-
-
- 성적(커트라인)
- 상위 {Data[count].gradeCutLine}%이내
-
-
-
-
- {Data[count].technologyList.map((user) => (
-
- {user}
-
- ))}
-
- 국가자격증
-
- {Data[count].needCertificateList.map((user) => (
-
- {user}
-
- ))}
-
-
-
-
- 급여
-
-
-
-
- 실습수당
-
-
- 200
-
-
-
- 만원(월)
-
-
-
-
-
-
+ {status === "loading" ? (
+
+ ) : status === "error" ? (
+
+ ) : (
+ <>
+
+
+ 채용직무
+ ShowModal()}>선택
+
+
+
+ {TitleData.map((user) => (
+ <>
+
+ {user.data}
+
+
+ {user.data1}
+
+ >
+ ))}
+
+
+
+ {
+ data.recruitmentBusinessResponse[count]
+ .classificationResponse.bigClassification
+ .bigClassificationName
+ }
+
+
+ {
+ data.recruitmentBusinessResponse[count]
+ .classificationResponse.name
+ }
+
+
+ {data.recruitmentBusinessResponse[count].numberOfEmployee}
+
+
+ {
+ data.recruitmentBusinessResponse[count]
+ .detailBusinessDescription
+ }
+
+
+ 필요언어
+
+ {data.recruitmentBusinessResponse[count].languageSet.map(
+ (user) => (
+
+ {user.languageName}
+
+ )
+ )}
+
+
+
+ 기타기술
+
+
+
+ 성적(커트라인)
+
+ 상위{" "}
+ {data.recruitmentBusinessResponse[count].gradeCutLine}
+ %이내
+
+
+
+
+
+ {data.recruitmentBusinessResponse[count].technologySet.map(
+ (user) => (
+
+ {user.technologyName}
+
+ )
+ )}
+
+ 국가자격증
+
+ {data.recruitmentBusinessResponse[count].certificateList.map(
+ (user) => (
+
+ {user.certificateName}
+
+ )
+ )}
+
+
+
+
+ 급여
+
+
+
+
+ 실습수당
+
+
+ 200
+
+
+
+ 만원(월)
+
+
+
+
+
+
+
+ 정규직 전환 시 (연봉)
+
+
+ 2800
+
+
+
+ ~
+
+
+
+ 3400
+
+
+
+ 만원
+
+
+
+
+
+
+
+ 보너스
+
+
+ 300
+
+
+
+ 만원(대략적인 금액)
+
+
+
+
+
+
+
+
+
+ 출•퇴근시간
+
+
+
+
+ 모집기간
+
- 정규직 전환 시 (연봉)
+ 시작일
- 2800
+ {data.noticeOpenPeriod.startDate}
-
+
~
- 3400
-
-
-
- 만원
-
-
-
-
-
-
-
- 보너스
+ 종료일
- 300
+ {data.noticeOpenPeriod.endDate}
+
+
+ 전형절차
+
+ {data.interviewProcessList.map((user, i) => (
+ <>
+
+ {i + 1}차전형일
+
+
+ {user[`${i + 1}`]}
+
+ >
+ ))}
+
+
+ 참고서류
+
+ {" "}
+ {data.formAttachmentList.map((item) => (
+ <>
+
+ {" "}
+
+ {item.fileName}
+
+
+
+
+
+ >
+ ))}
+
+
+
+ {file.map((files, i) => (
+ <>
+
+
+
+ {files[0].name}
+
+
+ x
+
+
+
+ >
+ ))}
+
+
+ 기타특기사항
+ {data.otherFeatures}
+
+ 근무지
+
+
+ {/* 개별등록
+
+
-
- 만원(대략적인 금액)
-
+
+ {<>개인컨택 등록>: <>개인컨택 미등록>}
+
-
-
-
-
- 복리후생
- 식사
-
-
-
- 식대지원
-
-
-
- 34000
-
-
-
- 원(월)
-
-
- {mealData.map((user) => (
- <>
-
- {user}
-
- >
- ))}
-
- 복리후생
-
- {supportData.map((user) => (
- <>
- {user}
- >
- ))}
-
-
- 출•퇴근시간
-
- {workData.map((user) => (
- <>
-
-
- {user.clock}
-
-
- 21
-
+
+ */}
+
+ {SubmitData.map((item) => (
-
- {user.si}
-
+
+ noticeRequest(item.method, item.path, data.noticeId)
+ }
+ >
+ {item.text}
+
-
- >
- ))}
-
-
- 모집기간
-
-
- 시작일
-
-
- 2022-10-21
-
-
-
- ~
-
-
-
- 종료일
-
-
- 2022-11-08
-
-
-
- 전형절차
-
- {admission.map((user, i) => (
- <>
-
- {i + 1}차전형일
-
-
- >
- ))}
-
-
- 제출서류
-
- {file.map((files, i) => (
- <>
-
-
-
- {files[0].name}
-
-
- x
-
-
-
- >
- ))}
-
-
- 기타특기사항
-
- 근무지
-
-
-
-
- 회사 주소와 동일
-
-
-
-
-
-
- 개별등록
-
-
-
-
- 개인컨택 등록
-
-
-
-
- *개인컨택인 경우 모집구분은 자동으로 모집종료로 등록됩니다.
-
-
-
-
- 모집의뢰 등록
-
-
- {modal ? : <>>}
+ ))}
+
+
+
+ {modal ? (
+
+ ) : (
+ <>>
+ )}
+ >
+ )}
>
);
};
diff --git a/src/components/pages/teacherPage/manage/modal/index.jsx b/src/components/pages/teacherPage/manage/modal/index.jsx
index 436b359..3b66956 100644
--- a/src/components/pages/teacherPage/manage/modal/index.jsx
+++ b/src/components/pages/teacherPage/manage/modal/index.jsx
@@ -1,36 +1,27 @@
import { useDispatch } from "react-redux";
import { stateModalManage } from "../../../../../redux/store/modal";
import { TitleData } from "../../../../../export/data";
-import { useCallback, useLayoutEffect, useState } from "react";
+import { useCallback, useState } from "react";
import styled from "styled-components";
import { stateManageCount } from "../../../../../redux/store/count";
const ModalManage = ({ Data }) => {
- const [state, setState] = useState([{ state: false }]);
- const [, setRestart] = useState({});
+ const [state, setState] = useState(
+ new Array(Data.length).fill({ state: false })
+ );
const dispatch = useDispatch();
- useLayoutEffect(() => {
- const ad = state;
- for (let i = 1; i < Data.length; i++) {
- ad.push({ state: false });
- }
- setState(ad);
- }, [Data, state]);
const ClickEvent = useCallback(
(index) => {
const ad = state;
- ad.map((item, i) => {
+ const asdf = ad.map((item, i) => {
if (i !== index) {
- item.state = false;
+ item = { state: false };
return item;
} else {
- item.state = true;
+ item = { state: true };
return item;
}
});
- setState(ad);
- console.log(state);
- console.log(state[index].state);
- setRestart({});
+ setState(asdf);
},
[state]
);
@@ -70,10 +61,13 @@ const ModalManage = ({ Data }) => {
- {el.bigClassification}
+ {
+ el.classificationResponse.bigClassification
+ .bigClassificationName
+ }
- {el.smallClassification}
+ {el.classificationResponse.name}
{el.numberOfEmployee}
@@ -84,9 +78,9 @@ const ModalManage = ({ Data }) => {
필요언어
- {el.languageList.map((user) => (
+ {el.languageSet.map((user) => (
- {user}
+ {user.languageName}
))}
@@ -100,17 +94,17 @@ const ModalManage = ({ Data }) => {
- {el.technologyList.map((user) => (
+ {el.technologySet.map((user) => (
- {user}
+ {user.technologyName}
))}
국가자격증
- {el.needCertificateList.map((user) => (
+ {el.certificateList.map((user) => (
- {user}
+ {user.certificateName}
))}
diff --git a/src/components/pages/teacherPage/manage/style.js b/src/components/pages/teacherPage/manage/style.js
index 6a48647..b71ba7e 100644
--- a/src/components/pages/teacherPage/manage/style.js
+++ b/src/components/pages/teacherPage/manage/style.js
@@ -77,6 +77,21 @@ export const WonText = styled.div`
font: 400 normal 24px "NanumGothic";
color: ${(props) => props.theme.colors.black};
`;
+export const WonTest = styled.div`
+ position: relative;
+ height: 28px;
+ margin-top: 3px;
+ font: 400 normal 24px "NanumGothic";
+ color: ${(props) => props.theme.colors.black};
+`;
+export const JunText = styled.div`
+ position: relative;
+ height: 28px;
+ margin-top: 5px;
+ margin-left: 20px;
+ font: 700 normal 24px "NanumGothic";
+ color: ${(props) => props.theme.colors.black};
+`;
export const LiSubTitle = styled.li`
position: relative;
margin-left: ${(props) => props.margin}px;
@@ -181,6 +196,14 @@ export const UlProps = styled.ul`
height: 40px;
display: flex;
`;
+export const UlPropss = styled.ul`
+ position: relative;
+ margin-top: 30px;
+ width: 1136px;
+ height: 40px;
+ display: flex;
+ left: -20px;
+`;
export const LiProps = styled.li`
position: relative;
list-style: none;
@@ -220,25 +243,6 @@ export const LiQulifi = styled.li`
margin-bottom: 10px;
list-style: none;
`;
-export const PlusButton = styled.button`
- position: relative;
- cursor: pointer;
- margin-left: ${(props) => props.left}px;
- border-radius: 50%;
- font-family: "NanumGothic", sans-serif;
- font-style: normal;
- font-weight: 700;
- font-size: 24px;
- line-height: 24px;
- background-color: ${(props) => props.theme.colors.mediumGray};
- color: ${(props) => props.theme.colors.black};
- width: 40px;
- height: 40px;
- border: none;
- padding-bottom: 5px;
- top: ${(props) => props.top}px;
- padding-left: 8px;
-`;
export const PlusButtonT = styled.button`
position: relative;
margin: 20px 548px 0px 548px;
@@ -281,21 +285,6 @@ export const QweText = styled.div`
line-height: 24px;
color: ${(props) => props.theme.colors.black};
`;
-export const MinusButton = styled.button`
- position: absolute;
- width: 40px;
- height: 30px;
- color: ${(props) => props.theme.colors.blue};
- font-family: "NanumGothic", sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 18px;
- line-height: 24px;
- border: none;
- border-radius: 50%;
- left: 180px;
- cursor: pointer;
-`;
export const Ring = styled.div`
position: relative;
width: 1136px;
@@ -383,6 +372,17 @@ export const LiWork = styled.li`
height: 40px;
`;
export const ClockText = styled.div`
+ position: relative;
+ margin-top: 5px;
+ width: auto;
+ font-family: "NanumGothic";
+ font-weight: 700;
+ font-size: 24px;
+ height: 24px;
+ color: ${(props) => props.theme.colors.blue};
+ margin-left: 20px;
+`;
+export const ClockTexts = styled.div`
position: relative;
margin-top: 3px;
width: auto;
@@ -507,17 +507,22 @@ export const SubmitButton = styled.div`
position: relative;
width: 180px;
height: 40px;
- padding: 7px 39px;
+ padding: 8px 39px;
background-color: ${(props) => props.theme.colors.blue};
border-radius: 100px;
- font-family: "NanumGothic", sans-serif;
- font-weight: 700;
- font-size: 16px;
+ font: 700 16px "NanumGothic", sans-serif;
color: ${(props) => props.theme.colors.white};
+ cursor: pointer;
+`;
+export const UlPross = styled.ul`
+ position: relative;
+ width: 840px;
+ height: 40px;
left: 0px;
right: 0px;
margin: 70px auto;
- cursor: pointer;
+ display: flex;
+ justify-content: space-between;
`;
export const BoxPropsLi = styled.li`
position: relative;
@@ -561,3 +566,14 @@ export const GradesLi = styled.li`
font: 400 normal 20px "NanumGothic";
color: ${(props) => props.theme.colors.black};
`;
+export const TextGeun = styled.div`
+ margin-top: 50px;
+ font: 500 normal 20px "NanumGothic";
+`;
+export const ImgDown = styled.img`
+ position: relative;
+ width: 17px;
+ height: 17px;
+ top: 3px;
+ left: 5px;
+`;
diff --git a/src/export/data.js b/src/export/data.js
index 37aa3f4..417de8c 100644
--- a/src/export/data.js
+++ b/src/export/data.js
@@ -42,9 +42,9 @@ export const supportData = [
"병특신청",
];
export const workData = [
- { clock: "출근시간", si: "시" },
- { clock: "퇴근시간", si: "시" },
- { clock: "근무시간 (주)", si: "시간" },
+ { clock: "출근시간", si: "시", workTime: 0 },
+ { clock: "퇴근시간", si: "시", workTime: 0 },
+ { clock: "근무시간 (주)", si: "시간", workTime: 0 },
];
export const interviewData = [
{ skill: "서류전형", request: "DOCUMENT" },
@@ -59,3 +59,9 @@ export const interviewData = [
{ skill: "최종 면접", request: "FINAL_INTERVIEW" },
{ skill: "신체 검사", request: "PHYSICAL_TEST" },
];
+export const SubmitData = [
+ { text: "모집의뢰 승인", path: "/notice", method: "put" },
+ { text: "모집의뢰 거부", path: "/notice/approve", method: "delete" },
+ { text: "모집의뢰 삭제", path: "/notice", method: "delete" },
+ { text: "모집의뢰 출력", path: "/notice/out", method: "post" },
+];
diff --git a/src/images/Vector.svg b/src/images/Vector.svg
new file mode 100644
index 0000000..ac3c4c7
--- /dev/null
+++ b/src/images/Vector.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/images/index.js b/src/images/index.js
index 5cf31ad..0a39e9d 100644
--- a/src/images/index.js
+++ b/src/images/index.js
@@ -2,3 +2,4 @@ export { default as SelectImg } from "./Polygon 17.svg";
export { default as SuccessImg } from "./checked.png";
export { default as FailImg } from "./failed.png";
export { default as WaitImg } from "./wait.png";
+export { default as DownLoadImg } from "./Vector.svg";