-
Мои отчеты за
+ {!userId &&
+
Мои отчеты за
+ }
{month}
diff --git a/src/pages/PartnerEmployeeReport/PartnerEmployeeReport.jsx b/src/pages/PartnerEmployeeReport/PartnerEmployeeReport.jsx
new file mode 100644
index 00000000..cc31f54b
--- /dev/null
+++ b/src/pages/PartnerEmployeeReport/PartnerEmployeeReport.jsx
@@ -0,0 +1,131 @@
+import React, { useEffect, useState } from "react";
+import { Navigate, useParams } from "react-router-dom";
+
+import { Footer } from "@components/Common/Footer/Footer";
+import { Navigation } from "@components/Navigation/Navigation";
+import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
+import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
+import { ProfileCalendarComponent } from "@components/ProfileCalendar/ProfileCalendarComponent";
+
+import { apiRequest } from "@api/request";
+
+import "./partnerEmployeeReport.scss";
+import moment from "moment/moment";
+import { useDispatch, useSelector } from "react-redux";
+import { getRequestDates, setRequestDate } from "@redux/reportSlice";
+import { getReports } from "@components/Calendar/calendarHelper";
+import { Loader } from "@components/Common/Loader/Loader";
+
+export const PartnerEmployeeReport = () => {
+ // if (
+ // localStorage.getItem("role_status") !== "18"
+ // ) {
+ // return ;
+ // }
+
+ const params = useParams();
+ const dispatch = useDispatch();
+ const [userInfo, setUserInfo] = useState({})
+ const [value, setValue] = useState(moment());
+ const [reports, setReports] = useState([]);
+ const [totalHours, setTotalHours] = useState(0);
+ const requestDates = useSelector(getRequestDates);
+ const [startRangeDays, setStartRangeDays] = useState(false);
+ const [startDate, setStartDate] = useState(null);
+ const [loader, setLoader] = useState(true);
+
+ useEffect(() => {
+ dispatch(setRequestDate(getReports(moment())));
+ }, []);
+
+ useEffect(() => {
+ apiRequest(
+ `/resume?userId=${params.uuid}`
+ ).then((res) => {
+ setUserInfo(res)
+ });
+ }, [])
+
+ useEffect(() => {
+ setLoader(true);
+ if (!requestDates) {
+ return;
+ }
+ apiRequest(
+ `/reports/index?${requestDates}&user_id=${params.uuid}`
+ ).then((reports) => {
+ let spendTime = 0;
+
+ reports
+ .filter(
+ (item) => new Date(item.created_at).getMonth() === value.month()
+ )
+ .map((report) => {
+ spendTime += report.task.reduce(
+ (acc, task) => acc + task.hours_spent,
+ 0
+ );
+ });
+
+ setTotalHours(Math.floor(spendTime));
+ setReports(reports);
+ setLoader(false);
+ });
+ }, [requestDates]);
+
+ return (
+
+
+
+
+
+ {!Object.keys(userInfo).length ?
+
+
+
+ :
+ <>
+
+
+
{userInfo.fio}
+
{userInfo.position}
+
+
+ {userInfo?.stack && userInfo.stack.map((skill, index) => {
+ return {skill}
+ })}
+
+
+
+ {loader ? (
+
+
+
+ ) : (
+
+
setValue(value)}
+ value={value}
+ reports={reports}
+ totalHours={totalHours}
+ startRangeDays={startRangeDays}
+ toggleRangeDays={() => setStartRangeDays(!startRangeDays)}
+ startDate={startDate}
+ setStartDateRange={(date) => setStartDate(date)}
+ />
+
+ )}
+
+
+ }
+
+
+
Данные персонала
-
- {staff.map((card) => {
- return (
-
- );
- })}
- {/*{personalInfoItems.map((item, index) => {*/}
- {/* return (*/}
- {/*
{*/}
- {/* dispatch(setPartnerEmployees(mokPersons));*/}
- {/* }}*/}
- {/* >*/}
- {/* */}
- {/*
*/}
- {/*
{item.title}
*/}
- {/*
*/}
- {/*
{item.description}
*/}
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/*
У вас нет персонала из категории
*/}
- {/*
*/}
- {/*
+ {staff.map((card) => {
+ return (
+
+ );
+ })}
+ {/*{personalInfoItems.map((item, index) => {*/}
+ {/* return (*/}
+ {/*
{*/}
+ {/* dispatch(setPartnerEmployees(mokPersons));*/}
+ {/* }}*/}
+ {/* >*/}
+ {/* */}
+ {/*
*/}
+ {/*
{item.title}
*/}
+ {/*
*/}
+ {/*
{item.description}
*/}
+ {/*
*/}
+ {/*
*/}
+ {/*
*/}
+ {/*
*/}
+ {/*
У вас нет персонала из категории
*/}
+ {/*
*/}
+ {/*