; + } + + useEffect(() => { + const apiUrl = `${api}&page=${page + 1}&page_size=${rowsPerPage}`; + axios.get(apiUrl).then((response) => { + setTableData(response?.data?.results); + setTotalRows(response?.data?.count); + }); + }, [api, page, rowsPerPage]); + + useEffect(() => { + const d = tableData?.map((item) => { + const result = codeList.map((option) => { + const properties = option.split("."); + let value = item; + for (const property of properties) { + if (property.includes("<")) { + value = replacePlaceholders(option, item); + } else { + value = value[property]; + } + } + return value; + }); + return result; + }); + + setTableRows(d); + }, [tableData, codeList]); + + return ( + + + + + + {columns.map((column, index) => ( + {column} + ))} + + + + {tableRows.map((row, rowIndex) => ( + + {row.map((cell, cellIndex) => ( + {cell} + ))} + + ))} + +

+ + + + + + + + + + { + handleChangePage(event, newPage - 1); + }} + /> + + + ); +} + +export default AdvancedTablePage; + +// sample usage +// diff --git a/src/components/advanced-table/AdvancedTable.js b/src/components/advanced-table/AdvancedTable.js new file mode 100644 index 0000000..b25244e --- /dev/null +++ b/src/components/advanced-table/AdvancedTable.js @@ -0,0 +1,97 @@ +import { + // Paper, + // Table, + // TableCell, + // TableContainer, + // TableRow, + Typography, +} from "@mui/material"; +import MUIDataTable from "mui-datatables"; +import { useEffect, useState } from "react"; +import { PropTypes } from "prop-types"; +// import moment from "moment"; + +export const AdvancedTable = ({ columns, data, name, pagination }) => { + const [rows, setRows] = useState(data); + + useEffect(() => { + setRows(data); + }, [data]); + + useEffect(() => { + const d = data?.map((item) => { + return item?.map((row) => { + if (!row && row !== 0) { + return ""; + } else { + return row; + } + }); + }); + setRows(d); + }, [data]); + + const options = { + viewColumns: false, + filter: true, + print: false, + download: false, + selectableRowsHeader: false, + selectableRowsHideCheckboxes: true, + responsive: "vertical", + pagination: pagination ? pagination : true, + fixedHeader: true, + tableBodyMaxHeight: "70vh", + // localization + textLabels: { + body: { + noMatch: "داده ای جهت نمایش موجود نیست!", + toolTip: "مرتب سازی", + columnHeaderTooltip: (column) => `مرتب سازی بر اساس ${column.label}`, + }, + pagination: { + next: "صفحه بعد", + previous: "صفحه قبل", + rowsPerPage: "تعداد سطر در هر صفحه:", + displayRows: "تعداد کل نتایج: ", + }, + toolbar: { + search: "جستجو", + downloadCsv: "دانلود CSV", + print: "پرینت", + viewColumns: "نمایش سطون ها", + filterTable: "فیلتر جدول", + }, + filter: { + all: "همه", + title: "فیلترها", + reset: "پاکسازی", + }, + viewColumns: { + title: "نمایش ستون ها", + titleAria: "نمایش/بستن ستون های جدول", + }, + selectedRows: { + text: "سطر انتخاب شده است", + delete: "پاک کردن", + deleteAria: "پاک کردن سطرهای انتخاب شده", + }, + }, + }; + + return ( + {name}} + data={rows} + columns={columns} + options={options} + /> + ); +}; + +AdvancedTable.propTypes = { + columns: PropTypes.any, + data: PropTypes.any, + name: PropTypes.any, + expandable: PropTypes.bool, +}; diff --git a/src/components/autocomplete-select/AutocompleteSelect.js b/src/components/autocomplete-select/AutocompleteSelect.js new file mode 100644 index 0000000..ff415b7 --- /dev/null +++ b/src/components/autocomplete-select/AutocompleteSelect.js @@ -0,0 +1,239 @@ +import * as React from "react"; +import PropTypes from "prop-types"; +import CheckIcon from "@mui/icons-material/Check"; +import CloseIcon from "@mui/icons-material/Close"; +import { styled } from "@mui/material/styles"; +import { autocompleteClasses } from "@mui/material/Autocomplete"; +import { Typography, useAutocomplete } from "@mui/material"; +import { Grid } from "../grid/Grid"; + +const Root = styled("div")( + ({ theme }) => ` + color: ${ + theme.palette.mode === "dark" ? "rgba(255,255,255,0.65)" : "rgba(0,0,0,.85)" + }; + font-size: 14px; +` +); + +const Label = styled("label")` + padding: 0 0 4px; + line-height: 1.5; + display: block; +`; + +const InputWrapper = styled("div")( + ({ theme }) => ` + width: 300px; + border: 1px solid ${theme.palette.mode === "dark" ? "#434343" : "#d9d9d9"}; + background-color: ${theme.palette.mode === "dark" ? "#141414" : "#fff"}; + border-radius: 4px; + padding: 1px; + display: flex; + flex-wrap: wrap; + + &:hover { + border-color: ${theme.palette.mode === "dark" ? "#177ddc" : "#40a9ff"}; + } + + &.focused { + border-color: ${theme.palette.mode === "dark" ? "#177ddc" : "#40a9ff"}; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); + } + + & input { + background-color: ${theme.palette.mode === "dark" ? "#141414" : "#fff"}; + color: ${ + theme.palette.mode === "dark" + ? "rgba(255,255,255,0.65)" + : "rgba(0,0,0,.85)" + }; + height: 30px; + box-sizing: border-box; + padding: 4px 6px; + width: 0; + min-width: 30px; + flex-grow: 1; + border: 0; + margin: 0; + outline: 0; + } +` +); + +function Tag(props) { + const { label, onDelete, ...other } = props; + return ( +

+ {label} + +

+ ); +} + +Tag.propTypes = { + label: PropTypes.string.isRequired, + onDelete: PropTypes.func.isRequired, +}; + +const StyledTag = styled(Tag)( + ({ theme }) => ` + display: flex; + align-items: center; + height: 24px; + margin: 2px; + line-height: 22px; + background-color: ${ + theme.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "#fafafa" + }; + border: 1px solid ${theme.palette.mode === "dark" ? "#303030" : "#e8e8e8"}; + border-radius: 2px; + box-sizing: content-box; + padding: 0 4px 0 10px; + outline: 0; + overflow: hidden; + + &:focus { + border-color: ${theme.palette.mode === "dark" ? "#177ddc" : "#40a9ff"}; + background-color: ${theme.palette.mode === "dark" ? "#003b57" : "#e6f7ff"}; + } + + & span { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + & svg { + font-size: 12px; + cursor: pointer; + padding: 4px; + } +` +); + +const Listbox = styled("ul")( + ({ theme }) => ` + width: 300px; + margin: 2px 0 0; + padding: 0; + position: absolute; + list-style: none; + background-color: ${theme.palette.mode === "dark" ? "#141414" : "#fff"}; + overflow: auto; + max-height: 250px; + border-radius: 4px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + z-index: 1; + + & li { + padding: 5px 12px; + display: flex; + + & span { + flex-grow: 1; + } + + & svg { + color: transparent; + } + } + + & li[aria-selected='true'] { + background-color: ${theme.palette.mode === "dark" ? "#2b2b2b" : "#fafafa"}; + font-weight: 600; + + & svg { + color: #1890ff; + } + } + + & li.${autocompleteClasses.focused} { + background-color: ${theme.palette.mode === "dark" ? "#003b57" : "#e6f7ff"}; + cursor: pointer; + + & svg { + color: currentColor; + } + } +` +); + +export function AutocompleteSelect({ + title, + options, + defualtValueIndex, + onChange, +}) { + const { + getInputLabelProps, + getInputProps, + getTagProps, + getListboxProps, + getOptionProps, + groupedOptions, + value, + focused, + setAnchorEl, + } = useAutocomplete({ + id: "customized-hook-demo", + // defaultValue: [options[defualtValueIndex]], + multiple: true, + options: options, + getOptionLabel: (option) => option.title, + }); + + React.useEffect(() => { + onChange(value); + }, [value]); + + return ( + + + + {title} + + + {value.map((option, index) => { + return ( + + + + ); + })} + + + + {groupedOptions.length > 0 ? ( + + {groupedOptions.map((option, index) => ( +

+ + {option.title} + + +

+ ))} + + ) : null} + + + ); +} + +AutocompleteSelect.propTypes = { + title: PropTypes.string, + defualtValueIndex: PropTypes.any, + options: PropTypes.any, + onChange: PropTypes.any, +}; diff --git a/src/components/back-button/BackButton.js b/src/components/back-button/BackButton.js new file mode 100644 index 0000000..c0d67af --- /dev/null +++ b/src/components/back-button/BackButton.js @@ -0,0 +1,21 @@ +import { IconButton, Typography } from "@mui/material"; +import { useNavigate } from "react-router-dom"; +import { Grid } from "../grid/Grid"; +import { SPACING } from "../../data/spacing"; +import StartIcon from "@mui/icons-material/Start"; + +export const BackButton = () => { + const navigate = useNavigate(); + return ( + + navigate(-1)} + > + + بازگشت + + + ); +}; diff --git a/src/components/backdrop/BackDrop.js b/src/components/backdrop/BackDrop.js new file mode 100644 index 0000000..e81f414 --- /dev/null +++ b/src/components/backdrop/BackDrop.js @@ -0,0 +1,26 @@ +import { Backdrop } from "@mui/material"; +import { useContext, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { SidebarContext } from "../../contexts/SidebarContext"; +import { BACKDROP_HIDE } from "../../lib/redux/slices/appSlice"; + +export const BackDrop = () => { + const backdropState = useSelector((state) => state.appSlice.backdrop); + const [, setSidebarMobileState] = useContext(SidebarContext); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(BACKDROP_HIDE()); + }, []); + + return ( + theme.zIndex.drawer + 1, + }} + open={backdropState} + onClick={() => setSidebarMobileState(false)} + > + ); +}; diff --git a/src/components/bank-card/BankCard.js b/src/components/bank-card/BankCard.js new file mode 100644 index 0000000..4d85600 --- /dev/null +++ b/src/components/bank-card/BankCard.js @@ -0,0 +1,61 @@ +import React from "react"; +import PropTypes from "prop-types"; +import { Typography } from "@mui/material"; + +const BankCard = ({ cardNumber, expirationDate, bankName, bankUser }) => ( +

+ اطلاعات بانکی جهت واریز مبلغ + + {bankName} + +

+ +

+ +

+ شماره کارت {cardNumber} +

+ +

{bankUser}

{expirationDate}

+ +

+); + +BankCard.propTypes = { + cardNumber: PropTypes.string.isRequired, + expirationDate: PropTypes.string.isRequired, +}; + +export default BankCard; diff --git a/src/components/box-list/BoxList.js b/src/components/box-list/BoxList.js new file mode 100644 index 0000000..abf3d1e --- /dev/null +++ b/src/components/box-list/BoxList.js @@ -0,0 +1,118 @@ +import React, { useState } from "react"; +import PropTypes from "prop-types"; +import Box from "@mui/material/Box"; +import Typography from "@mui/material/Typography"; +import { Pagination } from "@mui/material"; +import { SPACING } from "../../data/spacing"; +import { Grid } from "../grid/Grid"; + +const BoxList = ({ columns, data, ignore, paginated, name }) => { + const itemsPerPage = 2; + const totalPages = Math.ceil(data?.length / itemsPerPage); + const [currentPage, setCurrentPage] = useState(1); + + function isInIgnoreList(number) { + return ignore?.includes(number); + } + + const startIndex = (currentPage - 1) * itemsPerPage; + const endIndex = startIndex + itemsPerPage; + + const slicedData = paginated ? data.slice(startIndex, endIndex) : data; + + return ( + <> + + {name && ( + + {name} + + )} + {!data.length && ( + + + موردی وجود ندارد! + + + )} + + {slicedData.map((row, rowIndex) => { + let visibleCellIndex = 0; + + return ( + + + {row.map( + (cell, cellIndex) => + !isInIgnoreList(cellIndex) && ( + + + {`${columns[cellIndex]}`} + + + + {cell} + + + ) + )} + + + ); + })} + + + {paginated && ( + + setCurrentPage(page)} + /> + + )} + + ); +}; + +BoxList.propTypes = { + columns: PropTypes.any, + data: PropTypes.any, + ignore: PropTypes.array, + paginated: PropTypes.any, +}; + +export default BoxList; diff --git a/src/components/button-with-icon/ButtonWithIcon.js b/src/components/button-with-icon/ButtonWithIcon.js new file mode 100644 index 0000000..c8a430a --- /dev/null +++ b/src/components/button-with-icon/ButtonWithIcon.js @@ -0,0 +1,42 @@ +import { Paper, Typography } from "@mui/material"; +import { PropTypes } from "prop-types"; +import { SPACING } from "../../data/spacing"; +import { Grid } from "../grid/Grid"; + +export const ButtonWithIcon = ({ Icon, onClick, title }) => { + return ( + + + + + + {title} + + + + + ); +}; + +ButtonWithIcon.propTypes = { + Icon: PropTypes.any, + onClick: PropTypes.func, + title: PropTypes.string, +}; diff --git a/src/components/captcha/Captcha.js b/src/components/captcha/Captcha.js new file mode 100644 index 0000000..908243f --- /dev/null +++ b/src/components/captcha/Captcha.js @@ -0,0 +1,143 @@ +import { TextField } from "@mui/material"; +import PropTypes from "prop-types"; +import React, { Component } from "react"; +// import "./captcha.css"; + +function getRandomInt(min, max) { + min = Math.ceil(min); + max = Math.floor(max); + return Math.floor(Math.random() * (max - min)) + min; +} + +class Captcha extends Component { + state = { + solution: getRandomInt(111111, 999999), + input: "", + }; + + componentDidMount = () => { + this.drawCaptcha(); + // this.props.captchaSolution(this.state.solution.toString()); + }; + + drawCaptcha = () => { + const { solution } = this.state; + const { width, height } = this.canvas; + const ctx = this.canvas.getContext("2d"); + ctx.clearRect(0, 0, width, height); + ctx.font = "40px serif"; + ctx.textAlign = "center"; + ctx.textBaseline = "middle"; + ctx.fillText(solution, width / 2, height / 2 + 3); + ctx.strokeStyle = "#000000"; + ctx.beginPath(); + ctx.moveTo(getRandomInt(5, 20), getRandomInt(5, 20)); + ctx.lineTo(width - getRandomInt(5, 20), height - getRandomInt(5, 20)); + ctx.stroke(); + ctx.moveTo(getRandomInt(5, 20), height - getRandomInt(5, 20)); + ctx.lineTo(width - getRandomInt(5, 20), getRandomInt(5, 20)); + ctx.stroke(); + ctx.closePath(); + this.canvas.style.backgroundColor = "transparent"; + }; + + refresh = () => { + this.setState( + { + solution: getRandomInt(111111, 999999), + input: "", + }, + this.drawCaptcha + ); + }; + + playAudio = () => { + const { solution } = this.state; + let audio = new SpeechSynthesisUtterance( + solution.toString().split("").join(" ") + ); + audio.rate = 0.25; + window.speechSynthesis.speak(audio); + }; + + handleChange = (e) => { + const { onChange } = this.props; + const { solution } = this.state; + this.setState({ input: e.target.value }); + onChange(e.target.value === solution.toString()); + }; + + render() { + const { input } = this.state; + return ( +

+ +

+ ); + } +} + +Captcha.defaultProps = { + placeholder: "کد امنیتی را وارد کنید...", +}; + +Captcha.propTypes = { + onChange: PropTypes.func.isRequired, + placeholder: PropTypes.string, +}; + +export default Captcha; diff --git a/src/components/car-pelak/CarPelak.js b/src/components/car-pelak/CarPelak.js new file mode 100644 index 0000000..5cdd250 --- /dev/null +++ b/src/components/car-pelak/CarPelak.js @@ -0,0 +1,250 @@ +import { Grid } from "../grid/Grid"; +import pelakImg from "../../assets/images/pelak.jpg"; +import { FormControl, MenuItem, Select, TextField } from "@mui/material"; +import { SPACING } from "../../data/spacing"; +import { useFormik } from "formik"; +import { Yup } from "../../lib/yup/yup"; +import { PropTypes } from "prop-types"; +import { useEffect, useState } from "react"; + +export const CarPelak = ({ handleChange, pelakState, pelakInitial }) => { + const formik = useFormik({ + initialValues: { + driver_name: "", + driver_mobile: "", + type_car: "ایسوزو", + type_weight: "سنگین", + capocity: "", + pelak1: pelakInitial?.split(" ")[0] ? pelakInitial?.split(" ")[0] : "", + pelak2: pelakInitial?.split(" ")[1] ? pelakInitial?.split(" ")[1] : "", + pelak3: pelakInitial?.split(" ")[2] ? pelakInitial?.split(" ")[2] : "", + pelak4: pelakInitial?.split(" ")[3] ? pelakInitial?.split(" ")[3] : "", + // name: "", + }, + validationSchema: Yup.object({ + driver_name: Yup.string() + .matches( + /^[ض‌ص‌ث‌ق‌ف‌غ‌ع‌ه‌خ‌خ‌ح‌ج‌چ‌ش‌س‌ی‌ب‌ل‌ا‌ت‌ن‌ن‌م‌ک‌گ‌ظ‌ط‌ز‌ر‌ذ‌د‌و‌پ‌آ‌ژ ]+$/, + "فقط حروف فارسی وارد کنید" + ) + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + driver_mobile: Yup.string() + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }) + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + type_weight: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + capocity: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + pelak1: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + pelak2: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + pelak3: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + pelak4: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + name: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + const [flag, setFlag] = useState(true); + useEffect(() => { + if (pelakState?.length && flag) { + setFlag(false); + const [pelak1, pelak2, pelak3, pelak4] = pelakState; + formik.setFieldValue("pelak1", pelak1); + formik.setFieldValue("pelak2", pelak2); + formik.setFieldValue("pelak3", pelak3); + formik.setFieldValue("pelak4", pelak4); + } + }, [pelakState]); + + useEffect(() => { + handleChange( + formik.values.pelak1 ? formik.values.pelak1 : "", + formik.values.pelak2 ? formik.values.pelak2 : "", + formik.values.pelak3 ? formik.values.pelak3 : "", + formik.values.pelak4 ? formik.values.pelak4 : "" + ); + }, [ + formik.values.pelak1, + formik.values.pelak2, + formik.values.pelak3, + formik.values.pelak4, + ]); + + return ( + + + + + + + + + + + + {/* */} + + + + + + + + + + + + ); +}; + +CarPelak.propTypes = { + pelak1: PropTypes.number, + pelak2: PropTypes.number, + pelak3: PropTypes.number, + pelak4: PropTypes.number, + handleChange: PropTypes.any, +}; diff --git a/src/components/chart-bar/ChartBar.js b/src/components/chart-bar/ChartBar.js new file mode 100644 index 0000000..fdf150a --- /dev/null +++ b/src/components/chart-bar/ChartBar.js @@ -0,0 +1,19 @@ +import React from "react"; +import { Bar } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +defaults.font.family = "iranyekan"; + +const ChartBar = ({ chartData, options }) => { + console.log(ChartJs); + return ; +}; + +export default ChartBar; + +ChartBar.propTypes = { + chartData: PropTypes.any, + options: PropTypes.any, +}; diff --git a/src/components/chart-bar/hot it works.txt b/src/components/chart-bar/hot it works.txt new file mode 100644 index 0000000..b769191 --- /dev/null +++ b/src/components/chart-bar/hot it works.txt @@ -0,0 +1,133 @@ +const AdminStatics = () => { + const UserDataBase = [ + { id: 1, year: 1401, userGain: 6400, userLost: 400 }, + { id: 2, year: 1401, userGain: 7100, userLost: 250 }, + { id: 3, year: 1402, userGain: 10000, userLost: 500 }, + { id: 3, year: 1399, userGain: 3500, userLost: 110 }, + ]; + const [userData] = useState({ + labels: UserDataBase.map((data) => data.year), + datasets: [ + { + label: "Users Gained", + data: UserDataBase.map((data) => data.userGain), + backgroundColor: [ + "rgba(255, 29, 255, 0.5)", + "rgba(0, 255, 0, 0.5)", + "rgba(0, 172, 62, 0.5)", + "rgba(255, 0, 0, 0.5)", + "rgba(255, 121, 189, 0.5)", + ], + hoverBackgroundColor: "rgba(119, 222, 227, 0.5)", + opacity: "10%", + borderColor: "green", + borderWidth: 1, + }, + ], + }); + + const [userBarData] = useState({ + labels: UserDataBase.map((data) => data.year), + datasets: [ + { + label: "تعداد", + fillColor: "blue", + data: [3, 7, 4], + }, + { + label: "تلفات", + fillColor: "red", + data: [4, 3, 5], + }, + { + label: "کشتار شده", + fillColor: "green", + data: [7, 2, 6], + }, + ], + }); + + const myUserDataBase = [ + { id: 1, year: 15, userGain: 20, userLost: 10 }, + { id: 2, year: 10, userGain: 2, userLost: 10 }, + { id: 2, year: 30, userGain: 15, userLost: 10 }, + { id: 2, year: 20, userGain: 20, userLost: 13 }, + ]; + + let mydata = myUserDataBase.map((data) => { + return { x: data.userGain, y: data.userLost, r: data.year }; + }); + + console.log(mydata); + + const [bubbleData] = useState({ + datasets: [ + { + label: "Users Gained", + data: mydata, + backgroundColor: [ + "rgba(255, 29, 255, 0.8)", + "rgba(0, 255, 0, 0.9)", + "rgba(0, 172, 62, 0.6)", + "rgba(255, 0, 0, 0.5)", + "rgba(255, 121, 189, 0.2)", + ], + opacity: "10%", + borderColor: "green", + borderWidth: 1, + }, + ], + }); + + return ( + + + + + + + + + + + + {" "} + + + + + + + ); +}; + +export default AdminStatics; diff --git a/src/components/chart-bubble/ChartBubble.js b/src/components/chart-bubble/ChartBubble.js new file mode 100644 index 0000000..d7e465d --- /dev/null +++ b/src/components/chart-bubble/ChartBubble.js @@ -0,0 +1,18 @@ +import React from "react"; +import { Bubble } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +defaults.font.family = "iranyekan"; + +const ChartBubble = ({ chartData }) => { + console.log(ChartJs); + return ; +}; + +export default ChartBubble; + +ChartBubble.propTypes = { + chartData: PropTypes.any, +}; diff --git a/src/components/chart-doughnut/ChartDoughnut.js b/src/components/chart-doughnut/ChartDoughnut.js new file mode 100644 index 0000000..8b8ee28 --- /dev/null +++ b/src/components/chart-doughnut/ChartDoughnut.js @@ -0,0 +1,18 @@ +import React from "react"; +import { Doughnut } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +defaults.font.family = "iranyekan"; + +const ChartDoughnut = ({ chartData }) => { + console.log(ChartJs); + return ; +}; + +export default ChartDoughnut; + +ChartDoughnut.propTypes = { + chartData: PropTypes.any, +}; diff --git a/src/components/chart-linear/ChartLenear.js b/src/components/chart-linear/ChartLenear.js new file mode 100644 index 0000000..ba52be0 --- /dev/null +++ b/src/components/chart-linear/ChartLenear.js @@ -0,0 +1,19 @@ +import React from "react"; +import { Line } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +console.log(ChartJs); + +defaults.font.family = "iranyekan"; + +const ChartLinear = ({ chartData }) => { + return ; +}; + +export default ChartLinear; + +ChartLinear.propTypes = { + chartData: PropTypes.any, +}; diff --git a/src/components/chart-pie/ChartPie.js b/src/components/chart-pie/ChartPie.js new file mode 100644 index 0000000..fb90dd7 --- /dev/null +++ b/src/components/chart-pie/ChartPie.js @@ -0,0 +1,18 @@ +import React from "react"; +import { Pie } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +defaults.font.family = "iranyekan"; + +const ChartPie = ({ chartData }) => { + console.log(ChartJs); + return ; +}; + +export default ChartPie; + +ChartPie.propTypes = { + chartData: PropTypes.any, +}; diff --git a/src/components/chart-polar-area/ChartPolarArea.js b/src/components/chart-polar-area/ChartPolarArea.js new file mode 100644 index 0000000..f9c28e0 --- /dev/null +++ b/src/components/chart-polar-area/ChartPolarArea.js @@ -0,0 +1,18 @@ +import React from "react"; +import { PolarArea } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +defaults.font.family = "iranyekan"; + +const ChartPolarArea = ({ chartData }) => { + console.log(ChartJs); + return ; +}; + +export default ChartPolarArea; + +ChartPolarArea.propTypes = { + chartData: PropTypes.any, +}; diff --git a/src/components/chart-radar/ChartRadar.js b/src/components/chart-radar/ChartRadar.js new file mode 100644 index 0000000..28758bf --- /dev/null +++ b/src/components/chart-radar/ChartRadar.js @@ -0,0 +1,18 @@ +import React from "react"; +import { Radar } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +defaults.font.family = "iranyekan"; + +const ChartRadar = ({ chartData }) => { + console.log(ChartJs); + return ; +}; + +export default ChartRadar; + +ChartRadar.propTypes = { + chartData: PropTypes.any, +}; diff --git a/src/components/chart-scatter/ChartScatter.js b/src/components/chart-scatter/ChartScatter.js new file mode 100644 index 0000000..d456d30 --- /dev/null +++ b/src/components/chart-scatter/ChartScatter.js @@ -0,0 +1,18 @@ +import React from "react"; +import { Scatter } from "react-chartjs-2"; +import { Chart as ChartJs } from "chart.js/auto"; +import { PropTypes } from "prop-types"; +import { defaults } from "chart.js"; + +defaults.font.family = "iranyekan"; + +const ChartScatter = ({ chartData }) => { + console.log(ChartJs); + return ; +}; + +export default ChartScatter; + +ChartScatter.propTypes = { + chartData: PropTypes.any, +}; diff --git a/src/components/chat-system/ChatSystem.js b/src/components/chat-system/ChatSystem.js new file mode 100644 index 0000000..f65e77a --- /dev/null +++ b/src/components/chat-system/ChatSystem.js @@ -0,0 +1,546 @@ +import React, { useContext, useEffect, useRef, useState } from "react"; +import { + Fab, + Box, + Paper, + Typography, + IconButton, + TextField, + Button, + Avatar, + Tooltip, +} from "@mui/material"; +import ChatIcon from "@mui/icons-material/Chat"; +import CloseIcon from "@mui/icons-material/Close"; +// import SendIcon from "@mui/icons-material/Send"; +import { motion, AnimatePresence } from "framer-motion"; +import { Formik, Form, Field } from "formik"; +import * as Yup from "yup"; +import { useDispatch, useSelector } from "react-redux"; +import { getTickets } from "./services/getTickets"; +import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos"; +import ContactSupportIcon from "@mui/icons-material/ContactSupport"; +import { getMessages } from "./services/getMessages"; +import { submitTicket } from "./services/submitTicket"; +import { AppContext } from "../../contexts/AppContext"; +import DoDisturbOffIcon from "@mui/icons-material/DoDisturbOff"; +import { closeTicket } from "./services/closeTicket"; +import messageSound from "../../assets/message.mp3"; +import { submitMessage } from "./services/submitMessage"; + +const ChatButton = () => { + const dispatch = useDispatch(); + const [showChat, setShowChat] = useState(false); + const [tickets, setTickets] = useState([]); + const [single, setSingle] = useState(false); + const [singleId, setSingleId] = useState(); + const [openNotif] = useContext(AppContext); + const { role } = useSelector((item) => item.userSlice); + + const [messages, setMessages] = useState([]); + + const toggleChat = () => { + setShowChat(!showChat); + }; + + const getTicketsFunction = () => { + if (showChat === true) { + dispatch(getTickets()).then((r) => { + setTickets(r.payload.data); + }); + } + }; + const prevLengthRef = useRef(messages.length); + + const getMessagesFunction = (id) => { + const mlength = prevLengthRef.current; + const audio = new Audio(messageSound); + + dispatch(getMessages({ ticketId: id })).then((r) => { + const d = r.payload.data.map((item) => { + return { + text: item?.message, + sender: item?.sender, + }; + }); + setMessages(d); + if (prevLengthRef === 0) { + prevLengthRef.current = d.length; + } else if ( + d.length > mlength && + !role.includes("SuperAdmin") && + d[d.length - 1].sender === "admin" + ) { + prevLengthRef.current = d.length; + + audio.play(); + } + }); + }; + useEffect(() => { + if (singleId) { + getMessagesFunction(singleId, true); + const intervalId = setInterval(() => { + getMessagesFunction(singleId, true); + }, 5000); + + return () => clearInterval(intervalId); + } + }, [singleId]); + + useEffect(() => { + getTicketsFunction(); + }, [showChat]); + + const handleSendMessage = (values, { resetForm }) => { + if (!single) { + dispatch( + submitTicket({ + title: values.ticket, + userlocation: window.location.pathname, + picture: null, + text: null, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + getTicketsFunction(); + }); + resetForm(); + } else { + setMessages([ + ...messages, + { + text: values.message, + sender: role.includes("SuperAdmin") ? "admin" : "user", + }, + ]); + resetForm(); + dispatch( + submitMessage({ + message: values.message, + sender: role.includes("SuperAdmin") ? "admin" : "user", + user_location: window.location.pathname, + ticket: singleId, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + getMessagesFunction(singleId); + }); + } + }; + + return ( +

+ + {!showChat && ( + + + + + + )} + + + + {showChat && ( + <> + {!single ? ( + + + + گفتگو با پشتیبان + + + + + + {tickets?.map((item) => { + return ( + + { + setSingle(true); + setSingleId(item?.id); + }} + style={{ color: "gray", cursor: "pointer" }} + > + {item?.title} + + + {item?.status === "open" ? ( + + { + dispatch( + closeTicket({ ticket: item.id }) + ).then(() => { + getTicketsFunction(); + }); + }} + className="bluehover" + style={{ cursor: "pointer" }} + > + + + + ) : ( + + + + + + )} + + ); + })} + + {!role?.includes("SuperAdmin") && ( + + + {({ errors, touched }) => ( + + + )} + + + ) : ( + + + + + گفتگو با{" "} + {role.includes("SuperAdmin") ? "کاربر" : "پشتیبان"} + + { + setSingle(false); + setSingleId(""); + getTicketsFunction(); + }} + > + + + + + {messages.length ? ( + + {messages.map((message, index) => ( + + ))} + + ) : ( + + پیامی موجود نیست! + + )} + + + + {({ errors, touched }) => ( + + + + + )} + + )} + +

+ ); +}; + +const Message = ({ message, sender }) => { + const isUser = sender === "user"; + const [tooltipTitle, setTooltipTitle] = useState("جهت کپی محل کلیک کنید"); + + const handleClickMessage = () => { + navigator.clipboard + .writeText(message?.userLocation) + .then(() => { + setTooltipTitle("کپی شد"); + setTimeout(() => { + setTooltipTitle("جهت کپی محل کلیک کنید"); + }, 1000); + }) + .catch((err) => { + console.error(err); + console.error("مشکلی بوجود آمد!!"); + }); + }; + + return ( + + {" "} + {isUser ? ( + + + {message.text} + + + ) : ( + + {message.text} + + )} + + ); +}; + +export default ChatButton; diff --git a/src/components/chat-system/services/closeTicket.js b/src/components/chat-system/services/closeTicket.js new file mode 100644 index 0000000..0418880 --- /dev/null +++ b/src/components/chat-system/services/closeTicket.js @@ -0,0 +1,11 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const closeTicket = createAsyncThunk("CLOSE_TICKET", async (d) => { + try { + const { data, status } = await axios.put("ticket/0/", d); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } +}); diff --git a/src/components/chat-system/services/getMessages.js b/src/components/chat-system/services/getMessages.js new file mode 100644 index 0000000..c28b4ef --- /dev/null +++ b/src/components/chat-system/services/getMessages.js @@ -0,0 +1,9 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getMessages = createAsyncThunk("GET_Messages", async (d) => { + const { data, status } = await axios.get("message/", { + params: { ticket: d.ticketId }, + }); + return { data, status }; +}); diff --git a/src/components/chat-system/services/getTickets.js b/src/components/chat-system/services/getTickets.js new file mode 100644 index 0000000..7d2cb74 --- /dev/null +++ b/src/components/chat-system/services/getTickets.js @@ -0,0 +1,7 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getTickets = createAsyncThunk("GET_Tickets", async (d) => { + const { data, status } = await axios.get("ticket/"); + return { data, status }; +}); diff --git a/src/components/chat-system/services/submitMessage.js b/src/components/chat-system/services/submitMessage.js new file mode 100644 index 0000000..fd03b92 --- /dev/null +++ b/src/components/chat-system/services/submitMessage.js @@ -0,0 +1,11 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const submitMessage = createAsyncThunk("SUBMIT_MESSAGE", async (d) => { + try { + const { data, status } = await axios.post("message/", d); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } +}); diff --git a/src/components/chat-system/services/submitTicket.js b/src/components/chat-system/services/submitTicket.js new file mode 100644 index 0000000..776a9e4 --- /dev/null +++ b/src/components/chat-system/services/submitTicket.js @@ -0,0 +1,11 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const submitTicket = createAsyncThunk("SUBMIT_TICKET", async (d) => { + try { + const { data, status } = await axios.post("ticket/", d); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } +}); diff --git a/src/components/check-clearance-code/ChechClearanceCode.js b/src/components/check-clearance-code/ChechClearanceCode.js new file mode 100644 index 0000000..38d41a8 --- /dev/null +++ b/src/components/check-clearance-code/ChechClearanceCode.js @@ -0,0 +1,227 @@ +import React, { useState, useRef } from "react"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + Grid, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import PageviewIcon from "@mui/icons-material/Pageview"; +import EditIcon from "@mui/icons-material/Edit"; +import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline"; +import { PropTypes } from "prop-types"; + +import { editBarClearanceBar } from "../../features/slaughter-house/services/edit_bar_clearance_code"; +import { AppContext } from "../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../lib/yup/yup"; +import { useFormik } from "formik"; + +export const CheckCleanceCode = ({ + clearanceCode, + onSave, + bar_key, + register_type, +}) => { + const dispatch = useDispatch(); + const { openNotif } = React.useContext(AppContext); + const [isEditing, setIsEditing] = useState(false); + const [isSaving, setIsSaving] = useState(false); + const inputRef = useRef(null); + + const formik = useFormik({ + initialValues: { + clearanceCode: clearanceCode || "", + }, + validationSchema: Yup.object({ + clearanceCode: Yup.string() + .required("این فیلد اجباری است!") + .matches(/^[A-Z0-9]+$/, "فقط حروف بزرگ و عدد مجاز است!"), + }), + + onSubmit: async (values) => { + setIsSaving(true); + + try { + const result = await dispatch( + editBarClearanceBar({ + key: bar_key, + bar_clearance_code: values.clearanceCode, + }) + ); + + if (result.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: result.error.message || "خطا در ذخیره سازی", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کد با موفقیت ذخیره شد", + severity: "success", + }); + if (onSave) onSave(values.clearanceCode); + setIsEditing(false); + } + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "خطا در ارتباط با سرور", + severity: "error", + }); + } finally { + setIsSaving(false); + } + }, + }); + + const handleOpenModal = () => { + setIsEditing(true); + }; + + const canEdit = register_type === "manual"; + + return ( + + {formik.values.clearanceCode ? ( + + ) : null} + {canEdit && ( + + + {formik.values.clearanceCode ? ( + + ) : ( + + )} + + + )} + {isEditing && ( + + )} + + ); +}; + +const ViewCodeComponent = ({ clearanceCode }) => { + const formRef = useRef(null); + + const handleImageClick = () => { + if (formRef.current) { + formRef.current.submit(); + } + }; + return ( + + + + + {clearanceCode} + + + ); +}; + +CheckCleanceCode.propTypes = { + clearanceCode: PropTypes.any, + onSave: PropTypes.func, + bar_key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + register_type: PropTypes.string, +}; + +ViewCodeComponent.propTypes = { + clearanceCode: PropTypes.any, +}; diff --git a/src/components/custom-card/CustomCard.js b/src/components/custom-card/CustomCard.js new file mode 100644 index 0000000..c34a2ad --- /dev/null +++ b/src/components/custom-card/CustomCard.js @@ -0,0 +1,55 @@ +import React from "react"; +import { Card, Typography } from "@mui/material"; + +function CustomCard(props) { + const { title, value, imageUrl } = props; + + return ( + + {/* This content will be po sitioned on top of the image */} + + {title} + + + {value} + + + ); +} + +export default CustomCard; diff --git a/src/components/date-picker/CustomDatePicker.js b/src/components/date-picker/CustomDatePicker.js new file mode 100644 index 0000000..6a2ec9a --- /dev/null +++ b/src/components/date-picker/CustomDatePicker.js @@ -0,0 +1,158 @@ +import React, { useState, useEffect, useRef } from "react"; +import "./TimePicker.css"; +import { Typography } from "@mui/material"; + +const TimePicker = ({ + value = "", + onChange, + label = "زمان", + disabled = false, + className = "", +}) => { + const [time, setTime] = useState(value); + const [isOpen, setIsOpen] = useState(false); + const timePickerRef = useRef(null); + + const hours = Array.from({ length: 24 }, (_, i) => + i.toString().padStart(2, "0") + ); + const minutes = Array.from({ length: 12 }, (_, i) => + (i * 5).toString().padStart(2, "0") + ); + + useEffect(() => { + setTime(value); + }, [value]); + + const [currentHour, currentMinute] = time ? time.split(":") : ""; + const selectedHour = currentHour || "00"; + const selectedMinute = currentMinute || "00"; + + useEffect(() => { + const handleClickOutside = (event) => { + if ( + timePickerRef.current && + !timePickerRef.current.contains(event.target) + ) { + setIsOpen(false); + } + }; + + document.addEventListener("mousedown", handleClickOutside); + return () => document.removeEventListener("mousedown", handleClickOutside); + }, []); + + const handleHourChange = (hour) => { + const newTime = `${hour}:${selectedMinute}:00`; + setTime(newTime); + onChange(newTime); + }; + + const handleMinuteChange = (minute) => { + const newTime = `${selectedHour}:${minute}:00`; + setTime(newTime); + onChange(newTime); + setIsOpen(false); + }; + + const handleInputChange = (e) => { + const value = e.target.value; + if (/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/.test(value) || value === "") { + setTime(value); + if (value.includes(":") && value.length === 5) { + const formatted = `${value}:00`; + onChange(formatted); + } + } + }; + const handleInputBlur = () => { + if (!time.includes(":") || time.length !== 5) { + setTime(selectedHour + ":" + selectedMinute); + } + }; + + return ( +

+ + {label && {label}} + +

+ {/* eslint-disable-next-line */} + setIsOpen(true)} + placeholder="hh:mm" + className="time-picker-input" + disabled={disabled} + aria-haspopup="listbox" + aria-expanded={isOpen} + /> + +

+ + {isOpen && ( +

دقیقه

+ {minutes.map((minute) => ( + + ))} +

ساعت

+ {hours.map((hour) => ( + + ))} +

+ )} +

+ ); +}; + +export default TimePicker; diff --git a/src/components/date-picker/MonthlyDataCalendar.js b/src/components/date-picker/MonthlyDataCalendar.js new file mode 100644 index 0000000..e7b0f24 --- /dev/null +++ b/src/components/date-picker/MonthlyDataCalendar.js @@ -0,0 +1,401 @@ +import React, { useState, useEffect, useRef } from "react"; +import { + Box, + Typography, + Card, + Grid, + IconButton, + Popover, + TextField, +} from "@mui/material"; +import { + ChevronLeft, + ChevronRight, + CalendarMonthOutlined, +} from "@mui/icons-material"; +import PersianDate from "persian-date"; +import moment from "moment"; + +const MonthlyDataCalendar = ({ + onDateSelect, + dayData = {}, + selectedDate = null, + label = "انتخاب تاریخ", + className = "", + disableToday = false, + maxGregorianDate = null, + customDateFilter = null, +}) => { + const [currentMonth, setCurrentMonth] = useState(new PersianDate()); + const [calendarDays, setCalendarDays] = useState([]); + const [anchorEl, setAnchorEl] = useState(null); + const inputRef = useRef(null); + + const open = Boolean(anchorEl); + + const handleClick = () => { + setAnchorEl(inputRef.current); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + // Get Persian month names + const monthNames = [ + "فروردین", + "اردیبهشت", + "خرداد", + "تیر", + "مرداد", + "شهریور", + "مهر", + "آبان", + "آذر", + "دی", + "بهمن", + "اسفند", + ]; + + const dayNames = ["ش", "ی", "د", "س", "چ", "پ", "ج"]; + + const getDayData = (formattedDate) => { + return dayData[formattedDate] || null; + }; + + const isDateEnabled = (date) => { + const dateStr = date.format("YYYY/MM/DD"); + + if (customDateFilter) { + return customDateFilter(date, dateStr, dayData); + } + + const today = new PersianDate(); + const twoDaysAgo = new PersianDate().subtract("day", 2); + const oneDayAgo = new PersianDate().subtract("day", 1); + + const todayStr = today.format("YYYY/MM/DD"); + const twoDaysAgoStr = twoDaysAgo.format("YYYY/MM/DD"); + const oneDayAgoStr = oneDayAgo.format("YYYY/MM/DD"); + + const isTodayAllowed = disableToday ? false : dateStr === todayStr; + + let isAfterMax = false; + if (maxGregorianDate) { + const gregorianOfCell = date.toDate ? date.toDate() : new Date(); + isAfterMax = moment(gregorianOfCell).isAfter( + moment(maxGregorianDate), + "day" + ); + } + + const hasData = dayData[dateStr] !== undefined; + const isActive = + hasData && + (dayData[dateStr].active === undefined || + dayData[dateStr].active === true); + + return ( + !isAfterMax && + (isTodayAllowed || + dateStr === twoDaysAgoStr || + dateStr === oneDayAgoStr || + isActive) + ); + }; + + useEffect(() => { + const generateCalendar = () => { + const days = []; + const year = currentMonth.year(); + const month = currentMonth.month(); + const daysInMonth = currentMonth.daysInMonth(); + + const firstDayOfMonth = new PersianDate([year, month, 1]); + let dayOfWeek = firstDayOfMonth.day(); + if (dayOfWeek >= 1 && dayOfWeek <= 7) { + dayOfWeek = dayOfWeek - 1; + } + dayOfWeek = dayOfWeek % 7; + + for (let i = 0; i < dayOfWeek; i++) { + days.push(null); + } + + for (let day = 1; day <= daysInMonth; day++) { + const date = new PersianDate([year, month, day]); + const today = new PersianDate(); + const isEnabled = isDateEnabled(date); + const formattedDate = date.format("YYYY/MM/DD"); + const data = getDayData(formattedDate); + const hasZeroValue = isEnabled && data && data.value1 === 0; + + days.push({ + date: date, + day: day, + formattedDate: formattedDate, + isToday: + date.year() === today.year() && + date.month() === today.month() && + date.date() === today.date(), + isEnabled: isEnabled, + hasZeroValue: hasZeroValue, + }); + } + + setCalendarDays(days); + }; + + generateCalendar(); + }, [currentMonth, dayData]); + + const handleDayClick = (dayInfo) => { + if (dayInfo && dayInfo.isEnabled && !dayInfo.hasZeroValue && onDateSelect) { + onDateSelect(dayInfo); + handleClose(); + } + }; + + const handleNextMonth = () => { + const nextMonth = new PersianDate([ + currentMonth.year(), + currentMonth.month() + 1, + 1, + ]); + setCurrentMonth(nextMonth); + }; + + const handlePrevMonth = () => { + const prevMonth = new PersianDate([ + currentMonth.year(), + currentMonth.month() - 1, + 1, + ]); + setCurrentMonth(prevMonth); + }; + + const isSelected = (formattedDate) => { + return selectedDate && selectedDate === formattedDate; + }; + + const formatNumber = (num) => { + if (num === null || num === undefined) return ""; + return num.toLocaleString("fa-IR"); + }; + + const getDisplayValue = () => { + if (!selectedDate) return ""; + const dayInfo = calendarDays.find( + (d) => d && d.formattedDate === selectedDate + ); + return dayInfo + ? `${dayInfo.day.toLocaleString("fa-IR")} ${ + monthNames[dayInfo.date.month() - 1] + }` + : selectedDate; + }; + + return ( + + + + + ), + }} + sx={{ + cursor: "pointer", + width: "100%", + fontSize: { xs: "13px", sm: "16px" }, + }} + /> + + + + + + + + + + {monthNames[currentMonth.month() - 1]} {currentMonth.year()} + + + + + + + + + {dayNames.map((dayName, index) => ( + + + {dayName} + + + ))} + + + + {calendarDays.map((dayInfo, index) => { + if (!dayInfo) { + // Empty cell + return ( + + + + ); + } + + const data = getDayData(dayInfo.formattedDate); + const isSelectedDay = isSelected(dayInfo.formattedDate); + + let bgColor = "#fff"; + let borderColor = "#e0e0e0"; + let opacity = 1; + let cursorStyle = "pointer"; + + if (!dayInfo.isEnabled || dayInfo.hasZeroValue) { + bgColor = "#f5f5f5"; + borderColor = "#d0d0d0"; + opacity = dayInfo.hasZeroValue ? 0.4 : 0.25; + cursorStyle = "not-allowed"; + } else if (isSelectedDay) { + bgColor = "#e3f2fd"; + borderColor = "#1976d2"; + } + + if ( + dayInfo.isToday && + dayInfo.isEnabled && + !dayInfo.hasZeroValue + ) { + borderColor = "#ff9800"; + } + + return ( + + handleDayClick(dayInfo)} + sx={{ + aspectRatio: "1/1", + cursor: cursorStyle, + transition: "all 0.2s ease", + backgroundColor: bgColor, + border: { + xs: `1.5px solid ${borderColor}`, + sm: `2px solid ${borderColor}`, + }, + display: "flex", + flexDirection: "column", + alignItems: "center", + justifyContent: "center", + p: { xs: 0.5, sm: 1 }, + gap: { xs: 0.25, sm: 0.5 }, + opacity: opacity, + "&:hover": + dayInfo.isEnabled && !dayInfo.hasZeroValue + ? { + transform: "scale(1.05)", + boxShadow: "0 4px 12px rgba(0,0,0,0.15)", + backgroundColor: "#f5f5f5", + } + : {}, + }} + > + + {dayInfo.day.toLocaleString("fa-IR")} + + + {data && data.value1 !== undefined && ( + + {formatNumber(data.value1)} + + )} + + + ); + })} + + + + + ); +}; + +export default MonthlyDataCalendar; diff --git a/src/components/date-picker/TimePicker.css b/src/components/date-picker/TimePicker.css new file mode 100644 index 0000000..2a7fa98 --- /dev/null +++ b/src/components/date-picker/TimePicker.css @@ -0,0 +1,121 @@ +.time-picker { + position: relative; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, + Ubuntu, Cantarell, sans-serif; + width: 100%; + max-width: 100px; +} + +.time-picker-label { + display: block; + margin-bottom: 8px; + font-size: 14px; + color: #333; + font-weight: 500; +} + +.time-picker-input-container { + position: relative; + display: flex; + align-items: center; +} + +.time-picker-input { + width: 100%; + padding: 10px 40px 10px 12px; + border: 1px solid #ddd; + border-radius: 6px; + font-size: 14px; + transition: border-color 0.2s; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.time-picker-input:focus { + outline: none; + border-color: #4a90e2; + box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2); +} + +.time-picker-input:disabled { + background-color: #f5f5f5; + cursor: not-allowed; +} + +.time-picker-toggle { + position: absolute; + right: 8px; + background: none; + border: none; + cursor: pointer; + color: #666; + padding: 4px; + display: flex; + align-items: center; + justify-content: center; +} + +.time-picker-toggle:disabled { + color: #ccc; + cursor: not-allowed; +} + +.time-picker-toggle:hover:not(:disabled) { + color: #333; +} + +.time-picker-dropdown { + position: absolute; + top: 0; + transform: translateY(-100%); + left: 0; + margin-bottom: 4px; + background: white; + border: 1px solid #ddd; + border-radius: 6px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + z-index: 1000; + display: flex; + max-height: 300px; + overflow-y: auto; +} + +.time-picker-column { + flex: 1; + min-width: 60px; +} + +.time-picker-header { + padding: 8px 12px; + font-size: 12px; + font-weight: 600; + color: #666; + background-color: #f9f9f9; + border-bottom: 1px solid #eee; + text-align: center; +} + +.time-picker-list { + overflow-y: auto; + max-height: 250px; +} + +.time-picker-item { + display: block; + width: 100%; + padding: 8px 12px; + border: none; + background: none; + text-align: center; + cursor: pointer; + font-size: 14px; + color: #333; +} + +.time-picker-item:hover { + background-color: #f0f7ff; +} + +.time-picker-item.selected { + background-color: #4a90e2; + color: white; +} diff --git a/src/components/dialog-alert/DialogAlert.js b/src/components/dialog-alert/DialogAlert.js new file mode 100644 index 0000000..5fe2aeb --- /dev/null +++ b/src/components/dialog-alert/DialogAlert.js @@ -0,0 +1,72 @@ +import * as React from "react"; +import Dialog from "@mui/material/Dialog"; +import DialogActions from "@mui/material/DialogActions"; +import DialogContent from "@mui/material/DialogContent"; +import DialogContentText from "@mui/material/DialogContentText"; +import DialogTitle from "@mui/material/DialogTitle"; +import Slide from "@mui/material/Slide"; +import { PropTypes } from "prop-types"; +import { Checkbox, Typography } from "@mui/material"; +import { Grid } from "../grid/Grid"; +import { SPACING } from "../../data/spacing"; + +const Transition = React.forwardRef(function Transition(props, ref) { + return ; +}); + +export function DialogAlert({ title, content, actions, btnTitle, isAccepted }) { + const [open, setOpen] = React.useState(false); + + const handleClickOpen = () => { + setOpen(true); + }; + + const handleClose = () => { + setOpen(false); + }; + + return ( +

+ + + + + {btnTitle} + + + + + +

+ ); +} + +DialogAlert.propTypes = { + title: PropTypes.string, + content: PropTypes.string, + btnTitle: PropTypes.string, + isAccepted: PropTypes.bool, + actions: PropTypes.array, +}; diff --git a/src/components/drawer/Drawer.js b/src/components/drawer/Drawer.js new file mode 100644 index 0000000..746ea84 --- /dev/null +++ b/src/components/drawer/Drawer.js @@ -0,0 +1,145 @@ +import * as React from "react"; +import Drawer from "@mui/material/Drawer"; +import { useDispatch, useSelector } from "react-redux"; +import { useEffect } from "react"; +import { DRAWER } from "../../lib/redux/slices/appSlice"; +import { Grid } from "../grid/Grid"; +import { Box, Button, Typography } from "@mui/material"; +import { SPACING } from "../../data/spacing"; + +export default function TemporaryDrawer() { + const { drawer } = useSelector((state) => state.appSlice); + const dispatch = useDispatch(); + + const [state, setState] = React.useState({ + top: false, + left: false, + bottom: false, + right: false, + size: false, + content: false, + }); + + useEffect(() => { + dispatch( + DRAWER({ + top: false, + left: false, + bottom: false, + right: false, + title: null, + content: null, + size: 310, + }) + ); + }, []); + + useEffect(() => { + if (!drawer) { + setState({ + top: false, + left: false, + bottom: false, + right: false, + size: null, + content: null, + }); + } else { + setState(drawer); + } + }, [drawer]); + + const toggleDrawer = (anchor, open) => (event) => { + if ( + event.type === "keydown" && + (event.key === "Tab" || event.key === "Shift") + ) { + return; + } + dispatch( + DRAWER({ + [anchor]: open, + }) + ); + // setState({ ...state, [anchor]: open }); + }; + const list = (anchor) => ( + + + + + {drawer.title} + + + + + + {drawer?.content} + + ); + + return ( +

+ {["left", "right", "top", "bottom"].map((anchor) => ( + + + {list(anchor)} + + + ))} +

+ ); +} diff --git a/src/components/error-fallback/ErrorFallback.js b/src/components/error-fallback/ErrorFallback.js new file mode 100644 index 0000000..f4b7e57 --- /dev/null +++ b/src/components/error-fallback/ErrorFallback.js @@ -0,0 +1,200 @@ +import { Button, Typography } from "@mui/material"; +// import { LottiePlayer } from "lottie-react"; +import { PropTypes } from "prop-types"; +import { Grid } from "../grid/Grid"; +import groovyWalkAnimation from "../../assets/lottie/error.json"; +import Lottie from "lottie-react"; +import useUserProfile from "../../features/authentication/hooks/useUserProfile"; +import { useEffect } from "react"; + +export function ErrorFallback({ error, resetErrorBoundary }) { + useEffect(() => { + const body = document.body; + body.style.background = "#341f97"; + + return () => { + body.style.background = ""; + }; + }, []); + + const nVer = navigator.appVersion; + const nAgt = navigator.userAgent; + let browserName = navigator.appName; + let fullVersion = "" + parseFloat(navigator.appVersion); + let majorVersion = parseInt(navigator.appVersion, 10); + let nameOffset, verOffset, ix; + + // In Opera, the true version is after "OPR" or after "Version" + if ((verOffset = nAgt.indexOf("OPR")) !== -1) { + browserName = "Opera"; + fullVersion = nAgt.substring(verOffset + 4); + if ((verOffset = nAgt.indexOf("Version")) !== -1) + fullVersion = nAgt.substring(verOffset + 8); + } + // In MS Edge, the true version is after "Edg" in userAgent + else if ((verOffset = nAgt.indexOf("Edg")) !== -1) { + browserName = "Microsoft Edge"; + fullVersion = nAgt.substring(verOffset + 4); + } + // In MSIE, the true version is after "MSIE" in userAgent + else if ((verOffset = nAgt.indexOf("MSIE")) !== -1) { + browserName = "Microsoft Internet Explorer"; + fullVersion = nAgt.substring(verOffset + 5); + } + // In Chrome, the true version is after "Chrome" + else if ((verOffset = nAgt.indexOf("Chrome")) !== -1) { + browserName = "Chrome"; + fullVersion = nAgt.substring(verOffset + 7); + } + // In Safari, the true version is after "Safari" or after "Version" + else if ((verOffset = nAgt.indexOf("Safari")) !== -1) { + browserName = "Safari"; + fullVersion = nAgt.substring(verOffset + 7); + if ((verOffset = nAgt.indexOf("Version")) !== -1) + fullVersion = nAgt.substring(verOffset + 8); + } + // In Firefox, the true version is after "Firefox" + else if ((verOffset = nAgt.indexOf("Firefox")) !== -1) { + browserName = "Firefox"; + fullVersion = nAgt.substring(verOffset + 8); + } + // In most other browsers, "name/version" is at the end of userAgent + else if ( + (nameOffset = nAgt.lastIndexOf(" ") + 1) < + (verOffset = nAgt.lastIndexOf("/")) + ) { + browserName = nAgt.substring(nameOffset, verOffset); + fullVersion = nAgt.substring(verOffset + 1); + if (browserName.toLowerCase() === browserName.toUpperCase()) { + browserName = navigator.appName; + } + } + // trim the fullVersion string at semicolon/space if present + if ((ix = fullVersion.indexOf(";")) !== -1) + fullVersion = fullVersion.substring(0, ix); + if ((ix = fullVersion.indexOf(" ")) !== -1) + fullVersion = fullVersion.substring(0, ix); + + majorVersion = parseInt("" + fullVersion, 10); + if (isNaN(majorVersion)) { + fullVersion = "" + parseFloat(navigator.appVersion); + majorVersion = parseInt(navigator.appVersion, 10); + } + + let OSName = "Unknown OS"; + if (navigator.appVersion.indexOf("Win") !== -1) OSName = "Windows"; + if (navigator.appVersion.indexOf("Mac") !== -1) OSName = "MacOS"; + if (navigator.appVersion.indexOf("X11") !== -1) OSName = "UNIX"; + if (navigator.appVersion.indexOf("Linux") !== -1) OSName = "Linux"; + + const [, userProfile] = useUserProfile(); + + const reportObj = { + error: { + stack: error?.stack || "No stack trace available", + msg: error?.message || "Unknown error", + }, + url: window.location?.href || window.location, + userProfile: userProfile || null, + date: new Date(), + os: OSName, + browserName, + browserVersion: fullVersion + "-" + majorVersion, + navigatorAppName: navigator.appName, + navigatorAppVersion: nVer, + navigatorUserAgent: nAgt, + }; + + useEffect(() => { + console.log( + { error, reportObj }, + JSON.stringify(error, null, 2), + "Current Error" + ); + }, [error]); + useEffect(() => { + if (error) { + // if (window.location.hostname !== "localhost") { + // fetch("https://core-inventory.iran.liara.run/crashes/rasadyar/", { + // method: "POST", // or 'PUT' + // headers: { + // "Content-Type": "application/json", + // }, + // body: JSON.stringify(reportObj), + // }) + // .then((response) => response.json()) + // .then((data) => { + // }) + // .catch((error) => { + // console.error("Error:", error); + // }); + // } + } + }, [error]); + + return ( + + + + {groovyWalkAnimation ? ( + + ) : ( + + ⚠️ + + )} + + + + متاسفیم، این بخش در دست توسعه است! + + + + + مشکل شما به بخش فنی گزارش داده شد و در حال رفع مشکل هستیم، لطفا چند + لحظه دیگر تلاش کنید. + + + + + در صورت رفع نشدن مشکل با شماره 02128421237 تماس حاصل فرمایید. + + + + + + + + + ); +} + +ErrorFallback.propTypes = { + error: PropTypes.any, + resetErrorBoundary: PropTypes.any, +}; diff --git a/src/components/error-fallback/style.css b/src/components/error-fallback/style.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/excel-link/ExcelLink.js b/src/components/excel-link/ExcelLink.js new file mode 100644 index 0000000..6fbe0a6 --- /dev/null +++ b/src/components/excel-link/ExcelLink.js @@ -0,0 +1,58 @@ +import { Tooltip } from "@mui/material"; +import axios from "axios"; +import React, { useContext } from "react"; +import { getRoleFromUrl } from "../../utils/getRoleFromUrl"; +import { useSelector } from "react-redux"; +import "./styles.css"; +import { AppContext } from "../../contexts/AppContext"; + +export const ExcelLink = ({ link, text, fontSize, role, token, fColor }) => { + const authToken = useSelector((state) => state.userSlice.authToken); + const [openNotif] = useContext(AppContext); + + return ( + <> + {" "} + {getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" ? ( + + { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.", + severity: "success", + }); + }} + className="cell" + style={{ + textDecoration: "none", + fontSize: fontSize ? fontSize : "12px", + color: fColor ? fColor : "white", + }} + href={ + link + ? `${axios.defaults.baseURL}${link}${ + role ? `&role=${getRoleFromUrl()}` : "" + }${token ? `&token=${authToken}` : ""}` + : "#" + } + > + {text} + + + ) : ( + + {text} + + )} + + ); +}; diff --git a/src/components/excel-link/styles.css b/src/components/excel-link/styles.css new file mode 100644 index 0000000..60211d3 --- /dev/null +++ b/src/components/excel-link/styles.css @@ -0,0 +1,3 @@ +.cell:hover { + color: white !important; +} diff --git a/src/components/file-uploader/FileUploader.js b/src/components/file-uploader/FileUploader.js new file mode 100644 index 0000000..56b86d7 --- /dev/null +++ b/src/components/file-uploader/FileUploader.js @@ -0,0 +1,185 @@ +import React, { useContext, useEffect, useState } from "react"; +import CloudUploadIcon from "@mui/icons-material/CloudUpload"; +import { styled } from "@mui/material/styles"; +import { + Button, + IconButton, + Typography, + Box, + LinearProgress, + Chip, +} from "@mui/material"; +import CloseIcon from "@mui/icons-material/Close"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import { AppContext } from "../../contexts/AppContext"; +import { motion, AnimatePresence } from "framer-motion"; + +const VisuallyHiddenInput = styled("input")({ + clip: "rect(0 0 0 0)", + clipPath: "inset(50%)", + height: 1, + overflow: "hidden", + position: "absolute", + bottom: 0, + left: 0, + whiteSpace: "nowrap", + width: 1, +}); + +const CompactFileItem = styled(motion.div)(({ theme }) => ({ + display: "flex", + alignItems: "center", + justifyContent: "space-between", + padding: theme.spacing(0.5), + margin: theme.spacing(0.25, 0), + borderRadius: theme.shape.borderRadius, + "&:hover": { + backgroundColor: theme.palette.action.hover, + }, +})); + +export const FileUploader = ({ onChange }) => { + const [filesList, setFilesList] = useState([]); + const [isUploading, setIsUploading] = useState(false); + const [uploadProgress, setUploadProgress] = useState(0); + const [openNotif] = useContext(AppContext); + + const handleFileUpload = (event) => { + const file = event.target.files[0]; + if (!file) return; + + if (file.size > 5000000) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "حجم فایل بیش از حد مجاز است!", + severity: "error", + }); + return; + } + + setIsUploading(true); + setUploadProgress(0); + + const interval = setInterval(() => { + setUploadProgress((prev) => { + if (prev >= 100) { + clearInterval(interval); + setIsUploading(false); + return 100; + } + return prev + 10; + }); + }, 100); + + setFilesList((prev) => [...prev, file]); + }; + + const handleRemoveFile = (index) => { + setFilesList((prevFiles) => prevFiles.filter((_, i) => i !== index)); + }; + + useEffect(() => { + if (onChange) { + onChange(filesList); + } + }, [filesList, onChange]); + + return ( + + + + + {!!filesList.length && ( + + + {isUploading && ( + + )} + + {filesList.map((item, i) => ( + + + + + {item.name} + + + + handleRemoveFile(i)} + size="small" + sx={{ p: 0.5 }} + > + + + + ))} + + + )} + + + ); +}; diff --git a/src/components/flex-table/ColsListItems.js b/src/components/flex-table/ColsListItems.js new file mode 100644 index 0000000..9ed1e58 --- /dev/null +++ b/src/components/flex-table/ColsListItems.js @@ -0,0 +1,42 @@ +// Import necessary dependencies from Material-UI +import React, { useEffect, useState } from "react"; +import List from "@mui/material/List"; +import ListItem from "@mui/material/ListItem"; +import Checkbox from "@mui/material/Checkbox"; +import Typography from "@mui/material/Typography"; + +// Define your CompactList component +const ColsListItems = ({ items, changeColsHandler }) => { + // State to manage the checked items + const [checkedItems, setCheckedItems] = useState(items); + + // Function to handle checkbox state changes + const handleCheckboxChange = (item) => { + const prevItems = checkedItems.filter((it) => it.name !== item.name); + let newItem = { ...item }; + newItem.hide = !newItem.hide; + + const arrayOfObjects = [...prevItems, newItem]; + setCheckedItems(arrayOfObjects); + }; + + useEffect(() => { + changeColsHandler(checkedItems); + }, [checkedItems]); + + return ( + + {checkedItems.map((item) => ( + + handleCheckboxChange(item)} + /> + {item.name} + + ))} + + ); +}; + +export default ColsListItems; diff --git a/src/components/flex-table/FlexTable.js b/src/components/flex-table/FlexTable.js new file mode 100644 index 0000000..7fe84fc --- /dev/null +++ b/src/components/flex-table/FlexTable.js @@ -0,0 +1,194 @@ +import { useEffect, useMemo, useState } from "react"; +import { + MaterialReactTable, + useMaterialReactTable, +} from "material-react-table"; +import { MRT_Localization_FA } from "material-react-table/locales/fa"; +import { Grid } from "../grid/Grid"; +import { useSelector } from "react-redux"; +import { formatJustDate } from "../../utils/formatTime"; +import axios from "axios"; +import { Box } from "@mui/material"; +import { RowItemCity } from "./RowItemCity"; + +export const FlexTable = () => { + const { authToken } = useSelector((state) => state.userSlice); + const [data, setData] = useState([]); + const [isError, setIsError] = useState(false); + const [isLoading, setIsLoading] = useState(false); + const [isRefetching, setIsRefetching] = useState(false); + const [rowCount, setRowCount] = useState(0); + + const [columnFilters, setColumnFilters] = useState([]); + const [globalFilter, setGlobalFilter] = useState(""); + const [sorting, setSorting] = useState([]); + const [pagination, setPagination] = useState({ + pageIndex: 0, + pageSize: 10, + }); + + useEffect(() => { + const fetchData = async () => { + if (!data.length) { + setIsLoading(true); + } else { + setIsRefetching(true); + } + const url = new URL( + `${axios.defaults.baseURL}poultry_requests_for_total_information_in_table/?date1=2023-12-24&date2=2023-12-26&search=filter&value=` + ); + // url.searchParams.set( + // "page", + // `${pagination.pageIndex * pagination.pageSize}` + // ); + + url.searchParams.set("page", `${pagination.pageIndex + 1}`); + url.searchParams.set("size", `${pagination.pageSize}`); + url.searchParams.set("filters", JSON.stringify(columnFilters ?? [])); + url.searchParams.set("globalFilter", globalFilter ?? ""); + url.searchParams.set("sorting", JSON.stringify(sorting ?? [])); + + try { + const response = await fetch(url.href, { + headers: { + Authorization: `Bearer ${authToken}`, + }, + }); + const json = await response.json(); + const refineData = json.results.map((item) => { + let sellType = ""; + + if (item.directBuying) { + sellType = "خرید مستقیم"; + } else if (item.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return { + shomarehParvande: item?.order_code, + tarikhKoshtar: formatJustDate(item?.send_date), + noeForoosh: sellType, + farmMorghdar: item?.poultry?.unit_name, + tedad: item?.quantity?.toLocaleString(), + vaznTotal: (item?.quantity * item?.Index_weight)?.toLocaleString(), + ghimatMorghdar: item?.amount?.toLocaleString() + " ریال", + item, + }; + }); + setData(refineData); + setRowCount(json.count); + } catch (error) { + setIsError(true); + console.error(error); + return; + } + setIsError(false); + setIsLoading(false); + setIsRefetching(false); + }; + fetchData(); + }, [ + columnFilters, + globalFilter, + pagination.pageIndex, + pagination.pageSize, + sorting, + ]); + + const columns = useMemo( + () => [ + { + accessorKey: "shomarehParvande", + header: "شماره پرونده", + }, + { + accessorKey: "tarikhKoshtar", + header: "تاریخ کشتار", + }, + { + accessorKey: "noeForoosh", + header: "نوع فروش", + }, + { + accessorKey: "farmMorghdar", + header: "فارم (مرغدار)", + }, + { + accessorKey: "tedad", + header: "تعداد", + }, + { + accessorKey: "vaznTotal", + header: "وزن کل (کیلوگرم)", + }, + { + accessorKey: "ghimatMorghdar", + header: "قیمت مرغدار", + }, + ], + [] + ); + + const table = useMaterialReactTable({ + columns, + data, + renderDetailPanel: ({ row }) => { + return ( + + + {/* Address */} + {/* City: {row.original.city} + State: {row.original.state} + Country: {row.original.country} */} + + ); + }, + enableRowSelection: true, + getRowId: (row) => row.key, + initialState: { + showColumnFilters: true, + density: "compact", + enableRowOrdering: false, + }, + manualFiltering: true, + manualPagination: true, + enableStickyHeader: true, + manualSorting: true, + muiToolbarAlertBannerProps: isError + ? { + color: "error", + children: "مشکلی پیش آمده است.", + } + : undefined, + onColumnFiltersChange: setColumnFilters, + onGlobalFilterChange: setGlobalFilter, + onPaginationChange: setPagination, + onSortingChange: setSorting, + rowCount, + state: { + columnFilters, + globalFilter, + isLoading, + pagination, + showAlertBanner: isError, + showProgressBars: isRefetching, + sorting, + }, + enableColumnOrdering: true, + localization: MRT_Localization_FA, + }); + + return ( + + + + ); +}; diff --git a/src/components/flex-table/RowItemCity.js b/src/components/flex-table/RowItemCity.js new file mode 100644 index 0000000..ac3b59d --- /dev/null +++ b/src/components/flex-table/RowItemCity.js @@ -0,0 +1,181 @@ +import { + Accordion, + AccordionDetails, + AccordionSummary, + Typography, +} from "@mui/material"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import { Grid } from "../grid/Grid"; +import { SPACING } from "../../data/spacing"; + +const styles = { + tableInNewPage: { + pageBreakAfter: "always", + paddingLeft: "40px", + paddingRight: "40px", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + fontFamily: "titr", + marginBottom: "5px", + marginTop: "15px", + borderRadius: "10px", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + fontWeight: "bolder", + color: "#403e3e", + }, + tableCellGreen: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + color: "white", + fontWeight: "bolder", + backgroundColor: "rgba(26, 188, 156, 0.7)", + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + whiteSpace: "nowrap", + }, + tableHeader: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + pageBreakAfter: "auto", + }, + headerRow: { + background: "linear-gradient(to right, #E684AE, #79CBCA, #77A1D3)", + backgroundColor: "rgba(232, 67, 147, 0.4)", + color: "#422020", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + + tableHeaderCell: { + fontSize: 14, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + }, + tableHeaderCellGreen: { + backgroundColor: "rgba(26, 188, 156, 0.7)", + fontSize: 12, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + color: "white", + }, + footer: { + left: 0, + bottom: 0, + width: "100%", + position: "absolute", + }, + footerContainer: { + alignItems: "center", + display: "flex", + }, + + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + titleOfTable: { + marginRight: "20px", + fontSize: "15px", + }, + tableCellAlert: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + color: "red", + }, + levelDetails: { + color: "red", + fontSize: 12, + }, +}; + +export const RowItemCity = ({ item }) => { + return ( + + } + aria-controls="panel1a-content" + className="row-item-table-accordion" + > + مرحله شهرستان + + + + مرحله شهرستان + + + + + + + + + + + + {item?.city_state?.date ? ( + + + + + + + + + + + ) : ( + + )} +

اپراتور	سمت	تلفن	تعاونی مرغدار	آدرس	وضعیت
+ {item?.city_state?.city_operator_fullname} +	اپراتور شهرستان	+ {item?.city_state?.city_operator_mobile} +	{item?.city_state?.poultry}	+ {item?.city_state?.province + + " - " + + item?.city_state?.city} +	+ {item?.city_state?.state === "accept" + ? "تایید شده" + : "رد شده"} +
+ هنوز شهرستان پرونده را تائید نکرده است +

+ + + + ); +}; diff --git a/src/components/grid/Grid.js b/src/components/grid/Grid.js new file mode 100644 index 0000000..7a0fbcc --- /dev/null +++ b/src/components/grid/Grid.js @@ -0,0 +1,130 @@ +import React, { useState, useRef, useEffect } from "react"; +import Grid2 from "@mui/material/Unstable_Grid2"; +import { PropTypes } from "prop-types"; +import { styled } from "@mui/material/styles"; +import Button from "@mui/material/Button"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import ExpandLessIcon from "@mui/icons-material/ExpandLess"; + +const ToggleButton = styled(Button)({ + position: "absolute", + opacity: "50%", + bottom: 0, + right: 0, + transform: "translateX(-50%)", + minWidth: "auto", + padding: "2px 8px", + backgroundColor: "white", + border: "1px solid #B0B0B0", + borderRadius: "10px 10px 0 0", + "&:hover": { + backgroundColor: "#f5f5f5", + }, + zIndex: 100, +}); + +const StyledGrid = styled(Grid2)( + ({ theme, isDashboard, isPolicy, isLocked, isExpanded }) => ({ + ...(isDashboard + ? { + position: "relative", + overflow: "hidden", + "&::before": { + content: '""', + position: "absolute", + top: 0, + left: 0, + right: 0, + pointerEvents: "none", + zIndex: -1, + }, + padding: theme.spacing(2), + background: theme.palette.background.paper, + boxShadow: "rgba(100, 100, 111, 0.2) 2px 6px 6px 2px", + borderRadius: "2px 2px 10px 10px", + zIndex: 0, + } + : isPolicy && { + padding: "10px", + color: "#727272", + borderStyle: "solid", + borderColor: "#B0B0B0", + borderWidth: "1px", + borderRadius: "8px", + width: "270px", + background: isLocked ? "#EAEFFF" : "white", + height: isExpanded ? "auto" : "100px", + overflow: isExpanded ? "unset" : "hidden", + position: "relative", + "&:hover": { + backgroundColor: isLocked ? "#EAEFFF" : "#f5f5f5", + }, + }), + }) +); + +export const Grid = (props) => { + const { children, isDashboard, isPolicy, ...rest } = props; + const [isExpanded, setIsExpanded] = useState(false); + const [showToggle, setShowToggle] = useState(false); + const [isFirstRender, setIsFirstRender] = useState(true); + const contentRef = useRef(null); + + useEffect(() => { + if (isPolicy && contentRef.current) { + const contentHeight = contentRef.current.scrollHeight; + setShowToggle(contentHeight > 120); + } + }, [children, isPolicy]); + + setTimeout(() => { + setIsFirstRender(false); + }, 3000); + + const toggleExpand = () => { + setIsExpanded(!isExpanded); + }; + + useEffect(() => { + if (contentRef.current) { + const contentHeight = contentRef.current.scrollHeight; + if (contentHeight > 120) { + if (!isFirstRender) { + setIsExpanded(true); + } + } else { + setIsExpanded(false); + } + } + }, [contentRef?.current?.scrollHeight]); + + return ( + + {children} + {isPolicy && showToggle && ( + + {isExpanded ? : } + + )} + + ); +}; + +Grid.propTypes = { + children: PropTypes.any, + isDashboard: PropTypes.bool, + isPolicy: PropTypes.bool, + isLocked: PropTypes.bool, +}; + +Grid.defaultProps = { + isDashboard: false, + isPolicy: false, + isLocked: false, +}; diff --git a/src/components/image-upload/ImageUpload.js b/src/components/image-upload/ImageUpload.js new file mode 100644 index 0000000..d2dea61 --- /dev/null +++ b/src/components/image-upload/ImageUpload.js @@ -0,0 +1,137 @@ +import ReactImageUploading from "react-images-uploading"; +import { Grid } from "../grid/Grid"; +import { Button, IconButton, Tooltip } from "@mui/material"; +import UploadIcon from "@mui/icons-material/Upload"; +import { SPACING } from "../../data/spacing"; +import React from "react"; +import { PropTypes } from "prop-types"; +import PublishedWithChangesIcon from "@mui/icons-material/PublishedWithChanges"; +import DeleteIcon from "@mui/icons-material/Delete"; + +export const ImageUpload = ({ + images, + onChange, + maxNumber, + title, + disabled, + showImages, + size, +}) => { + let showImagesList; + if (showImages === undefined || showImages === true) { + showImagesList = true; + } else { + showImagesList = false; + } + + return ( + + {({ + imageList, + onImageUpload, + onImageRemoveAll, + onImageUpdate, + onImageRemove, + isDragging, + dragProps, + }) => ( + // write your building UI + + {showImagesList && ( + <> + {imageList.map((image, index) => ( + + profile

+ + + + onImageUpdate(index)} + > + + + + + + + onImageRemove(index)} + > + + + + + + + ))} + + )} + + {imageList?.length !== maxNumber && ( + + + + )} + + )} + + ); +}; + +ImageUpload.propTypes = { + images: PropTypes.array, + onChange: PropTypes.func, + maxNumber: PropTypes.number, + title: PropTypes.string, + disabled: PropTypes.any, +}; diff --git a/src/components/img-uploader/ImgUploader.js b/src/components/img-uploader/ImgUploader.js new file mode 100644 index 0000000..f6428ab --- /dev/null +++ b/src/components/img-uploader/ImgUploader.js @@ -0,0 +1,38 @@ +import React, { useState } from "react"; +import { Box, Input, Typography } from "@mui/material"; + +const ImgUploader = () => { + const [selectedImage, setSelectedImage] = useState(null); + const [imageUrl, setImageUrl] = useState(null); + + const handleFileChange = (event) => { + const selectedFile = event.target.files[0]; + if (selectedFile) { + const reader = new FileReader(); + reader.onload = () => { + setSelectedImage(selectedFile); + setImageUrl(reader.result); + }; + reader.readAsDataURL(selectedFile); + } + }; + + return ( + + سند: + + {selectedImage && ( + +

+ + )} + + ); +}; + +export default ImgUploader; diff --git a/src/components/inspection-details-modal/InspectionDetailsModal.js b/src/components/inspection-details-modal/InspectionDetailsModal.js new file mode 100644 index 0000000..bf854e9 --- /dev/null +++ b/src/components/inspection-details-modal/InspectionDetailsModal.js @@ -0,0 +1,551 @@ +import React, { useState } from "react"; +import { Box, Typography, Tab, Tabs, IconButton, Divider } from "@mui/material"; +import { Grid } from "../grid/Grid"; +import { SPACING } from "../../data/spacing"; +import { LabelField } from "../label-field/LabelField"; +import CloseIcon from "@mui/icons-material/Close"; +import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf"; +import axios from "axios"; + +export const InspectionDetailsModal = ({ item }) => { + const [statusTab, setStatusTab] = useState(0); + const [fullscreenMedia, setFullscreenMedia] = useState(null); + + const handleStatusTabChange = (newValue) => { + setStatusTab(newValue); + }; + + const handleOpenFullscreen = (mediaUrl) => { + setFullscreenMedia(mediaUrl); + }; + + const handleCloseFullscreen = () => { + setFullscreenMedia(null); + }; + + const handleDownloadPdf = () => { + const baseUrl = axios.defaults.baseURL || ""; + const url = `${baseUrl}poultry_science_report_pdf/?key=${item?.key}`; + window.open(url, "_blank"); + }; + + const formatDate = (dateString) => { + if (!dateString) return "---"; + try { + const date = new Date(dateString); + return date.toLocaleDateString("fa-IR"); + } catch { + return dateString; + } + }; + + const formatDateTime = (dateString) => { + if (!dateString) return "---"; + try { + const date = new Date(dateString); + return `${date.toLocaleDateString("fa-IR")} (${date.toLocaleTimeString( + "fa-IR", + { hour: "2-digit", minute: "2-digit" } + )})`; + } catch { + return dateString; + } + }; + + const poultry = item?.hatching?.poultry || {}; + const hatching = item?.hatching || {}; + const reportInfo = item?.reportInformation || {}; + + const informationData = { + "نام واحد مرغداری": poultry?.unitName || "---", + "کد یکتا / شناسه واحد": poultry?.breedingUniqueId || "---", + "پروانه بهداشتی": poultry?.healthCertificateNumber || "---", + "مجوز جوجه ریزی": hatching?.licenceNumber || "---", + "کد اپیدمیولوژیک": poultry?.epidemiologicalCode || "---", + "اعتبار پروانه بهره برداری": poultry?.operatingLicenceCapacity + ? `${poultry.operatingLicenceCapacity}` + : "---", + "وضعیت مستاجر": hatching?.hasTenant + ? hatching?.InteractTypeName || "دارد" + : "ندارد", + "نام مالک / بهره بردار": poultry?.user?.fullname || "---", + "نوع مالکیت": hatching?.InteractTypeName || "---", + "کد ملی بهره بردار": + poultry?.user?.nationalId || poultry?.user?.nationalCode || "---", + استان: poultry?.address?.province?.name || poultry?.provinceName || "---", + شهر: poultry?.address?.city?.name || poultry?.cityName || "---", + "مختصات جغرافیایی": + poultry?.Lat && poultry?.Long + ? `${poultry.Lat}, ${poultry.Long}` + : item?.lat && item?.log + ? `${item.lat}, ${item.log}` + : "---", + "شماره تماس بهره بردار": poultry?.user?.mobile || "---", + "ظرفیت اسمی واحدها": poultry?.totalCapacity + ? `${poultry.totalCapacity.toLocaleString()}` + : "---", + + "تاریخ جوجه ریزی": formatDateTime(hatching?.date), + "تاریخ بازدید": formatDateTime(item?.date), + "تعداد جوجه ریزی اولیه": hatching?.quantity + ? `${hatching.quantity.toLocaleString()}` + : "---", + "تعداد جوجه ریزی توسط دامپزشکی": hatching?.quantity + ? `${hatching.quantity.toLocaleString()}` + : "---", + "تعداد جوجه طبق خود اظهاری مرغدار": hatching?.quantity + ? `${hatching.quantity.toLocaleString()}` + : "---", + "منبع تهیه جوجه": reportInfo?.casualties?.sourceOfHatching || "---", + "سن جوجه در زمان بازدید": hatching?.chickenAge + ? `${hatching.chickenAge} روز` + : hatching?.nowAge + ? `${hatching.nowAge} روز` + : "---", + "نوع نژاد": hatching?.chickenBreed || "---", + }; + + const generalCondition = reportInfo?.generalConditionHall || {}; + const casualties = reportInfo?.casualties || {}; + const technicalOfficer = reportInfo?.technicalOfficer || {}; + + const healthMonitoringData = { + "وضعیت بهداشتی سالن": generalCondition?.healthStatus || "---", + "وضعیت تهویه": generalCondition?.ventilationStatus || "---", + "وضعیت بستر": generalCondition?.bedCondition || "---", + "دما و رطوبت سالن با توجه به سن جوجه": generalCondition?.temperature + ? `${generalCondition.temperature} درجه` + : "---", + "کیفیت آب مصرفی": generalCondition?.drinkingWaterQuality || "---", + "منبع آب مصرفی": generalCondition?.drinkingWaterSource || "---", + "تعداد تلفات عادی دوره": casualties?.normalLosses + ? `${casualties.normalLosses}` + : "---", + "تلفات غیر عادی": casualties?.abnormalLosses + ? `${casualties.abnormalLosses}` + : "---", + "علت تلفات غیر عادی": casualties?.causeAbnormalLosses || "---", + "نوع بیماری تشخیصی": casualties?.typeDisease || "---", + "نمونه برداری انجام شده": casualties?.samplingDone ? "بله" : "خیر", + "نوع نمونه": casualties?.typeSampling || "---", + "نام مسئول فنی بهداشتی": technicalOfficer?.technicalHealthOfficer || "---", + "نام مسئول فنی نظام مهندسی": + technicalOfficer?.technicalEngineeringOfficer || "---", + }; + + const inputStatus = reportInfo?.inputStatus || {}; + const infrastructureEnergy = reportInfo?.infrastructureEnergy || {}; + const facilities = reportInfo?.facilities || {}; + const hr = reportInfo?.hr || {}; + + const infrastructureData = { + "وضعیت نهاده": inputStatus?.inputStatus || "---", + "نوع دان": inputStatus?.typeOfGrain || "---", + "کیفیت دانه": inputStatus?.gradeGrain || "---", + "موجودی تا روز بازدید": inputStatus?.inventoryUntilVisit || "---", + "موجودی در انبار": inputStatus?.inventoryInWarehouse || "---", + "کد رهگیری": inputStatus?.trackingCode || "---", + "نام شرکت": inputStatus?.companyName || "---", + "نوع ژنراتور": infrastructureEnergy?.generatorType || "---", + "مدل ژنراتور": infrastructureEnergy?.generatorModel || "---", + "تعداد ژنراتور": infrastructureEnergy?.generatorCount || "---", + "نوع سوخت": infrastructureEnergy?.fuelType || "---", + "ظرفیت ژنراتور": infrastructureEnergy?.generatorCapacity + ? `${infrastructureEnergy.generatorCapacity.toLocaleString()}` + : "---", + "میزان موجودی سوخت اضطراری (لیتر)": + infrastructureEnergy?.emergencyFuelInventory + ? `${infrastructureEnergy.emergencyFuelInventory.toLocaleString()}` + : "---", + "سابقه قطعی برق دوره جاری": infrastructureEnergy?.hasPowerCutHistory + ? "بله" + : "خیر", + "مدت زمان قطعی": infrastructureEnergy?.powerCutDuration + ? `${infrastructureEnergy.powerCutDuration} ساعت` + : "---", + "ساعت قطعی": infrastructureEnergy?.powerCutHour || "---", + "عملکرد ژنراتور": infrastructureEnergy?.generatorPerformance || "---", + "توضیحات تکمیلی": infrastructureEnergy?.additionalNotes || "---", + "تعداد افراد شاغل": hr?.numberEmployed ? `${hr.numberEmployed}` : "---", + "تعداد افراد بومی": hr?.numberIndigenous ? `${hr.numberIndigenous}` : "---", + "تعداد افراد غیر بومی": hr?.numberNonIndigenous + ? `${hr.numberNonIndigenous}` + : "---", + "وضعیت قرارداد کارگران": hr?.contractStatus || "---", + "آموزش دیده در حوزه بهداشت و امنیت زیستی": hr?.trained ? "بله" : "خیر", + "تسهیلات دریافتی فعال": facilities?.hasFacilities ? "بله" : "خیر", + "نوع تسهیلات": facilities?.typeOfFacility || "---", + "مبلغ تسهیلات": facilities?.amount + ? `${facilities.amount.toLocaleString()}` + : "---", + "وضعیت بازپرداخت": facilities?.repaymentStatus || "---", + "درخواست جدید بهره بردار": facilities?.requestFacilities || "---", + "تاریخ تسهیلات": formatDate(facilities?.date), + }; + + const renderInformationTab = () => ( + + {Object.entries(informationData).map(([label, value]) => ( + + + + {value || "---"} + + + + ))} + + ); + + const renderHealthMonitoringTab = () => ( + + {Object.entries(healthMonitoringData).map(([label, value]) => ( + + + + {value || "---"} + + + + ))} + + ); + + const renderInfrastructureTab = () => ( + + {Object.entries(infrastructureData).map(([label, value]) => ( + + + + {value || "---"} + + + + ))} + + ); + + const ImageThumbnail = ({ src, onClick }) => { + const isVideo = src?.toLowerCase().match(/\.(mp4|webm|ogg|mov)$/i); + + return ( + onClick && onClick(src)} + sx={{ + position: "relative", + width: "70px", + height: "70px", + borderRadius: 1.5, + overflow: "hidden", + border: "1px solid #e0e0e0", + cursor: "pointer", + "&:hover": { + opacity: 0.8, + }, + }} + > + {isVideo ? ( + + ) : ( + + )} + + ); + }; + + const ImageGallerySection = ({ title, description, images = [] }) => ( + + + {title} + + {description && ( + + {description} + + )} + {images && images.length > 0 ? ( + + {images.map((imageUrl, index) => ( + + ))} + + ) : ( + + تصویری موجود نیست + + )} + + ); + + const renderDocumentsTab = () => { + const generalConditionImages = generalCondition?.images || []; + const inputStatusImages = inputStatus?.images || []; + const casualtiesImages = casualties?.images || []; + const violationImages = hatching?.violationImage || []; + + return ( + + + + + + + + + + + handleStatusTabChange(newValue)} + sx={{ + "& .MuiTabs-indicator": { + display: "none", + }, + "& .MuiTab-root": { + minHeight: "auto", + px: 3, + py: 1, + borderRadius: 2, + fontWeight: "bold", + textTransform: "none", + "&.Mui-selected": { + bgcolor: "#4caf50", + color: "white", + }, + "&:not(.Mui-selected)": { + bgcolor: "#f5f5f5", + color: "text.primary", + }, + }, + }} + > + + + + + + + {reportInfo?.inspectionNotes || "---"} + + + + + + احراز مسئول سالن + + + + + + {hatching?.vetFarm?.vetFarmFullName ? "بله" : "خیر"} + + + + + + + {hatching?.vetFarm?.vetFarmFullName || "---"} + + + + + + + {hatching?.vetFarm?.vetFarmMobile || "---"} + + + + + + ); + }; + + return ( + + + + اطلاعات + + + + + + + {renderInformationTab()} + + + پایش سلامت + + + {renderHealthMonitoringTab()} + + + زیرساخت + + + {renderInfrastructureTab()} + + + مستندات + + + {renderDocumentsTab()} + + {fullscreenMedia && ( + + { + e.stopPropagation(); + handleCloseFullscreen(); + }} + sx={{ + position: "absolute", + top: 16, + right: 16, + backgroundColor: "rgba(255, 255, 255, 0.2)", + color: "white", + "&:hover": { + backgroundColor: "rgba(255, 255, 255, 0.3)", + }, + zIndex: 10000, + }} + > + + + e.stopPropagation()} + sx={{ + maxWidth: "90vw", + maxHeight: "90vh", + display: "flex", + alignItems: "center", + justifyContent: "center", + }} + > + {fullscreenMedia?.toLowerCase().match(/\.(mp4|webm|ogg|mov)$/i) ? ( + + ) : ( + + )} + + + )} + + ); +}; diff --git a/src/components/label-field/LabelField.js b/src/components/label-field/LabelField.js new file mode 100644 index 0000000..368d18a --- /dev/null +++ b/src/components/label-field/LabelField.js @@ -0,0 +1,43 @@ +import { Box, Grid, Typography } from "@mui/material"; +import { SPACING } from "../../data/spacing"; + +export const LabelField = ({ label, children }) => { + return ( + + + {label && ( + + {label} + + )} + {children} + + + ); +}; diff --git a/src/components/line-with-text/LineWithText.js b/src/components/line-with-text/LineWithText.js new file mode 100644 index 0000000..76bae63 --- /dev/null +++ b/src/components/line-with-text/LineWithText.js @@ -0,0 +1,47 @@ +import { Divider, Typography } from "@mui/material"; +import React from "react"; + +export const LineWithText = ({ text }) => { + return ( +

+ + + {text} + + +

+ ); +}; diff --git a/src/components/link-item/LinkItem.js b/src/components/link-item/LinkItem.js new file mode 100644 index 0000000..c474cc6 --- /dev/null +++ b/src/components/link-item/LinkItem.js @@ -0,0 +1,79 @@ +import React, { useEffect } from "react"; +import { Typography, Box, Badge, useTheme } from "@mui/material"; +import { styled } from "@mui/system"; +import { Grid } from "../grid/Grid"; +import { motion } from "framer-motion"; +import { useDispatch } from "react-redux"; +import { + SET_MEDIATOR_TEXT, + SET_SUBMENU_TEXT, +} from "../../lib/redux/slices/userSlice"; +import { useLocation } from "react-router-dom"; + +const CircleWrapper = styled(motion.div)(({ theme }) => ({ + display: "flex", + alignItems: "center", + justifyContent: "center", + flexDirection: "column", + gap: "10px", + width: window.innerWidth <= 600 ? "40vw" : "180px", + height: window.innerWidth <= 600 ? "40vw" : "180px", + borderRadius: "16px", + background: theme.palette.mode === "dark" ? "#1e272e" : "#ffffff", + borderStyle: "solid", + borderWidth: "1px", + borderColor: theme.palette.primary.main, + boxShadow: + theme.palette.mode === "dark" + ? "5px 5px 15px rgba(0, 0, 0, 0.5)" + : "5px 5px 15px rgba(0, 0, 0, 0.1)", + transition: "transform 0.2s ease, background 0.4s ease", + "&:hover": { + transform: "translateY(-10px)", + background: theme.palette.mode === "dark" ? "#2f3640" : "#f5f6fa", + }, + padding: 2, +})); + +const LinkItem = ({ icon, title, badgeContent, ...props }) => { + const theme = useTheme(); + const dispatch = useDispatch(); + + const { pathname } = useLocation(); + + useEffect(() => { + dispatch(SET_MEDIATOR_TEXT(pathname)); + }, [dispatch]); + + return ( + { + dispatch(SET_SUBMENU_TEXT(title)); + }} + > + + + {icon} + + + {title} + + + + ); +}; + +export default LinkItem; diff --git a/src/components/loading/Loading.js b/src/components/loading/Loading.js new file mode 100644 index 0000000..859d93a --- /dev/null +++ b/src/components/loading/Loading.js @@ -0,0 +1,44 @@ +import { Backdrop, Typography, styled } from "@mui/material"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { LOADING_END } from "../../lib/redux/slices/appSlice"; +import { Grid } from "../grid/Grid"; +import loading from "../../assets/lottie/loading.json"; +import Lottie from "lottie-react"; + +const LoadingText = styled(Typography)(({ theme }) => ({ + color: "#fdfdff", + fontSize: "1.2rem", + fontWeight: 600, + textShadow: "0 0 8px rgba(255, 255, 255, 0.7)", +})); + +export const Loading = () => { + const dispatch = useDispatch(); + const loadingState = useSelector((state) => state.appSlice.loading); + + useEffect(() => { + dispatch(LOADING_END()); + }, []); + + return ( + theme.zIndex.drawer + 999999 }} + open={loadingState} + > + + + + + + لطفاً صبر کنید + + + + ); +}; diff --git a/src/components/modal/Modal.js b/src/components/modal/Modal.js new file mode 100644 index 0000000..be408cb --- /dev/null +++ b/src/components/modal/Modal.js @@ -0,0 +1,126 @@ +import * as React from "react"; +import Box from "@mui/material/Box"; +import ModalBox from "@mui/material/Modal"; +import { useDispatch, useSelector } from "react-redux"; +import { CLOSE_MODAL } from "../../lib/redux/slices/appSlice"; +import { Typography } from "@mui/material"; +import { SPACING } from "../../data/spacing"; +import CancelIcon from "@mui/icons-material/Cancel"; +const isMobile = window.innerWidth <= 600; + +export const Modal = () => { + const { modalState, modalContent, modalTitle, modalOnClose, modalSize } = + useSelector((state) => state.appSlice.modal); + + const size = modalSize || 500; + const style = { + position: "absolute", + top: "50%", + left: "50%", + transform: "translate(-50%, -50%)", + width: isMobile ? "90%" : size, + bgcolor: "background.paper", + // border: "2px solid #000", + boxShadow: 24, + display: "flex", + alignItems: "center", + justifyContent: "center", + flexDirection: "column", + gap: SPACING.SMALL, + borderRadius: 2, + p: 2, + }; + + const dispatch = useDispatch(); + + React.useEffect(() => { + dispatch(CLOSE_MODAL()); + }, []); + + const handleClose = () => { + dispatch(CLOSE_MODAL()); + if (modalOnClose) { + modalOnClose(); + } + }; + + const successModal = ( + + + theme.palette.success.main, + }} + > + عملیات با موفقیت انجام شد! + + + ); + const errorModal = ( + + + theme.palette.error.main, + }} + > + مشکلی پیش آمده است! + + + ); + + return ( + + + {modalTitle === "success" && successModal} + {modalTitle === "error" && errorModal} + {modalTitle !== "success" && modalTitle !== "error" && ( + <> + + + + {modalTitle} + + + {modalContent} + + )} + + + ); +}; diff --git a/src/components/modern-table/ModernTable.js b/src/components/modern-table/ModernTable.js new file mode 100644 index 0000000..aa6dfea --- /dev/null +++ b/src/components/modern-table/ModernTable.js @@ -0,0 +1,43 @@ +import React from "react"; +import PropTypes from "prop-types"; +import { + Table, + TableBody, + TableCell, + TableContainer, + TableHead, + TableRow, + Paper, +} from "@mui/material"; + +const ModernTable = ({ columns, data }) => { + return ( + + + + + {columns.map((column, index) => ( + {column} + ))} + + + + {data.map((row, rowIndex) => ( + + {row.map((cell, cellIndex) => ( + {cell} + ))} + + ))} + +

+ + ); +}; + +ModernTable.propTypes = { + columns: PropTypes.arrayOf(PropTypes.string).isRequired, + data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)).isRequired, +}; + +export default ModernTable; diff --git a/src/components/mui-table/MuiTable.js b/src/components/mui-table/MuiTable.js new file mode 100644 index 0000000..c70dac5 --- /dev/null +++ b/src/components/mui-table/MuiTable.js @@ -0,0 +1,117 @@ +import { + Table, + TableBody, + TableCell, + TableContainer, + TableHead, + TableRow, +} from "@mui/material"; +import { Grid } from "../grid/Grid"; + +function createData(name, calories, fat, carbs, protein) { + return { + name, + calories, + fat, + carbs, + protein, + name2: name, + calories2: calories, + fat2: fat, + carbs2: carbs, + protein2: protein, + }; +} + +const rows = [ + createData("Frozen yoghurt", 159, 6.0, 24, 4.0), + // createData("Ice cream sandwich", 237, 9.0, 37, 4.3), + // createData("Eclair", 262, 16.0, 24, 6.0), + // createData("Cupcake", 305, 3.7, 67, 4.3), + // createData("Gingerbread", 356, 16.0, 49, 3.9), +]; + +export const MuiTable = ({ data }) => { + return ( + <> + + + + + + Dessert (100g serving) + Calories + Fat (g) + Carbs (g) + Protein (g) + Calories + Fat (g) + Carbs (g) + Protein (g) + Protein (g) + + + + {rows?.map((row) => ( + + {row.name} + {row.calories} + {row.fat} + {row.carbs} + {row.protein} + {row.name2} + {row.calories2} + {row.fat2} + {row.carbs2} + {row.protein2} + + ))} + +

+ + + + + + + + Dessert (100g serving) + Calories + Fat (g) + Carbs (g) + Protein (g) + Calories + Fat (g) + Carbs (g) + Protein (g) + Protein (g) + + + + {rows?.map((row) => ( + + {row.name} + {row.calories} + {row.fat} + {row.carbs} + {row.protein} + {row.name2} + {row.calories2} + {row.fat2} + {row.carbs2} + {row.protein2} + + ))} + +

+ + + + ); +}; diff --git a/src/components/my-table/MyTable.js b/src/components/my-table/MyTable.js new file mode 100644 index 0000000..1fd8843 --- /dev/null +++ b/src/components/my-table/MyTable.js @@ -0,0 +1,42 @@ +import { + Paper, + Table, + TableBody, + TableCell, + TableContainer, + TableHead, + TableRow, +} from "@mui/material"; +import React from "react"; + +const MyTable = ({ children }) => { + return ( + + + + + خریدار + اطلاعات خریدار + میانگین وزن 4 کشتار قبلی + {/* اولویت وزن + اولویت شهر + بدهی قبلی + مبلغ پیش فاکتور اولیه + پرداخت اولیه */} + کل سهمیه خریدار + مانده از سهمیه + تعداد تخصیص به کل سفارشات + قابل تخصیص + اقدام + + + {children} +

+ + ); +}; + +export default MyTable; diff --git a/src/components/nav-link/NavLink.js b/src/components/nav-link/NavLink.js new file mode 100644 index 0000000..49ba67a --- /dev/null +++ b/src/components/nav-link/NavLink.js @@ -0,0 +1,10 @@ +import styled from "@emotion/styled"; +import { Link } from "react-router-dom"; + +export const NavLink = styled(Link)` + text-decoration: none !important; + color: ${(props) => + props.active + ? props.theme.palette.primary.main + : props.theme.palette.grey.A400}; +`; diff --git a/src/components/notif/Notif.js b/src/components/notif/Notif.js new file mode 100644 index 0000000..e5ff3f2 --- /dev/null +++ b/src/components/notif/Notif.js @@ -0,0 +1,44 @@ +import { Snackbar } from "@mui/material"; +import React, { useContext } from "react"; +import { AppContext } from "../../contexts/AppContext"; +import MuiAlert from "@mui/material/Alert"; + +export const Notif = () => { + const Alert = React.forwardRef(function Alert(props, ref) { + return ; + }); + const [handleNotif, notifState] = useContext(AppContext); + + const { vertical, horizontal, open, severity, msg } = notifState; + + // const handleClick = (newState) => () => { + // setNotifState({ open: true, ...newState }); + // }; + + // HOW TO USE IT? + // const [openNotif] = useContext(AppContext); + // openNotif({ + // vertical: "top", + // horizontal: "center", + // msg: "سلام تست", + // severity: "error", + // }); + + const handleClose = () => { + handleNotif({ ...notifState, open: false }); + }; + + return ( + + + {msg} + + + ); +}; diff --git a/src/components/number-format-custom/NumberFormatCustom.js b/src/components/number-format-custom/NumberFormatCustom.js new file mode 100644 index 0000000..1bdc97f --- /dev/null +++ b/src/components/number-format-custom/NumberFormatCustom.js @@ -0,0 +1,40 @@ +import React from "react"; +import PropTypes from "prop-types"; +import { NumberFormatBase, useNumericFormat } from "react-number-format"; +import { TextField } from "@mui/material"; + +export const NumberInput = (props) => { + const { format, removeFormatting, ...rest } = useNumericFormat(props); + const _format = (val) => { + const _val = format(val); + return _val; + }; + + delete rest.onChange; + + const _removeFormatting = (val) => { + const _val = val.toLowerCase().replace(/[ ,]/g, ""); + return removeFormatting(_val); + }; + return ( + { + props.onChange({ + target: { + name: props.id, + value: values.floatValue, + }, + }); + }} + /> + ); +}; + +NumberInput.propTypes = { + id: PropTypes.any.isRequired, + onChange: PropTypes.func.isRequired, +}; diff --git a/src/components/page-table-api/PageTableApi.js b/src/components/page-table-api/PageTableApi.js new file mode 100644 index 0000000..882c9c4 --- /dev/null +++ b/src/components/page-table-api/PageTableApi.js @@ -0,0 +1,5 @@ +import { Grid } from "../grid/Grid"; + +export const PageTableApi = (props) => { + return ; +}; diff --git a/src/components/page-table/PageTable.js b/src/components/page-table/PageTable.js new file mode 100644 index 0000000..ed4b986 --- /dev/null +++ b/src/components/page-table/PageTable.js @@ -0,0 +1,131 @@ +import { CircularProgress, Typography } from "@mui/material"; +import { useEffect, useState } from "react"; +import DataTable from "react-data-table-component"; +import { Grid } from "../grid/Grid"; + +const customStyles = { + rows: { + style: { + minHeight: "72px", // override the row height + }, + }, + headCells: { + style: { + paddingLeft: "0px", // override the cell padding for head cells + paddingRight: "0px", + backgroundColor: "#ddd", + }, + }, + cells: { + style: { + paddingLeft: "0px", // override the cell padding for data cells + paddingRight: "0px", + }, + }, +}; + +export const PageTable = (props) => { + const titleJsx = props.title; + + useEffect(() => { + if (!props.progressPending) { + const spanElement = document.querySelector(".rdt_Pagination span"); + + const pagination = document.querySelector(".rdt_Pagination"); + const lastSpan = + pagination?.querySelectorAll("span")[ + pagination?.querySelectorAll("span").length - 1 + ]; + + if (lastSpan) { + lastSpan.textContent = lastSpan.textContent.replace("of", "از"); + spanElement.textContent = "سطر در صفحه:"; + } + } + }, [props.progressPending]); + + const [zoomLevel, setZoomLevel] = useState(window.devicePixelRatio); + + const handleZoomChange = () => { + const newZoomLevel = window.devicePixelRatio; + setZoomLevel(newZoomLevel); + }; + + useEffect(() => { + window.addEventListener("resize", handleZoomChange); + return () => { + window.removeEventListener("resize", handleZoomChange); + }; + }, [zoomLevel]); + + useEffect(() => { + const divElements = document.querySelectorAll(".rdt_Table"); + + // Text to search for and replace + const searchText = "There are no records to display"; + const replacementText = "داده ای جهت نمایش وجود ندارد"; + divElements?.forEach((div) => { + // Get the text content of the div + const content = div?.textContent; + if (content.includes(searchText)) { + // Replace the search text with replacement text + // const updatedContent = content.replace( + // new RegExp(searchText, "g"), + // replacementText + // ); + + // // Update the content of the div + div.textContent = replacementText; + } + }); + }, []); + + const isMobile = window.innerWidth <= 600; + + return ( + + + {titleJsx} + + {Boolean(props?.data?.length) && ( + = 1 + ? window.screen.width - 200 + : window.screen.width * (10 / (zoomLevel * 10)) - 250 + } + > + + + )} + {!props?.data?.length && !props.progressPending && ( + + داده ای جهت نمایش وجود ندارد! + + )} + {props.progressPending && ( + + )} + + ); +}; diff --git a/src/components/requests-awaiting-inspections/RequestsAwaitingInspections.js b/src/components/requests-awaiting-inspections/RequestsAwaitingInspections.js new file mode 100644 index 0000000..cde839a --- /dev/null +++ b/src/components/requests-awaiting-inspections/RequestsAwaitingInspections.js @@ -0,0 +1,82 @@ +import { Card, IconButton } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useNavigate } from "react-router-dom"; +import { AdvancedTable } from "../advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { getRoleFromUrl } from "../../utils/getRoleFromUrl"; +import { useDispatch, useSelector } from "react-redux"; +import { getRequestsAwaitingInspection } from "./service"; +import { format } from "date-fns-jalali"; + +export const RequestsAwaitingInspections = () => { + const { awaitingInspectionRequests } = useSelector( + (state) => state.generalSlice + ); + + const navigate = useNavigate(); + const [dataTable, setDataTable] = useState([]); + const urlRole = window.location.pathname.split("/")[1]; + + const dispatch = useDispatch(); + + const role = getRoleFromUrl(); + + useEffect(() => { + dispatch(getRequestsAwaitingInspection(role + "&inspector")); + }, []); + + useEffect(() => { + const fileUrl = "/" + urlRole + "/file/"; + + const d = awaitingInspectionRequests?.map((item, i) => { + return [ + i + 1, + item.orderCode, + format(new Date(item.createDate), "yyyy/MM/dd"), + format(new Date(item.sendDate), "yyyy/MM/dd"), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + + navigate(fileUrl + item?.process?.poultry?.poultryRequestId) + } + > + + , + ]; + }); + + setDataTable(d); + }, [awaitingInspectionRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/components/requests-awaiting-inspections/service.js b/src/components/requests-awaiting-inspections/service.js new file mode 100644 index 0000000..52cbdb2 --- /dev/null +++ b/src/components/requests-awaiting-inspections/service.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getRequestsAwaitingInspection = createAsyncThunk( + "GET_REQUESTS_AWAITING_INSPECTION", + async (d) => { + const { data, status } = await axios.get("Poultry_Request/?role=" + d); + return { data, status }; + } +); diff --git a/src/components/requests-awaiting-payment/RequestsAwaitingPayment.js b/src/components/requests-awaiting-payment/RequestsAwaitingPayment.js new file mode 100644 index 0000000..6978fbb --- /dev/null +++ b/src/components/requests-awaiting-payment/RequestsAwaitingPayment.js @@ -0,0 +1,126 @@ +import { Card, IconButton, TextField, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useNavigate } from "react-router-dom"; +import { AdvancedTable } from "../advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useDispatch, useSelector } from "react-redux"; +import { getRequestsAwaitingPayment } from "./service"; +import { format } from "date-fns-jalali"; +import { SPACING } from "../../data/spacing"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { AppContext } from "../../contexts/AppContext"; +import { Grid } from "../grid/Grid"; + +export const RequestsAwaitingPayment = () => { + const { awaitingPaymentRequests } = useSelector( + (state) => state.generalSlice + ); + + const navigate = useNavigate(); + const [dataTable, setDataTable] = useState([]); + const urlRole = window.location.pathname.split("/")[1]; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(getRequestsAwaitingPayment({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const fileUrl = "/" + urlRole + "/file/"; + + const d = awaitingPaymentRequests?.map((item, i) => { + return [ + i + 1, + item.provinceCheckInfo?.killHouseAssignment?.killHouseRequest?.barCode, + format(new Date(item?.poultryRequest?.sendDate), "yyyy/MM/dd"), + format(new Date(item?.factorDate), "yyyy/MM/dd"), + item?.poultryRequest?.poultryName, + item.provinceCheckInfo?.killHouseAssignment?.killHouseRequest + ?.killRequest?.killHouse.name, + item.provinceCheckInfo.killHouseAssignment.netWeight.toLocaleString() + + " کیلوگرم", + item.provinceCheckInfo?.killHouseAssignment?.realQuantity.toLocaleString() + + " قطعه", + item.totalPrice.toLocaleString() + " ﷼", + + navigate(fileUrl + item?.poultryRequest?.poultryRequestId) + } + > + + , + ]; + }); + + setDataTable(d); + }, [awaitingPaymentRequests]); + + return ( + + + + درخواست های در انتظار پرداخت + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + } + columns={[ + "ردیف", + "بارکد", + "تاریخ کشتار", + "تاریخ صدور فاکتور", + "مرغدار", + "کشتارگاه", + "وزن", + "تعداد", + "مبلغ کل فاکتور", + "مشاهده", + ]} + data={dataTable} + /> + + ); +}; diff --git a/src/components/requests-awaiting-payment/service.js b/src/components/requests-awaiting-payment/service.js new file mode 100644 index 0000000..ac349ea --- /dev/null +++ b/src/components/requests-awaiting-payment/service.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../utils/getRoleFromUrl"; + +export const getRequestsAwaitingPayment = createAsyncThunk( + "GET_REQUESTS_AWAITING_PAYMENT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("province_factor_to_kill_house/", { + params: { role: getRoleFromUrl() }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/components/responsive-table/BoxShowTable.js b/src/components/responsive-table/BoxShowTable.js new file mode 100644 index 0000000..bbc3f38 --- /dev/null +++ b/src/components/responsive-table/BoxShowTable.js @@ -0,0 +1,258 @@ +import React, { useState } from "react"; +import PropTypes from "prop-types"; +import Box from "@mui/material/Box"; +import Typography from "@mui/material/Typography"; +import IconButton from "@mui/material/IconButton"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import { Grid } from "../grid/Grid"; + +const BoxShowTable = ({ + columns, + data, + isDashboard, + allColors, + customColors, +}) => { + const [expandedRows, setExpandedRows] = useState([]); + + const getColumnColor = (column) => { + if (allColors) { + return allColors.color; + } else { + const c = customColors?.find((item) => item.name === column?.name) + ? customColors?.find((item) => item.name === column?.name) + : customColors?.find((item) => item.rest === true); + if (c) { + return c.color; + } else { + if (isDashboard) { + return "#f4c3c3"; + } else if (customColors?.length) { + return "#f6e58d"; + } else { + return null; + } + } + } + }; + + const handleExpandClick = (rowIndex) => { + setExpandedRows((prev) => + prev.includes(rowIndex) + ? prev.filter((index) => index !== rowIndex) + : [...prev, rowIndex] + ); + }; + + function isPositiveNumber(str) { + const data = String(str); + const sanitizedStr = data?.replace(/,/g, ""); + const num = Number(sanitizedStr); + + if (!isNaN(num)) { + return num >= 0; + } else { + return true; + } + } + + const getTextColor = (column) => { + if (allColors?.text) return allColors.text; + const bgColor = getColumnColor(column); + + if (!bgColor) return "white"; + if ( + bgColor === "black" || + bgColor === "blue" || + bgColor === "red" || + bgColor === "brown" || + bgColor === "green" + ) { + return "white"; + } + return "black"; + }; + + return ( + + + {data?.map((row, rowIndex) => { + let visibleCellIndex = 0; + const isExpanded = expandedRows.includes(rowIndex); + + return ( + + + {row + .slice( + 0, + 8 + + columns.filter((item) => item?.visible === false)?.length + ) + .map( + (cell, cellIndex) => + columns[cellIndex]?.visible && ( + + + {`${columns[cellIndex]?.name}`} + + + + {!isPositiveNumber(cell) + ? String(cell).replace("-", "") + "-‌ ‌" + : cell} + + + ) + )} + {isExpanded && + row.slice(8)?.map( + (cell, cellIndex) => + columns[cellIndex + 8]?.visible && ( + + + {`${columns[cellIndex + 8]?.name}`} + + + + {!isPositiveNumber(cell) + ? String(cell).replace("-", "") + "-‌ ‌" + : cell} + + + ) + )} + {row.length > 8 && ( + handleExpandClick(rowIndex)}> + + + )} + + + ); + })} + + + ); +}; + +BoxShowTable.propTypes = { + columns: PropTypes.any, + data: PropTypes.any, + ignore: PropTypes.array, +}; + +export default BoxShowTable; diff --git a/src/components/responsive-table/ResponsiveTable.js b/src/components/responsive-table/ResponsiveTable.js new file mode 100644 index 0000000..98fef92 --- /dev/null +++ b/src/components/responsive-table/ResponsiveTable.js @@ -0,0 +1,762 @@ +import React, { useState, useEffect } from "react"; +import PropTypes from "prop-types"; +import { + Typography, + Table, + TableBody, + TableCell, + TableContainer, + TableHead, + TableRow, + Paper, + Grid, + Checkbox, + FormControlLabel, + IconButton, + Popover, + Divider, + Button, + Pagination, + FormControl, + InputLabel, + Select, + MenuItem, + TextField, + Tooltip, +} from "@mui/material"; +import TableViewIcon from "@mui/icons-material/TableView"; +import FilterAltIcon from "@mui/icons-material/FilterAlt"; +import styled from "styled-components"; +import Lottie from "lottie-react"; +import EmptyAnimation from "../../assets/lottie/Empty.json"; +import FilterAltOffIcon from "@mui/icons-material/FilterAltOff"; +import GridViewIcon from "@mui/icons-material/GridView"; +import AdsClickIcon from "@mui/icons-material/AdsClick"; +import BoxShowTable from "./BoxShowTable"; +import Zoom from "@mui/material/Zoom"; +import { motion } from "framer-motion"; + +const ResponsiveTable = ({ + columns: initialColumns, + data, + title, + paginated = false, + handlePageChange, + handlePerRowsChange, + totalRows, + page, + perPage, + customColors, + noPagination, + changed, + isDashboard, + noSearch, + operation, + allColors, + activeRows, + customWidth, + ignoreTextsLength, + CustomColumnsColor, + hasSum, + hasSumColumn, +}) => { + const pathname = window.location.pathname; + const storageKey = `${pathname}_${ + initialColumns.length + }_columnsVisibility${title}${initialColumns.join(" ")}`; + + const getInitialColumns = () => { + const savedColumns = localStorage.getItem(storageKey); + + if ( + savedColumns && + JSON.parse(savedColumns)?.length === initialColumns?.length && + !changed + ) { + return JSON.parse(savedColumns); + } + return initialColumns.map((col) => ({ name: col, visible: true })); + }; + + useEffect(() => { + setColumns(getInitialColumns()); + }, [initialColumns]); + + function isPositiveNumber(str) { + const data = String(str); + const sanitizedStr = data?.replace(/,/g, ""); + const num = Number(sanitizedStr); + + if (!isNaN(num)) { + return num >= 0; + } else { + return true; + } + } + + const [itemsPerPage, setItemsPerPage] = useState(10); + const [currentPage, setCurrentPage] = useState(1); + const [searchQuery, setSearchQuery] = useState(""); + const [searchPageIndex, setSearchPageIndex] = useState(null); + const [columns, setColumns] = useState(getInitialColumns()); + const [sortConfig, setSortConfig] = useState({ key: null, direction: "asc" }); + + useEffect(() => { + localStorage.setItem(storageKey, JSON.stringify(columns)); + }, [columns]); + + const handleSort = (columnIndex) => { + const newDirection = + sortConfig.key === columnIndex && sortConfig.direction === "asc" + ? "desc" + : "asc"; + setSortConfig({ key: columnIndex, direction: newDirection }); + }; + + const sortedData = [...(data || [])].sort((a, b) => { + if (sortConfig.key === null) return 0; + + const itemA = String(a[sortConfig.key]); + const itemB = String(b[sortConfig.key]); + + const isNumericA = !isNaN(itemA.replace(/,/g, "")); + const isNumericB = !isNaN(itemB.replace(/,/g, "")); + + if (isNumericA && isNumericB) { + const valueA = parseFloat(itemA.replace(/,/g, "")); + const valueB = parseFloat(itemB.replace(/,/g, "")); + return sortConfig.direction === "asc" ? valueA - valueB : valueB - valueA; + } + + if (typeof itemA === "string" && typeof itemB === "string") { + return sortConfig.direction === "asc" + ? itemA.localeCompare(itemB, "fa", { sensitivity: "base" }) + : itemB.localeCompare(itemA, "fa", { sensitivity: "base" }); + } + + if (isNumericA) return sortConfig.direction === "asc" ? -1 : 1; + if (isNumericB) return sortConfig.direction === "asc" ? 1 : -1; + + return 0; + }); + + const filteredData = sortedData.filter((row) => + row.some((cell) => + cell?.toString()?.toLowerCase()?.includes(searchQuery.toLowerCase()) + ) + ); + + useEffect(() => { + setCurrentPage(1); + }, [searchQuery]); + + const totalPages = Math.ceil(filteredData?.length / itemsPerPage); + + const startIndex = (currentPage - 1) * itemsPerPage; + const endIndex = startIndex + itemsPerPage; + + const slicedData = paginated + ? filteredData.slice(startIndex, endIndex) + : filteredData; + + const toggleColumnVisibility = (index) => { + const updatedColumns = [...columns]; + updatedColumns[index].visible = !updatedColumns[index].visible; + setColumns(updatedColumns); + }; + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "simple-popover" : undefined; + + const [openS, setOpenS] = useState(false); + + const handleChange = (event) => { + setItemsPerPage(event.target.value, setCurrentPage(1)); + }; + + const handleCloseS = () => { + setOpenS(false); + }; + + const handleOpenS = () => { + setOpenS(true); + }; + const dotVariants = { + hidden: { opacity: 0 }, + visible: { opacity: 1 }, + }; + + const AnimatedEllipsis = () => { + return ( + + {[".", ".", "."].map((dot, index) => ( + + {dot} + + ))} + + ); + }; + + const tableTitle = ( + + + + {isDashboard ? ( + + ) : ( + + )} + + {title} + + + + + + + {operation} + {paginated && !noSearch && ( + + setSearchQuery(e.target.value)} + /> + + )} + + {!isDashboard && ( + item?.visible === false).length + ? "error" + : "primary" + } + > + {columns.filter((item) => item?.visible === false).length ? ( + + ) : ( + + )} + + )} + + + + + + + فیلتر ستون ها + + + + + {columns.map((column, index) => ( + + toggleColumnVisibility(index)} + /> + } + label={column.name} + /> + + ))} + + + + + + + ); + + const CustomTableCell = styled(TableCell)` + font-weight: bold; + background: ${({ bgColor }) => `${bgColor} !important`}; + color: ${({ bgColor, textColor }) => + `${ + textColor + ? textColor + : isDashboard + ? "white" + : allColors + ? allColors?.text + : bgColor === "black" || + bgColor === "blue" || + bgColor === "red" || + bgColor === "brown" || + bgColor === "green" + ? "white" + : "black" + } !important`}; + `; + + const getColumnColor = (column) => { + if (CustomColumnsColor) { + const c = CustomColumnsColor?.find((item) => + column?.name.includes(item.key) + ); + if (c) { + return c.color; + } + } + const c = customColors?.find((item) => item.name === column?.name) + ? customColors?.find((item) => item.name === column?.name) + : customColors?.find((item) => item.rest === true); + if (c) { + return c.color; + } else if (allColors) { + return allColors.color; + } else { + if (isDashboard) { + return "#c23616"; + } else if (customColors?.length) { + return "#f6e58d"; + } else { + return null; + } + } + }; + + const parseNumber = (value) => { + const dateRegex = /^\d{4}\/\d{2}\/\d{2}$/; + const isLargeNumber = + typeof value === "string" && value.replace(/,/g, "").length > 14; + + if (typeof value === "string" && (dateRegex.test(value) || isLargeNumber)) { + return 0; + } + + if (typeof value === "string") { + const parsed = parseFloat(value.replace(/,/g, "")); + return isNaN(parsed) ? 0 : parsed; + } + + return typeof value === "number" ? value : 0; + }; + const calculateColumnSum = (colIndex) => { + let hasNumericData = false; + const sum = slicedData.reduce((total, row) => { + const value = parseNumber(row[colIndex]); + if (value !== null) { + hasNumericData = true; + return total + value; + } + return total; + }, 0); + return hasNumericData ? sum : null; + }; + + const AnimatedTableRow = motion(TableRow); + + const rowAnimation = { + active: { + backgroundColor: hasSum + ? [ + "rgba(176, 84, 237, 0.8)", + "rgba(176, 84, 237, 0.6)", + "rgba(176, 84, 237, 0.8)", + ] + : [ + "rgb(234, 137, 130, 0.6)", + "rgb(234, 137, 130, 0.4)", + "rgb(234, 137, 130, 0.6)", + ], + transition: { + duration: 3, + repeat: Infinity, + ease: "easeInOut", + }, + }, + }; + + return ( + <> + {tableTitle} + + + + + + {columns + .filter((d) => d.visible) + .map((column, index) => { + const columnSum = calculateColumnSum(index); + return ( + + + column?.name.includes(item.key) + )?.text || null + } + onClick={() => handleSort(index)} + style={{ cursor: "pointer" }} + > + {column?.name} + {sortConfig.key === index && + !isDashboard && + (sortConfig.direction === "asc" ? " 🔻" : " 🔺")} + + + ); + })} + + + + {slicedData?.map((row, rowIndex) => ( + + {row?.map( + (cell, cellIndex) => + columns[cellIndex]?.visible && ( + + + + {!isPositiveNumber(cell) ? ( + String(cell).replace("-", "") + "-‌ ‌" + ) : typeof cell === "string" && + !ignoreTextsLength && + cell.length > 30 ? ( + + {cell.slice(0, 30) + " ... "} + + + ) : (cell?.toString() === "NaN" || !cell) && + cell !== 0 ? ( + "-" + ) : ( + cell + )} + + + + ) + )} + + ))} + {hasSum && ( + + {columns + .filter((d) => d.visible) + .map((column, index) => { + const columnSum = calculateColumnSum(index); + return ( + + + + {column?.name === "ردیف" + ? slicedData?.length + 1 + : column?.name === hasSumColumn + ? "مجموع" + : !isPositiveNumber(columnSum) + ? String(columnSum).replace("-", "") + "-‌ ‌" + : columnSum?.toLocaleString()} + + + + ); + })} + + )} + +

+ + + {!slicedData?.length && ( + + {!isDashboard && !noPagination && ( + + + + )} + + + {isDashboard ? ( + <> + در حال دریافت اطلاعات {"‌‌"} + + + ) : ( + "داده ای دریافت نشد!" + )} + + + + )} + + + + + {!noPagination && ( + + {paginated ? ( + + + + تعداد + + + + {itemsPerPage !== 1000 && ( + setCurrentPage(page)} + /> + )} + + ) : ( + + + + تعداد + + + + handlePageChange(page)} + /> + + setSearchPageIndex(e.target.value)} + onKeyDown={(e) => { + if ( + e.key === "Enter" && + parseInt(searchPageIndex) <= + Math.ceil(totalRows / perPage) && + parseInt(searchPageIndex) > 0 + ) { + handlePageChange(parseInt(searchPageIndex)); + } + }} + /> + + + )} + + )} + + ); +}; + +ResponsiveTable.propTypes = { + columns: PropTypes.arrayOf(PropTypes.string).isRequired, + data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.any)).isRequired, + title: PropTypes.string.isRequired, + paginated: PropTypes.bool, +}; + +export default ResponsiveTable; diff --git a/src/components/select-check/SelectCheck.js b/src/components/select-check/SelectCheck.js new file mode 100644 index 0000000..c840218 --- /dev/null +++ b/src/components/select-check/SelectCheck.js @@ -0,0 +1,127 @@ +import * as React from "react"; +import OutlinedInput from "@mui/material/OutlinedInput"; +import InputLabel from "@mui/material/InputLabel"; +import MenuItem from "@mui/material/MenuItem"; +import FormControl from "@mui/material/FormControl"; +// import ListItemText from "@mui/material/ListItemText"; +import Select from "@mui/material/Select"; +// import Checkbox from "@mui/material/Checkbox"; +import { PropTypes } from "prop-types"; +import { ListItemText } from "@mui/material"; + +const ITEM_HEIGHT = 48; +const ITEM_PADDING_TOP = 8; +const MenuProps = { + PaperProps: { + style: { + maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP, + width: 280, + }, + }, +}; + +export const SelectCheck = ({ + label, + id, + options, + error, + onBlur, + onChange, + size, + value, + width, + defaultValue, +}) => { + defaultValue = defaultValue || []; + const [myValue, setMyValue] = React.useState(defaultValue); + width = width || 280; + // React.useEffect(() => { + // if (Array.isArray(value) && !myValue?.length) { + // setMyValue(value); + // } + // }, [value]); + + const handleChange = (event) => { + const { + target: { value }, + } = event; + setMyValue( + // On autofill we get a stringified value. + typeof value === "string" ? value.split(",") : value + ); + }; + + React.useEffect(() => { + onChange(myValue); + }, [myValue]); + + React.useEffect(() => { + if (defaultValue?.length) { + setMyValue(myValue); + } + }, [defaultValue]); + + const optionValues = options?.map((item) => item.value); + const optionLabels = options?.map((item) => item.label); + + return ( +

+ + {label} + + +

+ ); +}; + +SelectCheck.propTypes = { + label: PropTypes.string, + id: PropTypes.string, + options: PropTypes.array, + error: PropTypes.any, + onBlur: PropTypes.any, + onChange: PropTypes.any, + size: PropTypes.any, +}; diff --git a/src/components/show-image/ShowImage.js b/src/components/show-image/ShowImage.js new file mode 100644 index 0000000..95767ee --- /dev/null +++ b/src/components/show-image/ShowImage.js @@ -0,0 +1,196 @@ +import React, { useState } from "react"; +import { Box, IconButton, Modal, Tooltip, Button } from "@mui/material"; +import { motion } from "framer-motion"; +import DownloadIcon from "@mui/icons-material/Download"; +import CloseIcon from "@mui/icons-material/Close"; +import RotateRightIcon from "@mui/icons-material/RotateRight"; + +const imageExtensions = [ + ".jpg", + ".jpeg", + ".png", + ".gif", + ".bmp", + ".webp", + ".svg", +]; + +const ShowImage = ({ src, size }) => { + const [open, setOpen] = useState(false); + const [rotation, setRotation] = useState(0); + + const handleOpen = () => setOpen(true); + const handleClose = () => setOpen(false); + + const handleDownload = () => { + if (!src || typeof src !== "string") return; + try { + const link = document.createElement("a"); + link.href = src; + const filename = src.split("/").pop() || "document"; + link.download = filename; + link.click(); + } catch (error) { + console.error("Error downloading file:", error); + } + }; + + const handleRotate = () => { + setRotation((prevRotation) => prevRotation + 90); + }; + + const getFileExtension = () => { + if (!src || typeof src !== "string") return ""; + try { + const filename = src.split("/").pop(); + if (!filename || typeof filename !== "string") return ""; + const lastDotIndex = filename.lastIndexOf("."); + if (lastDotIndex === -1) return ""; + return filename.substring(lastDotIndex + 1).toLowerCase(); + } catch (error) { + console.error("Error getting file extension:", error); + return ""; + } + }; + + const isImage = () => { + if (!src || typeof src !== "string") return false; + const extension = getFileExtension(); + return imageExtensions.includes(`.${extension}`); + }; + + if (!src || typeof src !== "string") { + return "-"; + } + + if (!isImage()) { + const fileExtension = getFileExtension(); + const buttonText = fileExtension + ? `دانلود سند ${fileExtension}` + : "دانلود سند"; + + return ( + + ); + } + + return ( +

+ + + + + + + + + + + + + + + + + + + + + + + +

+ ); +}; + +export default ShowImage; diff --git a/src/components/simple-table/SimpleTable.js b/src/components/simple-table/SimpleTable.js new file mode 100644 index 0000000..232a515 --- /dev/null +++ b/src/components/simple-table/SimpleTable.js @@ -0,0 +1,147 @@ +import MUIDataTable from "mui-datatables"; +import { useEffect, useState } from "react"; +import { PropTypes } from "prop-types"; +import { Box } from "@mui/system"; +import { Tooltip } from "@mui/material"; +export const SimpleTable = ({ + columns, + data, + name, + responsive, + cssClass, + headerColor, + rowColors, +}) => { + const [rows, setRows] = useState(data); + + useEffect(() => { + setRows(data); + }, [data]); + + useEffect(() => { + const d = data?.map((item) => { + return item?.map((row) => { + if (!row && row !== 0) { + return ""; + } else { + return row; + } + }); + }); + setRows(d); + }, [data]); + const options = { + viewColumns: false, + search: false, + sort: false, + pagination: false, + filter: false, + print: false, + download: false, + selectableRowsHeader: false, + selectableRowsHideCheckboxes: true, + responsive: responsive || "vertical", + fixedHeader: true, + tableBodyMaxHeight: { xs: "auto", md: "70vh" }, + setRowProps: (row, dataIndex) => ({ + style: rowColors + ? { backgroundColor: rowColors[dataIndex % rowColors.length] } + : {}, + }), + + // localization + textLabels: { + body: { + noMatch: "داده ای جهت نمایش موجود نیست!", + toolTip: "مرتب سازی", + columnHeaderTooltip: (column) => `مرتب سازی بر اساس ${column.label}`, + }, + pagination: { + next: "صفحه بعد", + previous: "صفحه قبل", + rowsPerPage: "تعداد سطر در هر صفحه:", + displayRows: "تعداد کل نتایج: ", + }, + toolbar: { + search: "جستجو", + downloadCsv: "دانلود CSV", + print: "پرینت", + viewColumns: "نمایش سطون ها", + filterTable: "فیلتر جدول", + }, + filter: { + all: "همه", + title: "فیلترها", + reset: "پاکسازی", + }, + viewColumns: { + title: "نمایش ستون ها", + titleAria: "نمایش/بستن ستون های جدول", + }, + selectedRows: { + text: "سطر انتخاب شده است", + delete: "پاک کردن", + deleteAria: "پاک کردن سطرهای انتخاب شده", + }, + }, + }; + const columnsWithHeaderColor = columns.map((col, colIndex) => ({ + name: col, + options: { + customHeadRender: (columnMeta) => { + let sumValue = 0; + rows?.forEach((row) => { + let value = row[colIndex]; + if (typeof value === "string") { + const cleaned = value.replace(/,/g, ""); + value = parseFloat(cleaned); + } + if (!isNaN(value)) sumValue += value; + }); + + const tooltipTitle = + sumValue && !isNaN(sumValue) + ? `مجموع: ${sumValue.toLocaleString()}` + : ""; + + return ( + + + {columnMeta.name} + + + ); + }, + }, + })); + + return ( + + + + ); +}; + +SimpleTable.propTypes = { + columns: PropTypes.any, + data: PropTypes.any, + name: PropTypes.any, + expandable: PropTypes.bool, + responsive: PropTypes.any, + headerColor: PropTypes.string, + rowColors: PropTypes.string, +}; diff --git a/src/components/state-stepper/StateStepper.js b/src/components/state-stepper/StateStepper.js new file mode 100644 index 0000000..2c6c995 --- /dev/null +++ b/src/components/state-stepper/StateStepper.js @@ -0,0 +1,47 @@ +import { Grid } from "../grid/Grid"; +import TaskAltIcon from "@mui/icons-material/TaskAlt"; +import { PropTypes } from "prop-types"; +import MoreHorizIcon from "@mui/icons-material/MoreHoriz"; +import LockIcon from "@mui/icons-material/Lock"; + +export const StateStepper = ({ state, children }) => { + const completedJSX = ( + + + + + {children} + + ); + + const pendingJSX = ( + + + + + {children} + + ); + + const lockedJSX = ( + + + + + {children} + + ); + + return ( + <> + {state === "completed" && completedJSX} + {state === "pending" && pendingJSX} + {state === "locked" && lockedJSX} + + ); +}; + +StateStepper.propTypes = { + state: PropTypes.any, + children: PropTypes.any, +}; diff --git a/src/components/strict-modal/StrictModal.js b/src/components/strict-modal/StrictModal.js new file mode 100644 index 0000000..c9c44b5 --- /dev/null +++ b/src/components/strict-modal/StrictModal.js @@ -0,0 +1,59 @@ +import * as React from "react"; +import Box from "@mui/material/Box"; +import ModalBox from "@mui/material/Modal"; +import { Typography } from "@mui/material"; +import { SPACING } from "../../data/spacing"; +import { PropTypes } from "prop-types"; + +export const StrictModal = ({ content, title, open }) => { + const style = { + position: "absolute", + top: "50%", + left: "50%", + transform: "translate(-50%, -50%)", + width: 400, + bgcolor: "background.paper", + // border: "2px solid #000", + boxShadow: 24, + display: "flex", + alignItems: "center", + justifyContent: "center", + flexDirection: "column", + gap: SPACING.SMALL, + borderRadius: 2, + p: 3, + }; + + return ( + + + <> + + + {title} + + + {content} + + + + ); +}; + +StrictModal.propTypes = { + title: PropTypes.any, + content: PropTypes.any, + open: PropTypes.any, +}; diff --git a/src/components/text-input/TextInput.js b/src/components/text-input/TextInput.js new file mode 100644 index 0000000..edae763 --- /dev/null +++ b/src/components/text-input/TextInput.js @@ -0,0 +1,17 @@ +import { TextField } from "@mui/material"; +import { PropTypes } from "prop-types"; + +export const TextInput = (props) => { + return ( + + ); +}; + +TextInput.propTypes = { + formik: PropTypes.any, +}; diff --git a/src/components/time-to-logout/TimeToLogOut.js b/src/components/time-to-logout/TimeToLogOut.js new file mode 100644 index 0000000..0cc0fa1 --- /dev/null +++ b/src/components/time-to-logout/TimeToLogOut.js @@ -0,0 +1,46 @@ +import { Typography } from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { useSelector } from "react-redux"; +// import { RESET_TIME_TO_LOGOUT } from "../../lib/redux/slices/appSlice"; +// import { LOG_OUT } from "../../lib/redux/slices/userSlice"; +import { toHHMMSS } from "../../utils/toHHMMSS"; +import { Grid } from "../grid/Grid"; + +export const TimeToLogOut = () => { + const { inActiveTime } = useSelector((state) => state.appSlice); + const [remainTime, setRemainTime] = useState(inActiveTime); + // const dispatch = useDispatch(); + + useEffect(() => { + // dispatch(RESET_TIME_TO_LOGOUT()); + setRemainTime(inActiveTime); + }, [window.location.pathname]); + + // useEffect(() => { + // if (remainTime < 1) { + // dispatch(LOG_OUT()); + // } + // }, [remainTime]); + + const timer = () => { + setRemainTime((prevState) => prevState - 1); + }; + + useEffect(() => { + if (remainTime <= 0) { + return; + } + const id = setInterval(timer, 1000); + return () => clearInterval(id); + }, []); + + const auctionTimer = remainTime <= 0 ? "پایان یافته!" : toHHMMSS(remainTime); + + return ( + + زمان تا خروج + {auctionTimer} + {/* */} + + ); +}; diff --git a/src/components/timer/Timer.js b/src/components/timer/Timer.js new file mode 100644 index 0000000..a741a01 --- /dev/null +++ b/src/components/timer/Timer.js @@ -0,0 +1,53 @@ +import { Typography } from "@mui/material"; +import { useEffect, useState } from "react"; +import { PropTypes } from "prop-types"; +import { toHHMMSS } from "../../utils/toHHMMSS"; +import { toDDHHMMSS } from "../../utils/toDDHHMMSS"; +import FiberManualRecordIcon from "@mui/icons-material/FiberManualRecord"; +import { Grid } from "../grid/Grid"; + +export const Timer = ({ seconds, isFilePaymentTime }) => { + isFilePaymentTime = isFilePaymentTime || false; + const [currentCount, setCount] = useState(Math.round(seconds)); + const timer = () => { + setCount((prevState) => prevState - 1); + }; + + useEffect(() => { + setCount(seconds); + return () => setCount(0); + }, [seconds]); + + useEffect(() => { + if (currentCount <= 0) { + return; + } + const id = setInterval(timer, 1000); + return () => clearInterval(id); + }, []); + + const auctionTimer = + currentCount <= 0 ? "پایان یافته!" : toHHMMSS(currentCount); + + const fileTimer = + currentCount <= 0 ? "پایان یافته!" : toDDHHMMSS(currentCount); + + return ( + + + + {!isFilePaymentTime && auctionTimer} + {isFilePaymentTime && fileTimer} + + + ); +}; + +Timer.propTypes = { + seconds: PropTypes.any, + isFilePaymentTime: PropTypes.any, +}; diff --git a/src/contexts/AppContext.js b/src/contexts/AppContext.js new file mode 100644 index 0000000..71e64db --- /dev/null +++ b/src/contexts/AppContext.js @@ -0,0 +1,45 @@ +import { createContext, useState } from "react"; +import { PropTypes } from "prop-types"; +import moment from "moment/moment"; + +export const AppContext = createContext(); + +export const AppContextProvider = (props) => { + const [notifState, setNotifState] = useState({ + open: false, + vertical: "top", + horizontal: "center", + severity: "success", + msg: "", + }); + + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [selectedDate2, setSelectedDate2] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + const openNotif = (newState) => { + setNotifState({ open: true, ...newState }); + }; + + return ( + + {props.children} + + ); +}; + +AppContextProvider.propTypes = { + children: PropTypes.any, +}; diff --git a/src/contexts/SidebarContext.js b/src/contexts/SidebarContext.js new file mode 100644 index 0000000..7a6bd1c --- /dev/null +++ b/src/contexts/SidebarContext.js @@ -0,0 +1,24 @@ +import { createContext, useState } from "react"; +import { PropTypes } from "prop-types"; + +export const SidebarContext = createContext(); + +export const sidebarContextValues = { + sidebarState: false, +}; + +export const SidebarContextProvider = (props) => { + const [sideBarMobileState, setSidebarMobileState] = useState(false); + + return ( + + {props.children} + + ); +}; + +SidebarContextProvider.propTypes = { + children: PropTypes.any, +}; diff --git a/src/data/columnsName.js b/src/data/columnsName.js new file mode 100644 index 0000000..f03cf8d --- /dev/null +++ b/src/data/columnsName.js @@ -0,0 +1,16 @@ +export const columnsName = [ + "ردیف", + "کد سفارش", + "کدکاربری", + "تاریخ ثبت درخواست", + "تاریخ کشتار", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "تاریخ جوجه ریزی", + "سن مرغ", + "تعداد", + "عملیات", + "مشاهده", +]; diff --git a/src/data/download-file.js b/src/data/download-file.js new file mode 100644 index 0000000..90810dd --- /dev/null +++ b/src/data/download-file.js @@ -0,0 +1,26 @@ +import axios from "axios"; + +export const downloadFile = (fileUrl) => { + axios({ + url: fileUrl, + method: "GET", + responseType: "blob", + }) + .then((response) => { + const blob = new Blob([response.data], { + type: response.headers["content-type"], + }); + const url = window.URL.createObjectURL(blob); + + const a = document.createElement("a"); + a.href = url; + a.download = "filename.xlsx"; + document.body.appendChild(a); + a.click(); + + window.URL.revokeObjectURL(url); + }) + .catch((error) => { + console.error("Error downloading the file:", error); + }); +}; diff --git a/src/data/roles.js b/src/data/roles.js new file mode 100644 index 0000000..191dcb5 --- /dev/null +++ b/src/data/roles.js @@ -0,0 +1,15 @@ +export const ROLES = [ + "Admin", + "CityOperator", + "Poultry", + "ProvinceOperator", + "ProvinceFinancial", + "KillHouse", + "KillHouseVet", + "VetFarm", + "Driver", + "ProvinceInspector", + "VetSupervisor", + "Jahad", + "ProvincialGovernment", +]; diff --git a/src/data/spacing.js b/src/data/spacing.js new file mode 100644 index 0000000..9ecb551 --- /dev/null +++ b/src/data/spacing.js @@ -0,0 +1,7 @@ +const SPACING = { + TINY: 1, + SMALL: 2, + MEDIUM: 4, + LARGE: 8, +}; +export { SPACING }; diff --git a/src/data/theme.js b/src/data/theme.js new file mode 100644 index 0000000..251edb7 --- /dev/null +++ b/src/data/theme.js @@ -0,0 +1,259 @@ +import { createTheme } from "@mui/material"; +import { faIR } from "@mui/material/locale"; + +export const theme = createTheme( + { + direction: "rtl", + typography: { + fontFamily: [ + "iranyekan", + "-apple-system", + "BlinkMacSystemFont", + '"Segoe UI"', + "Roboto", + '"Helvetica Neue"', + "sans-serif", + "Arial", + '"Apple Color Emoji"', + '"Segoe UI Emoji"', + '"Segoe UI Symbol"', + ].join(","), + }, + palette: { + primary: { + light: "#E0E7FF", + main: "#244CCC", + dark: "#102159", + contrastText: "#fff", + }, + secondary: { + light: "#E6FAF5", + main: "#00CC99", + dark: "#ab003c", + contrastText: "#000", + }, + error: { + light: "#EB5757", + main: "#EB5757", + dark: "#EB5757", + contrastText: "#fff", + }, + info: { + light: "#17A2B8", + main: "#17A2B8", + dark: "#17A2B8", + contrastText: "#fff", + }, + }, + breakpoints: { + values: { + xs: 0, + sm: 600, + md: 900, + lg: 1200, + nlg: 1400, + xl: 1536, + nxl: 1700, + xxl: 1920, + xxxl: 2400, + }, + }, + components: { + MUIDataTableBodyRow: { + styleOverrides: { + root: { + borderBottom: "1px solid #e3e3e3", + }, + }, + }, + MuiFormControl: { + styleOverrides: { + root: { + width: "100%", + }, + }, + }, + MuiFormControlLabel: { + styleOverrides: { + label: { + fontSize: "14px", + }, + }, + }, + MuiOutlinedInput: { + styleOverrides: { + root: { + backgroundColor: "transparent", + "&.Mui-focused": { + backgroundColor: "transparent", + }, + }, + input: { + backgroundColor: "transparent", + "&:-webkit-autofill": { + WebkitBoxShadow: "0 0 0 100px white inset", + WebkitTextFillColor: "inherit", + }, + }, + notchedOutline: { + borderColor: "#e6e6e6", + }, + }, + }, + MuiInputLabel: { + styleOverrides: { + asterisk: { + color: "#EB5757", + }, + }, + }, + MuiButton: { + styleOverrides: { + root: ({ theme }) => ({ + borderRadius: "8px", + fontWeight: 600, + "&.Mui-disabled": { + backgroundColor: "rgba(36, 76, 204, 0.3)", + color: "rgba(255, 255, 255, 0.7)", + }, + fontSize: "17px", + [theme.breakpoints.down("sm")]: { + fontSize: "13px", + }, + }), + outlined: { + borderWidth: "2px", + "&:hover": { + borderWidth: "2px", + }, + "&.Mui-disabled": { + borderColor: "rgba(36, 76, 204, 0.3)", + color: "rgba(36, 76, 204, 0.5)", + backgroundColor: "transparent", + }, + }, + }, + }, + MUIDataTable: { + styleOverrides: { + responsiveBase: { + overflow: "hidden", + }, + root: { + boxShadow: "none !important", + width: "100%", + }, + }, + }, + MUIDataTableSearch: { + styleOverrides: { + searchIcon: { + display: "none", + }, + main: { + justifyContent: "flex-end", + }, + searchText: { + flex: "unset", + }, + }, + }, + MUIDataTablePagination: { + styleOverrides: { + navContainer: { + width: "100%", + display: "inline-block", + }, + }, + }, + MUIDataTableToolbar: { + styleOverrides: { + root: { + alignItems: "center", + }, + actions: { + display: "flex", + justifyContent: "flex-end", + flex: "unset", + }, + titleText: { + textAlign: "right", + fontSize: "16px", + color: "rgba(0, 0, 0, 0.54)", + }, + }, + }, + MUIDataTableHeadCell: { + styleOverrides: { + toolButton: { + padding: "0px !important", + marginRight: "0px !important", + justifyContent: "center !important", + }, + data: ({ theme }) => ({ + fontSize: "14px", + [theme.breakpoints.down("sm")]: { + fontSize: "12px", + }, + }), + contentWrapper: { + justifyContent: "center", + }, + }, + }, + MuiTableCell: { + styleOverrides: { + head: { + backgroundColor: "#e3e3e3 !important", + textAlign: "center", + }, + root: { + justifyContent: "center", + padding: "5px !important", + }, + }, + }, + MuiToolbar: { + styleOverrides: { + root: {}, + }, + }, + MUIDataTableBodyCell: { + styleOverrides: { + root: { + textAlign: "center", + fontSize: "12px", + }, + }, + }, + MuiTablePagination: { + styleOverrides: { + root: { + justifyContent: "center", + display: "flex", + }, + toolbar: { + marginTop: "0px", + alignItems: "center", + }, + }, + }, + MuiDrawer: { + styleOverrides: { + paperAnchorBottom: { + borderTopRightRadius: "25px", + borderTopLeftRadius: "25px", + }, + }, + }, + MuiTimeline: { + styleOverrides: { + root: { + gap: "0px !important", + }, + }, + }, + }, + }, + faIR +); diff --git a/src/features/admin/components/admin-hatching-by-period/AdminHatchingByPeriod.js b/src/features/admin/components/admin-hatching-by-period/AdminHatchingByPeriod.js new file mode 100644 index 0000000..630814a --- /dev/null +++ b/src/features/admin/components/admin-hatching-by-period/AdminHatchingByPeriod.js @@ -0,0 +1,297 @@ +import { Button, Chip, Divider, TextField, Typography } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import React, { useEffect, useState } from "react"; +import ChartBar from "../../../../components/chart-bar/ChartBar"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { adminGetHatchingByPeriod } from "../../services/admin-get-hatching-by-period"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import moment from "moment"; +import { EMPTY_HATCHING } from "../../../../lib/redux/slices/adminSlice"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const AdminHatchingByPeriod = () => { + const dispatch = useDispatch(); + + const { hatchingByPeriod } = useSelector((state) => state.adminSlice); + + useEffect(() => { + dispatch(EMPTY_HATCHING()); + }, []); + + useEffect(() => { + if (hatchingByPeriod && Array.isArray(hatchingByPeriod)) { + setHatchingByPeriodData({ + labels: hatchingByPeriod.map((data) => formatJustDate(data?.date)), + datasets: [ + { + label: "تعداد", + backgroundColor: ["rgba(33, 72, 214, 0.7)"], + data: hatchingByPeriod.map((data) => data?.quantity || 0), + borderRadius: 5, + }, + { + label: "تلفات", + backgroundColor: ["rgba(100, 130, 160, 0.7)"], + data: hatchingByPeriod.map((data) => data?.losses || 0), + borderRadius: 5, + }, + // { + // type: "line", + // label: "مقدار استاندارد", + // backgroundColor: ["rgba(0, 120, 10, 0.7)"], + // data: [ + // 2500, 2500, 2500, 2500, 2500, 2500, 2500, 2500, 2500, 2500, 2500, + // 2500, + // ], + // }, + ], + }); + } + }, [hatchingByPeriod?.length]); + + const [hatchingByPeriodData, setHatchingByPeriodData] = useState({ + datasets: [], + }); + + const formik = useFormik({ + initialValues: { + periodfrom: moment(Date()).format("YYYY-MM-DD"), + periodto: moment(Date()).format("YYYY-MM-DD"), + chickenAge: "5", + }, + validationSchema: Yup.object({ + periodfrom: Yup.string() + .typeError("لطفا فیلد را به درستی وارد کنید.!") + .required("این فیلد اجباری است!"), + periodto: Yup.string() + .typeError("لطفا فیلد را به درستی وارد کنید.!") + .required("این فیلد اجباری است!"), + chickenAge: Yup.number() + .typeError("لطفا فیلد را به صورت عددی وارد کنید.!") + .required("این فیلد اجباری است!") + .test("len", "سن مرغ را در بازه 45 روزه وارد کنید", (val, context) => { + if (context.originalValue) { + return context.originalValue <= 45 && context.originalValue > 0; + } + }), + }), + }); + + const chartTooltipData = (data) => { + if (!data || !data.parsed || typeof data.parsed.x === "undefined") { + return ""; + } + + const index = data.parsed.x; + + if (!data?.dataset?.label) { + return ""; + } + + if (data.dataset.label === "تلفات") { + return "مرغداری صداقت با مقدار 2000 در تاریخ 1400/02/03"; + } else if (data.dataset.label === "مقدار استاندارد") { + return `میزان استاندارد جوجه ریزی در روز ${ + data?.formattedValue || "" + } عدد میباشد`; + } else { + const hatchingItem = hatchingByPeriod?.[index]; + if (!hatchingItem || !Array.isArray(hatchingItem?.poultry)) { + return ""; + } + return hatchingItem.poultry + .map( + (poultryData, i) => + i + + 1 + + "- مرغداری " + + (poultryData?.unitname || "") + + " از استان " + + (poultryData?.province || "") + + " شهر " + + (poultryData?.city || "") + ) + .join(", "); + } + }; + + const chartTooltipTitle = (data) => { + if (!data?.dataset?.label) { + return ""; + } + + if (data.dataset.label === "تلفات") { + return "تلفات برای این مرغداری ها ثبت شده است"; + } else if (data.dataset.label === "مقدار استاندارد") { + return "لاین کنترلی"; + } else { + return "جوجه ریزی ها توسط این مرغداری ها ثبت شده است"; + } + }; + + const [dataObject, setDataObject] = useState({ + date1: "", + date2: "", + age: "", + }); + + useEffect(() => { + setDataObject({ + date1: formik.values.periodfrom, + date2: formik.values.periodto, + age: formik.values.chickenAge, + }); + }, [formik.values]); + + const options = { + plugins: { + tooltip: { + callbacks: { + title: (data) => { + if (!data || !Array.isArray(data) || !data[0]) { + return ""; + } + return chartTooltipTitle(data[0]); + }, + label: (data) => { + if (!data) { + return ""; + } + return chartTooltipData(data); + }, + }, + }, + }, + }; + + useEffect(() => { + formik.validateForm(); + }, []); + + const isFormvalid = (formik) => { + const date = + (new Date(formik.values.periodto) - new Date(formik.values.periodfrom)) / + (1000 * 60 * 60 * 24); + if (date > 0 && date <= 30) { + return false; + } else { + return true; + } + }; + + return ( + + + + + + + + دریافت بر اساس بازه دلخواه : + + } + value={formik.values.periodfrom} + error={ + formik.touched.periodfrom + ? Boolean(formik.errors.periodfrom) + : null + } + onChange={(e) => { + formik.setFieldValue( + "periodfrom", + moment(e).format("YYYY-MM-DD") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.periodfrom && Boolean(formik.errors.periodfrom) + ? formik.errors.periodfrom + : null + } + /> + + } + value={formik.values.periodto} + error={ + formik.touched.periodto ? Boolean(formik.errors.periodto) : null + } + onChange={(e) => { + formik.setFieldValue("periodto", moment(e).format("YYYY-MM-DD")); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.periodto && Boolean(formik.errors.periodto) + ? formik.errors.periodto + : null + } + /> + + + + + + + + ); +}; diff --git a/src/features/admin/components/admin-hatching/AdminHatching.js b/src/features/admin/components/admin-hatching/AdminHatching.js new file mode 100644 index 0000000..ef2a988 --- /dev/null +++ b/src/features/admin/components/admin-hatching/AdminHatching.js @@ -0,0 +1,296 @@ +import { Button, IconButton, Tooltip } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useFormik } from "formik"; +import moment from "moment"; +import { useState } from "react"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { useContext } from "react"; +import Tour from "reactour"; +import { AvicultureNewHatching } from "../../../aviculture/components/aviculture-new-hatching/AvicultureNewHatching"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { avicultureGetHatchings } from "../../../aviculture/services/aviculture-get-hatchings"; +import { Yup } from "../../../../lib/yup/yup"; +import { avicultureDeleteHatching } from "../../../aviculture/services/aviculture-delete-hatching"; +import { formatJustDate } from "../../../../utils/formatTime"; + +const steps = [ + { + selector: ".first-step", + content: () =>

برای ثبت جوجه ریزی اینجا کلیک کنید!

, + }, + { + selector: ".second", + content: () => ( +

در این قسمت جوجه ریزی های ثبت شده توسط شما نمایش داده می شود.

+ ), + }, +]; + +export const AdminHatching = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const { avicultureHatchings } = useSelector((state) => state.avicultureSlice); + const [isTourOpen, setIsTourOpen] = useState(false); + const [dataTable, setDataTable] = useState([]); + const [dataTableArchived, setDataTableArchuved] = useState([]); + + useEffect(() => { + dispatch(avicultureGetHatchings()); + }, []); + + useEffect(() => { + const filteredData = avicultureHatchings?.filter( + (item) => item.allowHatching === "pending" + ); + + const filteredDataArchived = avicultureHatchings?.filter( + (item) => item.allowHatching === "True" + ); + + const d = filteredData?.map((item, i) => { + const quantity = item?.quantity || 0; + const losses = item?.losses || 0; + const leftOver = item?.leftOver || 0; + const killedNumber = quantity - losses - leftOver; + const percentage = + quantity > 0 + ? (value) => ((value * 100) / quantity).toFixed(0) + : () => "0"; + + return [ + i + 1, + item?.poultry?.unitName || "", + item?.hall || "", + item?.period || "", + formatJustDate(item?.createDate), + formatJustDate(item?.date), + item?.chickenBreed || "", + item?.age || "", + quantity, + `${losses} (%${percentage(losses)})`, + killedNumber + ` (%${percentage(killedNumber)})`, + `${leftOver} (%${percentage(leftOver)})`, + + { + dispatch(LOADING_START()); + dispatch(avicultureDeleteHatching(item?.key)).then((r) => { + dispatch(LOADING_END()); + if (r?.error) { + const errorMessage = r.error?.message || ""; + if (errorMessage.includes("403")) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "برای این جوجه ریزی درخواست کشتار ثبت شده است!", + severity: "error", + }); + } else if (errorMessage.includes("400")) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "برای این جوجه ریزی بازرسی ثبت شده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } + } else { + dispatch(avicultureGetHatchings()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + + , + ]; + }); + + setDataTable(d); + + const b = filteredDataArchived?.map((item, i) => { + const quantity = item?.quantity || 0; + const losses = item?.losses || 0; + const leftOver = item?.leftOver || 0; + const killedNumber = quantity - losses - leftOver; + const percentage = + quantity > 0 + ? (value) => ((value * 100) / quantity).toFixed(0) + : () => "0"; + + return [ + i + 1, + item?.poultry?.unitName || "", + item?.hall || "", + item?.period || "", + formatJustDate(item?.createDate), + formatJustDate(item?.date), + item?.chickenBreed || "", + item?.age || "", + quantity, + `${losses} (%${percentage(losses)})`, + killedNumber + ` (%${percentage(killedNumber)})`, + `${leftOver} (%${percentage(leftOver)})`, + ]; + }); + + setDataTableArchuved(b); + }, [avicultureHatchings]); + + const formik = useFormik({ + initialValues: { + noChicken: "", + slaughterDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + race: "آرین", + weight: "", + }, + validationSchema: Yup.object({ + noChicken: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + weight: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + + {/* */} + + + setIsTourOpen(false)} + styles={{ + popover: (base) => ({ + ...base, + borderRadius: "10px", + "--reactor-accent": "red", + }), + }} + /> + + + + + + + + + + + ); +}; diff --git a/src/features/admin/components/admin-static-info-in-box/AdminStaticInfoInBox.js b/src/features/admin/components/admin-static-info-in-box/AdminStaticInfoInBox.js new file mode 100644 index 0000000..f8c6307 --- /dev/null +++ b/src/features/admin/components/admin-static-info-in-box/AdminStaticInfoInBox.js @@ -0,0 +1,247 @@ +import { + Card, + CardActionArea, + CardContent, + CardMedia, + Typography, +} from "@mui/material"; +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { PropTypes } from "prop-types"; + +import img1 from "../../../../assets/images/document.jpg"; +import img2 from "../../../../assets/images/chicken.svg"; +import img3 from "../../../../assets/images/users.jpg"; +import img4 from "../../../../assets/images/price.jpg"; + +export default function AdminStaticInfoInBox({ infoData }) { + return ( + + + + + + + + پرونده ها + + + prop.palette.grey["A700"]} + > + فعال: + + + {infoData?.numberOfActiveFiles} + + + + + prop.palette.grey["A700"]} + > + رد شده: + + + {infoData?.numberOfRejectedFiles} + + + + + prop.palette.grey["A700"]} + > + بایگانی شده: + + + {infoData?.numberOfArchiveFiles} + + + + + + + + + + + جوجه ریزی + + + prop.palette.grey["A700"]} + > + جوجه ریزی: + + + {infoData?.realHatching} + + + + + prop.palette.grey["A700"]} + > + تلفات: + + + {infoData?.totalLossess} + + + + + prop.palette.grey["A700"]} + > + مجموع: + + + {infoData?.totalHatching} + + + + + + + + + + + کاربران + + + prop.palette.grey["A700"]} + > + کل: + + + {infoData?.totalUsers} + + + + + prop.palette.grey["A700"]} + > + کاربر: + + + {infoData?.numberOfUsers} + + + + + prop.palette.grey["A700"]} + > + اپراتور: + + + {infoData?.numberOfOperators} + + + + + + + + + + + + نرخ مرغ + + + prop.palette.grey["A700"]} + > + قیمت روز: + + + {infoData?.price} ریال + + + + + prop.palette.grey["A700"]} + > + کف قیمت: + + + {infoData?.floorPrice} ریال + + + + + prop.palette.grey["A700"]} + > + سقف قیمت: + + + {infoData?.cellingPrice} ریال + + + + + + + + ); +} + +AdminStaticInfoInBox.propTypes = { + infoData: PropTypes.any, +}; diff --git a/src/features/admin/components/requests-operations/AdminRequestsOperations.js b/src/features/admin/components/requests-operations/AdminRequestsOperations.js new file mode 100644 index 0000000..6c50226 --- /dev/null +++ b/src/features/admin/components/requests-operations/AdminRequestsOperations.js @@ -0,0 +1,80 @@ +import { useLocation } from "react-router-dom"; +import { Button } from "@mui/material"; +import { + ROUTE_ADMIN_ARCHIVED_REQUESTS, + ROUTE_ADMIN_AWAITING_INSPECTION_REQUESTS, + ROUTE_ADMIN_AWAITING_PAYMENT_REQUESTS, + ROUTE_ADMIN_HATCHING, + ROUTE_ADMIN_REJECTED_REQUESTS, + ROUTE_ADMIN_REQUESTS, +} from "../../../../routes/routes"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; + +export const AdminRequestsOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/admin/services/admin-get-charts.js b/src/features/admin/services/admin-get-charts.js new file mode 100644 index 0000000..44219cb --- /dev/null +++ b/src/features/admin/services/admin-get-charts.js @@ -0,0 +1,7 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const adminGetCharts = createAsyncThunk("ADMIN_GET_CHARTS", async () => { + const { data, status } = await axios.get("chart"); + return { data, status }; +}); diff --git a/src/features/admin/services/admin-get-hatching-by-period.js b/src/features/admin/services/admin-get-hatching-by-period.js new file mode 100644 index 0000000..ebdf832 --- /dev/null +++ b/src/features/admin/services/admin-get-hatching-by-period.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const adminGetHatchingByPeriod = createAsyncThunk( + "ADMIN_GET_HATCHING_BY_PERIOD", + async (dataObject) => { + const { data, status } = await axios.get( + "forcast_hatching/?date1=" + + dataObject.date1 + + "&date2=" + + dataObject.date2 + + "&day=" + + dataObject.age + ); + return { data, status }; + } +); diff --git a/src/features/admix-x/components/admin-x-excel-status/AdminCExcelStatus.js b/src/features/admix-x/components/admin-x-excel-status/AdminCExcelStatus.js new file mode 100644 index 0000000..f3e02f5 --- /dev/null +++ b/src/features/admix-x/components/admin-x-excel-status/AdminCExcelStatus.js @@ -0,0 +1,222 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { reportsList } from "./reportList"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Button, IconButton, TextField, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +import { adminXGetReportStatusService } from "../../services/admin-x-get-report-status-service"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ManageSearchIcon from "@mui/icons-material/ManageSearch"; + +export const AdminCExcelStatus = () => { + const [tableData, setTableData] = useState([]); + const userKey = useSelector((state) => state.userSlice?.userProfile?.key); + const authToken = useSelector((state) => state.userSlice?.authToken); + const [loadingIndex, setLoadingIndex] = useState(null); + const [allReports, setAllReports] = useState([]); + const [update, setUpdate] = useState(false); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const dispatch = useDispatch(); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, [setSelectedDate1, setSelectedDate2]); + + useEffect(() => { + const newData = reportsList.map((report) => ({ + ...report, + status: "", + })); + setAllReports(newData); + }, []); + + function replaceUrlParams(url, date1, date2, role, key, token) { + if (!url || typeof url !== "string") { + return url || ""; + } + + const [baseUrl, queryString] = url.split("?"); + + if (!queryString) { + return url; + } + + const params = new URLSearchParams(queryString); + + if (params.has("date1")) { + params.set("date1", date1); + } + if (params.has("date2")) { + params.set("date2", date2); + } + + if (params.has("start")) { + params.set("start", date1); + } + if (params.has("end")) { + params.set("end", date2); + } + + if (params.has("role")) { + params.set("role", role); + } + + if (params.has("token")) { + params.set("token", token); + } + + if (params.has("key")) { + params.set("key", key); + } + + return `${baseUrl}?${params.toString()}`; + } + + const handleCheckAll = async () => { + const updatedData = [...allReports]; + for (let i = 0; i < allReports.length; i++) { + setLoadingIndex(i); + try { + const response = await dispatch( + adminXGetReportStatusService({ + url: replaceUrlParams( + allReports[i]?.url, + selectedDate1, + selectedDate2, + getRoleFromUrl(), + userKey, + authToken + ), + }) + ); + + if (response?.payload?.data?.status) { + updatedData[i].status = response.payload.data.status; + } + } catch (error) { + console.error("Error fetching report status:", error); + } + } + setLoadingIndex(null); + setAllReports(updatedData); + setUpdate((prevUpdate) => !prevUpdate); + }; + + const handleSingleCheck = async (index) => { + setLoadingIndex(index); + try { + const response = await dispatch( + adminXGetReportStatusService({ + url: replaceUrlParams( + allReports[index]?.url, + selectedDate1, + selectedDate2, + getRoleFromUrl(), + userKey, + authToken + ), + }) + ); + + const newData = [...allReports]; + if (response?.payload?.data?.status) { + newData[index].status = response.payload.data.status; + } + setAllReports(newData); + } catch (error) { + console.error("Error fetching report status:", error); + } finally { + setLoadingIndex(null); + } + }; + + useEffect(() => { + const d = allReports.map((item, i) => [ + i + 1, + item?.title || "", + item?.url ? item.url.split("/")[0] : "", + handleSingleCheck(i)} + disabled={loadingIndex === i} + > + + , + item?.status ? ( + + ({item.status}){" "} + {parseInt(item.status) === 200 || item.status === "200" + ? "سالم" + : "مشکل دارد"} + + ) : ( + "-" + ), + ]); + + setTableData(d); + }, [allReports, loadingIndex, update]); + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ); +}; diff --git a/src/features/admix-x/components/admin-x-excel-status/reportList.js b/src/features/admix-x/components/admin-x-excel-status/reportList.js new file mode 100644 index 0000000..d508d3c --- /dev/null +++ b/src/features/admix-x/components/admin-x-excel-status/reportList.js @@ -0,0 +1,219 @@ +export const reportsList = [ + { + title: "مدیریت بار", + url: "bar_excel/?start=2024-08-03&end=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=ProvinceOperator&search=filter&value=", + }, + { + title: "گزارش جزییات کشتار", + url: "detail_of_killing_excel/?date1=2024-08-03&date2=2024-08-03&role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "گزارش جامع کشتارگاه", + url: "comprehensive_report_of_the_slaughterhouse_excel/?date1=2024-08-03&date2=2024-08-03", + }, + { + title: "پایش کلی بارها", + url: "monitor_loads_excel/?role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&date1=2024-08-03&date2=2024-08-03", + }, + { + title: "مدیریت بارهای تکمیل نشده", + url: "bar_excel/?start=2024-05-21&end=2024-08-03&role=ProvinceOperator&state=bar_pending&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&search=filter&value=", + }, + { + title: "مدیریت بارهای تکمیل شده", + url: "bar_excel/?start=2024-07-22&end=2024-08-03&state=completed&role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&search=filter&value=", + }, + { + title: "بارهای حذف شده", + url: "bar_excel_trash_true/?start=2024-08-03&end=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=ProvinceOperator&search=filter&value=", + }, + { + title: "فروش خارج از استان", + url: "bar_free_excel/?date1=2024-08-03&date2=2024-08-03&state=accepted&role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "مدیریت بارهای زنجیره", + url: "bar_chain_excel/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=ProvinceOperator&search=filter&value=&state=accepted&date1=2024-08-03&date2=2024-08-03", + }, + { + title: "خرید خارج از استان زنده", + url: "kill_house_free_bar_excel/?role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&date1=2024-08-03&date2=2024-08-03&type=live", + }, + { + title: "خرید خارج از استان لاشه", + url: "kill_house_free_bar_excel/?role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&date1=2024-08-03&date2=2024-08-03&type=carcass", + }, + { + title: "درخواست مرغدار", + url: "poultry_kill_request_excel/?start=2024-08-03&end=2024-08-03&role=ProvinceOperator&token=vamptUktoL9b1htBgvjE14XTZg7Bg4", + }, + { + title: "درخواست کشتارگاه", + url: "kill_house_excel/?start=2024-08-03&end=2024-08-03", + }, + { + title: "جوجه ریزی", + url: "0/hatching_excel/?role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&search=filter&value=", + }, + { + title: "بایگانی جوجه ریزی", + url: "archive_hatching_excel/?search=filter&value=&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=ProvinceOperator", + }, + { + title: "جوجه ریزی در بازه تاریخی", + url: "hatching_date_range_excel/?date1=2024-08-03&date2=2024-08-03", + }, + { + title: "وضعیت پرونده", + url: "poultry_request_report_excel/?start=2024-08-03&end=2024-08-03&role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "گزارش مغایرت اطلاعات کشتار و عدم فعالیت نقش ها", + url: "discrepancy_report_excel/?date1=2024-08-02&date2=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=ProvinceOperator", + }, + { + title: + "گزارش کلی فارم های فعال مرغ گوشتی دارای مانده در سالن بیشتر از 10 درصد و بازه سنی 55 تا 90 روزه", + url: "poultry_hatching_between_50age_70age_excel/", + }, + { + title: "گزارش کشتار روزانه", + url: "daily_process_klling_proccess_excel/?date=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "گزارش پخش روزانه", + url: "daily_process_excel/?date=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "تراکنش های موفق", + url: "successful_transactions_excel/?date1=2024-08-03&date2=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "تراکنش های ناموفق", + url: "unsuccessful_transactions_excel/?date1=2024-08-03&date2=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "مدیریت اصناف", + url: "guilds_excel/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&search=filter&value=&role=ProvinceOperator", + }, + { + title: "مدیریت مباشرین", + url: "stewards_excel/", + }, + { + title: "خودروها", + url: "car_province_excel/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=Province", + }, + { + title: "مدیریت کاربران", + url: "get_all_user_excel/", + }, + { + title: "مدیریت مرغداران", + url: "management_poultry/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=ProvinceOperator", + }, + { + title: "مدیریت خریداران", + url: "kill_house_user_excel/", + }, + { + title: "گزارش پخش لاشه مرغ گرم", + url: "all_inventory_excel/?date1=2024-07-22&date2=2024-08-03", + }, + { + title: "گزارش پخش لاشه مرغ گرم از مباشر به صنف", + url: "steward_ware_house_total_report_daily_excel/?date1=2024-06-21&date2=2024-08-03", + }, + { + title: "کارمزد پرداخت شده کشتارگاه", + url: "kill_house_total_transactions_wage_payid_excel/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&search=filter&value=&role=ProvinceOperator", + }, + { + title: "پرداختی زنجیره ها", + url: "chain-company-total-transactions_not_payid_excel/?token=vamptUktoL9b1htBgvjE14XTZg7Bg4", + }, + { + title: "ریز تراکنش ها", + url: "payment_transactions_province_excel/?role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "اطلاعات تعرفه بارهای روزانه", + url: "kill_house_total_wage_excel/?token=vamptUktoL9b1htBgvjE14XTZg7Bg4&date1=2024-08-03&date2=2024-08-03", + }, + { + title: "پایش تعرفه برای استان", + url: "kill_house_total_transactions_wage_payid_super_admin_excel/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=AdminX", + }, + { + title: "پایش تعرفه برای ادمین ایکس", + url: "kill_house_total_transactions_wage_payid_admin_x_excel/?role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "خرید مستقیم", + url: "direct_purchase_excel/?date1=2024-08-03&date2=2024-08-03&role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "بایگانی خرید مستقیم", + url: "direct_purchase_archive_excel/?date1=2024-08-03&date2=2024-08-03&role=ProvinceOperator&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "بایگانی صادرات", + url: "export_kill_house_excel/?date1=2024-08-03&date2=2024-08-03&role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "گزارش کلی بار خارج از استان", + url: "general_free_bar_excel/?date1=2024-08-03&date2=2024-08-03&role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&search=filter&value=", + }, + { + title: "بار خارج از استان", + url: "bar_free_excel/?date1=2024-08-03&date2=2024-08-03&state=pending&role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "بارهای تایید شده خارج از استان", + url: "bar_free_excel/?date1=2024-08-03&date2=2024-08-03&state=accepted&role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "بارهای رد شده خارج از استان", + url: "bar_free_excel/?date1=2024-08-03&date2=2024-08-03&state=rejected&role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "خریداران خارج از استان", + url: "out_province_poultry_request_buyers_excel/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=AdminX&search=filter&value=", + }, + { + title: "جوجه ریزی زنجیره", + url: "0/hatching_excel/?role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&chain=true", + }, + { + title: "مدیریت بار زنجیره ها", + url: "bar_chain_excel/?key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&role=AdminX&search=filter&value=&state=accepted&date1=2024-08-03&date2=2024-08-03", + }, + { + title: "شرکت زنجیره", + url: "chain_company_buyers_excel/?role=AdminX&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904&search=filter&value=", + }, + { + title: "جوجه ریزی بایگانی شرکت زنجیره", + url: "archive_hatching_excel/?chain=true", + }, + { + title: "مدیریت تخصیصات", + url: "allocated_excel/?start=2024-08-03&end=2024-08-03", + }, + { + title: "گزارش کشتار روزانه", + url: "daily_process_klling_proccess_excel/?date=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "گزارش پخش روزانه", + url: "daily_process_excel/?date=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "تراکنش های موفق", + url: "successful_transactions_excel/?date1=2024-08-03&date2=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, + { + title: "تراکنش های ناموفق", + url: "unsuccessful_transactions_excel/?date1=2024-08-03&date2=2024-08-03&key=fde6fff6-7f4c-4e10-5604-0d45f8b41904", + }, +]; diff --git a/src/features/admix-x/services/admin-x-get-report-status-service.js b/src/features/admix-x/services/admin-x-get-report-status-service.js new file mode 100644 index 0000000..b1e1771 --- /dev/null +++ b/src/features/admix-x/services/admin-x-get-report-status-service.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const adminXGetReportStatusService = createAsyncThunk( + "ADMINX_REPORT_STATUS", + async (d, { dispatch }) => { + const { data, status } = await axios.get("check_excel/", { + params: { url: d.url }, + }); + return { data, status }; + } +); diff --git a/src/features/auction/components/auction-bids/AuctionBids.js b/src/features/auction/components/auction-bids/AuctionBids.js new file mode 100644 index 0000000..fb36628 --- /dev/null +++ b/src/features/auction/components/auction-bids/AuctionBids.js @@ -0,0 +1,111 @@ +import { Button } from "@mui/material"; +// import moment from "moment"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +// import { Timer } from "../../../../components/timer/Timer"; +import { SPACING } from "../../../../data/spacing"; +import { ROUTE_SLAUGHTER_FILE } from "../../../../routes/routes"; +import { formatTime } from "../../../../utils/formatTime"; +import { auctionSlaughterRequests } from "../../services/auction-slaughter-requests"; + +export const AuctionsBids = () => { + const [tableRows, setTableRows] = useState([]); + const dispatch = useDispatch(); + const navigate = useNavigate(); + const { auctionSlaughterRequestsData } = useSelector( + (state) => state.auctionSlice + ); + + useEffect(() => { + dispatch(auctionSlaughterRequests()); + }, []); + + useEffect(() => { + if ( + !auctionSlaughterRequestsData || + !Array.isArray(auctionSlaughterRequestsData) + ) { + setTableRows([]); + return; + } + + setTableRows( + auctionSlaughterRequestsData.map((item) => { + // const auctionFinishDate = moment(new Date(item.date)); + // const currentDate = moment(); + // const diff = auctionFinishDate.diff(currentDate); + // let auctionRemainedSeconds = moment.duration(diff).asSeconds(); + const auctionState = + item?.state === "accepted" + ? "برنده شده اید!" + : item?.state === "pending" + ? "در حال انجام مزایده" + : "درخواست شما پذیرفته نشد."; + return [ + item?.poultryRequest?.id || "", + item?.poultryRequest?.orderCode || "", + (item?.fee || 0) + " ﷼", + (item?.poultryRequest?.quantity || 0) + " قطعه", + item?.poultryRequest?.hatching?.date || "", + (item?.poultryRequest?.chickenBreed || "") + + (item?.poultryRequest?.chickenBreed && + item?.poultryRequest?.process?.poultry?.age + ? " - " + : "") + + (item?.poultryRequest?.process?.poultry?.age || ""), + (item?.poultryRequest?.IndexWeight || 0) + " کیلوگرم", + item?.poultryRequest?.poultry?.address?.province?.name || "", + item?.poultryRequest?.poultry?.address?.city?.name || "", + item?.date ? formatTime(item.date) : "", + auctionState === "برنده شده اید!" ? ( + + {auctionState} + + + ) : ( + auctionState + ), + ]; + }) + ); + }, [auctionSlaughterRequestsData]); + + return ( + <> + {auctionSlaughterRequestsData && + Array.isArray(auctionSlaughterRequestsData) && + auctionSlaughterRequestsData.length > 0 && ( + + + + )} + + ); +}; diff --git a/src/features/auction/components/auction-filter-request-advance/AuctionFilterRequestAdvance.js b/src/features/auction/components/auction-filter-request-advance/AuctionFilterRequestAdvance.js new file mode 100644 index 0000000..aadba11 --- /dev/null +++ b/src/features/auction/components/auction-filter-request-advance/AuctionFilterRequestAdvance.js @@ -0,0 +1,221 @@ +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + FormHelperText, + InputLabel, + MenuItem, + Select, + Slider, +} from "@mui/material"; +import { useState } from "react"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch, useSelector } from "react-redux"; +import { PropTypes } from "prop-types"; +import { + auctionFilterByAge, + auctionFilterByPrice, + auctionFilterByQuantity, + auctionFilterByRace, + auctionFilterByWeight, +} from "../../../../lib/redux/slices/auctionSlice"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useEffect } from "react"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; + +export const AuctionFilterRequestAdvance = ({ + minQuantity = 0, + maxQuantity = 1000, +}) => { + const dispatch = useDispatch(); + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetChickenPrice()); + dispatch(LOADING_END()); + }, []); + + const formik = useFormik({ + initialValues: { + age: "", + race: "همه", + }, + validationSchema: Yup.object({ + age: Yup.number().typeError("لطفا سن مرغ را وارد کنید."), + }), + }); + + const [number, setNumber] = useState([minQuantity || 0, maxQuantity || 1000]); + const [weight, setWeight] = useState([1, 5]); + const [age, setAge] = useState([30, 70]); + const [price, setPrice] = useState([ + avicultureChickenPrice?.floorPrice || 0, + avicultureChickenPrice?.ceilingPrice || 100000, + ]); + + useEffect(() => { + if ( + avicultureChickenPrice?.floorPrice && + avicultureChickenPrice?.ceilingPrice + ) { + setPrice([ + avicultureChickenPrice.floorPrice, + avicultureChickenPrice.ceilingPrice, + ]); + } + }, [avicultureChickenPrice]); + + const handleChangeNumber = (event, newNumber) => { + setNumber(newNumber); + }; + + const handleChangeWeight = (event, newWeight) => { + setWeight(newWeight); + }; + + const handleChangeAge = (event, newAge) => { + setAge(newAge); + }; + + const handleChangePrice = (event, newPrice) => { + setPrice(newPrice); + }; + + return ( + + + + + نژاد مرغ + + + {formik.touched.race && Boolean(formik.errors.race) + ? formik.errors.race + : null} + + + + {number && + Array.isArray(number) && + number[0] !== undefined && + number[0] !== Infinity && + minQuantity !== undefined && + maxQuantity !== undefined ? ( + + تعداد: + "تعداد"} + value={number} + min={minQuantity || 0} + max={maxQuantity || 1000} + step={100} + onChange={handleChangeNumber} + valueLabelDisplay="auto" + /> + + ) : ( + "" + )} + + + سن: + + + + + وزن: + "Temperature range"} + value={weight} + min={1} + max={5} + onChange={handleChangeWeight} + valueLabelDisplay="auto" + /> + + + + قیمت: + "سقف و کف قیمت امروز"} + value={price} + step={5000} + min={avicultureChickenPrice?.floorPrice || 0} + max={avicultureChickenPrice?.ceilingPrice || 100000} + onChange={handleChangePrice} + valueLabelDisplay="auto" + /> + + + + + + + + ); +}; + +AuctionFilterRequestAdvance.propTypes = { + minQuantity: PropTypes.number, + maxQuantity: PropTypes.number, +}; diff --git a/src/features/auction/components/auction-filter-request-date/AuctionFilterRequestDate.js b/src/features/auction/components/auction-filter-request-date/AuctionFilterRequestDate.js new file mode 100644 index 0000000..551470e --- /dev/null +++ b/src/features/auction/components/auction-filter-request-date/AuctionFilterRequestDate.js @@ -0,0 +1,173 @@ +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + Checkbox, + FormControl, + FormControlLabel, + InputLabel, + ListItemText, + MenuItem, + OutlinedInput, + Radio, + RadioGroup, + Select, + Typography, +} from "@mui/material"; +import { useSelector } from "react-redux"; +import { useEffect, useState } from "react"; +import { format } from "date-fns-jalali"; +import { useDispatch } from "react-redux"; +import { auctionFilterByDate } from "../../../../lib/redux/slices/auctionSlice"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +export const AuctionFilterRequestDate = () => { + const dispatch = useDispatch(); + + const ITEM_HEIGHT = 48; + const ITEM_PADDING_TOP = 8; + + const { auctions } = useSelector((state) => state.auctionSlice || {}); + const [selectedDates, setSelectedDates] = useState([]); + const [availableDates, setAvailableDates] = useState([]); + const [value, setValue] = useState("all"); + + const handleChangeRadioButton = (event) => { + setValue(event.target.value); + }; + + const handleChange = (event) => { + const { + target: { value }, + } = event; + setSelectedDates( + // On autofill we get a stringified value. + typeof value === "string" ? value.split(",") : value + ); + }; + + const MenuProps = { + PaperProps: { + style: { + maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP, + width: 250, + }, + }, + }; + + useEffect(() => { + if (auctions && Array.isArray(auctions)) { + const data = auctions + .filter((item) => item?.sendDate) + .map((item) => { + try { + return format(new Date(item.sendDate), "yyyy/MM/dd"); + } catch (error) { + console.error("Error formatting date:", error); + return null; + } + }) + .filter((date) => date !== null); + setAvailableDates(data); + } else { + setAvailableDates([]); + } + }, [auctions]); + + return ( + + + + + + } + label="بدون فیلتر" + /> + } + label="انتخاب تاریخ" + /> + + + + {value === "filter" && ( + <> + + + تاریخ هایی که مایل به رویت مناقصات آنها هستید را انتخاب کنید. + + + + + + تاریخ های انتخاب شده + + + + + + )} + + + + + + + ); +}; diff --git a/src/features/auction/components/auction-filter-request-zone/AuctionFilterRequestZone.js b/src/features/auction/components/auction-filter-request-zone/AuctionFilterRequestZone.js new file mode 100644 index 0000000..def4acd --- /dev/null +++ b/src/features/auction/components/auction-filter-request-zone/AuctionFilterRequestZone.js @@ -0,0 +1,149 @@ +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { Autocomplete, Button, TextField } from "@mui/material"; +import { useState } from "react"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; +import { useEffect } from "react"; +import { cityGetCity } from "../../../city/services/city-get-city"; +import { + auctionFilterByCity, + auctionFilterByProvince, +} from "../../../../lib/redux/slices/auctionSlice"; + +export const AuctionFilterRequestZone = () => { + const [provinceData, setProvinceData] = useState(); + const [cityData, setCityData] = useState(); + const [provinceKey, setProvinceKey] = useState(); + + const [selectedProvince, setSelectedProvince] = useState(); + const [selectedCity, setSelectedCity] = useState(); + + const [, setCityKey] = useState(); + const [isExistProvince, setIsExistProvince] = useState(true); + + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces()) + ?.then((r) => { + if (r?.payload?.data) { + setProvinceData(r.payload.data); + } + }) + .catch((error) => { + console.error("Error fetching provinces:", error); + }) + .finally(() => { + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)) + .then((r) => { + if (r?.payload?.data) { + setCityData(r.payload.data); + setIsExistProvince(false); + } + }) + .catch((error) => { + console.error("Error fetching cities:", error); + }) + .finally(() => { + dispatch(LOADING_END()); + }); + } else { + setCityData([]); + setIsExistProvince(true); + } + }, [provinceKey]); + + return ( + + + + i?.key && i?.name) + .map((i) => ({ id: i.key, label: i.name })) + : [] + } + onChange={(e, value) => { + if (value) { + setProvinceKey(value.id); + setSelectedProvince(value.label); + } else { + setProvinceKey(undefined); + setSelectedProvince(undefined); + } + }} + renderInput={(params) => ( + + )} + /> + + + + i?.key && i?.name) + .map((i) => ({ id: i.key, label: i.name })) + : [] + } + onChange={(e, value) => { + if (value) { + setCityKey(value.id); + setSelectedCity(value.label); + } else { + setCityKey(undefined); + setSelectedCity(undefined); + } + }} + renderInput={(params) => ( + + )} + /> + + + + + + + ); +}; diff --git a/src/features/auction/components/auction-offer-price-form/AuctionOfferPriceForm.js b/src/features/auction/components/auction-offer-price-form/AuctionOfferPriceForm.js new file mode 100644 index 0000000..0b43a2f --- /dev/null +++ b/src/features/auction/components/auction-offer-price-form/AuctionOfferPriceForm.js @@ -0,0 +1,314 @@ +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + Divider, + InputAdornment, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { PropTypes } from "prop-types"; +import { Timer } from "../../../../components/timer/Timer"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { AuctionOfferPrice } from "../../services/auction-offer-price"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { auctionGetAuctions } from "../../services/auction-get-auctions"; +import { auctionSlaughterRequests } from "../../services/auction-slaughter-requests"; + +export const AuctionOfferPriceForm = ({ + data, + floorPrice, + ceilingPrice, + highestBidedPrice, + auctionRemainedSeconds, +}) => { + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + offer: "", + }, + validationSchema: Yup.object({ + offer: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + return ( + + + + prop.palette.grey["A700"]} + > + مانده تا پایان مناقصه : + + + + + prop.palette.grey["A700"]} + > + استان : + + + {data?.poultry?.address?.province?.name || ""} + + + + prop.palette.grey["A700"]} + > + شهر : + + + {data?.poultry?.address?.city?.name || ""} + + + + prop.palette.grey["A700"]} + > + مرغدار : + + + {data?.poultry?.userprofile?.fullName || ""} + + + + prop.palette.grey["A700"]} + > + محل پرورش : + + + {data?.poultry?.address?.address || ""} + + + + prop.palette.grey["A700"]} + > + نژاد : + + {data?.chickenBreed || ""} + + + prop.palette.grey["A700"]} + > + تعداد : + + + {data?.quantity || 0} + + قطعه + + + prop.palette.grey["A700"]} + > + سن : + + + {data?.process?.poultry?.age || 0} روز + + + + prop.palette.grey["A700"]} + > + وزن : + + + {data?.IndexWeight || 0} کیلوگرم + + + + + + prop.palette.grey["A700"]} + > + قیمت پایه : + + + {floorPrice || 0} + + ریال + + + + prop.palette.grey["A700"]} + > + بالاترین قیمت پیشنهادی : + + + {highestBidedPrice || "پیشنهادی وجود ندارد!"} + + {highestBidedPrice === "پیشنهادی وجود ندارد!" || !highestBidedPrice + ? "" + : "ریال"} + + + + + ریال + ), + }} + variant="outlined" + sx={{ width: "100%" }} + value={formik.values.offer} + error={formik.touched.offer ? Boolean(formik.errors.offer) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.offer && Boolean(formik.errors.offer) + ? formik.errors.offer + : null + } + /> + + + + + + + ); +}; + +AuctionOfferPriceForm.propTypes = { + data: PropTypes.any, + floorPrice: PropTypes.string, + ceilingPrice: PropTypes.string, + highestBidedPrice: PropTypes.string, + auctionRemainedSeconds: PropTypes.string, +}; diff --git a/src/features/auction/components/auction-operations/AuctionOperations.js b/src/features/auction/components/auction-operations/AuctionOperations.js new file mode 100644 index 0000000..bed4e2d --- /dev/null +++ b/src/features/auction/components/auction-operations/AuctionOperations.js @@ -0,0 +1,21 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { Button } from "@mui/material"; + +export const AuctionOperations = () => { + return ( + + + + + + ); +}; diff --git a/src/features/auction/components/auctions-view/AuctionsView.js b/src/features/auction/components/auctions-view/AuctionsView.js new file mode 100644 index 0000000..a2058cc --- /dev/null +++ b/src/features/auction/components/auctions-view/AuctionsView.js @@ -0,0 +1,314 @@ +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { auctionGetAuctions } from "../../services/auction-get-auctions"; +import { Button, ButtonGroup, Typography } from "@mui/material"; +import { AuctionFilterRequestDate } from "../auction-filter-request-date/AuctionFilterRequestDate"; +import { AuctionFilterRequestAdvance } from "../auction-filter-request-advance/AuctionFilterRequestAdvance"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getAuctionItemForTable } from "../../utils/get-auction-item-for-table"; +import { format } from "date-fns-jalali"; +import { AuctionFilterRequestZone } from "../auction-filter-request-zone/AuctionFilterRequestZone"; +import { + auctionFilterByAge, + auctionFilterByCity, + auctionFilterByDate, + auctionFilterByPrice, + auctionFilterByProvince, + auctionFilterByQuantity, + auctionFilterByRace, + auctionFilterByWeight, +} from "../../../../lib/redux/slices/auctionSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const AuctionsView = () => { + const dispatch = useDispatch(); + const { auctions } = useSelector((state) => state.auctionSlice || {}); + const { filterByDate } = useSelector((state) => state.auctionSlice || {}); + const { filterByCity } = useSelector((state) => state.auctionSlice || {}); + const { filterByProvince } = useSelector((state) => state.auctionSlice || {}); + const { + filterByQuantity, + filterByAge, + filterByRace, + filterByWeight, + filterByPrice, + } = useSelector((state) => state.auctionSlice || {}); + const [tableRows, setTableRows] = useState([]); + const [minQuantity, setMinQuantity] = useState(0); + const [maxQuantity, setMaxQuantity] = useState(0); + + // useEffect(() => { + // setInterval(() => { + // dispatch(auctionGetAuctions()); + // }, 60000); + // }, []); + + useEffect(() => { + dispatch(auctionGetAuctions()); + }, [ + filterByDate, + filterByCity, + filterByQuantity, + filterByPrice, + filterByWeight, + filterByAge, + filterByRace, + ]); + useEffect(() => { + if (auctions && Array.isArray(auctions) && auctions.length > 0) { + const quantities = auctions + .map((object) => object?.quantity) + .filter((qty) => qty !== undefined && qty !== null); + if (quantities.length > 0) { + setMinQuantity(Math.min(...quantities)); + setMaxQuantity(Math.max(...quantities)); + } + } + }, [auctions]); + + useEffect(() => { + if (auctions && Array.isArray(auctions)) { + let data = []; + const dateFilterCallback = (item) => { + if (!filterByDate || !Array.isArray(filterByDate)) { + return true; + } + if (!item?.sendDate) { + return false; + } + try { + const formattedDate = format(new Date(item.sendDate), "yyyy/MM/dd"); + return filterByDate.includes(formattedDate); + } catch (error) { + console.error("Error formatting date:", error); + return false; + } + }; + const provinceCityFilterCallback = (item) => { + if (filterByCity || filterByProvince) { + if (filterByCity) { + return item?.process?.city?.cityOperatorCity === filterByCity; + } else if (filterByProvince) { + return ( + item?.process?.city?.cityOperatorProvince === filterByProvince + ); + } + } + return true; + }; + const advanceFilterCallback = (item) => { + if (filterByRace) { + return item?.chickenBreed === filterByRace; + } + if (filterByQuantity && Array.isArray(filterByQuantity)) { + const quantity = item?.quantity; + if (quantity === undefined || quantity === null) { + return false; + } + return ( + quantity >= (filterByQuantity[0] || 0) && + quantity <= (filterByQuantity[1] || Infinity) + ); + } + if (filterByPrice && Array.isArray(filterByPrice)) { + if (item?.process?.killHouseAuctionsList) { + const auctionsList = item.process.killHouseAuctionsList; + if (Array.isArray(auctionsList) && auctionsList.length > 0) { + const lastAuction = auctionsList[auctionsList.length - 1]; + const fee = lastAuction?.fee; + if (fee === undefined || fee === null) { + return false; + } + return ( + fee >= (filterByPrice[0] || 0) && + fee <= (filterByPrice[1] || Infinity) + ); + } + } + return false; + } + if (filterByWeight && Array.isArray(filterByWeight)) { + const weight = item?.IndexWeight; + if (weight === undefined || weight === null) { + return false; + } + return ( + weight >= (filterByWeight[0] || 0) && + weight <= (filterByWeight[1] || Infinity) + ); + } + if (filterByAge !== undefined && filterByAge !== null) { + const age = item?.process?.poultry?.age; + if (age === undefined || age === null) { + return false; + } + return age <= filterByAge; + } + return true; + }; + if ( + filterByDate || + filterByCity || + filterByProvince || + filterByQuantity || + filterByPrice || + filterByWeight || + filterByAge !== undefined || + filterByRace + ) { + data = auctions + .filter(dateFilterCallback) + .filter(provinceCityFilterCallback) + .filter(advanceFilterCallback) + .map((item, i) => { + return getAuctionItemForTable(item, i, dispatch); + }); + } else { + data = auctions.map((item, i) => { + return getAuctionItemForTable(item, i, dispatch); + }); + } + setTableRows(data); + } else { + setTableRows([]); + } + }, [ + auctions, + filterByDate, + filterByCity, + filterByProvince, + filterByQuantity, + filterByPrice, + filterByWeight, + filterByAge, + filterByRace, + dispatch, + ]); + + const columns = + getRoleFromUrl() === "KillHouse" + ? [ + "شماره مزایده", + "کدسفارش", + // "فروشنده", + "قیمت کف", + "قیمت سقف", + "بالاترین قیمت پیشنهادی", + "تعداد", + "تاریخ درخواست کشتار", + "نژاد و سن به روز", + "وزن", + "استان", + "شهرستان", + "زمان تا پایان", + "عملیات", + ] + : [ + "شماره مزایده", + "کدسفارش", + // "فروشنده", + "قیمت کف", + "قیمت سقف", + + "بالاترین قیمت پیشنهادی", + "تعداد", + "تاریخ درخواست کشتار", + "نژاد و سن به روز", + "وزن", + "استان", + "شهرستان", + "زمان تا پایان", + ]; + + return ( + + + + prop.palette.grey["A700"]}> + فیلتر کردن مزایده ها + + + + + + + + + + + + + + ); +}; diff --git a/src/features/auction/services/auction-get-auctions.js b/src/features/auction/services/auction-get-auctions.js new file mode 100644 index 0000000..b368cdc --- /dev/null +++ b/src/features/auction/services/auction-get-auctions.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const auctionGetAuctions = createAsyncThunk( + "AUCTION_GET_AUCTIONS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`Poultry_Request/?type=auction`); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/auction/services/auction-offer-price.js b/src/features/auction/services/auction-offer-price.js new file mode 100644 index 0000000..ccc7320 --- /dev/null +++ b/src/features/auction/services/auction-offer-price.js @@ -0,0 +1,16 @@ +// { +// "key":"3175f8ee-ec0d-4865-b568-b0ab7880151c", +// "fee":"620000" + +// } + +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const AuctionOfferPrice = createAsyncThunk( + "AuctionOfferPrice", + async (d) => { + const { data, status } = await axios.post("kill_house_Request_auction/", d); + return { data, status }; + } +); diff --git a/src/features/auction/services/auction-slaughter-requests.js b/src/features/auction/services/auction-slaughter-requests.js new file mode 100644 index 0000000..bc0f300 --- /dev/null +++ b/src/features/auction/services/auction-slaughter-requests.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const auctionSlaughterRequests = createAsyncThunk( + "AUCTION_SLAUGHTER_REQUESTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`kill_house_Request_auction/`); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/auction/utils/get-auction-item-for-table.js b/src/features/auction/utils/get-auction-item-for-table.js new file mode 100644 index 0000000..5373c12 --- /dev/null +++ b/src/features/auction/utils/get-auction-item-for-table.js @@ -0,0 +1,64 @@ +import { Button } from "@mui/material"; +import moment from "moment"; +import { Timer } from "../../../components/timer/Timer"; +import GavelIcon from "@mui/icons-material/Gavel"; +import { AuctionOfferPriceForm } from "../components/auction-offer-price-form/AuctionOfferPriceForm"; +import { DRAWER } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export function getAuctionItemForTable(item, i, dispatch) { + const auctionFinishDate = moment( + new Date(item?.process?.auctionsList[0]?.date) + ); + const currentDate = moment(); + const diff = auctionFinishDate.diff(currentDate); + const auctionRemainedSeconds = moment.duration(diff).asSeconds(); + const highestBidedPrice = item.process?.killHouseAuctionsList + ? item?.process?.killHouseAuctionsList[ + item?.process?.killHouseAuctionsList.length - 1 + ].fee + : "پیشنهادی وجود ندارد!"; + + return [ + item.id, + item.orderCode, + // item?.process?.provinceRequestAuctionList ? "استان" : "مرغدار", + item?.process?.auctionsList[0]?.floorPrice, + item?.process?.auctionsList[0]?.ceilingPrice, + highestBidedPrice, + item.quantity, + item.sendDate, + item.chickenBreed + " - " + item?.process?.poultry?.age, + item.IndexWeight, + item?.process?.city.cityOperatorProvince, + item?.process?.city.cityOperatorCity, + , + getRoleFromUrl() === "KillHouse" && ( + + ), + ]; +} diff --git a/src/features/authentication/components/auth-privacy-text/AuthProvacyText.js b/src/features/authentication/components/auth-privacy-text/AuthProvacyText.js new file mode 100644 index 0000000..d9b8e46 --- /dev/null +++ b/src/features/authentication/components/auth-privacy-text/AuthProvacyText.js @@ -0,0 +1,118 @@ +import React from "react"; +import { Grid, Divider } from "@mui/material"; +import { Typography } from "@mui/material"; +import { PrivacyTip, Security, Info } from "@mui/icons-material"; // Import icons + +export const AuthPrivacyText = () => { + return ( + + + + + + بيانيه حريم خصوصی + + + اطلاعات مربوط به هر شخص، حریم خصوصی وی محسوب می‌شود. حفاظت و حراست + از اطلاعات شخصی در سامانه رصد یار، نه تنها موجب حفظ امنیت کاربران + می‌شود، بلکه باعث اعتماد بیشتر و مشارکت آنها در فعالیت‌های جاری + می‌گردد. هدف از این بیانیه، آگاه ساختن شما درباره ی نوع و نحوه ی + استفاده از اطلاعاتی است که در هنگام استفاده از سامانه رصد یار ، از + جانب شما دریافت می‌گردد. شرکت هوشمند سازان خود را ملزم به رعایت حریم + خصوصی همه شهروندان و کاربران سامانه دانسته و آن دسته از اطلاعات + کاربران را که فقط به منظور ارائه خدمات کفایت می‌کند، دریافت کرده و + از انتشار آن یا در اختیار قرار دادن آن به دیگران خودداری مینماید. + + + + + + + + + + + چگونگی جمع آوری و استفاده از اطلاعات کاربران: + + + الف: اطلاعاتی که شما خود در اختيار این سامانه قرار + می‌دهيد، شامل موارد زيرهستند: + + + اقلام اطلاعاتی شامل شماره تلفن همراه، تاریخ تولد، کد پستی و کد ملی + کاربران را دریافت مینماییم که از این اقلام، صرفا جهت احراز هویت + کاربران استفاده خواهد شد. + + + + ب: برخی اطلاعات ديگر که به صورت خودکار از شما + دريافت میشود شامل موارد زير می‌باشد: + + + ⦁ دستگاهی که از طریق آن سامانه رصد یار را مشاهده می‌نمایید( تلفن + همراه، تبلت، رایانه).
+ ⦁ نام و نسخه سیستم عامل و browser کامپیوتر شما.
+ ⦁ اطلاعات صفحات بازدید شده.
+ ⦁ تعداد بازدیدهای روزانه در درگاه.
⦁ هدف ما از دریافت این + اطلاعات استفاده از آنها در تحلیل عملکرد کاربران درگاه می باشد تا + بتوانیم در خدمت رسانی بهتر عمل کنیم. + + + + + + + + + + + امنیت اطلاعات + + + متعهدیم که امنیت اطلاعات شما را تضمین نماییم و برای جلوگیری از هر + نوع دسترسی غیرمجاز و افشای اطلاعات شما از همه شیوه‌‌های لازم استفاده + می‌کنیم تا امنیت اطلاعاتی را که به صورت آنلاین گردآوری می‌کنیم، حفظ + شود. لازم به ذکر است در سامانه ما، ممکن است به سایت های دیگری لینک + شوید، وقتی که شما از طریق این لینک‌ها از سامانه ما خارج می‌شوید، + توجه داشته باشید که ما بر دیگر سایت ها کنترل نداریم و سازمان تعهدی + بر حفظ حریم شخصی آنان در سایت مقصد نخواهد داشت و مراجعه کنندگان + میبایست به بیانیه حریم شخصی آن سایت ها مراجعه نمایند. + + + + + ); +}; diff --git a/src/features/authentication/components/basic-profile-information/BasicProfileInformation.js b/src/features/authentication/components/basic-profile-information/BasicProfileInformation.js new file mode 100644 index 0000000..5931e15 --- /dev/null +++ b/src/features/authentication/components/basic-profile-information/BasicProfileInformation.js @@ -0,0 +1,519 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Typography, + Box, + Paper, + Divider, + IconButton, + Grid, + useTheme, + Button, + TextField, + Autocomplete, +} from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import PersonIcon from "@mui/icons-material/Person"; +import PhoneIcon from "@mui/icons-material/Phone"; +import BadgeIcon from "@mui/icons-material/Badge"; +import CakeIcon from "@mui/icons-material/Cake"; +import LocationCityIcon from "@mui/icons-material/LocationCity"; +import LockIcon from "@mui/icons-material/Lock"; +import { useDispatch, useSelector } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getUserProfile } from "../../services/getUserProfile"; +import { ChangeProfile } from "../change-profile/ChangeProfile"; +import { motion } from "framer-motion"; +import { ChangePasswordForm } from "../change-password-form/ChangePasswordForm"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { changeProfileFactorInfo } from "../../services/changeProfileInfo"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + slaughterGetCitiesService, + slaughterGetProvinceService, +} from "../../../slaughter-house/services/slaughter-get-provinces"; + +const fadeInVariant = { + hidden: { opacity: 0, y: 20 }, + visible: { opacity: 1, y: 0, transition: { duration: 0.5 } }, +}; + +export const BasicProfileInformation = () => { + const { userProfile } = useSelector((state) => state.userSlice); + const dispatch = useDispatch(); + const theme = useTheme(); + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + const [openNotif] = useContext(AppContext); + + const getProfile = () => { + dispatch(getUserProfile()); + }; + + useEffect(() => { + getProfile(); + }, [dispatch]); + + const validationSchema = Yup.object({ + nationalId: Yup.string().required("شناسه ملی الزامی است"), + registrationNumber: Yup.string().required("شماره ثبت الزامی است"), + economicalCode: Yup.string().required("کد اقتصادی الزامی است"), + address: Yup.string().required("نشانی الزامی است"), + unitName: Yup.string().required("نام واحد الزامی است"), + postalCode: Yup.string() + .matches(/^[0-9]{10}$/, "کد پستی باید 10 رقم باشد") + .required("کد پستی الزامی است"), + province: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + city: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }); + + const formik = useFormik({ + initialValues: { + nationalId: userProfile?.unitNationalId || "", + registrationNumber: userProfile?.unitRegistrationNumber || "", + address: userProfile?.unitAddress || "", + postalCode: userProfile?.unitPostalCode || "", + economicalCode: userProfile?.unitEconomicalNumber || "", + unitName: userProfile?.unitName || "", + province: userProfile?.unitProvince || "", + city: userProfile?.unitCity || "", + }, + validationSchema, + onSubmit: (values) => { + dispatch(LOADING_START()); + dispatch( + changeProfileFactorInfo({ + userprofile_key: userProfile?.key, + unit_name: values.unitName, + unit_national_id: values.nationalId, + unit_registration_number: values.registrationNumber, + unit_province: values.province, + unit_city: values.city, + unit_postal_code: values.postalCode, + unit_address: values.address, + unit_economical_number: values.economicalCode, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + dispatch(getUserProfile()); + dispatch(LOADING_END()); + + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + dispatch(LOADING_END()); + }); + }, + }); + + useEffect(() => { + dispatch(slaughterGetProvinceService()).then((r) => { + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (formik.values.province) { + setCityData( + [], + dispatch(slaughterGetCitiesService(formik.values.province)).then( + (r) => { + setCityData(r.payload.data); + } + ) + ); + } + }, [formik.values.province]); + + useEffect(() => { + formik.validateForm(); + }, [dispatch, userProfile]); + + const userData = [ + { + icon: , + label: "نام و نام خانوادگی", + value: userProfile?.fullname || "نامشخص", + }, + { + icon: , + label: "موبایل", + value: userProfile?.mobile || "نامشخص", + }, + { + icon: , + label: "کدملی", + value: userProfile?.nationalId || "نامشخص", + }, + { + icon: , + label: "شماره شناسنامه", + value: userProfile?.nationalCode || "نامشخص", + }, + { + icon: , + label: "تاریخ تولد", + value: userProfile?.birthday + ? formatJustDate(userProfile?.birthday) + : "نامشخص", + }, + { + icon: , + label: "استان", + value: userProfile?.province || "نامشخص", + }, + { + icon: , + label: "شهر", + value: userProfile?.city || "نامشخص", + }, + ]; + + return ( + + + + + + + + اطلاعات کاربری + + + { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: , + title: "ویرایش اطلاعات کاربری", + }) + ); + }} + > + + + + + + {userData.map((item, index) => ( + + + {item.icon} + + + {item.label} + + + {item.value} + + + + + ))} + + + + + {(userProfile?.role?.includes("ProvinceOperator") || + userProfile?.role?.includes("KillHouse")) && ( + <> + + + + + اطلاعات صدور فاکتور + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + ({ + id: i.name, + label: i.name, + })) + : [] + } + onChange={(e, value) => { + formik.setFieldValue("province", value ? value.id : ""); + formik.setFieldValue("city", ""); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ id: i.name, label: i.name })) + : [] + } + onChange={(e, value) => { + formik.setFieldValue("city", value ? value.id : ""); + }} + renderInput={(params) => ( + + )} + /> + + + + + + +

+ + )} + + + + + + تغییر رمز عبور + + + { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "تغییر رمز عبور", + content: , + }) + ); + }} + > + + + + + + + ); +}; diff --git a/src/features/authentication/components/change-bank-form/ChangeBankForm.js b/src/features/authentication/components/change-bank-form/ChangeBankForm.js new file mode 100644 index 0000000..180e2e3 --- /dev/null +++ b/src/features/authentication/components/change-bank-form/ChangeBankForm.js @@ -0,0 +1,296 @@ +import { + Button, + FormControl, + InputAdornment, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import SaveIcon from "@mui/icons-material/Save"; +import { PropTypes } from "prop-types"; +import { changeBankForm } from "../../services/change-bank-form"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { updateBankForm } from "../../services/update-bank-form"; +import { avicultureGetProfile } from "../../../aviculture/services/aviculture-get-profile"; +import { slaughterGetProfile } from "../../../slaughter-house/services/slaughter-get-profile"; +import { provinceGetProfile } from "../../../province/services/province-get-profile"; +import { cityGetProfile } from "../../../city/services/city-get-profile"; +import { slaughterHouseVetGetProfile } from "../../../slaughter-house-vet/services/slaughter-house-vet-get-profile"; +import { vatFarmGetProfile } from "../../../vet-farm/services/vet-farm-get-profile"; + +export const ChangeBankForm = ({ item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + bankName: item?.userBankInfo?.bankName, + cardNumber: item?.userBankInfo?.card, + accountNumber: item?.userBankInfo?.account, + shabaNumber: item?.userBankInfo?.shaba, + accountHolder: item?.userBankInfo?.nameOfBankUser, + }, + validationSchema: Yup.object({ + cardNumber: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا شماره کارتتان را وارد کنید!"), + accountNumber: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا شماره حسابتان را وارد کنید!"), + shabaNumber: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا شماره شبا را وارد کنید!"), + accountHolder: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا نام صاحب حساب را وارد کنید!"), + }), + }); + + return ( + + + + + بانک + + + + + + + + + + + + + IR, + }} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.shabaNumber && Boolean(formik.errors.shabaNumber) + ? formik.errors.shabaNumber + : null + } + autoComplete="current-password" + variant="outlined" + /> + + + + + + + + + + ); +}; + +ChangeBankForm.propTypes = { + item: PropTypes.object, +}; diff --git a/src/features/authentication/components/change-card-info/ChangeCardInfo.js b/src/features/authentication/components/change-card-info/ChangeCardInfo.js new file mode 100644 index 0000000..09c3cbc --- /dev/null +++ b/src/features/authentication/components/change-card-info/ChangeCardInfo.js @@ -0,0 +1,67 @@ +import { Button, Chip, Divider, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ChangeBankForm } from "../change-bank-form/ChangeBankForm"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { PropTypes } from "prop-types"; + +export const ChangeCardInfo = ({ item }) => { + const dispatch = useDispatch(); + return ( + + + + + اطلاعات بانکی + + + } + /> + + + + + + + ); +}; + +ChangeCardInfo.propTypes = { + item: PropTypes.object, +}; diff --git a/src/features/authentication/components/change-password-form/ChangePasswordForm.js b/src/features/authentication/components/change-password-form/ChangePasswordForm.js new file mode 100644 index 0000000..9a2a72d --- /dev/null +++ b/src/features/authentication/components/change-password-form/ChangePasswordForm.js @@ -0,0 +1,154 @@ +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import SaveIcon from "@mui/icons-material/Save"; +import { changePassword } from "../../services/login"; +import { useDispatch, useSelector } from "react-redux"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +export const ChangePasswordForm = () => { + const [openNotif] = useContext(AppContext); + const { userProfile } = useSelector((state) => state.userSlice); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + lastPassword: "", + newPassword: "", + renewPassword: "", + }, + validationSchema: Yup.object({ + lastPassword: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا رمز را وارد کنید!"), + newPassword: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا رمز را وارد کنید!"), + renewPassword: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا رمز را وارد کنید!"), + }), + }); + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/authentication/components/change-password/ChangePassword.js b/src/features/authentication/components/change-password/ChangePassword.js new file mode 100644 index 0000000..206f093 --- /dev/null +++ b/src/features/authentication/components/change-password/ChangePassword.js @@ -0,0 +1,64 @@ +import React from "react"; +import { Button, Typography, Box, Paper } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ChangePasswordForm } from "../change-password-form/ChangePasswordForm"; +import { SPACING } from "../../../../data/spacing"; +import { motion } from "framer-motion"; + +const fadeInVariant = { + hidden: { opacity: 0, y: 20 }, + visible: { opacity: 1, y: 0, transition: { duration: 0.5 } }, +}; + +export const ChangePassword = () => { + const dispatch = useDispatch(); + + return ( + + + + + + تغییر رمز عبور + + + + + + + ); +}; diff --git a/src/features/authentication/components/change-profile/ChangeProfile.js b/src/features/authentication/components/change-profile/ChangeProfile.js new file mode 100644 index 0000000..01c242c --- /dev/null +++ b/src/features/authentication/components/change-profile/ChangeProfile.js @@ -0,0 +1,266 @@ +import { Button, TextField } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import React, { useEffect } from "react"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { PropTypes } from "prop-types"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { changeProfileInfo } from "../../services/changeProfileInfo"; +import { useDispatch } from "react-redux"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getUserProfile } from "../../services/getUserProfile"; + +export const ChangeProfile = ({ user }) => { + const [profileImages, setProfileImages] = React.useState([]); + const [profileImg, setProfileImg] = React.useState(); + const [openNotif] = useContext(AppContext); + + const factorPaymentHandler = (imageList) => { + if (imageList[0]) { + setProfileImg(fixBase64(imageList[0]?.data_url)); + } + setProfileImages(imageList); + }; + + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + firstname: user.firstName ? user.firstName : "", + lastname: user.lastName ? user.lastName : "", + natioanlId: user.nationalId ? user.nationalId : "", + natioanlCode: user.nationalCode ? user.nationalCode : "", + birthday: user.birthday ? new Date(user.birthday) : Date(), + }, + validationSchema: Yup.object({ + firstname: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید.!"), + lastname: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید.!"), + natioanlId: Yup.number().typeError( + "لطفا فیلد را به صورت عددی وارد کنید!" + ), + natioanlCode: Yup.number().typeError( + "لطفا فیلد را به صورت عددی وارد کنید!" + ), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + + + + + + + + + + + + } + value={formik.values.birthday} + error={ + formik.touched.birthday ? Boolean(formik.errors.birthday) : null + } + onChange={(e) => { + const selectedDate = new Date(e); + // moment(e).format("YYYY-MM-DD hh:mm:ss") + formik.setFieldValue("birthday", selectedDate); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.birthday && Boolean(formik.errors.birthday) + ? formik.errors.birthday + : null + } + /> + + + + + + + + + + ); +}; + +ChangeProfile.propTypes = { + user: PropTypes.any, +}; diff --git a/src/features/authentication/components/enter-password/EnterPassword.js b/src/features/authentication/components/enter-password/EnterPassword.js new file mode 100644 index 0000000..8daa7fd --- /dev/null +++ b/src/features/authentication/components/enter-password/EnterPassword.js @@ -0,0 +1,507 @@ +import { + Button, + IconButton, + InputAdornment, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + forgetPassword, + forgetPasswordChangePassword, + forgetPasswordSendOpt, + loginWithPassword, +} from "../../services/login"; +import { PropTypes } from "prop-types"; +import { Yup } from "../../../../lib/yup/yup"; +import { useContext, useEffect } from "react"; +import { + CLOSE_MODAL, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { useState } from "react"; +import Visibility from "@mui/icons-material/Visibility"; +import VisibilityOff from "@mui/icons-material/VisibilityOff"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterGetPermisionState } from "../../../slaughter-house/services/slaughter-get-permision"; +import { getUserAnnouncement } from "../../services/get-announcement"; +import { getUserMovingTextsService } from "../../services/getUserMovingTexts"; + +const modalContentStyle = { + backgroundColor: "#ffffff", + padding: "20px", + borderRadius: "4px", + outline: "none", + minWidth: "300px", + maxWidth: "600px", + textAlign: "center", +}; + +const descriptionStyle = { + marginBottom: "10px", +}; + +const buttonStyle = { + marginTop: "10px", +}; + +export const EnterPassword = ({ mobile, isUserHandler }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const formikMain = useFormik({ + initialValues: { + password: "", + }, + validationSchema: Yup.object({ + password: Yup.mixed().required("این فیلد اجباری است!"), + }), + }); + + const getUserMovingTexts = () => { + dispatch(getUserMovingTextsService()); + }; + + const getSlaughterState = (role) => { + dispatch(slaughterGetPermisionState()); + dispatch(getUserAnnouncement(role)).then((r) => { + if (r.payload.data?.active) { + dispatch( + OPEN_MODAL({ + title: "اطلاعیه سیستم", + content: ( + + + {r.payload.data?.description} + + + + + + + + ), + }) + ); + } + }); + }; + + const formik = useFormik({ + initialValues: { + forgetOtp: "", + newPassword: "", + newPasswordRepeat: "", + }, + validationSchema: Yup.object({ + forgetOtp: Yup.mixed().required("این فیلد اجباری است!"), + newPassword: Yup.mixed().required("این فیلد اجباری است!"), + newPasswordRepeat: Yup.mixed().required("این فیلد اجباری است!"), + }), + }); + + const [showPassword, setShowPassword] = useState(false); + const [forgetPasswordKey, setForgetPasswordKey] = useState(null); + const [isForgetOtpCodeCorrect, setIsForgetOtpCodeCorrect] = useState(false); + + const handleClickShowPassword = () => { + setShowPassword(!showPassword); + }; + + const handleMouseDownPassword = (event) => { + event.preventDefault(); + }; + + useEffect(() => { + formik.validateForm(); + formikMain.validateForm(); + }, []); + + return ( + <> + {forgetPasswordKey ? ( + <> + {isForgetOtpCodeCorrect ? ( + + + رمزعبور جدید خود را وارد کنید. + + + + + {showPassword ? : } + + + ), + }} + /> + + + {showPassword ? : } + + + ), + }} + /> + + + + + + + + ) : ( + + + کد یکبارمصرف دریافتی را وارد کنید. + + + + {showPassword ? : } + + + ), + }} + /> + + + + + + + )} + + ) : ( + <> + + رمز عبور را وارد کرده و بر روی ورود کلیک نمایید. + + { + if (e.key === "Enter") { + dispatch(LOADING_START()); + dispatch( + loginWithPassword({ + mobile, + password: formikMain.values.password, + }) + ).then((r) => { + if ( + r.payload?.data?.role?.includes("CityOperator") || + r.payload?.data?.role?.includes("KillHouse") || + r.payload?.data?.role?.includes("CityJahad") || + r.payload?.data?.role?.includes("ProvinceSupervisor") || + r.payload?.data?.role?.includes("ProvinceOperator") + ) { + getUserMovingTexts(); + } + + if (r.payload?.data?.role?.includes("KillHouse")) { + getSlaughterState("KillHouse"); + } else if (r.payload?.data?.role?.includes("CityOperator")) { + getSlaughterState("CityOperator"); + } + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "رمزعبور اشتباه است!", + severity: "error", + }); + } + dispatch(LOADING_END()); + }); + } + }} + error={ + formikMain.touched.password + ? Boolean(formikMain.errors.password) + : null + } + helperText={ + formikMain.touched.password && Boolean(formikMain.errors.password) + ? formikMain.errors.password + : null + } + fullWidth + InputProps={{ + endAdornment: ( + + + {showPassword ? : } + + + ), + }} + /> + + + + + + + + + + + + + + + + )} + + ); +}; + +EnterPassword.propTypes = { + mobile: PropTypes.any, + isUserHandler: PropTypes.any, +}; diff --git a/src/features/authentication/components/general-dashboard-operations/GeneralDashboardOperations.js b/src/features/authentication/components/general-dashboard-operations/GeneralDashboardOperations.js new file mode 100644 index 0000000..4f2895b --- /dev/null +++ b/src/features/authentication/components/general-dashboard-operations/GeneralDashboardOperations.js @@ -0,0 +1,190 @@ +import { Box, Button, Chip, Divider, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + Home, + Business, + House, + LocalHospital, + DirectionsCar, + AccountBalance, + Public, +} from "@mui/icons-material"; // Example icons +import { motion } from "framer-motion"; +import useUserProfile from "../../hooks/useUserProfile"; +import { + DRIVER_USER_PROFILE, + ROUTE_AVICULTURE_USER_PROFILE, + ROUTE_CHAIN_COMPANY_USER_PROFILE, + ROUTE_CITYVET_USER_PROFILE, + ROUTE_CITY_USER_PROFILE, + ROUTE_GENERAL_USER_PROFILE, + ROUTE_STEWARD_USER_PROFILE, + ROUTE_INSPECTOR_USER_PROFILE, + ROUTE_LIVE_STOCK_USER_PROFILE, + ROUTE_PROVINCE_FINANCIAL_USER_PROFILE, + ROUTE_PROVINCE_USER_PROFILE, + ROUTE_SLAUGHTER_HOUSE_VET_USER_PROFILE, + ROUTE_SLAUGHTER_USER_PROFILE, + ROUTE_VETFARM_USER_PROFILE, +} from "../../../../routes/routes"; +import { Grid } from "../../../../components/grid/Grid"; + +const routesMap = { + General: { + path: ROUTE_GENERAL_USER_PROFILE, + label: "کاربری", + icon: , + }, + CityOperator: { + path: ROUTE_CITY_USER_PROFILE, + label: "شهرستان", + icon: , + }, + Poultry: { + path: ROUTE_AVICULTURE_USER_PROFILE, + label: "مرغداری", + icon: , + }, + ProvinceOperator: { + path: ROUTE_PROVINCE_USER_PROFILE, + label: "تخصیص استان", + icon: , + }, + KillHouse: { + path: ROUTE_SLAUGHTER_USER_PROFILE, + label: "کشتارگاه", + icon: , + }, + VetFarm: { + path: ROUTE_VETFARM_USER_PROFILE, + label: "دامپزشک فارم", + icon: , + }, + KillHouseVet: { + path: ROUTE_SLAUGHTER_HOUSE_VET_USER_PROFILE, + label: "دامپزشک کشتارگاه", + icon: , + }, + Driver: { + path: DRIVER_USER_PROFILE, + label: "راننده", + icon: , + }, + ProvinceFinancial: { + path: ROUTE_PROVINCE_FINANCIAL_USER_PROFILE, + label: "مالی", + icon: , + }, + ProvinceInspector: { + path: ROUTE_INSPECTOR_USER_PROFILE, + label: "بازرس", + icon: , + }, + Guilds: { + path: ROUTE_STEWARD_USER_PROFILE, + label: "صنف", + icon: , + }, + CityVet: { + path: ROUTE_CITYVET_USER_PROFILE, + label: "دامپزشک شهرستان", + icon: , + }, + LiveStockSupport: { + path: ROUTE_LIVE_STOCK_USER_PROFILE, + label: "پشتیبانی امور دام", + icon: , + }, + ChainCompany: { + path: ROUTE_CHAIN_COMPANY_USER_PROFILE, + label: "شرکت زنجیره", + icon: , + }, +}; + +export const GeneralDashboardOperations = () => { + const { pathname } = useLocation(); + const [roles] = useUserProfile(); + + return ( + + + + + نقش ها + + } + /> + + + + + + + + + {roles.map((role, i) => { + const route = routesMap[role]; + return route ? ( + + + + + + ) : null; + })} + + + ); +}; diff --git a/src/features/authentication/components/login/Login.js b/src/features/authentication/components/login/Login.js new file mode 100644 index 0000000..8b4c3c9 --- /dev/null +++ b/src/features/authentication/components/login/Login.js @@ -0,0 +1,163 @@ +import { Button, TextField, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { loginSendMobile } from "../../services/login"; +import { useDispatch } from "react-redux"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import Captcha from "../../../../components/captcha/Captcha"; +import { useEffect, useState } from "react"; +import { EnterPassword } from "../enter-password/EnterPassword"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const Login = () => { + const [openNotif] = useContext(AppContext); + const [isValidCaptcha, setIsValidCaptcha] = useState(false); + const [isUser, setIsUser] = useState(false); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + mobile: "", + captcha: "", + }, + validationSchema: Yup.object({ + mobile: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا اعداد انگلیسی وارد کنید!") + .test("len", "شماره تلفن باید 11 رقم باشد!", (val, context) => { + return context.originalValue && context.originalValue.length === 11; + }), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + const isUserHandler = () => { + setIsUser(false); + setIsValidCaptcha(false); + }; + + const submitForm = (e) => { + e.preventDefault(); + dispatch(LOADING_START()); + dispatch( + loginSendMobile({ + mobile: formik.values.mobile, + state: "", + }) + ).then((r) => { + dispatch(LOADING_END()); + if (!r.payload.data.isUser) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "شماره تلفن شما در سامانه وجود ندارد!", + severity: "error", + }); + } + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی به وجود آمده است!", + severity: "error", + }); + } else { + setIsUser(r.payload.data.isUser); + } + }); + }; + + return ( + + + + + {isUser ? ( + + ) : ( + <> + + سامانه رصدیار + + + شماره موبایل تان را وارد کنید. + + + + )} + + + + + ); +}; diff --git a/src/features/authentication/hooks/useSelectedSubUser.js b/src/features/authentication/hooks/useSelectedSubUser.js new file mode 100644 index 0000000..35d535a --- /dev/null +++ b/src/features/authentication/hooks/useSelectedSubUser.js @@ -0,0 +1,26 @@ +import { useSelector } from "react-redux"; + +/** + * Hook to get the currently selected sub user from Redux state + * @returns {Object|null} - The selected sub user object with { key, name, unit, mobile, fullname } or null + */ +export const useSelectedSubUser = () => { + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + return selectedSubUser; +}; + +/** + * Hook to get only the selected sub user key + * @returns {string|null} - The sub user key or null + */ +export const useSelectedSubUserKey = () => { + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + return selectedSubUser?.key || null; +}; + +export default useSelectedSubUser; + diff --git a/src/features/authentication/hooks/useUserProfile.js b/src/features/authentication/hooks/useUserProfile.js new file mode 100644 index 0000000..a200217 --- /dev/null +++ b/src/features/authentication/hooks/useUserProfile.js @@ -0,0 +1,18 @@ +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { getUserProfile } from "../services/getUserProfile"; + +const useUserProfile = () => { + const dispatch = useDispatch(); + const { role, userProfile } = useSelector((state) => state.userSlice); + + useEffect(() => { + if (!userProfile) { + dispatch(getUserProfile()); + } + }, []); + + return [role, userProfile]; +}; + +export default useUserProfile; diff --git a/src/features/authentication/services/change-bank-form.js b/src/features/authentication/services/change-bank-form.js new file mode 100644 index 0000000..fed286c --- /dev/null +++ b/src/features/authentication/services/change-bank-form.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getActualRoleFromRole } from "../../../utils/getRoleFromUrl"; + +export const changeBankForm = createAsyncThunk( + "CHANGE_BANK_FORM", + async (d) => { + const role = window.location.pathname.split("/")[3]; + const { data, status } = await axios.post( + `user-bank_card/?role=${getActualRoleFromRole(role)}`, + d + ); + return { data, status }; + } +); diff --git a/src/features/authentication/services/changeProfileInfo.js b/src/features/authentication/services/changeProfileInfo.js new file mode 100644 index 0000000..cd2fd8b --- /dev/null +++ b/src/features/authentication/services/changeProfileInfo.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const changeProfileInfo = createAsyncThunk( + "CHANGE_PROFILE_INFO", + async (d) => { + const { data, status } = await axios.put("system_user_profile/0/", d); + return { data, status }; + } +); + +export const changeProfileFactorInfo = createAsyncThunk( + "CHANGE_PROFILE_FACTOR_INFO", + async (d) => { + const { data, status } = await axios.put( + "system_user_profile-for-factor/0/", + d + ); + return { data, status }; + } +); diff --git a/src/features/authentication/services/get-announcement.js b/src/features/authentication/services/get-announcement.js new file mode 100644 index 0000000..9d4a07d --- /dev/null +++ b/src/features/authentication/services/get-announcement.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getAnnouncement = createAsyncThunk( + "GET_ANNOUNCEMENT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("announcements/?total=true"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const getUserAnnouncement = createAsyncThunk( + "GET_ANNOUNCEMENT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`announcements/?role=${d}`); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/authentication/services/getUnseenMessage.js b/src/features/authentication/services/getUnseenMessage.js new file mode 100644 index 0000000..39cd25c --- /dev/null +++ b/src/features/authentication/services/getUnseenMessage.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getUnseenMessages = createAsyncThunk( + "GET_UNSEEN_MESSAGES", + async (d, { dispatch }) => { + const { data, status } = await axios.get(`get_num_message/`); + return { data, status }; + } +); diff --git a/src/features/authentication/services/getUserMovingTexts.js b/src/features/authentication/services/getUserMovingTexts.js new file mode 100644 index 0000000..603700b --- /dev/null +++ b/src/features/authentication/services/getUserMovingTexts.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const getUserMovingTextsService = createAsyncThunk( + "GET_USER_MOVING_TEXTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`moving-text/?dashboard=true`); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/authentication/services/getUserProfile.js b/src/features/authentication/services/getUserProfile.js new file mode 100644 index 0000000..b6133d4 --- /dev/null +++ b/src/features/authentication/services/getUserProfile.js @@ -0,0 +1,7 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getUserProfile = createAsyncThunk("GET_USER_PROFILE", async () => { + const { data, status } = await axios.get("system_user_profile/?self-profile"); + return { data, status }; +}); diff --git a/src/features/authentication/services/getUserRoleInfo.js b/src/features/authentication/services/getUserRoleInfo.js new file mode 100644 index 0000000..cb0fc59 --- /dev/null +++ b/src/features/authentication/services/getUserRoleInfo.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getUserRoleInfo = createAsyncThunk( + "GET_USER_ROLE_INFO", + async ({ userKey, role }, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("user-role-info/", { + params: { + user_key: userKey, + role: role, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (error) { + dispatch(LOADING_END()); + throw error; + } + } +); diff --git a/src/features/authentication/services/login.js b/src/features/authentication/services/login.js new file mode 100644 index 0000000..fd99601 --- /dev/null +++ b/src/features/authentication/services/login.js @@ -0,0 +1,98 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const loginSendMobile = createAsyncThunk( + "LOGIN_SEND_MOBILE", + async ({ mobile, state }) => { + const { data, status } = await axios.post("api/send/", { mobile, state }); + return { data, status }; + } +); +//buildchange +export const loginWithPassword = createAsyncThunk( + "LOGIN_WITH_PASSWORD", + async ({ mobile, password }) => { + const { data, status } = await axios.post("api/login/", { + username: mobile, + password, + // bushehr + // api_key: "44d89a44-bd44-2144-a02f-2cc2cbf4e2d4", + // kermanshah + // api_key: "4b124231-62c7-41c6-8081-66191536c0b7", + // test + // api_key: "11d89a11-bd11-2111-a02f-2cc1cbf4e1d4", + // markazi arak + // api_key: "44d89a99-bd12-4152-a02f-5cc5cbf7e5d5", + // hamedan + // api_key: "33374d79-e8ee-4947-b0b4-4a6d31935814", + // lorestan + // api_key: "2b773c7e-f6de-4dd2-af43-a012a8b78d04", + // test + // api_key: "11d89a11-bd11-2111-a02f-2cc1cbf4e1d4", + // ardebil (AR) + // api_key: "14d14a14-bd14-1414-a03f-2cc1cbf5e1d1", + // tabriz (sharghi) + // api_key: "23d23a32-bd23-2311-a03f-2cc1cbf3e1d4", + }); + return { data, status }; + } +); + +export const forgetPassword = createAsyncThunk( + "LOGIN_FORGET_PASSWORD", + async ({ mobile, state }) => { + const { data, status } = await axios.post("api/send/", { mobile, state }); + return { data, status }; + } +); + +export const checkUserPath = createAsyncThunk( + "CHECK_USER_PATH", + async ({ mobile, state }) => { + const { data, status } = await axios.post( + "https://userbackend.rasadyar.com/api/send_otp/", + { mobile, state } + ); + return { data, status }; + } +); + +export const checkActiveUsers = createAsyncThunk( + "CHECK_ACTIVE_USERS", + async () => { + const { data, status } = await axios.get( + "https://userbackend.rasadyar.com/api/active-users/" + ); + return { data, status }; + } +); + +export const forgetPasswordSendOpt = createAsyncThunk( + "LOGIN_FORGET_PASSWORD_SEND_OTP", + async ({ key, code }) => { + const { data, status } = await axios.post("api/check/", { key, code }); + return { data, status }; + } +); + +export const forgetPasswordChangePassword = createAsyncThunk( + "LOGIN_FORGET_PASSWORD_CHANGE_PASSWORD", + async ({ username, password }) => { + const { data, status } = await axios.post("api/forget/", { + username, + password, + }); + return { data, status }; + } +); + +export const changePassword = createAsyncThunk( + "LOGIN_CHANGE_PASSWORD", + async ({ username, password }) => { + const { data, status } = await axios.post("api/change_password/", { + username, + password, + }); + return { data, status }; + } +); diff --git a/src/features/authentication/services/token-verifiction.js b/src/features/authentication/services/token-verifiction.js new file mode 100644 index 0000000..3326814 --- /dev/null +++ b/src/features/authentication/services/token-verifiction.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const tokenVerifiction = createAsyncThunk( + "GET_USER_RAVANDNO_INFO", + async (d) => { + const { data, status } = await axios.post("token-verification/", { + token: d.token, + }); + return { data, status }; + } +); diff --git a/src/features/authentication/services/update-bank-form.js b/src/features/authentication/services/update-bank-form.js new file mode 100644 index 0000000..0af4f9f --- /dev/null +++ b/src/features/authentication/services/update-bank-form.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const updateBankForm = createAsyncThunk( + "UPDATE_BANK_FORM", + async (d) => { + const { data, status } = await axios.put(`user-bank_card/0/`, d); + return { data, status }; + } +); diff --git a/src/features/authentication/services/wage-payment-get-user-info.js b/src/features/authentication/services/wage-payment-get-user-info.js new file mode 100644 index 0000000..28dc846 --- /dev/null +++ b/src/features/authentication/services/wage-payment-get-user-info.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const wagePaymentGetUserInfo = createAsyncThunk( + "WAGE_PAYMENT_GET_USER_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `https://${d.province}backend.rasadyar.com/get-payer-info/?${d.key}` + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/components/aviculture-active-requests/AvicultureActiveRequests.js b/src/features/aviculture/components/aviculture-active-requests/AvicultureActiveRequests.js new file mode 100644 index 0000000..89bd86e --- /dev/null +++ b/src/features/aviculture/components/aviculture-active-requests/AvicultureActiveRequests.js @@ -0,0 +1,225 @@ +import { Button, IconButton, TextField } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch, useSelector } from "react-redux"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +// import { AvicultureNewRequest } from "../aviculture-new-request/AvicultureNewRequest"; +// import HelpOutlineIcon from "@mui/icons-material/HelpOutline"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { AppContext } from "../../../../contexts/AppContext"; +import { avicultureGetRequests } from "../../services/aviculture-requests"; +import { archiveDeleteKillRequestService } from "../../services/aviculture-delete-kill-request"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { CityNewKillRequest } from "../../../city/components/city-new-kill-request/CityNewKillRequest"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const AvicultureActiveRequests = () => { + const [dataTable, setDataTable] = useState([]); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const { avicultureRequests } = useSelector((state) => state.avicultureSlice); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch(avicultureGetRequests({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const filteredData = + Array.isArray(avicultureRequests) && + avicultureRequests?.filter( + (item) => + (item.stateProcess === "accepted" || + item.stateProcess === "pending") && + item.finalState !== "archive" + ); + let d; + if (filteredData) { + d = filteredData?.map((item, i) => { + let sellType = ""; + if (item.directBuying) { + sellType = "خرید مستقیم"; + } else if (item.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return [ + i + 1, + item.orderCode, + sellType, + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + item?.directBuyingBuyerInfo + ? `${item?.directBuyingBuyerInfo?.buyerFullname} (${item?.directBuyingBuyerInfo?.buyerMobile})` + : "-", + item.directBuyingKillPlace ? item.directBuyingKillPlace : "-", + item?.createDate ? formatJustDate(item?.createDate) : "", + item?.sendDate ? formatJustDate(item?.sendDate) : "", + `${item.process?.poultry?.poultryName} (${item.process?.poultry?.poultryMobile})`, + `${item.process?.poultry?.poultryProvince}/${item.process?.poultry?.poultryCity}`, + formatJustDate(item.process?.poultryHatching?.date), + item.process?.poultry?.age, + item.IndexWeight, + item.process?.poultry?.poultryQuantity.toLocaleString(), + ( + item.IndexWeight * item.process?.poultry?.poultryQuantity + ).toLocaleString(), + + { + dispatch( + archiveDeleteKillRequestService( + item?.process?.poultry?.poultryRequestId + ) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(avicultureGetRequests()); + dispatch( + DRAWER({ right: false, bottom: false, content: null }) + ); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + , + ]; + }); + } + + setDataTable(d); + }, [avicultureRequests]); + + return ( + <> + + + + + + + {/* */} + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + ); +}; diff --git a/src/features/aviculture/components/aviculture-archived-requests/AvicultureArchivedRequests.js b/src/features/aviculture/components/aviculture-archived-requests/AvicultureArchivedRequests.js new file mode 100644 index 0000000..d142a8c --- /dev/null +++ b/src/features/aviculture/components/aviculture-archived-requests/AvicultureArchivedRequests.js @@ -0,0 +1,72 @@ +import { Card, IconButton } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import useAvicultureRequests from "../../hooks/useAvicultureRequests"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const AvicultureArchivedRequests = () => { + const navigate = useNavigate(); + const [dataTable, setDataTable] = useState([]); + const avicultureRequests = useAvicultureRequests("Poultry"); + const urlRole = window.location.pathname.split("/")[1]; + + useEffect(() => { + const fileUrl = "/" + urlRole + "/file/"; + + const filteredData = avicultureRequests?.filter( + (item, i) => item.finalState === "archive" + ); + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + + navigate(fileUrl + item?.process?.poultry?.poultryRequestId) + } + > + + , + ]; + }); + + setDataTable(d); + }, []); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/aviculture/components/aviculture-free-sale-new-request/AvicultureFreeSaleNewRequest.js b/src/features/aviculture/components/aviculture-free-sale-new-request/AvicultureFreeSaleNewRequest.js new file mode 100644 index 0000000..2b6041c --- /dev/null +++ b/src/features/aviculture/components/aviculture-free-sale-new-request/AvicultureFreeSaleNewRequest.js @@ -0,0 +1,1197 @@ +import { + Autocomplete, + Button, + Checkbox, + Divider, + FormControl, + FormControlLabel, + // FormGroup, + // FormControlLabel, + FormHelperText, + FormLabel, + IconButton, + InputAdornment, + InputLabel, + ListItem, + ListItemIcon, + ListItemText, + MenuItem, + Radio, + // Radio, + RadioGroup, + Select, + TextField, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useEffect } from "react"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useDispatch, useSelector } from "react-redux"; +import { avicultureNewRequest } from "../../services/aviculture-new-request"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import moment from "moment"; +import { useState } from "react"; +import { avicultureGetHatchingData } from "../../services/aviculture-get-hatching-data"; +import { avicultureGetPoultry } from "../../services/aviculture-get-poultry"; +import { avicultureGetChickenPrice } from "../../services/aviculture-get-chicken-price"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { avicultureGetRequests } from "../../services/aviculture-requests"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import AddIcon from "@mui/icons-material/Add"; +// import { NumericFormat } from "react-number-format"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { DialogAlert } from "../../../../components/dialog-alert/DialogAlert"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +// import { NumberFormatCustom } from "../../../../components/number-format-custom/NumberFormatCustom"; +import DoneIcon from "@mui/icons-material/Done"; +// import { SelectCheck } from "../../../../components/select-check/SelectCheck"; +import { avicultureGetSlaughters } from "../../services/aviculture-get-slaughters"; +import { avicultureGetUnions } from "../../services/aviculture-get-unions"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceGetFreeSalesRequestsService } from "../../../province/services/province-get-free-sales-requests"; + +export const AvicultureFreeSaleNewRequest = () => { + const [openNotif] = useContext(AppContext); + const [hatchingKey, sethatchingKey] = useState(""); + const [hatchingData, setHatchingData] = useState(""); + const [hatchingSelected, setHatchingSelected] = useState(""); + const [poultryData, setPoultryData] = useState(""); + const [poultryKey, setPolutryKey] = useState(""); + const [quantity, setQuantity] = useState(""); + const [losses, setlosses] = useState(""); + const [leftOvers, setLeftOvers] = useState(""); + const [isUnion] = useState(false); + const [isStockMarket, setIsStockMarket] = useState(false); + const [pricingKey, setPriceKey] = useState(); + const [chickenBreed, setChickenBreed] = useState(""); + const [chickenCanRequest, setChickenCanRequest] = useState(""); + + const [, userProfile] = useUserProfile(); + + const inputArr = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + + const inputArrPrices = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + const [arr, setArr] = useState(inputArr); + const [arrPrices, setArrPrices] = useState(inputArrPrices); + + const dispatch = useDispatch(); + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetChickenPrice()); + dispatch(avicultureGetSlaughters()); + dispatch(LOADING_END()); + }, []); + + const [unions, setUnions] = useState(); + const [unionSelected, setUnionSelected] = useState(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetUnions()).then((r) => { + setUnionSelected(r.payload.data[0]?.key); + setUnions(r.payload.data); + }); + dispatch(LOADING_END()); + }, []); + + const addInput = () => { + if (arr.length < 3) { + setArr((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + + setArrPrices((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + } + }; + + const removeInput = () => { + const number = arr.length - 1; + + if (number !== 0) { + const filteredArrayPrice = arr.filter((object, i) => i !== number); + const filteredArrayTime = arrPrices.filter((object, i) => i !== number); + + setArr(filteredArrayPrice); + setArrPrices(filteredArrayTime); + } + + // setArr((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + + // setArrPrices((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + }; + + const handleChange = (e) => { + e.preventDefault(); + + const index = e.target.id; + setArr((s) => { + const newArr = s.slice(); + newArr[index].value = e.target.value; + + return newArr; + }); + }; + + const handleChangeTime = (e) => { + e.preventDefault(); + + const index = e.target.id; + + setArrPrices((s) => { + const newArrPrice = s.slice(); + newArrPrice[index].value = e.target.dataset.value; + + return newArrPrice; + }); + }; + + useEffect(() => { + if (avicultureChickenPrice) { + setPriceKey(avicultureChickenPrice?.key); + } + }, [avicultureChickenPrice]); + const formik = useFormik({ + initialValues: { + noChicken: "", + sellType: { + cash: true, + haveTime: false, + }, + price1: "", + price2: "", + price3: "", + slaughterDate: moment(Date()).format("YYYY-MM-DD"), + period1: "4", + period2: "4", + period3: "4", + weight: "", + losses: "0", + isUnion, + isStockMarket, + isAccepted: false, + selectedSlaughters: [], + name: "", + lastname: "", + mobile: "", + province: "", + city: "", + buyerType: "", + }, + validationSchema: Yup.object({ + noChicken: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!") + .min(0, "تعداد وارد شده از حداقل ممکن کمتر است") + .max(chickenCanRequest, "تعداد وارد شده از کل موجودی بیشتر است"), + isAccepted: Yup.boolean() + .test("req", "باید تعهد نامه را بپذیرید!", (val, context) => { + return context.originalValue && context.originalValue === true; + }) + .required("این فیلد اجباری است!"), + price1: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price2: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price3: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + weight: Yup.number() + .test("weight", "وزن را تا دو رقم اعشار وارد کنید", (val, context) => { + return ( + context.originalValue && + context.originalValue.toString().length <= 4 + ); + }) + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + losses: Yup.number() + .required("این فیلد اجباری است!") + .max(quantity, "تلفات وارد شده از باقیمانده بیشتر است!") + .typeError("لطفا تعداد تلفات را وارد کنید!"), + sellType: Yup.object() + .test("sellType", "نحوه فروش را انتخاب کنید!", (val, context) => { + return ( + context.originalValue && + Object.values(context.originalValue).some((item) => item === true) + ); + }) + .required("این فیلد اجباری است!"), + name: Yup.string().required("نام اجباری است"), + lastname: Yup.string().required("نام خانوادگی اجباری است"), + mobile: Yup.string().required("موبایل اجباری است"), + province: Yup.string().required("استان اجباری است"), + city: Yup.string().required("شهرستان اجباری است"), + buyerType: Yup.string().required("نوع خریدار اجباری است"), + }), + }); + + const penaltyPrice = formik.values.noChicken * 1000; + const dialogContent = ( + <> + + اینجانب {userProfile.fullname} موافقت خود را نسبت به موارد ذکر شده اعلام + می نمایم. + + + + + + + + + + ); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetPoultry()).then((r) => { + setPoultryData(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + let newVal = formik.values.weight; + const mystring = formik.values.weight.toString().split(".").join(""); + if (formik.values.weight) { + if (mystring.length <= 3) { + if (mystring.length === 2) { + newVal = mystring[0] + "." + mystring[1]; + } + if (mystring.length === 3) { + newVal = mystring[0] + "." + mystring[1] + mystring[2]; + } + } + } + if (isNaN(Number.parseFloat(newVal))) { + formik.setFieldValue("weight", ""); + } else { + formik.setFieldValue("weight", Number.parseFloat(newVal)); + } + }, [formik.values.weight]); + + useEffect(() => { + if (isStockMarket) { + dispatch(avicultureGetChickenPrice()).then((r) => { + if (Array.isArray(r.payload.data)) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "قیمت روز مرغ در سامانه ثبت نشده است.", + severity: "error", + }); + + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } else { + dispatch(LOADING_END()); + } + }); + } + }, [isStockMarket]); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (poultryKey) { + dispatch(LOADING_START()); + dispatch(avicultureGetHatchingData({ key: poultryKey })).then((r) => { + if (r.payload.data) { + setHatchingData(r.payload.data); + + dispatch(LOADING_END()); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "اطلاعات جوجه ریزی یافت نشد!", + severity: "error", + }); + } + dispatch(LOADING_END()); + }); + } + }, [poultryKey]); + + useEffect(() => { + setChickenCanRequest( + formik.values.noChicken <= Number(leftOvers) && + Number(formik.values.losses) <= Number(leftOvers) + ? Number(leftOvers) - Number(formik.values.losses) + : 0 + ); + }, [formik.values.losses, leftOvers, formik.values.noChicken]); + + useEffect(() => { + setQuantity(hatchingSelected.quantity); + setlosses(hatchingSelected.losses); + setLeftOvers(hatchingSelected.leftOver); + }, [hatchingSelected]); + + // const handleSellTypeChange = (event) => { + // formik.setFieldValue("sellType", { + // ...formik.values.sellType, + // [event.target.name]: event.target.checked, + // }); + // }; + + return ( + + + + ({ + id: i.key, + label: i.unitName, + })) + : [] + } + onChange={(event, value) => { + setPolutryKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + {!poultryData[0]?.provinceAllowSellFree && ( + اجازه فروش خارج از استان ندارید! + )} + + {poultryData[0]?.provinceAllowSellFree && ( + + + { + return { + id: i.key, + race: i.chickenBreed, + selected: i, + label: `دوره ${i.period} سالن ${i.hall} نژاد ${i.chickenBreed} باقیمانده ${i.leftOver} قطعه`, + }; + }) + : [] + } + onChange={(event, value) => { + sethatchingKey(value.id); + setHatchingSelected(value.selected); + let race = value.race; + if (race.includes("-")) { + race = "ترکیبی"; + } + setChickenBreed(race); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + )} + + + {hatchingSelected && ( + + اطلاعات کشتار + {getRoleFromUrl() !== "Poultry" && ( + + + + + + )} + + {/* */} + + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + باقیمانده: + + + {formik.values.noChicken + ? formik.values.noChicken <= Number(leftOvers) && + Number(formik.values.losses) <= Number(leftOvers) && + Number(leftOvers) - + Number(formik.values.losses) - + Number(formik.values.noChicken) >= + 0 + ? Math.abs( + Number(leftOvers) - + Number(formik.values.losses) - + Number(formik.values.noChicken) + ) + : 0 + : Number(leftOvers)} + + + قطعه + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سن مرغ: + + + {hatchingSelected.age} + + روزه + + + + + + } + value={formik.values.slaughterDate} + error={ + formik.touched.slaughterDate + ? Boolean(formik.errors.slaughterDate) + : null + } + onChange={(e) => { + formik.setFieldValue( + "slaughterDate", + moment(e).format("YYYY-MM-DD") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.slaughterDate && + Boolean(formik.errors.slaughterDate) + ? formik.errors.slaughterDate + : null + } + /> + + + کیلوگرم + ), + }} + value={formik.values.weight} + error={ + formik.touched.weight ? Boolean(formik.errors.weight) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + /> + + + {/* + نحوه فروش + */} + + + { + setIsStockMarket(event.currentTarget.value); + }} + > + {/* } + label="فروش اتحادیه" + /> */} + {/* + } + label="فروش مزایده ای" + /> */} + {isStockMarket === "فروش مزایده ای" && ( + + + prop.palette.grey["A700"]} + variant={"caption"} + > + کف قیمت امروز: + + + {avicultureChickenPrice?.floorPrice + ? avicultureChickenPrice?.floorPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سقف قیمت امروز: + + + {avicultureChickenPrice?.ceilingPrice + ? avicultureChickenPrice?.ceilingPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + + + {arr.map((item, i) => { + return ( + + + پیشنهاد {i + 1} + + + + + + + بازه زمانی (ساعت) + + + + {formik.touched.period1 && + Boolean(formik.errors.period1) + ? formik.errors.period1 + : null} + + + {/* */} + + ); + })} + + + {arr.length > 1 && ( + + + + )} + {arr.length < 3 && ( + + + افزودن پیشنهاد جدید + + )} + + + + + در صورت عدم فروش در بورس، از طریق اتحادیه فروش برود + + + + + )} + + + + اطلاعات خریدار + + + + + + + نوع خریدار + + } + label="کشتارگاه" + /> + } + label="کشتارکن" + /> + } + label="انجماد" + /> + + {formik.touched.buyerType && formik.errors.buyerType ? ( +

{formik.errors.buyerType}

+ ) : null} + + + {/* + + نحوه فروش + + + + } + label="نقدی" + /> + + } + label="زمان دار (تا یک ماه)" + /> + + + {formik.touched.sellType && Boolean(formik.errors.sellType) + ? formik.errors.sellType + : null} + + */} + + {unions?.length > 1 && ( + <> + + + + + انتخاب اتحادیه + + { + setUnionSelected(event.currentTarget.value); + }} + > + {unions.map((item) => { + return ( + <> + } + label={item.unitName} + /> + + ); + })} + + + + + )} + + + + + + } + btnTitle={"با تعهد نامه موافق هستم!"} + isAccepted={formik.values.isAccepted} + /> + + + + + + )} + + ); +}; diff --git a/src/features/aviculture/components/aviculture-give-permission/AvicultureGivePermission.js b/src/features/aviculture/components/aviculture-give-permission/AvicultureGivePermission.js new file mode 100644 index 0000000..f81537c --- /dev/null +++ b/src/features/aviculture/components/aviculture-give-permission/AvicultureGivePermission.js @@ -0,0 +1,121 @@ +import React, { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + Button, + Checkbox, + FormControlLabel, + Grid, + Typography, +} from "@mui/material"; +import { avicultureGetGivePermissionService } from "../../services/aviculture-get-give-permission"; +import { avicultureGivePermissionService } from "../../services/aviculture-give-permission"; +import { SPACING } from "../../../../data/spacing"; + +const styles = { + root: { + padding: 20, + textAlign: "left", + boxShadow: "0px 0px 10px rgba(0, 0, 0, 0.1)", + borderRadius: 8, + backgroundColor: "#fff", + }, + heading: { + textAlign: "right", + borderBottom: "2px solid #ccc", + paddingBottom: SPACING.SMALL, + marginBottom: SPACING.SMALL, + }, + checkboxContainer: { + display: "flex", + justifyContent: "flex-start", + marginBottom: SPACING.SMALL, + }, + checkbox: { + marginLeft: SPACING.SMALL, + }, + button: { + marginTop: SPACING.SMALL, + }, +}; + +export const AvicultureGivePermission = () => { + const dispatch = useDispatch(); + const [checkbox1, setCheckbox1] = useState(false); + const [checkbox2, setCheckbox2] = useState(false); + + const handleCheckbox1Change = (event) => { + setCheckbox1(event.target.checked); + }; + + const handleCheckbox2Change = (event) => { + setCheckbox2(event.target.checked); + }; + + useEffect(() => { + dispatch(avicultureGetGivePermissionService()).then((r) => { + if (r?.payload?.data?.length) { + setCheckbox1(r.payload.data[0]?.city); + setCheckbox2(r.payload.data[0]?.province); + } else { + setCheckbox1(false); + setCheckbox2(false); + } + }); + }, [dispatch]); + + return ( + + + اجازه دسترسی + + + + } + label={ + + دادن وکالت به شهرستان جهت ثبت درخواست کشتار + + } + /> + + + + } + label={ + + دادن وکالت به استان جهت ثبت درخواست کشتار + + } + /> + + + + + + ); +}; diff --git a/src/features/aviculture/components/aviculture-hatching/AvicultureHatching.js b/src/features/aviculture/components/aviculture-hatching/AvicultureHatching.js new file mode 100644 index 0000000..15e349f --- /dev/null +++ b/src/features/aviculture/components/aviculture-hatching/AvicultureHatching.js @@ -0,0 +1,242 @@ +// import { IconButton, Tooltip } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import moment from "moment"; +import // DRAWER, + +"../../../../lib/redux/slices/appSlice"; +// import { AvicultureNewHatching } from "../aviculture-new-hatching/AvicultureNewHatching"; +import { avicultureGetHatchings } from "../../services/aviculture-get-hatchings"; +import { useState } from "react"; +// import DeleteIcon from "@mui/icons-material/Delete"; +// import { avicultureDeleteHatching } from "../../services/aviculture-delete-hatching"; +// import { useContext } from "react"; +// import { AppContext } from "../../../../contexts/AppContext"; +// import HelpOutlineIcon from "@mui/icons-material/HelpOutline"; +import Tour from "reactour"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +const steps = [ + { + selector: ".first-step", + content: () =>

برای ثبت جوجه ریزی اینجا کلیک کنید!

, + }, + { + selector: ".second", + content: () => ( +

در این قسمت جوجه ریزی های ثبت شده توسط شما نمایش داده می شود.

+ ), + }, +]; + +export const AvicultureHatching = () => { + const dispatch = useDispatch(); + // const [openNotif] = useContext(AppContext); + const { avicultureHatchings } = useSelector((state) => state.avicultureSlice); + const [isTourOpen, setIsTourOpen] = useState(false); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(avicultureGetHatchings()); + }, []); + + useEffect(() => { + const d = avicultureHatchings?.map((item, i) => { + const killedNumber = item.quantity - item.losses - item.leftOver; + return [ + i + 1, + item.allowHatching === "pending" ? "فعال" : "بایگانی شده", + item.poultry.unitName, + item.hall, + item.period, + formatJustDate(item?.createDate), + formatJustDate(item?.date), + item.breed.map((item) => { + const title = `${item.breed} (${item.mainQuantity} قطعه)`; + return

{title}

; + }), + item.age, + item.quantity, + `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + killedNumber + + ` (%${((killedNumber * 100) / item.quantity).toFixed(0)})`, + `${item.leftOver} (%${((item.leftOver * 100) / item.quantity).toFixed( + 0 + )})`, + // item.allowHatching === "pending" ? ( + // + // { + // dispatch(LOADING_START()); + // dispatch(avicultureDeleteHatching(item.key)).then((r) => { + // dispatch(LOADING_END()); + // if (r.error) { + // if (r.error.message.includes("403")) { + // openNotif({ + // vertical: "top", + // horizontal: "center", + // msg: "برای این جوجه ریزی درخواست کشتار ثبت شده است!", + // severity: "error", + // }); + // } else if (r.error.message.includes("400")) { + // openNotif({ + // vertical: "top", + // horizontal: "center", + // msg: "برای این جوجه ریزی بازرسی ثبت شده است!", + // severity: "error", + // }); + // } else { + // openNotif({ + // vertical: "top", + // horizontal: "center", + // msg: "مشکلی پیش آمده است!", + // severity: "error", + // }); + // } + // } else { + // dispatch(avicultureGetHatchings()); + // openNotif({ + // vertical: "top", + // horizontal: "center", + // msg: "عملیات با موفقیت انجام شد.", + // severity: "success", + // }); + // } + // }); + // }} + // > + // + // + // + // ) : ( + // "-" + // ), + ]; + }); + + setDataTable(d); + }, [avicultureHatchings]); + + const formik = useFormik({ + initialValues: { + noChicken: "", + slaughterDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + race: "آرین", + weight: "", + }, + validationSchema: Yup.object({ + noChicken: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + weight: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + {/* + + */} + + + {/* */} + + + setIsTourOpen(false)} + styles={{ + popover: (base) => ({ + ...base, + borderRadius: "10px", + "--reactor-accent": "red", + }), + }} + /> + + + + + + + ); +}; diff --git a/src/features/aviculture/components/aviculture-new-hatching/AvicultureNewHatching.js b/src/features/aviculture/components/aviculture-new-hatching/AvicultureNewHatching.js new file mode 100644 index 0000000..7954ace --- /dev/null +++ b/src/features/aviculture/components/aviculture-new-hatching/AvicultureNewHatching.js @@ -0,0 +1,254 @@ +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + FormControl, + FormHelperText, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useEffect } from "react"; +import moment from "moment/moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useDispatch } from "react-redux"; +import { avicultureGetPoultry } from "../../services/aviculture-get-poultry"; +import { useState } from "react"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { avicultureNewHatching } from "../../services/aviculture-new-hatching"; +import { avicultureGetHatchings } from "../../services/aviculture-get-hatchings"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const AvicultureNewHatching = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [poultryKey, setPolutryKey] = useState(""); + const [polutryData, setpolutryData] = useState(""); + const [enableHall, setEnableHall] = useState(true); + const [numberOfhalls, setNumberOfHalls] = useState(1); + const [numberOfhallSelected, setNumberOfHallSelected] = useState(null); + + const formik = useFormik({ + initialValues: { + quantity: "", + hatchingDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + race: "آرین", + }, + validationSchema: Yup.object({ + quantity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + dispatch(LOADING_START()); + dispatch(avicultureGetPoultry()).then((r) => { + setpolutryData(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + if (poultryKey) { + if (numberOfhalls === 0) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "ابتدا برای این مرغداری جوجه ریزی ثبت کنید.", + severity: "error", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } else { + setEnableHall(false); + } + } + }, [poultryKey]); + + return ( + + + + ({ + id: i.key, + label: i.unitName, + halls: i.numberOfHalls, + })) + : [] + } + onChange={(event, value) => { + setPolutryKey(value.id); + setNumberOfHalls(value.halls); + }} + renderInput={(params) => ( + + )} + /> + + + ({ + label: "سالن شماره " + (i + 1), + id: i, + }))} + onChange={(event, value) => { + setNumberOfHallSelected(value.id + 1); + }} + renderInput={(params) => ( + + )} + /> + + + } + value={formik.values.hatchingDate} + error={ + formik.touched.hatchingDate + ? Boolean(formik.errors.hatchingDate) + : null + } + onChange={(e) => { + formik.setFieldValue( + "hatchingDate", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.hatchingDate && Boolean(formik.errors.hatchingDate) + ? formik.errors.hatchingDate + : null + } + /> + + نژاد مرغ + + + {formik.touched.race && Boolean(formik.errors.race) + ? formik.errors.race + : null} + + + + + + + + + ); +}; diff --git a/src/features/aviculture/components/aviculture-new-request/AvicultureNewRequest.js b/src/features/aviculture/components/aviculture-new-request/AvicultureNewRequest.js new file mode 100644 index 0000000..4292cb2 --- /dev/null +++ b/src/features/aviculture/components/aviculture-new-request/AvicultureNewRequest.js @@ -0,0 +1,1178 @@ +import { + Autocomplete, + Button, + Checkbox, + Divider, + FormControl, + FormControlLabel, + // FormGroup, + // FormControlLabel, + FormHelperText, + FormLabel, + IconButton, + InputAdornment, + InputLabel, + ListItem, + ListItemIcon, + ListItemText, + MenuItem, + Radio, + // Radio, + RadioGroup, + Select, + TextField, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useEffect } from "react"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useDispatch, useSelector } from "react-redux"; +import { avicultureNewRequest } from "../../services/aviculture-new-request"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import moment from "moment"; +import { useState } from "react"; +import { avicultureGetHatchingData } from "../../services/aviculture-get-hatching-data"; +import { avicultureGetPoultry } from "../../services/aviculture-get-poultry"; +import { avicultureGetChickenPrice } from "../../services/aviculture-get-chicken-price"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { avicultureGetRequests } from "../../services/aviculture-requests"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import AddIcon from "@mui/icons-material/Add"; +// import { NumericFormat } from "react-number-format"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { DialogAlert } from "../../../../components/dialog-alert/DialogAlert"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +// import { NumberFormatCustom } from "../../../../components/number-format-custom/NumberFormatCustom"; +import DoneIcon from "@mui/icons-material/Done"; +// import { SelectCheck } from "../../../../components/select-check/SelectCheck"; +import { avicultureGetSlaughters } from "../../services/aviculture-get-slaughters"; +import { avicultureGetUnions } from "../../services/aviculture-get-unions"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { SelectCheck } from "../../../../components/select-check/SelectCheck"; + +export const AvicultureNewRequest = () => { + const [openNotif] = useContext(AppContext); + const [hatchingKey, sethatchingKey] = useState(""); + const [hatchingData, setHatchingData] = useState(""); + const [hatchingSelected, setHatchingSelected] = useState(""); + const [poultryData, setPoultryData] = useState(""); + const [poultryKey, setPolutryKey] = useState(""); + const [quantity, setQuantity] = useState(""); + const [losses, setlosses] = useState(""); + const [leftOvers, setLeftOvers] = useState(""); + const [isUnion] = useState(false); + const [isStockMarket, setIsStockMarket] = useState(false); + const [pricingKey, setPriceKey] = useState(); + const [chickenBreed, setChickenBreed] = useState(""); + const [chickenCanRequest, setChickenCanRequest] = useState(""); + const [slaughterHousesListForSelect, setSlaughterHousesListForSelect] = + useState([]); + + const [, userProfile] = useUserProfile(); + + const validationSchemaFreeSale = Yup.object().shape({ + name: Yup.string().required("نام اجباری است"), + lastname: Yup.string().required("نام خانوادگی اجباری است"), + mobile: Yup.string().required("موبایل اجباری است"), + province: Yup.string().required("استان اجباری است"), + city: Yup.string().required("شهرستان اجباری است"), + buyerType: Yup.string().required("نوع خریدار اجباری است"), + }); + + const inputArr = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + + const inputArrPrices = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + + const [arr, setArr] = useState(inputArr); + const [arrPrices, setArrPrices] = useState(inputArrPrices); + + const dispatch = useDispatch(); + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + const { avicultureSlaughters } = useSelector( + (state) => state.avicultureSlice + ); + + useEffect(() => { + setSlaughterHousesListForSelect( + avicultureSlaughters?.map((item) => { + return { + label: `${item.name} (${item.killHouseOperator?.user?.fullname})`, + value: `${item.name} (${item.killHouseOperator?.user?.fullname})`, + }; + }) + ); + }, [avicultureSlaughters]); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetChickenPrice()); + dispatch(avicultureGetSlaughters()); + dispatch(LOADING_END()); + }, []); + + const [unions, setUnions] = useState(); + const [unionSelected, setUnionSelected] = useState(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetUnions()).then((r) => { + setUnionSelected(r.payload.data[0]?.key); + setUnions(r.payload.data); + }); + dispatch(LOADING_END()); + }, []); + + const addInput = () => { + if (arr.length < 3) { + setArr((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + + setArrPrices((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + } + }; + + const removeInput = () => { + const number = arr.length - 1; + + if (number !== 0) { + const filteredArrayPrice = arr.filter((object, i) => i !== number); + const filteredArrayTime = arrPrices.filter((object, i) => i !== number); + + setArr(filteredArrayPrice); + setArrPrices(filteredArrayTime); + } + + // setArr((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + + // setArrPrices((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + }; + + const handleChange = (e) => { + e.preventDefault(); + + const index = e.target.id; + setArr((s) => { + const newArr = s.slice(); + newArr[index].value = e.target.value; + + return newArr; + }); + }; + + const handleChangeTime = (e) => { + e.preventDefault(); + + const index = e.target.id; + + setArrPrices((s) => { + const newArrPrice = s.slice(); + newArrPrice[index].value = e.target.dataset.value; + + return newArrPrice; + }); + }; + + useEffect(() => { + if (avicultureChickenPrice) { + setPriceKey(avicultureChickenPrice?.key); + } + }, [avicultureChickenPrice]); + const formik = useFormik({ + initialValues: { + noChicken: "", + sellType: { + cash: true, + haveTime: false, + }, + price1: "", + price2: "", + price3: "", + slaughterDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + period1: "4", + period2: "4", + period3: "4", + weight: "", + losses: "0", + isUnion, + isStockMarket, + isAccepted: false, + selectedSlaughters: [], + }, + validationSchema: Yup.object({ + noChicken: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!") + .min(0, "تعداد وارد شده از حداقل ممکن کمتر است") + .max(chickenCanRequest, "تعداد وارد شده از کل موجودی بیشتر است"), + isAccepted: Yup.boolean() + .test("req", "باید تعهد نامه را بپذیرید!", (val, context) => { + return context.originalValue && context.originalValue === true; + }) + .required("این فیلد اجباری است!"), + price1: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price2: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price3: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + weight: Yup.number() + .test("weight", "وزن را تا دو رقم اعشار وارد کنید", (val, context) => { + return ( + context.originalValue && + context.originalValue.toString().length <= 4 + ); + }) + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + losses: Yup.number() + .required("این فیلد اجباری است!") + .max(quantity, "تلفات وارد شده از باقیمانده بیشتر است!") + .typeError("لطفا تعداد تلفات را وارد کنید!"), + sellType: Yup.object() + .test("sellType", "نحوه فروش را انتخاب کنید!", (val, context) => { + return ( + context.originalValue && + Object.values(context.originalValue).some((item) => item === true) + ); + }) + .required("این فیلد اجباری است!"), + }), + }); + + const penaltyPrice = formik.values.noChicken * 1000; + const dialogContent = ( + <> + + اینجانب {userProfile.fullname} موافقت خود را نسبت به موارد ذکر شده اعلام + می نمایم. + + + + + + + + + + ); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetPoultry()).then((r) => { + setPoultryData(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + let newVal = formik.values.weight; + const mystring = formik.values.weight.toString().split(".").join(""); + if (formik.values.weight) { + if (mystring.length <= 3) { + if (mystring.length === 2) { + newVal = mystring[0] + "." + mystring[1]; + } + if (mystring.length === 3) { + newVal = mystring[0] + "." + mystring[1] + mystring[2]; + } + } + } + if (isNaN(Number.parseFloat(newVal))) { + formik.setFieldValue("weight", ""); + } else { + formik.setFieldValue("weight", Number.parseFloat(newVal)); + } + }, [formik.values.weight]); + + useEffect(() => { + if (isStockMarket) { + dispatch(avicultureGetChickenPrice()).then((r) => { + if (Array.isArray(r.payload.data)) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "قیمت روز مرغ در سامانه ثبت نشده است.", + severity: "error", + }); + + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } else { + dispatch(LOADING_END()); + } + }); + } + }, [isStockMarket]); + + useEffect(() => { + formik.validateForm(); + formikFreeSale.validateForm(); + }, []); + + useEffect(() => { + if (poultryKey) { + dispatch(LOADING_START()); + dispatch(avicultureGetHatchingData({ key: poultryKey })).then((r) => { + if (r.payload.data) { + setHatchingData(r.payload.data); + + dispatch(LOADING_END()); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "اطلاعات جوجه ریزی یافت نشد!", + severity: "error", + }); + } + dispatch(LOADING_END()); + }); + } + }, [poultryKey]); + + useEffect(() => { + setChickenCanRequest( + formik.values.noChicken <= Number(leftOvers) && + Number(formik.values.losses) <= Number(leftOvers) + ? Number(leftOvers) - Number(formik.values.losses) + : 0 + ); + }, [formik.values.losses, leftOvers, formik.values.noChicken]); + + useEffect(() => { + setQuantity(hatchingSelected.quantity); + setlosses(hatchingSelected.losses); + setLeftOvers(hatchingSelected.leftOver); + }, [hatchingSelected]); + + // const handleSellTypeChange = (event) => { + // formik.setFieldValue("sellType", { + // ...formik.values.sellType, + // [event.target.name]: event.target.checked, + // }); + // }; + + const formikFreeSale = useFormik({ + initialValues: { + name: "", + lastname: "", + mobile: "", + province: "", + city: "", + buyerType: "", + }, + validationSchemaFreeSale, + onSubmit: (values) => { + // console.log(values); + }, + }); + + return ( + + + + ({ + id: i.key, + label: i.unitName, + })) + : [] + } + onChange={(event, value) => { + setPolutryKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + { + return { + id: i.key, + race: i.chickenBreed, + selected: i, + label: `دوره ${i.period} سالن ${i.hall} نژاد ${i.chickenBreed} باقیمانده ${i.leftOver} قطعه`, + }; + }) + : [] + } + onChange={(event, value) => { + sethatchingKey(value.id); + setHatchingSelected(value.selected); + let race = value.race; + if (race.includes("-")) { + race = "ترکیبی"; + } + setChickenBreed(race); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + + {hatchingSelected && ( + + اطلاعات کشتار + {getRoleFromUrl() !== "Poultry" && ( + + + + + + )} + + {/* */} + + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + باقیمانده: + + + {formik.values.noChicken + ? formik.values.noChicken <= Number(leftOvers) && + Number(formik.values.losses) <= Number(leftOvers) && + Number(leftOvers) - + Number(formik.values.losses) - + Number(formik.values.noChicken) >= + 0 + ? Math.abs( + Number(leftOvers) - + Number(formik.values.losses) - + Number(formik.values.noChicken) + ) + : 0 + : Number(leftOvers)} + + + قطعه + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سن مرغ: + + + {hatchingSelected.age} + + روزه + + + + + + } + value={formik.values.slaughterDate} + error={ + formik.touched.slaughterDate + ? Boolean(formik.errors.slaughterDate) + : null + } + onChange={(e) => { + formik.setFieldValue( + "slaughterDate", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.slaughterDate && + Boolean(formik.errors.slaughterDate) + ? formik.errors.slaughterDate + : null + } + /> + + + کیلوگرم + ), + }} + value={formik.values.weight} + error={ + formik.touched.weight ? Boolean(formik.errors.weight) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + /> + + + {/* + نحوه فروش + */} + + + { + setIsStockMarket(event.currentTarget.value); + }} + > + {/* } + label="فروش اتحادیه" + /> */} + {/* + } + label="فروش مزایده ای" + /> */} + {isStockMarket === "فروش مزایده ای" && ( + + + prop.palette.grey["A700"]} + variant={"caption"} + > + کف قیمت امروز: + + + {avicultureChickenPrice?.floorPrice + ? avicultureChickenPrice?.floorPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سقف قیمت امروز: + + + {avicultureChickenPrice?.ceilingPrice + ? avicultureChickenPrice?.ceilingPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + + + {arr.map((item, i) => { + return ( + + + پیشنهاد {i + 1} + + + + + + + بازه زمانی (ساعت) + + + + {formik.touched.period1 && + Boolean(formik.errors.period1) + ? formik.errors.period1 + : null} + + + {/* */} + + ); + })} + + + {arr.length > 1 && ( + + + + )} + {arr.length < 3 && ( + + + افزودن پیشنهاد جدید + + )} + + + + + در صورت عدم فروش در بورس، از طریق اتحادیه فروش برود + + + + + )} + + + + + {poultryData?.length && + poultryData[0]?.provinceAllowChooseKillHouse && ( + + + formik.setFieldValue("selectedSlaughters", e) + } + options={slaughterHousesListForSelect} + /> + + {formik.values.selectedSlaughters && ( + کشتارگاهای انتخابی + )} + + {formik.values.selectedSlaughters.map((item, i) => { + return ( + + {i + 1}- {item} + + ); + })} + + + + )} + + {/* + + نحوه فروش + + + + } + label="نقدی" + /> + + } + label="زمان دار (تا یک ماه)" + /> + + + {formik.touched.sellType && Boolean(formik.errors.sellType) + ? formik.errors.sellType + : null} + + */} + + {/* {unions?.length > 1 && ( + <> */} + + + + + اطلاعات تعاونی + + { + setUnionSelected(event.currentTarget.value); + }} + > + {unions?.map((item) => { + return ( + } + /> + ); + })} + + + + {/* + )} */} + + + + + + } + btnTitle={"با تعهد نامه موافق هستم!"} + isAccepted={formik.values.isAccepted} + /> + + + + + + )} + + ); +}; diff --git a/src/features/aviculture/components/aviculture-number-of-halls/AvicultureNumberOfHalls.js b/src/features/aviculture/components/aviculture-number-of-halls/AvicultureNumberOfHalls.js new file mode 100644 index 0000000..e69de29 diff --git a/src/features/aviculture/components/aviculture-profile/AvicultureProfile.js b/src/features/aviculture/components/aviculture-profile/AvicultureProfile.js new file mode 100644 index 0000000..ffbdff2 --- /dev/null +++ b/src/features/aviculture/components/aviculture-profile/AvicultureProfile.js @@ -0,0 +1,84 @@ +import { Box } from "@mui/system"; +import { format } from "date-fns-jalali"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +import { avicultureGetProfile } from "../../services/aviculture-get-profile"; + +export const AvicultureProfile = () => { + const { profile } = useSelector((state) => state.avicultureSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + const avicultures = profile?.aviculture; + + return ( + + + + + {avicultures?.map((item, i) => ( + <> + + + + + + + + ))} + + + + + ); +}; diff --git a/src/features/aviculture/components/aviculture-rejected-requests/AvicultureRejectedRequests.js b/src/features/aviculture/components/aviculture-rejected-requests/AvicultureRejectedRequests.js new file mode 100644 index 0000000..7648d52 --- /dev/null +++ b/src/features/aviculture/components/aviculture-rejected-requests/AvicultureRejectedRequests.js @@ -0,0 +1,79 @@ +import { Card, IconButton } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_AVICULTURE_FILE } from "../../../../routes/routes"; +import { useDispatch, useSelector } from "react-redux"; +import { avicultureGetRequests } from "../../services/aviculture-requests"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const AvicultureRejectedRequests = () => { + const navigate = useNavigate(); + const [dataTable, setDataTable] = useState([]); + const { avicultureRequests } = useSelector((state) => state.avicultureSlice); + + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(avicultureGetRequests()); + }, []); + + useEffect(() => { + const filteredData = avicultureRequests?.filter( + (item) => + item.stateProcess === "rejected" || item.provinceState === "rejected" + ); + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + + navigate( + ROUTE_AVICULTURE_FILE + item?.process?.poultry?.poultryRequestId + ) + } + > + + , + ]; + }); + + setDataTable(d); + }, [avicultureRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/aviculture/components/aviculture-reports-charts/AvicultureReportsCharts.js b/src/features/aviculture/components/aviculture-reports-charts/AvicultureReportsCharts.js new file mode 100644 index 0000000..999392b --- /dev/null +++ b/src/features/aviculture/components/aviculture-reports-charts/AvicultureReportsCharts.js @@ -0,0 +1,84 @@ +import { Card, CardActionArea, CardContent, Typography } from "@mui/material"; +import React, { useEffect, useState } from "react"; +import ChartBar from "../../../../components/chart-bar/ChartBar"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { PropTypes } from "prop-types"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ChartLinear from "../../../../components/chart-linear/ChartLenear"; + +export const AvicultureReportsCharts = ({ data }) => { + const [hatching, setHatching] = useState({ datasets: [] }); + const [hatchingWeight, setHatchingWeight] = useState({ datasets: [] }); + + useEffect(() => { + setHatching({ + labels: data?.hatchingChart?.map((data) => formatJustDate(data?.date)), + datasets: [ + { + label: "تعداد", + backgroundColor: ["rgba(33, 72, 214, 0.7)"], + data: data?.hatchingChart?.map((data) => data?.quantity), + borderRadius: 5, + }, + { + label: "تلفات", + backgroundColor: ["rgba(100, 130, 160, 0.7)"], + data: data.hatchingChart?.map((data) => data?.losses), + borderRadius: 5, + }, + ], + }); + + setHatchingWeight({ + labels: data?.weightChart?.map((data) => formatJustDate(data?.date)), + datasets: [ + { + label: "قیمت", + backgroundColor: ["rgba(33, 72, 214, 0.7)"], + data: data?.weightChart?.map((data) => data?.weight), + borderRadius: 5, + }, + ], + }); + }, []); + + return ( + + + + + + + نمودار حجم جوجه ریزی و تلفات دوره + + + + + + + + + + + + نمودار پایش وزن و بهره وری وزن + + + + + + + + + ); +}; + +AvicultureReportsCharts.propTypes = { + data: PropTypes.any, +}; diff --git a/src/features/aviculture/components/dashboard-operations/DashboardOperations.js b/src/features/aviculture/components/dashboard-operations/DashboardOperations.js new file mode 100644 index 0000000..fbaa491 --- /dev/null +++ b/src/features/aviculture/components/dashboard-operations/DashboardOperations.js @@ -0,0 +1,68 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { Button } from "@mui/material"; +import { + ROUTE_USER_CHANGE_BANK_ACCOUNT, + ROUTE_USER_CHANGE_PASSWORD, + ROUTE_USER_CHANGE_PROFILE_INFO, + ROUTE_USER_CHANGE_PROFILE_PICTURE, + ROUTE_USER_PROFILE, +} from "../../../../routes/routes"; + +export const DashboardOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/aviculture/components/province-free-sale-new-request/ProvinceFreeSaleNewRequest.js b/src/features/aviculture/components/province-free-sale-new-request/ProvinceFreeSaleNewRequest.js new file mode 100644 index 0000000..3bb18bc --- /dev/null +++ b/src/features/aviculture/components/province-free-sale-new-request/ProvinceFreeSaleNewRequest.js @@ -0,0 +1,1868 @@ +import { + Autocomplete, + Button, + Checkbox, + Divider, + FormControl, + FormControlLabel, + // FormGroup, + // FormControlLabel, + FormHelperText, + FormLabel, + IconButton, + InputAdornment, + InputLabel, + ListItem, + ListItemIcon, + ListItemText, + MenuItem, + Radio, + // Radio, + RadioGroup, + Select, + TextField, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useEffect } from "react"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useDispatch, useSelector } from "react-redux"; +import { avicultureNewRequest } from "../../services/aviculture-new-request"; +import { LabelField } from "../../../../components/label-field/LabelField"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import moment from "moment"; +import { useState } from "react"; +import { avicultureGetHatchingData } from "../../services/aviculture-get-hatching-data"; +import { avicultureGetChickenPrice } from "../../services/aviculture-get-chicken-price"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { avicultureGetRequests } from "../../services/aviculture-requests"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import AddIcon from "@mui/icons-material/Add"; +// import { NumericFormat } from "react-number-format"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { DialogAlert } from "../../../../components/dialog-alert/DialogAlert"; +// import useUserProfile from "../../../authentication/hooks/useUserProfile"; +// import { NumberFormatCustom } from "../../../../components/number-format-custom/NumberFormatCustom"; +import DoneIcon from "@mui/icons-material/Done"; +// import { SelectCheck } from "../../../../components/select-check/SelectCheck"; +import { avicultureGetSlaughters } from "../../services/aviculture-get-slaughters"; +import { avicultureGetUnions } from "../../services/aviculture-get-unions"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceGetPoultry } from "../../services/province-get-poultry"; +import { CarPelak } from "../../../../components/car-pelak/CarPelak"; +import { avicultureGetWageType } from "../../services/aviculture-get-wage-type"; +import { provinceFreeSaleBuyers } from "../../../province/services/province-free-sales-get-buyers"; +import RemoveIcon from "@mui/icons-material/Remove"; +import { provincePolicyGetWeightRange } from "../../../province/services/province-policy-get-weight-range"; +import { isValidIndexWeight } from "../../../../utils/isValidIndexWeight"; + +export const ProvinceFreeSaleNewRequest = ({ fetchApiData }) => { + const [openNotif] = useContext(AppContext); + const [hatchingKey, sethatchingKey] = useState(""); + const [hatchingData, setHatchingData] = useState(""); + const [hatchingSelected, setHatchingSelected] = useState(""); + const [poultryData, setPoultryData] = useState(""); + const [poultryKey, setPolutryKey] = useState(""); + const [quantity, setQuantity] = useState(""); + const [losses, setlosses] = useState(""); + const [leftOvers, setLeftOvers] = useState(""); + const [isUnion] = useState(false); + const [isStockMarket, setIsStockMarket] = useState(false); + const [pricingKey, setPriceKey] = useState(); + const [chickenBreed, setChickenBreed] = useState(""); + const [chickenCanRequest, setChickenCanRequest] = useState(""); + const [poultry, setPoultry] = useState(); + const [buyersData, setBuyersData] = useState([]); + const [buyerSelected, setBuyerSelected] = useState(); + const [buyerItem, setBuyerItem] = useState(); + const [selectedHatchingLabel, setSelectedHatchingLabel] = useState(); + const [payerValue, setPayerValue] = useState("poultry"); + const [submitDriver, setSubmitDriver] = useState(false); + const [transportHealthCodes, setTransportHealthCodes] = useState([]); + const [showHealthCodeForm, setShowHealthCodeForm] = useState(false); + + const handleChangePayer = (event) => { + setPayerValue(event.target.value); + if (event.target.value === "poultry") { + formikPayer.setFieldValue("mobile", poultry?.user?.mobile); + } else { + if (buyerItem) { + formikPayer.setFieldValue("mobile", buyerItem.mobile); + } else { + formikPayer.setFieldValue("mobile", ""); + } + } + }; + + // const [, userProfile] = useUserProfile(); + + const [driverPelak, setDriverPelak] = useState([]); + + const carPelakHandleChange = (pelak1, pelak2, pelak3, pelak4) => { + setDriverPelak([pelak1, pelak2, pelak3, pelak4]); + }; + + const inputArr = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + + const inputArrPrices = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + const [arr, setArr] = useState(inputArr); + const [arrPrices, setArrPrices] = useState(inputArrPrices); + const [wageType, setWageType] = useState(); + const { weightRange } = useSelector((state) => state.provinceSlice); + + const dispatch = useDispatch(); + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetChickenPrice()); + dispatch(avicultureGetSlaughters()); + dispatch(avicultureGetWageType()).then((r) => { + setWageType(r.payload.data.status); + }); + dispatch(provinceFreeSaleBuyers()).then((r) => { + setBuyersData(r.payload.data); + }); + dispatch(LOADING_END()); + }, []); + + const [unions, setUnions] = useState(); + const [unionSelected, setUnionSelected] = useState(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provincePolicyGetWeightRange()); + dispatch(avicultureGetUnions()).then((r) => { + if (r?.payload?.data?.length > 0) { + setUnions(r?.payload?.data[0]?.key); + } else { + setUnions([]); + } + }); + dispatch(LOADING_END()); + }, []); + + const addInput = () => { + if (arr.length < 3) { + setArr((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + + setArrPrices((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + } + }; + + const removeInput = () => { + const number = arr.length - 1; + + if (number !== 0) { + const filteredArrayPrice = arr.filter((object, i) => i !== number); + const filteredArrayTime = arrPrices.filter((object, i) => i !== number); + + setArr(filteredArrayPrice); + setArrPrices(filteredArrayTime); + } + + // setArr((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + + // setArrPrices((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + }; + + const handleChange = (e) => { + e.preventDefault(); + + const index = e.target.id; + setArr((s) => { + const newArr = s.slice(); + newArr[index].value = e.target.value; + + return newArr; + }); + }; + + const handleChangeTime = (e) => { + e.preventDefault(); + + const index = e.target.id; + + setArrPrices((s) => { + const newArrPrice = s.slice(); + newArrPrice[index].value = e.target.dataset.value; + + return newArrPrice; + }); + }; + + useEffect(() => { + if (avicultureChickenPrice) { + setPriceKey(avicultureChickenPrice?.key); + } + }, [avicultureChickenPrice]); + const formik = useFormik({ + initialValues: { + noChicken: "", + sellType: { + cash: true, + haveTime: false, + }, + price1: "", + price2: "", + price3: "", + slaughterDate: moment(Date()).format("YYYY-MM-DD"), + period1: "4", + period2: "4", + period3: "4", + weight: "", + losses: "0", + isUnion, + isStockMarket, + isAccepted: false, + selectedSlaughters: [], + killer_kill_house_city: "", + killer_kill_house_province: "", + killer_kill_house_unit_name: "", + kill_house_unique_id: "", + intermediaryNumber: "", + }, + validationSchema: Yup.object({ + noChicken: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!") + .min(0, "تعداد وارد شده از حداقل ممکن کمتر است") + .max(chickenCanRequest, "تعداد وارد شده از کل موجودی بیشتر است"), + isAccepted: Yup.boolean() + .test("req", "باید تعهد نامه را بپذیرید!", (val, context) => { + return context.originalValue && context.originalValue === true; + }) + .required("این فیلد اجباری است!"), + price1: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price2: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price3: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + weight: Yup.number() + .test("weight", "وزن را تا دو رقم اعشار وارد کنید", (val, context) => { + return ( + context.originalValue && + context.originalValue.toString().length <= 4 + ); + }) + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + losses: Yup.number() + .required("این فیلد اجباری است!") + .max(quantity, "تلفات وارد شده از باقیمانده بیشتر است!") + .typeError("لطفا تعداد تلفات را وارد کنید!"), + sellType: Yup.object() + .test("sellType", "نحوه فروش را انتخاب کنید!", (val, context) => { + return ( + context.originalValue && + Object.values(context.originalValue).some((item) => item === true) + ); + }) + .required("این فیلد اجباری است!"), + intermediaryNumber: Yup.string() + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + }), + }); + + const formikDriver = useFormik({ + initialValues: { + driverName: "", + driverMobile: "", + driverCar: "", + driverhealthCode: "", + }, + validationSchema: Yup.object({ + driverName: Yup.string().required("این فیلد اجباری است!"), + driverMobile: Yup.string() + .required("این فیلد اجباری است!") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + driverCar: Yup.string().required("این فیلد اجباری است!"), + driverhealthCode: Yup.string() + .required("این فیلد اجباری است!") + .matches( + /^[^*&^%$#@!()|.]*$/, + "این فیلد نباید شامل کاراکترهای ویژه باشد!" + ), + }), + }); + + const formikPayer = useFormik({ + initialValues: { + mobile: "", + weight: "", + quantity: "", + }, + validationSchema: Yup.object({ + mobile: Yup.string() + .required("شماره موبایل الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + weight: Yup.number(), + quantity: Yup.number(), + }), + }); + + const formikTransportHealthCode = useFormik({ + initialValues: { + healthCode: "", + }, + validationSchema: Yup.object({ + healthCode: Yup.string() + .required("این فیلد اجباری است!") + .matches( + /^[^*&^%$#@!()|.]*$/, + "این فیلد نباید شامل کاراکترهای ویژه باشد!" + ), + }), + }); + + const handleAddTransportHealthCode = () => { + if (formikTransportHealthCode.values.healthCode.trim()) { + setTransportHealthCodes([ + ...transportHealthCodes, + formikTransportHealthCode.values.healthCode, + ]); + formikTransportHealthCode.resetForm(); + setShowHealthCodeForm(false); + } + }; + + const handleRemoveTransportHealthCode = (indexToRemove) => { + setTransportHealthCodes( + transportHealthCodes.filter((_, index) => index !== indexToRemove) + ); + }; + + useEffect(() => { + formikPayer.setFieldValue("mobile", poultry?.user?.mobile); + }, [poultry]); + + const penaltyPrice = formik.values.noChicken * 1000; + const dialogContent = ( + <> + + اینجانب {poultry?.user?.fullname} موافقت خود را نسبت به موارد ذکر شده + اعلام می نمایم. + + + + + + + + + + ); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceGetPoultry()).then((r) => { + setPoultryData(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + let newVal = formik.values.weight; + const mystring = formik.values.weight.toString().split(".").join(""); + if (formik.values.weight) { + if (mystring.length <= 3) { + if (mystring.length === 2) { + newVal = mystring[0] + "." + mystring[1]; + } + if (mystring.length === 3) { + newVal = mystring[0] + "." + mystring[1] + mystring[2]; + } + } + } + if (isNaN(Number.parseFloat(newVal))) { + formik.setFieldValue("weight", ""); + } else { + formik.setFieldValue("weight", Number.parseFloat(newVal)); + } + }, [formik.values.weight]); + + useEffect(() => { + if (isStockMarket) { + dispatch(avicultureGetChickenPrice()).then((r) => { + if (Array.isArray(r.payload.data)) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "قیمت روز مرغ در سامانه ثبت نشده است.", + severity: "error", + }); + + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } else { + dispatch(LOADING_END()); + } + }); + } + }, [isStockMarket]); + + useEffect(() => { + formik.validateForm(); + formikDriver.validateForm(); + }, []); + + useEffect(() => { + if (poultryKey) { + dispatch(LOADING_START()); + dispatch(avicultureGetHatchingData({ key: poultryKey })).then((r) => { + if (r.payload.data) { + setHatchingData(r.payload.data); + + dispatch(LOADING_END()); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "اطلاعات جوجه ریزی یافت نشد!", + severity: "error", + }); + } + dispatch(LOADING_END()); + }); + } + }, [poultryKey, poultry]); + + useEffect(() => { + setChickenCanRequest(hatchingSelected?.leftOver); + }, [ + formik.values.losses, + leftOvers, + formik.values.noChicken, + hatchingSelected, + ]); + + useEffect(() => { + setQuantity(hatchingSelected?.quantity); + setlosses(hatchingSelected?.losses); + setLeftOvers(hatchingSelected?.leftOver); + }, [hatchingSelected]); + + // const handleSellTypeChange = (event) => { + // formik.setFieldValue("sellType", { + // ...formik.values.sellType, + // [event.target.name]: event.target.checked, + // }); + // }; + + const killerFieldsValidation = () => { + if (buyerItem?.type === "killer") { + return ( + formik.values.killer_kill_house_city && + formik.values.killer_kill_house_province && + formik.values.killer_kill_house_unit_name + ); + } else { + return true; + } + }; + + const wageValidation = () => { + if (wageType) { + return formikPayer.isValid; + } else { + return true; + } + }; + + const isFormValid = () => { + if (payerValue === "poultry") { + if (submitDriver) { + return ( + formik.isValid && + wageValidation() && + buyerSelected && + formikDriver && + driverPelak[0] && + killerFieldsValidation() + ); + } else { + return ( + formik.isValid && + wageValidation() && + buyerSelected && + killerFieldsValidation() + ); + } + } else { + if (submitDriver) { + return ( + formik.isValid && + buyerSelected && + formikDriver && + driverPelak[0] && + killerFieldsValidation() && + wageValidation() + ); + } else { + return ( + formik.isValid && + buyerSelected && + killerFieldsValidation() && + wageValidation() + ); + } + } + }; + + return ( + + + + option.disabled} + options={ + poultryData + ? poultryData.map((i) => ({ + id: i.key, + label: `${i.unitName} / ${ + i.user.mobile + } / ${i.lastHatchingRemainQuantity.toLocaleString()} `, + item: i, + disabled: !i.lastHatchingRemainQuantity, + })) + : [] + } + onChange={(event, value) => { + setHatchingSelected(null); + sethatchingKey(null); + setSelectedHatchingLabel(null); + setPolutryKey(value.id); + setPoultry(value.item); + }} + renderInput={(params) => ( + + )} + /> + + {/* + {!poultry?.provinceAllowSellFree && ( + اجازه فروش بصورت خارج از استان ندارید! + )} */} + + {poultry?.provinceAllowSellFree ? ( + + + { + return { + id: i.key, + race: i.chickenBreed, + selected: i, + label: `دوره ${i.period} سالن ${i.hall} نژاد ${ + i.chickenBreed + } باقیمانده ${ + i?.lastHatchingDiffrentRequestQuantity?.leftOver + ? i?.lastHatchingDiffrentRequestQuantity?.leftOver + : i.leftOver + } قطعه`, + }; + }) + : [] + } + onChange={(event, value) => { + setSelectedHatchingLabel(value.label); + sethatchingKey(value.id); + setHatchingSelected(value.selected); + let race = value.race; + if (race.includes("-")) { + race = "ترکیبی"; + } + setChickenBreed(race); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + ) : ( + poultry && ( + + مرغدار اجازه فروش مستقیم ندارد! + + ) + )} + + + {hatchingSelected && ( + + اطلاعات کشتار + {/* {getRoleFromUrl() !== "Poultry" && ( + + + + + + )} */} + + {/* */} + + + prop.palette.grey["A700"]} + variant={"caption"} + > + باقیمانده: + + {chickenCanRequest} + + قطعه + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سن مرغ: + + + {hatchingSelected.age} + + روزه + + + + + } + value={formik.values.slaughterDate} + error={ + formik.touched.slaughterDate + ? Boolean(formik.errors.slaughterDate) + : null + } + onChange={(e) => { + formik.setFieldValue( + "slaughterDate", + moment(e).format("YYYY-MM-DD") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.slaughterDate && + Boolean(formik.errors.slaughterDate) + ? formik.errors.slaughterDate + : null + } + /> + + + + + + + کیلوگرم + ), + }} + value={formik.values.weight} + error={ + formik.touched.weight ? Boolean(formik.errors.weight) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + /> + + + + {formik.values.weight && ( + + وزن کل:{" "} + {parseInt( + parseInt(formik.values.noChicken) * + parseFloat(formik.values.weight) + ).toLocaleString()}{" "} + کیلوگرم + + )} + + {/* + نحوه فروش + */} + + + { + setIsStockMarket(event.currentTarget.value); + }} + > + {/* } + label="فروش اتحادیه" + /> */} + {/* + } + label="فروش مزایده ای" + /> */} + {isStockMarket === "فروش مزایده ای" && ( + + + prop.palette.grey["A700"]} + variant={"caption"} + > + کف قیمت امروز: + + + {avicultureChickenPrice?.floorPrice + ? avicultureChickenPrice?.floorPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سقف قیمت امروز: + + + {avicultureChickenPrice?.ceilingPrice + ? avicultureChickenPrice?.ceilingPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + + + {arr.map((item, i) => { + return ( + + + پیشنهاد {i + 1} + + + + + + + بازه زمانی (ساعت) + + + + {formik.touched.period1 && + Boolean(formik.errors.period1) + ? formik.errors.period1 + : null} + + + {/* */} + + ); + })} + + + {arr.length > 1 && ( + + + + )} + {arr.length < 3 && ( + + + افزودن پیشنهاد جدید + + )} + + + + + در صورت عدم فروش در بورس، از طریق اتحادیه فروش برود + + + + + )} + + + + + اطلاعات خریدار + option.disabled} + options={ + buyersData + ? buyersData?.map((i) => ({ + id: i.key, + label: + i.type === "killhouse" + ? `کشتارگاه ${i?.unitName} / ${i.mobile} / استان ${i?.province}/ ${i?.city}` + : `کشتارکن ${i?.fullname} / ${i.mobile} / استان ${i?.province}/ ${i?.city}`, + item: i, + mobile: i.mobile, + })) + : [] + } + onChange={(event, value) => { + setBuyerSelected(value.id); + setBuyerItem(value.item); + if (payerValue === "buyer") { + formikPayer.setFieldValue("mobile", value.mobile); + } + }} + renderInput={(params) => ( + + )} + /> + + {buyerItem?.type === "killer" && ( + + + + + + + + )} + + + {buyerItem?.key && ( + <> + + { + setSubmitDriver(!submitDriver); + }} + > + + {" "} + افزودن خودرو + + + {submitDriver ? : } + + {submitDriver && ( + + اطلاعات خودرو حمل + + + + + + + + )} + + {/* افزودن کد بهداشتی حمل و نقل */} + + + + کدهای بهداشتی حمل و نقل + + + + {/* Display added health codes */} + {transportHealthCodes.length > 0 && ( + + {transportHealthCodes.map((code, index) => ( + + + + + + + handleRemoveTransportHealthCode(index) + } + aria-label="حذف" + > + + + + + ))} + + )} + + {/* Form to add new health code */} + {showHealthCodeForm && ( + + + + + + + + + + + )} + + {/* Button to show form */} + + + + + + )} + + {wageType && ( + <> + + + + } + label="مرغدار" + sx={{ + marginRight: "auto", + }} + /> + } + label="خریدار" + /> + + + + + + + از این قسمت میتوانید تلفن{" "} + {payerValue === "poultry" ? "مرغدار" : "خریدار"} را ویرایش + کنید. + + + + + )} + + + + + + {/* + + نحوه فروش + + + + } + label="نقدی" + /> + + } + label="زمان دار (تا یک ماه)" + /> + + + {formik.touched.sellType && Boolean(formik.errors.sellType) + ? formik.errors.sellType + : null} + + */} + + {unions?.length > 1 && ( + <> + + + + + انتخاب اتحادیه + + { + setUnionSelected(event.currentTarget.value); + }} + > + {unions.map((item) => { + return ( + <> + } + label={item.unitName} + /> + + ); + })} + + + + + )} + + + + + + + } + btnTitle={"با تعهد نامه موافق هستم!"} + isAccepted={formik.values.isAccepted} + /> + + + + + + )} + + ); +}; diff --git a/src/features/aviculture/components/requests-operations/RequestsOperations.js b/src/features/aviculture/components/requests-operations/RequestsOperations.js new file mode 100644 index 0000000..a8cb2ad --- /dev/null +++ b/src/features/aviculture/components/requests-operations/RequestsOperations.js @@ -0,0 +1,164 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_AVICULTURE_ARCHIVED_REQUESTS, + ROUTE_AVICULTURE_AWAITING_INSPECTION_REQUESTS, + ROUTE_AVICULTURE_AWAITING_PAYMENT_REQUESTS, + ROUTE_AVICULTURE_GIVE_PERMISSION, + ROUTE_AVICULTURE_HATCHING, + ROUTE_AVICULTURE_REJECTED_REQUESTS, + ROUTE_AVICULTURE_SUBMIT_REQUEST, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { + FaArchive, + FaEgg, + FaMoneyBillWave, + FaRegFileAlt, +} from "react-icons/fa"; +import { GrInspect } from "react-icons/gr"; +import { RiFolderWarningLine } from "react-icons/ri"; + +export const RequestsOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + } + title="جوجه ریزی" + description="ثبت و مدیریت جوجه ریزی ها" + /> + + {/* + + */} + + } + title="درخواست های کشتار" + description="مدیریت و ثبت درخواست های کشتار" + /> + + + } + title="در انتظار پرداخت" + description="مشاهده درخواست های در انتظار پرداخت کشتارگاه" + /> + + + + } + title="در انتظار بازرسی" + description="درخواست های در انتظار بررسی بازرس" + /> + + + + } + title="درخواست های رد شده" + description="مشاهده درخواست هایی که به دلایل مختلف توسط اتحادیه رد شده است" + /> + + + + } + title="بایگانی" + description="درخواست های پایان یافته" + /> + + + + } + title="وکالت" + /> + + + + + ); +}; diff --git a/src/features/aviculture/components/strict-missing-hall-number/StrictMissingHallNumber.js b/src/features/aviculture/components/strict-missing-hall-number/StrictMissingHallNumber.js new file mode 100644 index 0000000..391927c --- /dev/null +++ b/src/features/aviculture/components/strict-missing-hall-number/StrictMissingHallNumber.js @@ -0,0 +1,135 @@ +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { PropTypes } from "prop-types"; +import { useContext } from "react"; +import { useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { avicultureGetProfile } from "../../services/aviculture-get-profile"; +import { avicultureSetHallNumber } from "../../services/aviculture-set-hall-number"; + +export const StrictMissingHallNumber = ({ + name, + id, + avicultureKey, + handleClose, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + number_of_halls: 1, + }, + validationSchema: Yup.object({ + number_of_halls: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + تعداد سالن های {name} با شناسه جوجه ریزی {id} را وارد کنید. + + + + + تعداد سالن + + + + + + ); +}; + +StrictMissingHallNumber.propTypes = { + name: PropTypes.any, + id: PropTypes.any, + avicultureKey: PropTypes.any, + handleClose: PropTypes.any, +}; diff --git a/src/features/aviculture/components/view-bank-account/ViewBankAccount.js b/src/features/aviculture/components/view-bank-account/ViewBankAccount.js new file mode 100644 index 0000000..6c440c8 --- /dev/null +++ b/src/features/aviculture/components/view-bank-account/ViewBankAccount.js @@ -0,0 +1,49 @@ +import { Typography } from "@mui/material"; +import { Box } from "@mui/system"; +import { useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +export const ViewBankAccount = () => { + const { userProfile } = useSelector((state) => state.userSlice); + const userData = [ + ["نام بانک", userProfile.userBankInfo?.bankName], + ["شماره کارت", userProfile.userBankInfo?.card], + ["شماره حساب", userProfile.userBankInfo?.account], + ["شماره شبا", userProfile.userBankInfo?.shaba], + ]; + return ( + + + + + اطلاعات حساب بانکی + + + + {userData.map((item, i) => ( + + + {item[0] + ":"} + + + {item[1] ? item[1] : "نامشخص"} + + + ))} + + + + ); +}; diff --git a/src/features/aviculture/components/view-profile/ViewProfile.js b/src/features/aviculture/components/view-profile/ViewProfile.js new file mode 100644 index 0000000..23b7ca8 --- /dev/null +++ b/src/features/aviculture/components/view-profile/ViewProfile.js @@ -0,0 +1,64 @@ +import { Chip, Divider, Typography } from "@mui/material"; +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime } from "../../../../utils/formatTime"; +import { avicultureGetProfile } from "../../services/aviculture-get-profile"; + +export const ViewProfile = () => { + const dispatch = useDispatch(); + const { profile } = useSelector((state) => state.avicultureSlice); + + useEffect(() => { + dispatch(avicultureGetProfile()); + }, []); + const userProfile = profile?.profile; + + const userData = [ + ["نام", userProfile?.firstName], + ["نام خانوادگی", userProfile?.lastName], + ["موبایل", userProfile?.mobile], + ["استان", userProfile?.province?.name], + ["شهر", userProfile?.city.name], + [ + "تاریخ تولد", + userProfile?.birthday ? formatTime(userProfile?.birthday) : null, + ], + ]; + return ( + + + + + + + + + {userData?.map((item, i) => ( + + + {item[0] + ":"} + + + {item[1] ? item[1] : "نامشخص"} + + + ))} + + + + ); +}; diff --git a/src/features/aviculture/hooks/useAvicultureRequests.js b/src/features/aviculture/hooks/useAvicultureRequests.js new file mode 100644 index 0000000..1aaabb7 --- /dev/null +++ b/src/features/aviculture/hooks/useAvicultureRequests.js @@ -0,0 +1,26 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { avicultureGetRequests } from "../services/aviculture-requests"; + +const useAvicultureRequests = () => { + const dispatch = useDispatch(); + const { avicultureRequests } = useSelector((state) => state.avicultureSlice); + + const [data, setData] = useState(avicultureRequests); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetRequests()).then(() => { + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + setData(avicultureRequests); + }, [avicultureRequests]); + + return data ? data : []; +}; + +export default useAvicultureRequests; diff --git a/src/features/aviculture/services/aviculture-delete-hatching.js b/src/features/aviculture/services/aviculture-delete-hatching.js new file mode 100644 index 0000000..13f7978 --- /dev/null +++ b/src/features/aviculture/services/aviculture-delete-hatching.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureDeleteHatching = createAsyncThunk( + "AVICULTURE_DELETE_HATCHING", + async (key) => { + const { data, status } = await axios.delete( + "poultry_hatching/0/?key=" + key + ); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-delete-kill-request.js b/src/features/aviculture/services/aviculture-delete-kill-request.js new file mode 100644 index 0000000..dda1842 --- /dev/null +++ b/src/features/aviculture/services/aviculture-delete-kill-request.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const archiveDeleteKillRequestService = createAsyncThunk( + "ARCHIVE_DELETE_KILL_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete("Poultry_Request/" + d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/aviculture/services/aviculture-get-chicken-price.js b/src/features/aviculture/services/aviculture-get-chicken-price.js new file mode 100644 index 0000000..ea61aaa --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-chicken-price.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetChickenPrice = createAsyncThunk( + "AVICULTURE_GET_CHICKEN_PRICE", + async () => { + const { data, status } = await axios.get("pricing/?role=Poultry"); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-direct-buys.js b/src/features/aviculture/services/aviculture-get-direct-buys.js new file mode 100644 index 0000000..23c90fd --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-direct-buys.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const avicultureGetDirectBuys = createAsyncThunk( + "AVICULTURE_GET_DIRECT_BUYS", + async (key, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_request/?poultry_key=" + key + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-give-permission.js b/src/features/aviculture/services/aviculture-get-give-permission.js new file mode 100644 index 0000000..b9720af --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-give-permission.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const avicultureGetGivePermissionService = createAsyncThunk( + "AVICULTURE_GET_GIVE_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("poultry_allow_city_province/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-hall-inspects.js b/src/features/aviculture/services/aviculture-get-hall-inspects.js new file mode 100644 index 0000000..bc31857 --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-hall-inspects.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetHallInspects = createAsyncThunk( + "AVICULTURE_GET_HALL)INSPECTS", + async (key) => { + const { data, status } = await axios.get( + "vet_farm_inspection/?poultry_key=" + key + ); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-halls-info.js b/src/features/aviculture/services/aviculture-get-halls-info.js new file mode 100644 index 0000000..9a2db61 --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-halls-info.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetHallsInfo = createAsyncThunk( + "AVICULTURE_GET_HALLS_INFO", + async () => { + const { data, status } = await axios.get("Poultry/?info"); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-halls.js b/src/features/aviculture/services/aviculture-get-halls.js new file mode 100644 index 0000000..ec48801 --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-halls.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetHalls = createAsyncThunk( + "AVICULTURE_GET_HALLS", + async () => { + const { data, status } = await axios.get("poultry_hatching/"); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-hatching-data.js b/src/features/aviculture/services/aviculture-get-hatching-data.js new file mode 100644 index 0000000..5e37ed0 --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-hatching-data.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetHatchingData = createAsyncThunk( + "VET_GET_HATCHING", + async (d) => { + const { data, status } = await axios.get("poultry_hatching/", { + params: { + key: d.key || "", + }, + }); + return { data, status }; + } +); + +export const avicultureGetHatchingDataForIncreaseHatching = createAsyncThunk( + "VET_GET_HATCHING_FOR_INCREASE", + async (key) => { + const { data, status } = await axios.get( + "poultry_hatching/?increase=true&key=" + key + ); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-hatchings.js b/src/features/aviculture/services/aviculture-get-hatchings.js new file mode 100644 index 0000000..94db2c7 --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-hatchings.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetHatchings = createAsyncThunk( + "AVICULTURE_GET_HATCHINGS", + async () => { + const { data, status } = await axios.get("poultry_hatching/"); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-poultry.js b/src/features/aviculture/services/aviculture-get-poultry.js new file mode 100644 index 0000000..bf1d7bc --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-poultry.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const avicultureGetPoultry = createAsyncThunk( + "AVICULTURE_GET_POULTRY", + async () => { + const { data, status } = await axios.get("Poultry/", { + params: { role: getRoleFromUrl() }, + }); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-profile.js b/src/features/aviculture/services/aviculture-get-profile.js new file mode 100644 index 0000000..40f068d --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetProfile = createAsyncThunk( + "AVICULTURE_GET_PROFILE", + async (d, { dispatch }) => { + const { data, status } = await axios.get("Poultry/0/?profile", d); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-reports.js b/src/features/aviculture/services/aviculture-get-reports.js new file mode 100644 index 0000000..6832f16 --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-reports.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetReports = createAsyncThunk( + "AVICULTURE_GET_REPORTS", + async () => { + const { data, status } = await axios.get("poultry_report/"); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-slaughters.js b/src/features/aviculture/services/aviculture-get-slaughters.js new file mode 100644 index 0000000..ba392ef --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-slaughters.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetSlaughters = createAsyncThunk( + "AVICULTURE_GET_SLAUGHTERS", + async (d) => { + const { data, status } = await axios.get("kill_house_list/?show_poultry", { + params: { date: d.date }, + }); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-unions.js b/src/features/aviculture/services/aviculture-get-unions.js new file mode 100644 index 0000000..ca10ae8 --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-unions.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END } from "../../../lib/redux/slices/appSlice"; + +export const avicultureGetUnions = createAsyncThunk( + "AVICULTURE_GET_UNIONS", + async (d, { dispatch }) => { + const { data, status } = await axios.get("show_city_operator", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-get-wage-type.js b/src/features/aviculture/services/aviculture-get-wage-type.js new file mode 100644 index 0000000..331ca9b --- /dev/null +++ b/src/features/aviculture/services/aviculture-get-wage-type.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureGetWageType = createAsyncThunk( + "AVICULTURE_GET_WAGE_TYPE", + async () => { + const { data, status } = await axios.get("poultry-out-province-wage-type"); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-give-permission.js b/src/features/aviculture/services/aviculture-give-permission.js new file mode 100644 index 0000000..3a669cb --- /dev/null +++ b/src/features/aviculture/services/aviculture-give-permission.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const avicultureGivePermissionService = createAsyncThunk( + "AVICULTURE_GIVE_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "poultry_allow_city_province/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-hatching-requests.js b/src/features/aviculture/services/aviculture-hatching-requests.js new file mode 100644 index 0000000..e0f62e1 --- /dev/null +++ b/src/features/aviculture/services/aviculture-hatching-requests.js @@ -0,0 +1,25 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import moment from "moment/moment"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const avicultureHatchingRequestsService = createAsyncThunk( + "AVICULTURE_HATCHING_REQUESTS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const today = "&today"; + d = d || moment(new Date()).format("YYYY-MM-DD"); + const { data, status } = await axios.get( + "Poultry_Request/?role=" + getRoleFromUrl() + today, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-new-hatching.js b/src/features/aviculture/services/aviculture-new-hatching.js new file mode 100644 index 0000000..e4c1e64 --- /dev/null +++ b/src/features/aviculture/services/aviculture-new-hatching.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureNewHatching = createAsyncThunk( + "VET_FARM_NEW_FARM", + async (d) => { + const { data, status } = await axios.post("poultry_hatching/", d); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-new-request.js b/src/features/aviculture/services/aviculture-new-request.js new file mode 100644 index 0000000..9fbda1a --- /dev/null +++ b/src/features/aviculture/services/aviculture-new-request.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const avicultureNewRequest = createAsyncThunk( + "AVICULTURE_NEW_REQUEST", + async (d) => { + try { + const { data, status } = await axios.post("Poultry_Request/", d); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/aviculture/services/aviculture-requests-state-process.js b/src/features/aviculture/services/aviculture-requests-state-process.js new file mode 100644 index 0000000..5682cdb --- /dev/null +++ b/src/features/aviculture/services/aviculture-requests-state-process.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const avicultureRequestsStateProcessService = createAsyncThunk( + "AVICULTURE_REQUESTS_STATE_PROCESS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "Poultry_Request/?role=" + getRoleFromUrl(), + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + state_process: true, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-requests.js b/src/features/aviculture/services/aviculture-requests.js new file mode 100644 index 0000000..5d7305c --- /dev/null +++ b/src/features/aviculture/services/aviculture-requests.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const avicultureGetRequests = createAsyncThunk( + "AVICULTURE_REQUESTS_SERVICE", + async (d, { dispatch }) => { + const { data, status } = await axios.get( + "Poultry_Request/?role=" + getRoleFromUrl(), + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + } + ); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/aviculture-set-hall-number.js b/src/features/aviculture/services/aviculture-set-hall-number.js new file mode 100644 index 0000000..d222428 --- /dev/null +++ b/src/features/aviculture/services/aviculture-set-hall-number.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const avicultureSetHallNumber = createAsyncThunk( + "AVICULTURE_SET_HALL_NUMBER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("Poultry/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/aviculture/services/province-get-poultry.js b/src/features/aviculture/services/province-get-poultry.js new file mode 100644 index 0000000..160a0e5 --- /dev/null +++ b/src/features/aviculture/services/province-get-poultry.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetPoultry = createAsyncThunk( + "PROVINCE_GET_POULTRY", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("get-all-poultry/", { + params: { + role: getRoleFromUrl(), + active_hatching: true, + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/chain-company/components/chain-company-active-chains/ChainCompanyActiveChains.js b/src/features/chain-company/components/chain-company-active-chains/ChainCompanyActiveChains.js new file mode 100644 index 0000000..9481e82 --- /dev/null +++ b/src/features/chain-company/components/chain-company-active-chains/ChainCompanyActiveChains.js @@ -0,0 +1,714 @@ +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import React, { useContext, useEffect, useState } from "react"; +import { useSelector } from "react-redux"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatTime } from "../../../../utils/formatTime"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +export const ChainCompanyActiveChains = () => { + const [selectedAge1, setSelectedAge1] = useState(0); + const [selectedAge2, setSelectedAge2] = useState(0); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const [openNotif] = useContext(AppContext); + + const killedNumber = (item) => { + let killedNumber = ""; + killedNumber = item.quantity - item.losses - item.leftOver; + return killedNumber; + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + let response; + if (textValue) { + response = await axios.get( + `poultry_hatching?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&chain=true` + ); + } else if (selectedAge1 && selectedAge2) { + response = await axios.get( + `poultry_hatching?role=${getRoleFromUrl()}&age1=${selectedAge1}&age2=${selectedAge2}&page=${page}&page_size=${perPage}&chain=true` + ); + } else { + response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&chain=true` + ); + } + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + // const updateTable = () => { + // fetchApiData(1); + // }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + let response; + if (textValue) { + response = await axios.get( + `poultry_hatching?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&search=filter&value=${textValue}&chain=true` + ); + } else if (selectedAge1 && selectedAge2) { + response = await axios.get( + `poultry_hatching?role=${getRoleFromUrl()}&age1=${selectedAge1}&age2=${selectedAge2}&page=${page}&page_size=${perPage}&chain=true` + ); + } else { + response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&page=${page}&page_size=${newPerPage}&chain=true` + ); + } + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&chain=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const handleRemoveFilter = async (event) => { + event.preventDefault(); + setSelectedAge1(null); + setSelectedAge2(null); + setLoading(true); + + try { + const response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&chain=true&search=filter&value=` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const handleSubmitSearchByAge = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `poultry_hatching?role=${getRoleFromUrl()}&age1=${selectedAge1}&age2=${selectedAge2}&chain=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + let columns = [ + // { + // name: "عملیات", + // selector: (item) => ( + // + // ), + // sortable: false, + // wrap: true, + // allowOverflow: true, + // center: true, + // width: "80px", + // }, + { + name: "ردیف", + selector: (item, i) => { + return i + 1; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "30px", + }, + { + name: "شرکت زنجیره", + selector: (item, i) => { + return `${item?.chainCompany?.name} (${item?.chainCompany?.user.mobile})`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وضعیت", + selector: (item, i) => { + return ( + + {item.violation ? "متخلف" : "عادی"} + + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "60px", + }, + { + name: "نام فارم", + selector: (row) => row.poultry.unitName, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مرغدار", + selector: (item) => + `${item.poultry.userprofile.fullName} (${item.poultry.userprofile.mobile})`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "شهر/تعاونی", + selector: (item) => + `${item?.poultry?.address.city.name}/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "دامپزشک فارم", + selector: (item) => + item?.vetFarm?.vetFarmMobile + ? `${item?.vetFarm?.vetFarmFullName} (${item?.vetFarm?.vetFarmMobile})` + : "-", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "سالن", + selector: (item) => item.hall, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "60px", + }, + { + name: "دوره جوجه ریزی", + selector: (item) => item.period, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تاریخ ثبت جوجه ریزی", + selector: (item) => formatTime(item?.createDate), + sortable: false, + wrap: false, + allowOverflow: true, + center: true, + width: "100px", + }, + { + name: "تاریخ جوجه ریزی", + selector: (item) => formatTime(item?.date), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "100px", + }, + { + name: "نژاد", + selector: (item) => item.chickenBreed, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "سن", + selector: (row) => row.age, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "60px", + }, + { + name: "تعداد جوجه ریزی", + selector: (item) => item?.quantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تلفات دوره (قطعه)", + selector: (item) => + `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تعداد کل تعهد دولتی (قطعه)", + selector: (item) => `${item?.totalCommitmentQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تعداد کشتار شده دولتی (قطعه)", + selector: (item) => `${item?.governmentalQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وزن کشتار شده دولتی", + selector: (item) => + `${item?.governmentalKilledQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تعداد کشتار شده آزاد (قطعه)", + selector: (item) => `${item?.freeQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وزن کشتار شده آزاد ", + selector: (item) => `${item?.freeKilledQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "حجم خارج از استان", + selector: (item) => + `${item?.outProvinceKilledQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وزن خارج از استان", + selector: (item) => `${item?.outProvinceKilledWeight?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "کشتار شده (قطعه)", + selector: (item) => { + return ( + killedNumber(item)?.toLocaleString() + + ` (%${((killedNumber(item) * 100) / item.quantity).toFixed(0)})` + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مانده در سالن (قطعه)", + selector: (item) => + `${item?.leftOver?.toLocaleString()} (%${( + (item.leftOver * 100) / + item.quantity + ).toFixed(0)})`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "وزن تعهد دولتی", + selector: (item) => item?.totalCommitment?.toLocaleString() + " کیلوگرم ", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وزن کشتار دولتی", + selector: (item) => + item?.governmentalKilledQuantity?.toLocaleString() + " کیلوگرم ", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وزن کشتار آزاد", + selector: (item) => + item?.freeKilledQuantity?.toLocaleString() + " کیلوگرم ", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "میانگین وزن کشتار", + selector: (item) => + item?.totalAverageKilledWeight?.toLocaleString() + " کیلوگرم ", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وزن کل کشتار شده", + selector: (item) => + item?.totalKilledWeight?.toLocaleString() + " کیلوگرم ", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "کشتار فعال", + selector: (row) => (row?.activeKill?.activeKill ? "دارد" : "ندارد"), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تعداد درخواست کشتار", + selector: (item) => + item?.activeKill?.countOfRequest ? item.activeKill.countOfRequest : "-", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "آخرین تغییر", + selector: (item) => { + const lastChange = + item.lastChange && + item.lastChange.date && + `${item.lastChange.fullName} (${getFaUserRole( + item.lastChange.role + )}) در تاریخ ${formatTime(item.lastChange.date)}`; + return item.lastChange ? lastChange : "-"; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "سازنده جوجه ریزی", + selector: (item) => { + const lastChange = + item.latestHatchingChange && + item.latestHatchingChange.date && + `${item.latestHatchingChange.fullName} (${getFaUserRole( + item.latestHatchingChange.role + )}) در تاریخ ${formatTime(item.latestHatchingChange.date)}`; + return item.latestHatchingChange ? lastChange : "-"; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + }, + ]; + + const selectAges = Array.from({ length: 75 }, (_, i) => i + 1); + + const tableTitle = ( + + + زنجیره های زیرمجموعه + + + + جستجو براساس سن: + + + + از سن + + + + + + تا سن + + + + + + {/* */} + + {/* */} + + + + + ); + return ( + + {/* */} + + + + + + ); +}; diff --git a/src/features/chain-company/components/chain-company-profile/ChainCompanyProfile.js b/src/features/chain-company/components/chain-company-profile/ChainCompanyProfile.js new file mode 100644 index 0000000..8060195 --- /dev/null +++ b/src/features/chain-company/components/chain-company-profile/ChainCompanyProfile.js @@ -0,0 +1,66 @@ +import { Box } from "@mui/system"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getChainCompanyProfile } from "../../services/get-chain-company-profile"; + +export const ChainCompanyProfile = () => { + const dispatch = useDispatch(); + + const [data, setData] = useState(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(getChainCompanyProfile()).then((r) => { + setData(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + + + + + + ); +}; diff --git a/src/features/chain-company/services/get-chain-company-profile.js b/src/features/chain-company/services/get-chain-company-profile.js new file mode 100644 index 0000000..0a1f662 --- /dev/null +++ b/src/features/chain-company/services/get-chain-company-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getChainCompanyProfile = createAsyncThunk( + "CHAIN_GET_PROFILE", + async () => { + const { data, status } = await axios.get("chain-company/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/city-jihad/components/guilds-operations-city-jihad/GuildsOperationsCityJihad.js b/src/features/city-jihad/components/guilds-operations-city-jihad/GuildsOperationsCityJihad.js new file mode 100644 index 0000000..58da228 --- /dev/null +++ b/src/features/city-jihad/components/guilds-operations-city-jihad/GuildsOperationsCityJihad.js @@ -0,0 +1,50 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { + ROUTE_CITY_JIHAD_ROUTE_GUILDS, + ROUTE_CITY_JIHAD_ROUTE_STEWARDS, + ROUTE_CITY_POULTRY_ROUTE_GUILDS, + ROUTE_CITY_POULTRY_ROUTE_STEWARDS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { MdCorporateFare } from "react-icons/md"; +import { IoIosPeople } from "react-icons/io"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const GuildsOperationsCityJihad = () => { + return ( + + + } + title="اصناف" + /> + + + } + title="مباشرین" + /> + + + ); +}; diff --git a/src/features/city-vet/components/CityVetProfile.js b/src/features/city-vet/components/CityVetProfile.js new file mode 100644 index 0000000..3aff2c6 --- /dev/null +++ b/src/features/city-vet/components/CityVetProfile.js @@ -0,0 +1,61 @@ +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../components/grid/Grid"; +import { SimpleTable } from "../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../data/spacing"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { cityVetGetProfileService } from "../services/city-vet-profile"; + +export const CityVetProfile = () => { + const { cityVetGetProfile } = useSelector((state) => state.generalSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityVetGetProfileService()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + + + + + + ); +}; diff --git a/src/features/city-vet/services/city-vet-profile.js b/src/features/city-vet/services/city-vet-profile.js new file mode 100644 index 0000000..0806438 --- /dev/null +++ b/src/features/city-vet/services/city-vet-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const cityVetGetProfileService = createAsyncThunk( + "CITY_VET_GET_PROFILE", + async () => { + const { data, status } = await axios.get("city_vet/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/city/components/city-active-requests/CityActiveRequests.js b/src/features/city/components/city-active-requests/CityActiveRequests.js new file mode 100644 index 0000000..f134f32 --- /dev/null +++ b/src/features/city/components/city-active-requests/CityActiveRequests.js @@ -0,0 +1,408 @@ +import { Button, TextField, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +// import { ROUTE_CITY_FILE } from "../../../../routes/routes"; +// import { avicultureGetRequests } from "../../../aviculture/services/aviculture-requests"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { IconButton } from "@mui/material"; +import { ROUTE_CITY_FILE } from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import { RiSearchLine } from "react-icons/ri"; + +export const CityActiveRequests = () => { + const navigate = useNavigate(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + // page table + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + let response = await axios.get( + `Poultry_Request/?state=accepted&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue ? textValue : "" + }&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + let response = await axios.get( + `Poultry_Request/?state=accepted&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue ? textValue : "" + }&page=${page}&page_size=${newPerPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `Poultry_Request/?state=accepted&date1=${selectedDate1}&date2=${selectedDate2}&role=${getRoleFromUrl()}&search=filter&value=${ + textValue ? textValue : "" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const columns = [ + { + name: "ردیف", + selector: (item, i) => { + return i + 1; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "40px", + }, + { + name: "وضعیت", + selector: (item) => ( + + {item.provinceState === "pending" + ? "درانتظار تایید استان" + : item.provinceState === "accepted" + ? "تایید شده توسط استان" + : "رد شده"} + + ), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "کدسفارش", + selector: (item) => item.orderCode, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "تاریخ ثبت درخواست", + selector: (item) => formatJustDate(item.createDate), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "نوع کشتار", + selector: (item) => { + return item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی"; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تاریخ کشتار", + selector: (item) => formatJustDate(item.sendDate), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "مرغداری", + selector: (item) => + `${item?.poultry?.unitName} (${item?.poultry?.user?.mobile})`, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "شهر", + selector: (item) => item?.poultry?.address?.city?.name, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "استان", + selector: (item) => item?.poultry?.address?.province?.name, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "تاریخ جوجه ریزی", + selector: (item) => formatJustDate(item.hatching.hatchingDate), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "سن", + selector: (item) => item.hatching.age, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "تعداد (قطعه)", + selector: (item) => item?.quantity, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "مشاهده", + selector: (item) => { + return ( + navigate(ROUTE_CITY_FILE + item?.id)} + > + + + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + ]; + + // useEffect(() => { + // dispatch(LOADING_START()); + // dispatch(avicultureGetRequests({ selectedDate1, selectedDate2 })).then( + // (r) => { + // dispatch(LOADING_END()); + // } + // ); + // }, [selectedDate1, selectedDate2]); + + // useEffect(() => { + // const filteredData = avicultureRequests?.filter( + // (item, i) => item.stateProcess === "pending" + // ); + // const d = filteredData?.map((item, i) => { + // return [ + // i + 1, + // item.orderCode, + // item.poultry.userprofile.baseOrder, + // formatJustDate(item.createDate), + // formatJustDate(item.sendDate), + // item?.process?.poultry?.poultryName, + // item?.process?.poultry?.poultryMobile, + // item?.process?.poultry?.poultryCity, + // item?.process?.poultry?.poultryProvince, + // formatJustDate(item.hatching.date), + // item?.process?.poultry?.age, + // item?.process?.poultry?.poultryQuantity, + // + // dispatch( + // DRAWER({ + // right: !(window.innerWidth <= 600), + // bottom: window.innerWidth <= 600, + // content: ( + // + // ), + // title: "انجام عملیات شهرستان", + // }) + // ) + // } + // > + // + // , + // + // navigate(ROUTE_CITY_FILE + item?.process?.poultry?.poultryRequestId) + // } + // > + // + // , + // ]; + // }); + + // setDataTable(d); + // }, [avicultureRequests]); + + return ( + <> + {/* + + درخواست های جدید فروش اتحادیه + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + } + columns={columnsName} + data={dataTable} + /> */} + + + + + درخواست های فعال + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + + ); +}; diff --git a/src/features/city/components/city-archive-hatching-drawer/CityArchiveHatchingDrawer.js b/src/features/city/components/city-archive-hatching-drawer/CityArchiveHatchingDrawer.js new file mode 100644 index 0000000..138f92d --- /dev/null +++ b/src/features/city/components/city-archive-hatching-drawer/CityArchiveHatchingDrawer.js @@ -0,0 +1,87 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import { Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { archiveHatchingService } from "../../services/archive-hatching"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import * as Yup from "yup"; +// import { cityGetHatchingsByAge } from "../../services/city-get-hatchings-by-age"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { cityGetHatchingsByAge } from "../../services/city-get-hatchings-by-age"; + +const validationSchema = Yup.object({ + name: Yup.string(), +}); + +export const CityArchiveHatchingDrawer = ({ + item, + selectedAge1, + selectedAge2, + updateTable, +}) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + name: "", + }, + validationSchema, + onSubmit: (values) => { + dispatch( + archiveHatchingService({ + key: item.key, + archive_state: "", + message: values.name, + role: getRoleFromUrl(), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + if (selectedAge1) { + dispatch(cityGetHatchingsByAge({ selectedAge1, selectedAge2 })); + } + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( +

+ + + + ); +}; diff --git a/src/features/city/components/city-archive-old-hatchings/CityArchvieOldHatchings.js b/src/features/city/components/city-archive-old-hatchings/CityArchvieOldHatchings.js new file mode 100644 index 0000000..46a8061 --- /dev/null +++ b/src/features/city/components/city-archive-old-hatchings/CityArchvieOldHatchings.js @@ -0,0 +1,91 @@ +import { + Button, + FormControl, + FormHelperText, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useContext } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { archiveOldHatchingsService } from "../../services/archive-old-hatchings"; + +export const CityArchiveOldHatchings = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const validationSchema = Yup.object().shape({ + numberField: Yup.number().typeError("عدد وارد کنید").required("اجباری است"), + }); + + const initialValues = { + numberField: "", + }; + + const onSubmit = (values) => { + dispatch( + archiveOldHatchingsService({ + age: values.numberField, + role: getRoleFromUrl(), + }) + ).then((r) => { + dispatch(CLOSE_MODAL()); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.data.msg, + severity: "success", + }); + } + }); + }; + + const formik = useFormik({ + initialValues, + onSubmit, + validationSchema, + }); + + return ( + + ); +}; diff --git a/src/features/city/components/city-edit-aviculture-info-form/CityEditAvicultureInfoForm.js b/src/features/city/components/city-edit-aviculture-info-form/CityEditAvicultureInfoForm.js new file mode 100644 index 0000000..cb6596c --- /dev/null +++ b/src/features/city/components/city-edit-aviculture-info-form/CityEditAvicultureInfoForm.js @@ -0,0 +1,554 @@ +import { + Autocomplete, + Button, + Chip, + Divider, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import React, { useEffect } from "react"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { cityGetProvinces } from "../../services/CityGetProvinces"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useState } from "react"; +import { cityGetCity } from "../../services/city-get-city"; +import { cityEditAvicultureInfo } from "../../services/city-edit-avculture.info"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { PropTypes } from "prop-types"; +import { cityGetPoultryFarm } from "../../services/city-get-poultry-farms"; + +export const CityEditAvicultureInfoForm = ({ item }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [provinceData, setProvinceData] = useState(); + const [cityData, setCityData] = useState(); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + + const [isExistProvince, setIsExistProvince] = useState(true); + + const formik = useFormik({ + initialValues: { + avicultureName: item?.unitName ? item?.unitName : "", + postal: item?.address.postalCode ? item?.address.postalCode : "", + address: item?.address.address ? item?.address.address : "", + bankUser: item?.userBankInfo?.nameOfBankUser + ? item?.userBankInfo?.nameOfBankUser + : "", + card: item?.userBankInfo?.card ? item?.userBankInfo.card : "", + account: item?.userBankInfo?.account ? item?.userBankInfo.account : "", + bankName: "", + shaba: item?.userBankInfo?.shaba ? item?.userBankInfo.shaba : "", + hall: item?.numberOfHalls ? item?.numberOfHalls : "", + breedingUniqueId: item?.breedingUniqueId ? item?.breedingUniqueId : "", + systemCode: item?.systemCode ? item?.systemCode : "", + epidemiologicalCode: item?.epidemiologicalCode + ? item?.epidemiologicalCode + : "", + totalCapacity: item?.totalCapacity ? item?.totalCapacity : "", + healthCertificateNumber: item?.healthCertificateNumber + ? item?.healthCertificateNumber + : "", + }, + validationSchema: Yup.object({ + avicultureName: Yup.string().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + address: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + card: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + + bankUser: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + postal: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + account: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + bankName: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + shaba: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + hall: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + breedingUniqueId: Yup.number().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + systemCode: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + epidemiologicalCode: Yup.number().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + totalCapacity: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + healthCertificateNumber: Yup.number().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + return ( + + + + + + + + + + + + + + + + ({ id: i.key, label: i.name })) + : [] + } + onChange={(event, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + ({ id: i.key, label: i.name })) + : [] + } + onChange={(event, value) => { + setCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + + + + + + + + + + + + + + + + بانک + + + + + + + + + + + + + + + + + + ); +}; + +CityEditAvicultureInfoForm.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/city/components/city-edit-hatching-quantity/CityEditHatchingQuantity.js b/src/features/city/components/city-edit-hatching-quantity/CityEditHatchingQuantity.js new file mode 100644 index 0000000..37d767c --- /dev/null +++ b/src/features/city/components/city-edit-hatching-quantity/CityEditHatchingQuantity.js @@ -0,0 +1,110 @@ +import { Button, IconButton, TextField, Tooltip } from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import { useDispatch } from "react-redux"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useContext, useState } from "react"; +import { cityEditHatchingQuantityService } from "../../services/city-edit-hatching-quantity"; +import { AppContext } from "../../../../contexts/AppContext"; +// import { cityGetHatchings } from "../../services/city-get-hatchings"; +// import { cityGetHatchingsByAge } from "../../services/city-get-hatchings-by-age"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const CityEditHatchingQuantity = ({ + quantity, + hatchingKey, + selectedAge1, + selectedAge2, + updateTable, +}) => { + const dispatch = useDispatch(); + + return ( + + { + dispatch( + OPEN_MODAL({ + title: "ویرایش تعداد جوجه ریزی", + content: ( + + ), + }) + ); + }} + > + + + + ); +}; + +const ModalContent = ({ + quantity, + hatchingKey, + selectedAge1, + selectedAge2, + updateTable, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [value, setValue] = useState(quantity); + + const handleChange = (event) => { + setValue(event.target.value); + }; + return ( + <> + + + + ); +}; diff --git a/src/features/city/components/city-hatching-info/CityHatchingInfo.js b/src/features/city/components/city-hatching-info/CityHatchingInfo.js new file mode 100644 index 0000000..62034e2 --- /dev/null +++ b/src/features/city/components/city-hatching-info/CityHatchingInfo.js @@ -0,0 +1,291 @@ +import React, { useContext, useEffect } from "react"; +import { + Button, + TextField, + Tooltip, + Typography, + Box, + Divider, + Chip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import { cityGetHatchingInfo } from "../../services/city-get-hatching-info"; +import { cityGetHatchingInfoFull } from "../../services/city-get-hatching-info-full"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { AppContext } from "../../../../contexts/AppContext"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useFormik } from "formik"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; + +export const CityHatchingInfo = () => { + const { hatchingInfoWithDate, hatchingInfoFull } = useSelector( + (state) => state.citySlice + ); + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch(cityGetHatchingInfoFull()); + }, []); + + useEffect(() => { + dispatch(cityGetHatchingInfo({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + const formik = useFormik({ + initialValues: { + minAge: "", + maxAge: "", + }, + }); + + return ( + + + + اطلاعات جوجه ریزی + + } + /> + + + + {/* Full Summary Table */} + + + + + + + بر اساس بازه + + } + /> + + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => + setSelectedDate1(moment(e).format("YYYY-MM-DD")) + } + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => + setSelectedDate2(moment(e).format("YYYY-MM-DD")) + } + /> + + + + + + + + + + + + + + + + + + گزارش مانده سالن فارم های بیشتر از 10 درصد + + } + /> + + + گزارش مانده سالن فارم های بیشتر از 10 درصد + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/city/components/city-hatching-operations/CityOperationsOperations.js b/src/features/city/components/city-hatching-operations/CityOperationsOperations.js new file mode 100644 index 0000000..16400d4 --- /dev/null +++ b/src/features/city/components/city-hatching-operations/CityOperationsOperations.js @@ -0,0 +1,39 @@ +import { useLocation } from "react-router-dom"; +import { Button } from "@mui/material"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_CITY_HATCHING, + ROUTE_CITY_NEW_REQUEST, +} from "../../../../routes/routes"; + +export const CityHatchingOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + + + + + ); +}; diff --git a/src/features/city/components/city-hatching-show-table-detail/CityHatchingShowTableDetail.js b/src/features/city/components/city-hatching-show-table-detail/CityHatchingShowTableDetail.js new file mode 100644 index 0000000..c4a0cd4 --- /dev/null +++ b/src/features/city/components/city-hatching-show-table-detail/CityHatchingShowTableDetail.js @@ -0,0 +1,1118 @@ +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Accordion, + AccordionDetails, + AccordionSummary, + Box, + Button, + IconButton, + Tooltip, + Typography, +} from "@mui/material"; +import { + convertToIranianTime, + formatJustDate, + formatTime, +} from "../../../../utils/formatTime"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; +import { BackButton } from "../../../../components/back-button/BackButton"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { cityHatchingShowTableDetail } from "../../services/city-hatching-show-table-detail"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import axios from "axios"; +import { ImFilePdf } from "react-icons/im"; +import { ProvinceBarDifferencesModal } from "../../../province/components/province-bar-differences-modal/ProvinceBarDifferencesModal"; + +export const CityHatchingShowTableDetail = ({ keyItem }) => { + const [data, setData] = useState(null); + const [totalData, setTotalData] = useState([]); + const [slaughterInformation, setSlaughterInformation] = useState([]); + const [barInData, setbarInData] = useState([]); + const [barOutData, setbarOutData] = useState([]); + const [chainData, setChainData] = useState([]); + const [differnceBarData, setDiffernceBarData] = useState([]); + const [combinedCargoData, setCombinedCargoData] = useState([]); + const [returnedAllocatedData, setReturnedAllocatedData] = useState([]); + const [differenceData, setDifferenceData] = useState([]); + const [evacuationReportsData, setEvacuationReportsData] = useState([]); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityHatchingShowTableDetail({ keyItem })).then((r) => { + setData(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + const newTotalData = [ + { title: "نام فارم", value: data?.poultry?.unitName || "-" }, + { + title: "مرغدار", + value: data?.poultry?.user + ? `${data.poultry?.user.fullname} (${data.poultry?.user?.mobile})` + : "-", + }, + { title: "بهره برداری", value: data?.InteractTypeName || "-" }, + { title: "تاریخ جوجه ریزی", value: formatJustDate(data?.date) || "-" }, + { + title: "حجم جوجه ریزی", + value: data?.quantity?.toLocaleString() || "-", + }, + { title: "سن", value: data?.chickenAge || "-" }, + { title: "نژاد", value: data?.chickenBreed || "-" }, + { title: "وضعیت", value: data?.violation ? "پیگیری" : "عادی" }, + { title: "شماره مجوز جوجه ریزی", value: data?.licenceNumber || "-" }, + { title: "شناسه یکتا", value: data?.poultry?.breedingUniqueId || "-" }, + { title: "مجوز بهداشتی جوجه ریزی", value: data?.CertId || "-" }, + { title: "ارتباط", value: data?.UnionTypeName || "-" }, + { + title: "استان", + value: data?.poultry?.address?.province?.name || "-", + }, + { + title: "دامپزشک فارم", + value: data?.vetFarm + ? `${data?.vetFarm?.vetFarmFullName} (${data?.vetFarm?.vetFarmMobile})` + : "-", + }, + { title: "سالن", value: data?.hall || "-" }, + { title: "دوره جوجه ریزی", value: data?.period || "-" }, + { + title: "تاریخ ثبت جوجه ریزی", + value: formatJustDate(data?.createDate) || "-", + }, + { + title: "میانگین سن کشتار", + value: data?.killingAveAge?.toLocaleString() || "-", + }, + { + title: "پیش بینی تاریخ کشتار", + value: formatJustDate(data?.predicateDate) || "-", + }, + { title: "مالکیت", value: data?.PersonTypeName || "-" }, + ]; + + const newSlaughterInformation = [ + { + title: " تایید تخلیه در رصدیار", + value: `%${( + ((data?.killedQuantity + data?.totalLosses) * 100) / + data?.quantity + ).toFixed(0)}`, + }, + { + title: " تایید تخلیه در سماصط", + value: data?.samasatDischargePercentage + ? `%${data?.samasatDischargePercentage}` + : "-", + }, + { + title: "حجم کشتار شده", + value: data?.killedQuantity + ? `${data?.killedQuantity?.toLocaleString()} (%${( + (data?.killedQuantity * 100) / + data?.quantity + ).toFixed(0)})` + : "0 (0%)", + }, + // { + // title: "وزن بازگشتی", + // value: data?.killingInfo?.totalReturnWeight?.toLocaleString() || "0", + // }, + // { + // title: "حجم بازگشتی", + // value: data?.killingInfo?.totalReturnQuantity?.toLocaleString() || "0", + // }, + { + title: "حجم تخصیصات بازگشتی", + value: + data?.killingInfo?.returnProvinceKillRequestsQuantity?.toLocaleString() || + "0", + }, + { + title: "وزن تخصیصات بازگشتی", + value: + data?.killingInfo?.returnProvinceKillRequestsWeight?.toLocaleString() || + "0", + }, + { + title: "حجم بارهای بازگشتی", + value: + data?.killingInfo?.returnKillHouseQuantity?.toLocaleString() || "0", + }, + { + title: "وزن بارهای بازگشتی", + value: + data?.killingInfo?.returnKillHouseWeight?.toLocaleString() || "0", + }, + { + title: "حجم مانده در سالن", + value: data?.leftOver + ? `${data?.leftOver.toLocaleString()} (%${( + (data?.leftOver * 100) / + data?.quantity + ).toFixed(0)})` + : "0 (0%)", + }, + { + title: "تلفات کل", + value: data?.totalLosses + ? `${data?.totalLosses.toLocaleString()} (%${( + (data?.totalLosses * 100) / + data?.quantity + ).toFixed(0)})` + : "0 (0%)", + }, + { + title: "وزن کل کشتار", + value: data?.totalKilledWeight?.toLocaleString() || "0", + }, + { + title: "تعداد بارها", + value: data?.killingInfo?.killHouseRequests?.toLocaleString() || "0", + }, + { + title: "حجم بارها", + value: + data?.killingInfo?.killHouseRequestsFirstQuantity?.toLocaleString() || + "0", + }, + { + title: "وزن بارها", + value: + data?.killingInfo?.killHouseRequestsFirstWeight?.toLocaleString() || + "0", + }, + { + title: "افت بارها", + value: + `${data?.killingInfo?.wareHouseBarsWeightLose?.toFixed()}%` || "0", + }, + { + title: "حجم فروش به داخل استان", + value: + data?.killingInfo?.totalSaleInProvinceQuantity?.toLocaleString() || + "0", + }, + { + title: "وزن فروش به داخل استان", + value: + data?.killingInfo?.totalSaleInProvinceWeight?.toLocaleString() || "0", + }, + { + title: "حجم فروش به خارج استان", + value: data?.outProvinceKilledQuantity?.toLocaleString() || "0", + }, + { + title: "وزن فروش به خارج استان", + value: data?.outProvinceKilledWeight?.toLocaleString() || "0", + }, + { + title: "حجم اختلاف کشتار", + value: data?.barDifferenceRequestQuantity || "0", + }, + { + title: "وزن اختلاف کشتار", + value: data?.barDifferenceRequestWeight || "0", + }, + { + title: "تعداد بارهای تحویلی", + value: + data?.killingInfo?.barCompleteWithKillHouse?.toLocaleString() || "0", + }, + { + title: "حجم بارهای تحویلی", + value: + data?.killingInfo?.acceptedRealQuantityFinal?.toLocaleString() || "0", + }, + { + title: "وزن بارهای تحویلی", + value: + data?.killingInfo?.acceptedRealWightFinal?.toLocaleString() || "0", + }, + { + title: "بارهای ورودی به انبار", + value: data?.killingInfo?.wareHouseBars?.toLocaleString() || "0", + }, + { + title: "حجم لاشه های انبار", + value: + data?.killingInfo?.wareHouseBarsQuantity?.toLocaleString() || "0", + }, + { + title: "وزن لاشه های انبار", + value: data?.killingInfo?.wareHouseBarsWeight?.toLocaleString() || "0", + }, + { + title: "حجم تعهد دولتی", + value: data?.totalCommitmentQuantity?.toLocaleString() || "0", + }, + { + title: "حجم کشتار دولتی", + value: data?.governmentalQuantity?.toLocaleString() || "0", + }, + { + title: "حجم تعهد آزاد", + value: data?.totalFreeCommitmentQuantity?.toLocaleString() || "0", + }, + + { + title: "حجم کشتار آزاد", + value: data?.freeQuantity?.toLocaleString() || "0", + }, + { + title: "تخصیصات بدون بار", + value: data?.killingInfo?.provinceKillRequests?.toLocaleString() || "0", + }, + { + title: "حجم تخصیصات بدون بار", + value: + data?.killingInfo?.provinceKillRequestsQuantity?.toLocaleString() || + "0", + }, + { + title: "وزن تخصیصات بدون بار", + value: + data?.killingInfo?.provinceKillRequestsWeight?.toLocaleString() || + "0", + }, + { + title: "وزن تعهد دولتی", + value: data?.totalCommitment?.toLocaleString() || "0", + }, + { + title: "میانگین وزن کشتار", + value: data?.totalAverageKilledWeight?.toLocaleString() || "0", + }, + + { + title: "تعداد کشتار فعال", + value: data?.activeKill?.activeKill ? "دارد" : "ندارد", + }, + { + title: "تعداد درخواست کشتار", + value: data?.activeKill?.countOfRequest || "0", + }, + { + title: "حجم افزایشی", + value: data?.increaseQuantity?.toLocaleString() || "0", + }, + { + title: "تلفات دامپزشک", + value: data?.losses + ? `${data?.losses.toLocaleString()} (%${( + (data?.losses * 100) / + data?.quantity + ).toFixed(0)})` + : "0 (0%)", + }, + + { + title: "تلفات اتحادیه", + value: data?.directLosses + ? `${data?.directLosses.toLocaleString()} (%${( + (data?.directLosses * 100) / + data?.quantity + ).toFixed(0)})` + : "0 (0%)", + }, + + { + title: "آخرین تغییر", + value: data?.latestHatchingChange + ? `${data?.latestHatchingChange?.fullName} در تاریخ ${formatTime( + data?.latestHatchingChange?.date + )}` + : "-", + }, + ]; + + const newBarInData = data?.bars?.map((bar, index) => { + return [ + index + 1, + bar?.barCode, + bar?.status || "-", + bar?.poultryRequest?.freeSaleInProvince ? "آزاد" : "دولتی", + formatJustDate(bar?.date), + bar?.buyer?.name || "-", + bar?.buyer?.killHouseOperator?.user?.mobile || "-", + bar?.killerInfo + ? `${bar?.killerInfo?.killHouseOperator?.user?.fullname}(${bar?.killerInfo?.killHouseOperator?.user?.mobile})` + : "-", + bar?.poultryRequest?.age || "-", + bar?.product || "-", + `${bar?.buyer?.killHouseOperator?.address?.province?.name}(${bar?.buyer?.killHouseOperator?.address?.city?.name})` || + "-", + , + bar?.quarantineQuantity || "-", + bar?.acceptedRealQuantity?.toLocaleString() || "-", + bar?.acceptedRealWeight?.toLocaleString() || "-", + bar?.wareHouseAcceptedRealQuantity?.toLocaleString() || "-", + bar?.wareHouseAcceptedRealWeight?.toLocaleString() || "-", + ]; + }); + + const newBarOutData = data?.outBars?.map((bar, index) => { + return [ + index + 1, + bar?.orderCode, + formatJustDate(bar?.sendDate), + bar?.buyerFullname || "-", + bar?.buyerMobile || "-", + "مرغ گرم", + `${bar?.buyerProvince}(${bar?.buyerProvince})` || "-", + , + bar?.quarantinQuantity || "-", + bar?.killingAge || "-", + bar?.quantity?.toLocaleString() || "-", + bar?.weight?.toLocaleString() || "-", + ]; + }); + const newDiffernceBarData = data?.differentBars?.map((bar, index) => { + return [ + index + 1, + bar?.ResideDatePersian || "-", + bar?.GoodAmount?.toLocaleString() || "-", + bar?.Out ? "خارج استان" : "داخل استان", + bar?.Age || "-", + bar?.TrackingStatusDescription || "-", + bar?.DesUnitName || "-", + bar?.GoodName || "-", + bar?.City || "-", + bar?.TrackingCode || "-", + ]; + }); + // Combine nonReceipt and returnKillHouseRequest data + + const newCombinedCargoData = data?.returnKillHouseRequest?.map( + (item, index) => { + let state = ""; + if (item.state === "pending") { + state = "در انتظار تایید"; + } else if (item.state === "accepted") { + state = "تایید شده"; + } else if (item.state === "rejected") { + state = "رد شده"; + } + + let requestType = ""; + if (item?.poultryRequest?.market) { + requestType = "پنل معاملات"; + } else if (item?.poultryRequest?.directBuying) { + requestType = "خرید مستقیم"; + } else if (item?.warehouse) { + requestType = "انبار"; + } else { + requestType = "اتحادیه"; + } + + let killType = ""; + if (item?.poultryRequest?.freezing) { + killType = "انجماد"; + } else if (item?.poultryRequest?.export) { + killType = "صادرات"; + } else { + killType = "عادی"; + } + + // Determine the type based on return_trash field or dataType + + return [ + index + 1, + item?.barCode || "-", + item?.poultryRequest?.orderCode || "-", + requestType, + killType, + item?.poultryRequest?.poultry?.unitName || "-", + `${item?.poultryRequest?.poultry?.user?.fullname || "-"} (${ + item?.poultryRequest?.poultry?.user?.mobile || "-" + })`, + item?.poultryRequest?.age, + item?.poultryRequest?.poultry?.address?.city?.name || "-", + formatTime(item?.killRequest?.reciveDate) || + formatJustDate(item?.date) || + "-", + item?.quantity?.toLocaleString() || "-", + formatTime(item?.createDate) || "-", + item?.killhouseUser?.name || + item?.killer?.name || + item?.buyer?.name || + "-", + item?.killhouseUser?.killHouseOperator?.user?.city?.name || + item?.killer?.killHouseOperator?.user?.city?.name || + `${item?.buyer?.killHouseOperator?.address?.province?.name || ""}(${ + item?.buyer?.killHouseOperator?.address?.city?.name || "" + })` || + "-", + item?.weightInfo?.weight?.toLocaleString() || "-", + item?.weightInfo?.indexWeight?.toLocaleString() || "-", + item?.acceptedRealQuantity?.toLocaleString() || "-", + item?.acceptedRealWeight?.toLocaleString() || "-", + item?.poultryRequest?.amount?.toLocaleString() + " ﷼" || "-", + item?.weightInfo?.killHousePrice?.toLocaleString() + " ﷼" || "-", + state || "-", + item?.car?.pelak || "-", + item?.car?.driverName || item?.addCar?.driver?.driverName || "-", + , + item?.quarantineQuantity || "-", + formatTime(item?.modifyDate), + item?.dataType === "returned" + ? (item?.nonReceipt && item?.mainNonReceipt ? `کاربر` : "سیستم") + + " " + + formatTime(item?.modifyDate) + : "-", + ]; + } + ); + + const newChainData = data?.chainAllocation?.map((item, index) => { + return [ + index + 1, + item?.state === "accepted" + ? "تایید شده" + : item?.state === "pending" + ? "در انتظار تایید" + : "رد شده", + + formatJustDate(item?.date), + item?.outProvince ? "خارج استان" : "داخل استان", + `${item?.registerer?.fullname} (${item?.registerer?.mobile})`, + item?.killHouse?.killHouseOperator?.user.fullname + ? `${item?.killHouse?.killHouseOperator?.user.fullname} (${item?.killHouse?.killHouseOperator?.user.mobile})` + : `${item?.buyerName} (${item?.buyerMobile})`, + `${item?.companyName} (${item?.companyUserMobile})`, + + item?.healthCode, + item?.quarantineCode || "-", + item?.driverName ? `${item?.driverName} (${item?.driverMobile})` : "-", + item?.typeCar, + item?.pelak, + item?.quantity, + item?.indexWeight, + item?.weight, + ]; + }); + + // Map returnProvinceRequest data (Returned Allocated) + const newReturnedAllocatedData = data?.returnProvinceRequest?.map( + (item, index) => { + let state = ""; + if (item.state === "pending") { + state = "در انتظار تایید"; + } else if (item.state === "accepted") { + state = "تایید شده"; + } else if (item.state === "rejected") { + state = "رد شده"; + } + + let requestType = ""; + if (item?.market) { + requestType = "پنل معاملات"; + } else if (item?.directBuying) { + requestType = "خرید مستقیم"; + } else if (item?.warehouse) { + requestType = "انبار"; + } else { + requestType = "اتحادیه"; + } + + return [ + index + 1, + item?.orderCode || "-", + requestType, + item?.poultryUnitName, + `${item?.poultryFullname} (${item?.poultryMobile})`, + item?.poultryRequest?.age, + item?.poultryCity, + formatJustDate(item?.killingDate), + item?.poultryRequestQuantity?.toLocaleString(), + formatJustDate(item?.createDate), + item?.killhouseUser?.name || "-", + item?.killhouseUser?.city || "-", + item?.poultryAmount?.toLocaleString() + " ﷼", + item?.killHousePrice?.toLocaleString() + " ﷼", + item?.quantity?.toLocaleString(), + state, + item?.firstCarAllocatedQuantity > 0 ? "دارد" : "ندارد", + (item?.quantity - item?.totalKilledQuantity)?.toLocaleString(), + (item?.returner + ? `${item?.returner.fullname} (${item?.returner?.mobile})` + : "سیستم") + + " " + + convertToIranianTime(item?.modifyDate), + ]; + } + ); + + const newDifferenceData = data?.barDiffrentRequets?.map((item, index) => { + return [ + index + 1, + item?.registerFullname, + formatJustDate(item?.createDate), + `${item?.hatching?.poultry?.unitName || ""} (${ + item?.hatching?.poultry?.user?.mobile || "" + })`, + `${item?.killHouse?.name || ""} (${ + item?.killHouse?.killHouseOperator?.user?.mobile || "" + })`, + item?.barInfo?.totalQuantity?.toLocaleString(), + item?.barInfo?.totalWeight?.toLocaleString(), + item?.barInfo?.firstTotalQuantity?.toLocaleString(), + item?.barInfo?.differenceQuantity?.toLocaleString(), + item?.quantity?.toLocaleString(), + item?.weight?.toLocaleString(), + + item?.acceptorImages?.[0] || + item?.acceptorMessage || + item?.registerMessage || + item?.violationImage?.[0] ? ( + + { + dispatch( + OPEN_MODAL({ + content: , + title: "پیوست", + }) + ); + }} + > + ✉️ + + + ) : ( + "-" + ), + + item.state === "pending" + ? "در انتظار تایید" + : item.state === "rejected" + ? "رد شده" + : "تایید شده", + ]; + }); + + const newEvacuationReportsData = data?.evacuationReports?.map( + (item, index) => { + return [ + index + 1, + item?.MoReportId || "-", + item?.ReportTypeString || "-", + item?.MoDateShamsi ?? "-", + item?.GoodCount?.toLocaleString() || "-", + item?.RegDateShamsiWithTime ?? "-", + ]; + } + ); + + setTotalData(newTotalData); + setSlaughterInformation(newSlaughterInformation); + setbarInData(newBarInData); + setbarOutData(newBarOutData); + setChainData(newChainData); + setDiffernceBarData(newDiffernceBarData); + setCombinedCargoData(newCombinedCargoData); + setReturnedAllocatedData(newReturnedAllocatedData); + setDifferenceData(newDifferenceData); + setEvacuationReportsData(newEvacuationReportsData); + }, [data]); + + return ( + + + + + + + + + + + + + + + + اطلاعات واحد گله + + + + + + {totalData.map((item, index) => ( + + + {item?.title}: + + + {item?.value || "-"} + + + ))} + + + + + + + اطلاعات کشتار و تلفات + + + + + + {slaughterInformation?.map((item, index) => { + const isRedItem = [ + "حجم تخصیصات بازگشتی", + "وزن تخصیصات بازگشتی", + "حجم بارهای بازگشتی", + "وزن بارهای بازگشتی", + "وزن اختلاف کشتار", + "حجم اختلاف کشتار", + ].includes(item?.title); + + return ( + + + {item?.title}: + + + {item?.value || "-"} + + + ); + })} + + + + + + + }> + اطلاعات بارهای داخل استان + + + + + + + + + + + }> + اطلاعات بارهای قرنطینه + + + + + + + + + + + }> + اطلاعات بارهای بازگشتی + + + + + + + + + + + }> + اطلاعات تخصیصات بازگشتی + + + + + + + + + + + }> + اطلاعات بارهای خارج استان + + + + + + + + + + + + }> + مدیریت بار زنجیره + + + + + + + + + + + }> + اختلاف کشتار + + + + + + + + + + + }> + گزارش تلفات + + + + + + + + + + ); +}; diff --git a/src/features/city/components/city-hatching-unassigned/CityHatchingUnassigned.js b/src/features/city/components/city-hatching-unassigned/CityHatchingUnassigned.js new file mode 100644 index 0000000..2cd4601 --- /dev/null +++ b/src/features/city/components/city-hatching-unassigned/CityHatchingUnassigned.js @@ -0,0 +1,691 @@ +import { + Button, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime, formatJustDate } from "../../../../utils/formatTime"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { CityManageHatchingsArchiveActions } from "../city-manage-hatchings-operations/CityManageHatchingsOperations"; +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { cityGetHatchingInfoFull } from "../../services/city-get-hatching-info-full"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + // DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import ArticleIcon from "@mui/icons-material/Article"; +import { + ROUTE_ADMINXـHATCHINGS, + ROUTE_CITY_JIHADـHATCHINGS, + ROUTE_CITY_POULTRYـHATCHINGS, + ROUTE_PROVINCE_SUPERVISORـHATCHINGS, + ROUTE_PROVINCEـHATCHINGS, + ROUTE_SUPER_ADMINـHATCHINGS, + ROUTE_SUPPORTERـHATCHINGS, +} from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; + +// import { CityHatchingShowTableDetail } from "../city-hatching-show-table-detail/CityHatchingShowTableDetail"; + +export const CityHatchingUnassigned = ({ readOnly }) => { + const dispatch = useDispatch(); + + const isReadOnly = readOnly || false; + const [selectedAge1, setSelectedAge1] = useState(0); + const [selectedAge2, setSelectedAge2] = useState(0); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const navigate = useNavigate(); + + const [openNotif] = useContext(AppContext); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const hatchingAdded = useSelector((state) => state.citySlice.hatchingAdded); + + useEffect(() => { + fetchApiData(); + }, [hatchingAdded]); + + const fetchApiData = async (pageParam = page, perPageParam = perPage) => { + dispatch(LOADING_START()); + const response = await axios.get("poultry_hatching/", { + params: { + unknown: true, + search: "filter", + value: textValue, + role: getRoleFromUrl(), + page: pageParam, + page_size: perPageParam, + age1: selectedAge1 || 0, + age2: selectedAge2 || 0, + }, + }); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + setPage(page); + fetchApiData(page, perPage); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + fetchApiData(); + }, [perPage]); + + const updateTable = () => { + fetchApiData(); + }; + + // const killedNumber = (item) => { + // let killedNumber = ""; + // killedNumber = item.quantity - item.losses - item.leftOver; + // return killedNumber; + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + , + + { + navigate( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINXـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "Supporter" + ? `${ROUTE_SUPPORTERـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMINـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "CityPoultry" + ? `${ROUTE_CITY_POULTRYـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "ProvinceSupervisor" + ? `${ROUTE_PROVINCE_SUPERVISORـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "ProvinceOperator" + ? `${ROUTE_PROVINCEـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "CityJahad" + ? `${ROUTE_CITY_JIHADـHATCHINGS}/${item.key}` + : "" + ); + }} + > + + + , + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + + + {item?.violation ? "پیگیری" : "عادی"} + + , + item?.licenceNumber, + item?.poultry?.breedingUniqueId, + item?.CertId, + // item?.commitmentType === "free" ? "آزاد" : "دولتی", + item?.poultry?.unitName || "-", + `${item?.poultry?.userprofile?.fullName ?? "-"} (${ + item?.poultry?.userprofile?.mobile ?? "-" + }) ${item?.violationReport ? "✉️" : ""}`, + item?.InteractTypeName ? ( + + {item?.InteractTypeName} + + ) : ( + "-" + ), + item?.PersonTypeName, + item?.UnionTypeName, + `${item?.poultry?.address?.city?.name ?? "-"}/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`, + item?.vetFarm?.vetFarmMobile + ? `${item?.vetFarm?.vetFarmFullName} (${item?.vetFarm?.vetFarmMobile})` + : "-", + item.hall, + item.period, + formatTime(item?.createDate), + formatTime(item?.date), + item?.poultry?.killingAveAge?.toLocaleString(), + item?.predicateDate ? formatJustDate(item?.predicateDate) : "-", + item.chickenBreed, + item.age, + item?.quantity?.toLocaleString(), + item?.increaseQuantity?.toLocaleString(), + `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + + + , + `${item?.totalLosses?.toLocaleString()} (%${( + (item.totalLosses * 100) / + item.quantity + ).toFixed(0)})`, + `${item?.totalCommitmentQuantity?.toLocaleString()}`, + `${item?.totalFreeCommitmentQuantity?.toLocaleString()}`, + `${item?.governmentalQuantity?.toLocaleString()}`, + `${item?.governmentalKilledQuantity?.toLocaleString()}`, + `${item?.freeQuantity?.toLocaleString()}`, + `${item?.freeKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledWeight?.toLocaleString()}`, + `${item?.barDifferenceRequestQuantity?.toLocaleString()}`, + `${item?.barDifferenceRequestWeight?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequests?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequestsQuantity?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequestsWeight?.toLocaleString()}`, + item?.killedQuantity?.toLocaleString() + + ` (%${((item?.killedQuantity * 100) / item.quantity).toFixed(0)})`, + item?.leftOver?.toLocaleString(), + `%${((item?.leftOver * 100) / item?.quantity).toFixed(0)}`, + // item?.totalCommitment?.toLocaleString(), + + `%${((item.totalLosses * 100) / item.quantity).toFixed(0)}`, + `%${((item?.killedQuantity * 100) / item.quantity).toFixed(0)}`, + `%${((item?.leftOver * 100) / item?.quantity).toFixed(0)}`, + `%${( + ((item?.killedQuantity + item?.totalLosses) * 100) / + item?.quantity + ).toFixed(0)}`, + + item?.samasatDischargePercentage + ? `%${item?.samasatDischargePercentage}` + : "-", + item?.totalCommitment?.toLocaleString(), + item?.governmentalKilledQuantity?.toLocaleString(), + item?.freeKilledQuantity?.toLocaleString(), + item?.totalAverageKilledWeight?.toLocaleString(), + item?.totalKilledWeight?.toLocaleString(), + item?.activeKill?.activeKill ? "دارد" : "ندارد", + item?.activeKill?.countOfRequest ? item.activeKill.countOfRequest : "-", + item?.killingInfo?.killHouseRequests?.toLocaleString(), + item?.killingInfo?.killHouseRequestsFirstQuantity?.toLocaleString(), + item?.killingInfo?.killHouseRequestsFirstWeight?.toLocaleString(), + item?.killingInfo?.barCompleteWithKillHouse?.toLocaleString(), + item?.killingInfo?.acceptedRealWightFinal?.toLocaleString(), + item?.chainKilledQuantity?.toLocaleString(), + item?.chainKilledWeight?.toLocaleString(), + item?.exportKilledQuantity?.toLocaleString(), + item?.exportKilledWeight?.toLocaleString(), + item?.killingInfo?.wareHouseBars?.toLocaleString(), + item?.killingInfo?.wareHouseBarsQuantity?.toLocaleString(), + item?.killingInfo?.wareHouseBarsWeight?.toLocaleString(), + item?.killingInfo?.wareHouseBarsWeightLose?.toFixed(2), + item.lastChange + ? `${item.lastChange.fullName} (${getFaUserRole( + item.lastChange.role + )}) در تاریخ ${formatTime(item.lastChange.date)}` + : "-", + item.latestHatchingChange + ? `${item.latestHatchingChange.fullName} (${getFaUserRole( + item.latestHatchingChange.role + )}) در تاریخ ${formatTime(item.latestHatchingChange.date)}` + : "-", + item?.violationReport ? ( + + { + dispatch( + OPEN_MODAL({ + title: "گزارش ", + content: ( + + {item?.violationImage?.map((option, index) => ( + + ))} + , + ], + ]} + /> + ), + }) + ); + }} + > + + + + ) : ( + "-" + ), + ]; + }); + + setTableData(d); + }, [data]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + dispatch( + cityGetHatchingInfoFull({ + age1: selectedAge1, + age2: selectedAge2, + tab: "unknown", + textValue: textValue, + }) + ); + try { + const response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&age1=${ + selectedAge1 ? selectedAge1 : 0 + }&age2=${ + selectedAge2 ? selectedAge2 : 0 + }&search=filter&value=${textValue}&page=${1}&page_size=${perPage}&unknown=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const handleRemoveFilter = async (event) => { + event.preventDefault(); + setSelectedAge1(0); + setSelectedAge2(0); + dispatch(LOADING_START()); + setTextValue(""); + dispatch( + cityGetHatchingInfoFull({ + age1: 0, + age2: 0, + tab: "unknown", + textValue: textValue, + }) + ); + try { + const response = await axios.get( + `poultry_hatching?role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&search=filter&value=${textValue}&unknown=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const [lastUpdateData, setLastUpdateData] = useState(); + + useEffect(() => { + async function fetchData() { + try { + const response = await axios.get(`last_update/?type=poultry_hatching`); + setLastUpdateData(response.data); + } catch (error) { + console.error("Error fetching data:", error); + } + } + + fetchData(); + }, []); + + const tableTitle = ( + +

+ + + { + setSelectedAge1(event.target.value); + }} + /> + + + { + setSelectedAge2(event.target.value); + }} + /> + + { + if (e.key === "Enter") { + handleSubmit(e); + } + }} + /> + + + + + + +

+ + + ); + const { hatchingInfoFull } = useSelector((state) => state.citySlice); + + useEffect(() => { + dispatch( + cityGetHatchingInfoFull({ + age1: selectedAge1, + age2: selectedAge2, + tab: "unknown", + textValue: textValue, + }) + ); + }, []); + + return ( + + + + + + {tableTitle} + + + + ); +}; diff --git a/src/features/city/components/city-hatchings-archive-operations/CityHatchingsArchiveOperations.js b/src/features/city/components/city-hatchings-archive-operations/CityHatchingsArchiveOperations.js new file mode 100644 index 0000000..512aa70 --- /dev/null +++ b/src/features/city/components/city-hatchings-archive-operations/CityHatchingsArchiveOperations.js @@ -0,0 +1,251 @@ +import { + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Typography, +} from "@mui/material"; +import { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useDispatch, useSelector } from "react-redux"; +import { hatchingUndoArchiveService } from "../../services/hatching-undo-archive"; +import { AppContext } from "../../../../contexts/AppContext"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { CitySubmitHatchingReport } from "../city-submit-hatching-report/CitySubmitHatchingReport"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import InsertPageBreakIcon from "@mui/icons-material/InsertPageBreak"; +import { VetFarmSubmitFarmInfoLosses } from "../../../vet-farm/components/vet-farm-submit-farm-info-losses/VetFarmSubmitFarmInfoLosses"; +import AddIcon from "@mui/icons-material/Add"; +import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn"; +import SmsIcon from "@mui/icons-material/Sms"; +import { cityGetTicketDiffrentClearanceCode } from "../../services/city-get-ticket-different-clearance-code"; +export const CityHatchingsArchiveOperations = ({ + item, + updateArchive, + readOnly, +}) => { + const { userProfile } = useSelector((state) => state.userSlice); + const dispatch = useDispatch(); + const [popoverOpen, setPopoverOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif] = useContext(AppContext); + const role = getRoleFromUrl(); + + const openPopover = (event) => { + setPopoverOpen(true); + setAnchorEl(event.currentTarget); + }; + + const closePopover = () => { + setPopoverOpen(false); + setAnchorEl(null); + }; + + const handleUndoArchive = () => { + closePopover(); + dispatch( + hatchingUndoArchiveService({ + key: item.key, + type: "return_archive", + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateArchive(1); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + const handleOpenReportModal = () => { + closePopover(); + dispatch( + OPEN_MODAL({ + title: "ثبت گزارش", + content: ( + + ), + }) + ); + }; + + const handleOpenLossesModal = () => { + closePopover(); + dispatch( + OPEN_MODAL({ + title: "ثبت تلفات پایان دوره", + content: ( + + ), + }) + ); + }; + + const handleExcelExport = () => { + closePopover(); + const url = `${axios.defaults.baseURL}process-for-each-hatching/?key=${item.key}`; + window.open(url, "_blank"); + }; + + const handleCreateTicket = () => { + closePopover(); + dispatch( + cityGetTicketDiffrentClearanceCode({ + licence_number: item?.licenceNumber, + mobile: userProfile?.mobile, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + updateArchive(1); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + const provinceAndAdminRoles = [ + "ProvinceOperator", + "CityOperator", + "AdminX", + "SuperAdmin", + ]; + const vetRoles = ["VetFarm", "CityVet", "VetSupervisor"]; + + const options = [ + !readOnly && { + key: "undo", + label: "بازگشت جوجه ریزی", + color: "primary.main", + icon: , + action: handleUndoArchive, + }, + provinceAndAdminRoles.includes(role) && { + key: "report", + label: "ثبت گزارش", + color: "secondary.main", + icon: , + action: handleOpenReportModal, + }, + vetRoles.includes(role) && { + key: "losses", + label: "ثبت تلفات پایان دوره", + color: "error.main", + icon: , + action: handleOpenLossesModal, + }, + { + key: "excel", + label: "خروجی اکسل", + color: "success.main", + icon: , + action: handleExcelExport, + }, + { + key: "ticket", + label: "تیکت گزارش کشتار جوجه ریزی", + color: "error.main", + icon: , + action: handleCreateTicket, + }, + ].filter(Boolean); + + return ( + + + + + + + {options.map((option) => ( + { + if (option.disabled) { + return; + } + option.action(); + }} + disabled={Boolean(option.disabled)} + sx={{ + borderRadius: 1, + mb: 0.5, + color: option.disabled ? "text.disabled" : option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {option.icon} + + + {option.label} + + } + /> + + ))} + + + + ); +}; diff --git a/src/features/city/components/city-hatchings-archive/CityHatchingsArchive.js b/src/features/city/components/city-hatchings-archive/CityHatchingsArchive.js new file mode 100644 index 0000000..280c994 --- /dev/null +++ b/src/features/city/components/city-hatchings-archive/CityHatchingsArchive.js @@ -0,0 +1,585 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Checkbox, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { CityHatchingsArchiveOperations } from "../city-hatchings-archive-operations/CityHatchingsArchiveOperations"; +import { cityGetHatchingInfoFull } from "../../services/city-get-hatching-info-full"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { RiSearchLine } from "react-icons/ri"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { useNavigate } from "react-router-dom"; +import { + ROUTE_ADMINXـHATCHINGS, + ROUTE_CITY_POULTRYـHATCHINGS, + ROUTE_CITY_VISOR_STATICSـHATCHINGS_DETAILS, + ROUTE_PROVINCE_SUPERVISORـHATCHINGS, + ROUTE_PROVINCEـHATCHINGS, + ROUTE_SUPER_ADMINـHATCHINGS, + ROUTE_SUPPORTERـHATCHINGS, +} from "../../../../routes/routes"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; + +export const CityHatchingsArchive = ({ readOnly }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const { hatchingInfoFull } = useSelector((state) => state.citySlice); + const navigate = useNavigate(); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [withDate, setWithDate] = useState(false); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `poultry_hatching/?archive=true&search=filter&value=${textValue}&role=${getRoleFromUrl()} + &key=${userKey}&page=${page}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + , + + { + navigate( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINXـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "Supporter" + ? `${ROUTE_SUPPORTERـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMINـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "CityPoultry" + ? `${ROUTE_CITY_POULTRYـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "ProvinceSupervisor" + ? `${ROUTE_PROVINCE_SUPERVISORـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "province" + ? `${ROUTE_PROVINCEـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "CityJahad" + ? `${ROUTE_CITY_VISOR_STATICSـHATCHINGS_DETAILS}/${item.key}` + : "" + ); + }} + > + + + , + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + + + {item?.violation ? "متخلف" : "عادی"} + + , + item?.licenceNumber, + item?.poultry?.breedingUniqueId, + item?.CertId || "-", + item?.poultry?.unitName || "-", + `${item?.poultry?.userprofile?.fullName ?? "-"} (${ + item?.poultry?.userprofile?.mobile ?? "-" + })`, + item?.InteractTypeName, + item?.PersonTypeName, + item?.UnionTypeName, + `${item?.poultry?.address?.city?.name ?? "-"}/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`, + + item?.vetFarm?.vetFarmMobile + ? `${item?.vetFarm?.vetFarmFullName} (${item?.vetFarm?.vetFarmMobile})` + : "-", + item?.hall || "-", + item?.period || "-", + formatTime(item?.createDate), + formatTime(item?.date), + item?.poultry?.killingAveAge?.toLocaleString(), + item?.predicateDate ? formatJustDate(item?.predicateDate) : "-", + + item.chickenBreed || "-", + item?.age || "-", + item?.archiveDate ? formatTime(item?.archiveDate) : "-", + item.nowAge || "-", + item?.quantity?.toLocaleString(), + item?.increaseQuantity?.toLocaleString() || "-", + + `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + `${item?.directLosses?.toLocaleString()} (%${( + (item.directLosses * 100) / + item.quantity + ).toFixed(0)})`, + `${item?.totalLosses?.toLocaleString()} (%${( + (item.totalLosses * 100) / + item.quantity + ).toFixed(0)})`, + `${item?.totalCommitmentQuantity?.toLocaleString()}`, + `${item?.totalFreeCommitmentQuantity?.toLocaleString()}`, + `${item?.governmentalQuantity?.toLocaleString()}`, + `${item?.governmentalKilledQuantity?.toLocaleString()}`, + `${item?.freeQuantity?.toLocaleString()}`, + `${item?.freeKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledWeight?.toLocaleString()}`, + `${item?.barDifferenceRequestQuantity?.toLocaleString()}`, + `${item?.barDifferenceRequestWeight?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequests?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequestsQuantity?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequestsWeight?.toLocaleString()}`, + item?.killedQuantity?.toLocaleString() + + ` (%${((item?.killedQuantity * 100) / item.quantity).toFixed(0)})`, + + `${item?.leftOver?.toLocaleString()} (%${( + (item.leftOver * 100) / + item.quantity + ).toFixed(0)})`, + `${item?.quantity?.toLocaleString()}`, + // item?.totalCommitment?.toLocaleString(), + + `%${((item.totalLosses * 100) / item.quantity).toFixed(0)}`, + `%${((item?.killedQuantity * 100) / item.quantity).toFixed(0)}`, + `%${( + ((item?.killedQuantity + item?.totalLosses) * 100) / + item?.quantity + ).toFixed(0)}`, + item?.samasatDischargePercentage + ? `%${item?.samasatDischargePercentage}` + : "-", + + item?.totalCommitment?.toLocaleString(), + item?.governmentalKilledQuantity?.toLocaleString(), + item?.freeKilledQuantity?.toLocaleString(), + item?.totalAverageKilledWeight?.toLocaleString(), + item?.totalKilledWeight?.toLocaleString(), + item?.activeKill?.activeKill ? "دارد" : "ندارد", + item?.activeKill?.countOfRequest ? item.activeKill.countOfRequest : "-", + item?.killingInfo?.killHouseRequests?.toLocaleString(), + item?.killingInfo?.killHouseRequestsFirstQuantity?.toLocaleString(), + item?.killingInfo?.killHouseRequestsFirstWeight?.toLocaleString(), + item?.killingInfo?.barCompleteWithKillHouse?.toLocaleString(), + item?.killingInfo?.acceptedRealWightFinal?.toLocaleString(), + item?.chainKilledQuantity?.toLocaleString(), + item?.chainKilledWeight?.toLocaleString(), + item?.exportKilledQuantity?.toLocaleString(), + item?.exportKilledWeight?.toLocaleString(), + item?.killingInfo?.wareHouseBars?.toLocaleString(), + item?.killingInfo?.wareHouseBarsQuantity?.toLocaleString(), + item?.killingInfo?.wareHouseBarsWeight?.toLocaleString(), + item?.killingInfo?.wareHouseBarsWeightLose?.toFixed(2), + + item.lastChange + ? `${item.lastChange.fullName} (${getFaUserRole( + item.lastChange.role + )}) در تاریخ ${formatTime(item.lastChange.date)}` + : "-", + item.latestHatchingChange + ? `${item.latestHatchingChange.fullName} (${getFaUserRole( + item.latestHatchingChange.role + )}) در تاریخ ${formatTime(item.latestHatchingChange.date)}` + : "-", + item?.violationReport ? ( + + ) : ( + "بدون گزارش" + ), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage, withDate]); + + useEffect(() => { + dispatch( + cityGetHatchingInfoFull( + withDate + ? { + tab: "archive", + date1: selectedDate1, + date2: selectedDate2, + textValue: textValue, + } + : { tab: "archive", textValue: textValue } + ) + ); + }, [dispatch, withDate, selectedDate1, selectedDate2]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `poultry_hatching/?archive=true&search=filter&value=${textValue}&role=${getRoleFromUrl()}&key=${userKey}&page=${1}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + dispatch( + cityGetHatchingInfoFull( + withDate + ? { + tab: "archive", + date1: selectedDate1, + date2: selectedDate2, + textValue: textValue, + } + : { tab: "archive", textValue: textValue } + ) + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + ); +}; diff --git a/src/features/city/components/city-hatchings-total/CityHatchingsTotal.js b/src/features/city/components/city-hatchings-total/CityHatchingsTotal.js new file mode 100644 index 0000000..925ea03 --- /dev/null +++ b/src/features/city/components/city-hatchings-total/CityHatchingsTotal.js @@ -0,0 +1,672 @@ +import { + Button, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime, formatJustDate } from "../../../../utils/formatTime"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { CityManageHatchingsOperations } from "../city-manage-hatchings-operations/CityManageHatchingsOperations"; +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { cityGetHatchingInfoFull } from "../../services/city-get-hatching-info-full"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import ArticleIcon from "@mui/icons-material/Article"; +import { + ROUTE_ADMINXـHATCHINGS, + ROUTE_CITY_JIHADـHATCHINGS, + ROUTE_CITY_POULTRYـHATCHINGS, + ROUTE_PROVINCE_SUPERVISORـHATCHINGS, + ROUTE_PROVINCEـHATCHINGS, + ROUTE_SUPER_ADMINـHATCHINGS, + ROUTE_SUPPORTERـHATCHINGS, +} from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; + +export const CityHatchingsTotal = ({ readOnly }) => { + const dispatch = useDispatch(); + + const isReadOnly = readOnly || false; + const [selectedAge1, setSelectedAge1] = useState(0); + const [selectedAge2, setSelectedAge2] = useState(0); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const navigate = useNavigate(); + + const [openNotif] = useContext(AppContext); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const hatchingAdded = useSelector((state) => state.citySlice.hatchingAdded); + + useEffect(() => { + fetchApiData(1); + }, [hatchingAdded]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `poultry_hatching?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&age1=${ + selectedAge1 ? selectedAge1 : 0 + }&age2=${selectedAge2 ? selectedAge2 : 0}&all_active_and_archive` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + , + + { + navigate( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINXـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "Supporter" + ? `${ROUTE_SUPPORTERـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMINـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "CityPoultry" + ? `${ROUTE_CITY_POULTRYـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "ProvinceSupervisor" + ? `${ROUTE_PROVINCE_SUPERVISORـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "ProvinceOperator" + ? `${ROUTE_PROVINCEـHATCHINGS}/${item.key}` + : getRoleFromUrl() === "CityJahad" + ? `${ROUTE_CITY_JIHADـHATCHINGS}/${item.key}` + : "" + ); + }} + > + + + , + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + + + {item?.violation ? "پیگیری" : "عادی"} + + , + item?.licenceNumber, + item?.poultry?.breedingUniqueId, + item?.CertId, + item?.poultry?.unitName || "-", + `${item?.poultry?.userprofile?.fullName ?? "-"} (${ + item?.poultry?.userprofile?.mobile ?? "-" + }) ${item?.violationReport ? "✉️" : ""}`, + item?.InteractTypeName ? ( + + {item?.InteractTypeName} + + ) : ( + "-" + ), + item?.PersonTypeName, + item?.UnionTypeName, + `${item?.poultry?.address?.city?.name ?? "-"}/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`, + item?.vetFarm?.vetFarmMobile + ? `${item?.vetFarm?.vetFarmFullName} (${item?.vetFarm?.vetFarmMobile})` + : "-", + item.hall, + item.period, + formatTime(item?.createDate), + formatTime(item?.date), + item?.poultry?.killingAveAge?.toLocaleString(), + item?.predicateDate ? formatJustDate(item?.predicateDate) : "-", + item.chickenBreed, + item.age, + item?.quantity?.toLocaleString(), + item?.increaseQuantity?.toLocaleString(), + `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + + + , + `${item?.totalLosses?.toLocaleString()} (%${( + (item.totalLosses * 100) / + item.quantity + ).toFixed(0)})`, + `${item?.totalCommitmentQuantity?.toLocaleString()}`, + `${item?.totalFreeCommitmentQuantity?.toLocaleString()}`, + `${item?.governmentalQuantity?.toLocaleString()}`, + `${item?.governmentalKilledQuantity?.toLocaleString()}`, + `${item?.freeQuantity?.toLocaleString()}`, + `${item?.freeKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledWeight?.toLocaleString()}`, + `${item?.barDifferenceRequestQuantity?.toLocaleString()}`, + `${item?.barDifferenceRequestWeight?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequests?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequestsQuantity?.toLocaleString()}`, + `${item?.killingInfo?.provinceKillRequestsWeight?.toLocaleString()}`, + item?.killedQuantity?.toLocaleString() + + ` (%${((item?.killedQuantity * 100) / item.quantity).toFixed(0)})`, + item?.leftOver?.toLocaleString(), + `%${((item?.leftOver * 100) / item?.quantity).toFixed(0)}`, + + `%${((item.totalLosses * 100) / item.quantity).toFixed(0)}`, + `%${((item?.killedQuantity * 100) / item.quantity).toFixed(0)}`, + `%${((item?.leftOver * 100) / item?.quantity).toFixed(0)}`, + `%${( + ((item?.killedQuantity + item?.totalLosses) * 100) / + item?.quantity + ).toFixed(0)}`, + + item?.samasatDischargePercentage + ? `%${item?.samasatDischargePercentage}` + : "-", + item?.totalCommitment?.toLocaleString(), + item?.governmentalKilledQuantity?.toLocaleString(), + item?.freeKilledQuantity?.toLocaleString(), + item?.totalAverageKilledWeight?.toLocaleString(), + item?.totalKilledWeight?.toLocaleString(), + item?.activeKill?.activeKill ? "دارد" : "ندارد", + item?.activeKill?.countOfRequest ? item.activeKill.countOfRequest : "-", + item?.killingInfo?.killHouseRequests?.toLocaleString(), + item?.killingInfo?.killHouseRequestsFirstQuantity?.toLocaleString(), + item?.killingInfo?.killHouseRequestsFirstWeight?.toLocaleString(), + item?.killingInfo?.barCompleteWithKillHouse?.toLocaleString(), + item?.killingInfo?.acceptedRealWightFinal?.toLocaleString(), + item?.chainKilledQuantity?.toLocaleString(), + item?.chainKilledWeight?.toLocaleString(), + item?.exportKilledQuantity?.toLocaleString(), + item?.exportKilledWeight?.toLocaleString(), + item?.killingInfo?.wareHouseBars?.toLocaleString(), + item?.killingInfo?.wareHouseBarsQuantity?.toLocaleString(), + item?.killingInfo?.wareHouseBarsWeight?.toLocaleString(), + item?.killingInfo?.wareHouseBarsWeightLose?.toFixed(2), + item.lastChange + ? `${item.lastChange.fullName} (${getFaUserRole( + item.lastChange.role + )}) در تاریخ ${formatTime(item.lastChange.date)}` + : "-", + item.latestHatchingChange + ? `${item.latestHatchingChange.fullName} (${getFaUserRole( + item.latestHatchingChange.role + )}) در تاریخ ${formatTime(item.latestHatchingChange.date)}` + : "-", + item?.violationReport ? ( + + { + dispatch( + OPEN_MODAL({ + title: "گزارش ", + content: ( + + {item?.violationImage?.map((option, index) => ( + + ))} + , + ], + ]} + /> + ), + }) + ); + }} + > + + + + ) : ( + "-" + ), + ]; + }); + + setTableData(d); + }, [data]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + dispatch( + cityGetHatchingInfoFull({ + age1: selectedAge1, + age2: selectedAge2, + tab: "all", + textValue: textValue, + }) + ); + try { + const response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&age1=${ + selectedAge1 ? selectedAge1 : 0 + }&age2=${ + selectedAge2 ? selectedAge2 : 0 + }&search=filter&value=${textValue}&page=${1}&page_size=${perPage}&all_active_and_archive` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const handleRemoveFilter = async (event) => { + event.preventDefault(); + setSelectedAge1(0); + setSelectedAge2(0); + dispatch(LOADING_START()); + setTextValue(""); + dispatch( + cityGetHatchingInfoFull({ + age1: 0, + age2: 0, + tab: "all", + textValue: textValue, + }) + ); + try { + const response = await axios.get( + `poultry_hatching?role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&all_active_and_archive&search=filter&value=${textValue}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const [lastUpdateData, setLastUpdateData] = useState(); + + useEffect(() => { + async function fetchData() { + try { + const response = await axios.get(`last_update/?type=poultry_hatching`); + setLastUpdateData(response.data); + } catch (error) { + console.error("Error fetching data:", error); + } + } + + fetchData(); + }, []); + + const tableTitle = ( + +

+ + + { + setSelectedAge1(event.target.value); + }} + /> + + + { + setSelectedAge2(event.target.value); + }} + /> + + { + if (e.key === "Enter") { + handleSubmit(e); + } + }} + /> + + + + + +

+ + + + + +

+ + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + + + + + ), + }) + ); + }} + > + + + + +

+ +

+ ); +}; diff --git a/src/features/city/components/city-increase-hatching-submit-diffrence/CityIncreaseHatchingSubmitDiffrence.js b/src/features/city/components/city-increase-hatching-submit-diffrence/CityIncreaseHatchingSubmitDiffrence.js new file mode 100644 index 0000000..694b503 --- /dev/null +++ b/src/features/city/components/city-increase-hatching-submit-diffrence/CityIncreaseHatchingSubmitDiffrence.js @@ -0,0 +1,240 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Autocomplete, + Button, + Stack, + TextField, + Typography, + Paper, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { slaughterGetPoultriesService } from "../../../slaughter-house/services/salughter-get-poultries"; +import { avicultureGetHatchingDataForIncreaseHatching } from "../../../aviculture/services/aviculture-get-hatching-data"; +import { + cityEditIncreaseHatchingeService, + cityIncreaseHatchingeService, +} from "../../services/city-increase-hatching"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const CityIncreaseHatchingSubmitDiffrence = ({ + updateTable, + isEdit, + item, +}) => { + const [poultryData, setPoultryData] = useState([]); + const [selectedPoultryInfo, setSelectedPoultryInfo] = useState(null); + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const { slaughterGetPoultries } = useSelector( + (state) => state.slaughterSlice + ); + + useEffect(() => { + dispatch(slaughterGetPoultriesService()); + }, []); + + const initialValues = { + poultry: item?.poultrykey || null, + hatching_key: item?.hatchingkey || null, + quantity: item?.quantity || null, + message: item?.message || null, + }; + + const validationSchema = Yup.object().shape({ + poultry: Yup.string().required("انتخاب مرغدار الزامی است"), + hatching_key: Yup.string().required("انتخاب محل پرورش الزامی است"), + quantity: Yup.number() + .typeError("عدد وارد کنید") + .required("حجم الزامی است"), + message: Yup.string() + .typeError("پر کردن این فیلد الزامی است") + .required("پیام الزامی است"), + }); + + const formik = useFormik({ + initialValues, + validationSchema, + }); + + useEffect(() => { + if (formik.values.poultry) { + dispatch( + avicultureGetHatchingDataForIncreaseHatching(formik.values.poultry, { + increase: true, + }) + ).then((res) => { + setPoultryData(res.payload.data || []); + }); + } + }, [formik.values.poultry]); + + return ( + + ({ + label: `${item.unitName} (${item.user?.fullname})(${item.user?.mobile})`, + value: item.key, + }))} + getOptionLabel={(option) => option.label} + onChange={(_, value) => { + formik.setFieldValue("poultry", value.value); + formik.setFieldValue("hatching_key", null); + }} + renderInput={(params) => ( + + )} + /> + + ({ + label: item?.poultry?.unitName || "-", + value: item?.key, + }))} + getOptionLabel={(option) => option.label} + onChange={(_, value) => { + formik.setFieldValue("hatching_key", value?.value); + const selected = poultryData.find((i) => i.key === value?.value); + setSelectedPoultryInfo(selected); + }} + renderInput={(params) => ( + + )} + /> + + {selectedPoultryInfo && ( + + + شماره مجوز جوجه ریزی:{" "} + {selectedPoultryInfo?.licenceNumber?.toLocaleString()} + + + شناسه یکتا مرغدار :{" "} + {selectedPoultryInfo?.poultry?.breedingUniqueId?.toLocaleString()} + + + حجم جوجه ریزی: + {selectedPoultryInfo?.quantity?.toLocaleString()}قطعه + + + + سن جوجه: {selectedPoultryInfo?.chickenAge?.toLocaleString()} روز + + + مانده در سالن: {selectedPoultryInfo?.leftOver?.toLocaleString()} + قطعه + + + حجم کشتار شده: + {selectedPoultryInfo?.killedQuantity?.toLocaleString()} قطعه + + + نژاد: {selectedPoultryInfo?.chickenBreed?.toLocaleString()} + + + + تلفات: {selectedPoultryInfo?.totalLosses?.toLocaleString("fa-IR")} + قطعه + + + )} + + + + + + + + ); +}; diff --git a/src/features/city/components/city-increase-hatching/CityIncreaseHatching.js b/src/features/city/components/city-increase-hatching/CityIncreaseHatching.js new file mode 100644 index 0000000..531eb66 --- /dev/null +++ b/src/features/city/components/city-increase-hatching/CityIncreaseHatching.js @@ -0,0 +1,182 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatTime } from "../../../../utils/formatTime"; + +import { CityIncreaseHatchingOperation } from "../city-increase-hatching-operation/CityIncreaseHatchingOperation"; +import { CityIncreaseHatchingSubmitDiffrence } from "../city-increase-hatching-submit-diffrence/CityIncreaseHatchingSubmitDiffrence"; + +export const CityIncreaseHatching = ({ state }) => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `hatching-increase-request/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.hatching?.poultry?.unitName} (${item?.hatching?.poultry?.user?.mobile})`, + item?.hatching?.licenceNumber, + item?.hatching?.poultry?.breedingUniqueId, + item?.hatchingQuantity?.toLocaleString(), + item?.hatchingKillQuantity?.toLocaleString(), + item?.hatchingLosses?.toLocaleString(), + item?.hatchingLeftOver?.toLocaleString(), + item?.quantity?.toLocaleString(), + `${item?.registererName} (${item?.registererMobile})`, + formatTime(item?.date), + item?.message, + , + ]; + }); + + setTableData(d); + }, [data, state]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage, state]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `hatching-increase-request/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + {getRoleFromUrl() !== "KillHouse" && ( + + + + )} + + + + + + + ); +}; diff --git a/src/features/city/components/city-manage-hatching-renter/CityManageHatchingRenter.js b/src/features/city/components/city-manage-hatching-renter/CityManageHatchingRenter.js new file mode 100644 index 0000000..cb2e27b --- /dev/null +++ b/src/features/city/components/city-manage-hatching-renter/CityManageHatchingRenter.js @@ -0,0 +1,240 @@ +import React, { useContext, useState } from "react"; +import { + Grid, + TextField, + Button, + Paper, + IconButton, + Typography, + Box, +} from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { useDispatch } from "react-redux"; +import { useFormik } from "formik"; +import * as Yup from "yup"; + +import { citySubmitManageHatchingRenterService } from "../../services/city-submit-manage-hatching-renter"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + CLOSE_MODAL, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { cityHatchingDeleteRenterService } from "../../services/city-delete-manage-hatching-renter"; + +export const CityManageHatchingRenter = ({ item, updateTable, readOnly }) => { + const [editing, setEditing] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + fullName: item?.tenantFullname || "", + nationalCode: item?.tenantNationalCode || "", + phoneNumber: item?.tenantMobile || "", + city: item?.tenantCity || "", + }, + validationSchema: Yup.object({ + fullName: Yup.string().required("نام و نام خانوادگی الزامی است"), + nationalCode: Yup.string() + .required("کد ملی الزامی است") + .matches(/^[0-9]{10}$/, "کد ملی باید 10 رقم باشد"), + phoneNumber: Yup.string() + .required("شماره تلفن الزامی است") + .matches(/^[0-9]{11}$/, "شماره تلفن باید 11 رقم باشد"), + city: Yup.string().required("شهر الزامی است"), + }), + onSubmit: (values) => { + dispatch(LOADING_START()); + dispatch( + citySubmitManageHatchingRenterService({ + key: item?.key, + tenant_fullname: values.fullName, + tenant_national_code: values.nationalCode, + tenant_mobile: values.phoneNumber, + tenant_city: values.city, + has_tenant: true, + }) + ).then((r) => { + dispatch(CLOSE_MODAL()); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + formik.resetForm(); + updateTable(); + setEditing(false); + } + dispatch(LOADING_END()); + }); + }, + enableReinitialize: true, + }); + + const handleEdit = () => { + setEditing(true); + }; + + const handleDelete = () => { + dispatch(LOADING_START()); + + dispatch( + cityHatchingDeleteRenterService({ delete_tenant: true, key: item?.key }) + ).then((r) => { + dispatch(CLOSE_MODAL()); + if (!r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مستاجر با موفقیت حذف شد.", + severity: "success", + }); + formik.resetForm(); + updateTable(); + } + }); + }; + + const hasRenter = item?.hasTenant && item?.tenantFullname; + + return ( + + {hasRenter && !editing ? ( + + + +

+ + نام مستاجر: {item.tenantFullname} + + + کد ملی: {item.tenantNationalCode} + + + شماره تلفن: {item.tenantMobile} + + + شهر: {item.tenantCity} + +

+ {!readOnly && ( +

+ + + + + + +

+ )} + + + + ) : ( + + + + + + + + + + + + + + + + + + + {!readOnly && ( + + + + )} + + + + )} + + ); +}; diff --git a/src/features/city/components/city-manage-hatchings-operations/CityManageHatchingsOperations.js b/src/features/city/components/city-manage-hatchings-operations/CityManageHatchingsOperations.js new file mode 100644 index 0000000..aa04882 --- /dev/null +++ b/src/features/city/components/city-manage-hatchings-operations/CityManageHatchingsOperations.js @@ -0,0 +1,551 @@ +import { + IconButton, + Popover, + Tooltip, + List, + ListItemButton, + ListItemIcon, + ListItemText, +} from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +// import DeleteIcon from "@mui/icons-material/Delete"; +import ArchiveIcon from "@mui/icons-material/Archive"; +import AddIcon from "@mui/icons-material/Add"; +import { + DRAWER, + OPEN_MODAL, + LOADING_START, + LOADING_END, +} from "../../../../lib/redux/slices/appSlice"; +import { CityNewKillRequest } from "../city-new-kill-request/CityNewKillRequest"; +import { CityArchiveHatchingDrawer } from "../city-archive-hatching-drawer/CityArchiveHatchingDrawer"; +import TuneIcon from "@mui/icons-material/Tune"; +// import { CityEditHatchingQuantity } from "../city-edit-hatching-quantity/CityEditHatchingQuantity"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import SmsIcon from "@mui/icons-material/Sms"; +import { CitySubmitHatchingReport } from "../city-submit-hatching-report/CitySubmitHatchingReport"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +// import { cityGetHatchingsByAge } from "../../services/city-get-hatchings-by-age"; +import EditIcon from "@mui/icons-material/Edit"; +import AssignmentReturnedIcon from "@mui/icons-material/AssignmentReturned"; +import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn"; +import { archiveHatchingService } from "../../services/archive-hatching"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CitySubmitLooses } from "../city-submit-looses/CitySubmitLooses"; +import PlaylistRemoveIcon from "@mui/icons-material/PlaylistRemove"; +import { VetFarmSubmitFarmInfoLosses } from "../../../vet-farm/components/vet-farm-submit-farm-info-losses/VetFarmSubmitFarmInfoLosses"; +import InsertPageBreakIcon from "@mui/icons-material/InsertPageBreak"; +import { CityManageHatchingRenter } from "../city-manage-hatching-renter/CityManageHatchingRenter"; +import PersonAddAlt1Icon from "@mui/icons-material/PersonAddAlt1"; +import { cityGetTicketDiffrentClearanceCode } from "../../services/city-get-ticket-different-clearance-code"; +import PlayArrowIcon from "@mui/icons-material/PlayArrow"; +export const CityManageHatchingsOperations = ({ + item, + selectedAge1, + selectedAge2, + updateTable, + readOnly, +}) => { + const { userProfile } = useSelector((state) => state.userSlice); + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const [openNotif] = useContext(AppContext); + + return ( +

+ + + + + + {!readOnly && ( + <> + + { + handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ثبت درخواست کشتار جدید", + content: ( + + ), + }) + ); + }} + > + + + + + + + + {item?.InteractTypeName === "مستاجر" && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ثبت مستاجر ", + content: ( + + ), + }) + ); + }} + > + + + + + + + )} + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "CityOperator" || + getRoleFromUrl() === "CityPoultry" || + getRoleFromUrl() === "CityJahad" || + getRoleFromUrl() === "CityCommerce" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin") && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: item?.violationReport + ? "ویرایش گزارش" + : "ثبت گزارش", + content: ( + + ), + }) + ); + }} + > + + + + + + + )} + + + { + handleClose(); + dispatch( + DRAWER({ + title: "انتقال به آرشیو", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + + + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "CityOperator" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin") && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ثبت تلفات", + content: ( + + ), + }) + ); + }} + > + + + + + + + )} + + + { + handleClose(); + dispatch( + archiveHatchingService({ + key: item?.key, + violation: item?.violation ? false : true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + {item?.violation ? ( + + ) : ( + + )} + + + + + + )} + + {(getRoleFromUrl() === "VetFarm" || + getRoleFromUrl() === "CityVet" || + getRoleFromUrl() === "VetSupervisor") && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ثبت تلفات پایان دوره", + content: ( + + ), + }) + ); + }} + > + + + + + + + )} + + + + + + + + + + + + { + handleClose(); + dispatch( + cityGetTicketDiffrentClearanceCode({ + licence_number: item?.licenceNumber, + mobile: userProfile?.mobile, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + + + + + + + +

+ ); +}; + +export const CityManageHatchingsArchiveActions = ({ + item, + selectedAge1, + selectedAge2, + updateTable, + readOnly, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [anchorEl, setAnchorEl] = useState(null); + + const open = Boolean(anchorEl); + const popoverId = open ? "archive-activate-popover" : undefined; + + const handleOpen = (event) => { + if (readOnly) { + return; + } + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleArchiveClick = () => { + if (readOnly) { + return; + } + + handleClose(); + dispatch( + DRAWER({ + title: "انتقال به آرشیو", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }; + + const handleActivateClick = async () => { + if (readOnly) { + return; + } + + dispatch(LOADING_START()); + try { + const { data } = await axios.put("poultry_hatching/0/", { + key: item?.key, + unknown: false, + }); + + dispatch(LOADING_END()); + + if (data?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: data?.error || "فعال‌سازی ناموفق بود.", + severity: "error", + }); + return; + } + + updateTable(); + handleClose(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فعال‌سازی با موفقیت انجام شد.", + severity: "success", + }); + } catch (error) { + dispatch(LOADING_END()); + const message = + error?.response?.data?.result || + error?.response?.data?.error || + error?.message || + "فعال‌سازی ناموفق بود."; + openNotif({ + vertical: "top", + horizontal: "center", + msg: message, + severity: "error", + }); + handleClose(); + } + }; + + return ( + <> + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/city/components/city-manage-hatchings/CityManageHatchings.js b/src/features/city/components/city-manage-hatchings/CityManageHatchings.js new file mode 100644 index 0000000..99a08ce --- /dev/null +++ b/src/features/city/components/city-manage-hatchings/CityManageHatchings.js @@ -0,0 +1,589 @@ +import { + Box, + Button, + // FormControl, + // InputLabel, + // MenuItem, + // Select, + // TextField, + Tab, + Tabs, + // Tooltip, + // Typography, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +// import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +// import { ExcelUploadButton } from "../../../../components/excel-upload-button/ExcelUploadButton"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +// import { formatJustDate } from "../../../../utils/formatTime"; +// import { cityGetHatchings } from "../../services/city-get-hatchings"; +// import { getSlaughtersKillRequestService } from "../../services/get-slaughters-kill-request"; +// import { avicultureHatchingRequestsService } from "../../../aviculture/services/aviculture-hatching-requests"; +import { useFormik } from "formik"; +// import { RiFileExcel2Fill } from "react-icons/ri"; +// import axios from "axios"; +// import { DatePicker } from "@mui/x-date-pickers"; +// import moment from "moment/moment"; +// import { CityManageHatchingsOperations } from "../city-manage-hatchings-operations/CityManageHatchingsOperations"; +// import { cityGetHatchingsByAge } from "../../services/city-get-hatchings-by-age"; +// import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { CityArchiveOldHatchings } from "../city-archive-old-hatchings/CityArchvieOldHatchings"; +import { cityGetArchiveHatchingsService } from "../../services/city-get-archive-hatchings"; +import { CityHatchings } from "../city-hatchings/CityHatchings"; +import { CityHatchingsArchive } from "../city-hatchings-archive/CityHatchingsArchive"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { CityHatchingInfo } from "../city-hatching-info/CityHatchingInfo"; +import { CityUpdateHatching } from "../city-update-hatching/CityUpdateHatching"; +import { ProvinceBarDifference } from "../../../province/components/province-bar-difference/ProvinceBarDifference"; +import { TransportChickens } from "../transport-chickens/TransportChickens"; +import { CityHatchingsTotal } from "../city-hatchings-total/CityHatchingsTotal"; +import { CityHatchingUnassigned } from "../city-hatching-unassigned/CityHatchingUnassigned"; + +export const CityManageHatchings = () => { + const dispatch = useDispatch(); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + // const [dataTable, setDataTable] = useState([]); + + // const [searchClick, setSearchClick] = useState(true); + + // const [dataTableHatchingArchive, setDataTableHatchingArchive] = useState([]); + // const [selectedAge1, setSelectedAge1] = useState(45); + // const [selectedAge2, setSelectedAge2] = useState(75); + + // const [filterType, setFilterType] = useState("سن"); + + const formik = useFormik({ + initialValues: { + numberInput: 0, + }, + }); + + const { hatchings, poultryRequestsTotalQuantity, cityGetArchiveHatchings } = + useSelector((state) => state.citySlice); + + // const { hourLimitKillRequest } = useSelector((state) => state.citySlice); + const { getSlaughtersKillRequest } = useSelector((state) => state.citySlice); + + // useEffect(() => { + // dispatch(getSlaughtersKillRequestService()); + // dispatch( + // avicultureHatchingRequestsService({ selectedDate1, selectedDate2 }) + // ); + // }, [selectedDate1, selectedDate2]); + + // useEffect(() => { + // const past50Day = new Date(); + // past50Day.setDate(past50Day.getDate() - 45); + // setSelectedDate1(moment(past50Day).format("YYYY-MM-DD")); + // return () => { + // const date = new Date(); + // setSelectedDate1(moment(date).format("YYYY-MM-DD")); + // }; + // }, []); + + // useEffect(() => { + // dispatch(cityGetHatchings({ selectedDate1, selectedDate2 })); + // }, [searchClick]); + + // useEffect(() => { + // if (searchClick) { + // dispatch(cityGetHatchings({ selectedDate1, selectedDate2 })); + // setSearchClick(false); + // } + // }, [selectedDate1]); + + useEffect(() => { + if (poultryRequestsTotalQuantity) { + formik.setFieldValue( + "numberInput", + poultryRequestsTotalQuantity?.quantity + ); + } + }, [poultryRequestsTotalQuantity]); + + useEffect(() => { + // const d = hatchings + // ?.filter((item) => item.allowHatching === "pending") + // ?.map((item, i) => { + // const killedNumber = item.quantity - item.losses - item.leftOver; + // const lastChange = + // item.lastChange && + // `${item.lastChange.fullName} (${getFaUserRole( + // item.lastChange.role + // )}) در تاریخ ${formatJustDate(item.lastChange.date)}`; + // return [ + // i + 1, + // item.poultry.unitName, + // `${item.poultry.userprofile.fullName} (${item.poultry.userprofile.mobile})`, + // `${item?.poultry?.address.city.name}/${ + // item?.poultry?.cityOperator + // ? item?.poultry?.cityOperator + // : "بدون تعاونی" + // }`, + // item?.vetFarm?.vetFarmMobile + // ? `${item?.vetFarm?.vetFarmFullName} (${item?.vetFarm?.vetFarmMobile})` + // : "-", + // item.hall, + // item.period, + // formatJustDate(item?.createDate), + // formatJustDate(item?.date), + // item.chickenBreed, + // item.age, + // item.quantity.toLocaleString(), + // `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed( + // 0 + // )})`, + // killedNumber.toLocaleString() + + // ` (%${((killedNumber * 100) / item.quantity).toFixed(0)})`, + // `${item.leftOver.toLocaleString()} (%${( + // (item.leftOver * 100) / + // item.quantity + // ).toFixed(0)})`, + // item?.activeKill?.activeKill ? "دارد" : "ندارد", + // item?.activeKill?.countOfRequest + // ? item.activeKill.countOfRequest + // : "-", + // item.lastChange ? lastChange : "-", + // // , + // ]; + // }); + // setDataTable(d); + // const hatchingArchiveData = cityGetArchiveHatchings?.map((item, i) => { + // const killedNumber = item.quantity - item.losses - item.leftOver; + // return [ + // i + 1, + // item.poultry.unitName, + // item.poultry.userprofile.baseOrder, + // item.poultry.userprofile.mobile, + // item.hall, + // item.period, + // formatJustDate(item?.createDate), + // formatJustDate(item?.date), + // item.chickenBreed, + // item.age, + // item.quantity, + // `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + // killedNumber + + // ` (%${((killedNumber * 100) / item.quantity).toFixed(0)})`, + // `${item.leftOver} (%${((item.leftOver * 100) / item.quantity).toFixed( + // 0 + // )})`, + // ]; + // }); + // setDataTableHatchingArchive(hatchingArchiveData); + }, [hatchings, getSlaughtersKillRequest, cityGetArchiveHatchings]); + + const [view, setView] = useState("active"); + + const handleChange = (event, newValue) => { + setView(newValue); + }; + + // const selectAges = Array.from({ length: 75 }, (_, i) => i + 1); + + // useEffect(() => { + // dispatch(cityGetHatchingsByAge({ selectedAge1, selectedAge2 })); + // }, [selectedAge1, selectedAge2]); + + useEffect(() => { + dispatch(cityGetArchiveHatchingsService({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + return ( + + + + + + + + {getRoleFromUrl() !== "CityPoultry" && ( + + )} + {/* {(getRoleFromUrl() === "CityOperator" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin") && ( + + )} */} + {/* {(getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin") && ( + + )} */} + {/* {(getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin") && ( + + )} */} + {/* {(getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin") && ( + + )}*/} + + + {view === "hatchingUpdate" && } + {view === "transport-chickens" && } + {/* {view === "national-info" && } */} + {view === "active" && ( + + + {/* */} + {getRoleFromUrl() !== "CityOperator" && ( + + )} + + {/* */} + + )} + + + {view === "active" && } + {view === "info" && } + {view === "bar-difference" && } + {view === "total" && } + {view === "pending" && } + {/* {view === "active" && ( + + + + + + دوره های فعال جوجه ریزی + + + + + + {filterType === "سن" && ( + + + + فیلتر براساس سن: + + + + + + از سن + + + + + + + + تا سن + + + + + + )} + + + {filterType === "تاریخ" && ( + + + + فیلتر براساس تاریخ: + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + )} + + } + data={dataTable} + columns={[ + "ردیف", + "نام فارم", + "مرغدار", + "شهر/تعاونی", + "دامپزشک فارم", + "سالن", + "دوره جوجه ریزی", + "تاریخ ثبت جوجه ریزی", + "تاریخ جوجه ریزی", + "نژاد", + "سن", + "تعداد جوجه ریزی", + "تلفات دوره", + "کشتار شده", + "مانده در سالن", + "کشتار فعال", + "تعداد درخواست کشتار", + "آخرین تغییر", + "عملیات", + ]} + /> + + )} */} + {view === "archive" && ( + + // + // + // + // بایگانی جوجه ریزی + // + // + // ( + // + // )} + // value={selectedDate1} + // onChange={(e) => { + // setSelectedDate1(moment(e).format("YYYY-MM-DD")); + // }} + // /> + // + // + // ( + // + // )} + // value={selectedDate2} + // onChange={(e) => { + // setSelectedDate2(moment(e).format("YYYY-MM-DD")); + // }} + // /> + // + // + // + // + // + // + // + // } + // data={dataTableHatchingArchive} + // columns={[ + // "ردیف", + // "نام فارم", + // "کدکاربری", + // "تلفن", + // "سالن", + // "دوره جوجه ریزی", + // "تاریخ ثبت جوجه ریزی", + // "تاریخ جوجه ریزی", + // "نژاد", + // "سن", + // "تعداد جوجه ریزی", + // "تلفات دوره", + // "کشتار شده", + // "مانده در سالن", + // ]} + // /> + // + )} + + + + ); +}; diff --git a/src/features/city/components/city-new-hatching-request/CityNewHatchingRequest.js b/src/features/city/components/city-new-hatching-request/CityNewHatchingRequest.js new file mode 100644 index 0000000..5212ab8 --- /dev/null +++ b/src/features/city/components/city-new-hatching-request/CityNewHatchingRequest.js @@ -0,0 +1,326 @@ +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + FormControl, + FormHelperText, + IconButton, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useEffect } from "react"; +import moment from "moment/moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useDispatch } from "react-redux"; +import { useState } from "react"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import SearchIcon from "@mui/icons-material/Search"; + +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { cityGetPoultryData } from "../../services/city-get-poultry-data"; +import { avicultureNewHatching } from "../../../aviculture/services/aviculture-new-hatching"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { cityGetHatchings } from "../../services/city-get-hatchings"; +import { reloadHatchings } from "../../../../lib/redux/slices/citySlice"; + +export const CityNewHatchingRequest = () => { + const dispatch = useDispatch(); + const [poultryKey, setPolutryKey] = useState(""); + const [polutryData, setpolutryData] = useState(""); + const [enableHall, setEnableHall] = useState(true); + const [numberOfhalls, setNumberOfHalls] = useState(1); + const [numberOfhallSelected, setNumberOfHallSelected] = useState(null); + const [openNotif, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const formik2 = useFormik({ + initialValues: { + userInfoCheck: "", + }, + validationSchema: Yup.object({ + userInfoCheck: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + const formik = useFormik({ + initialValues: { + quantity: "", + hatchingDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + race: "آرین", + }, + validationSchema: Yup.object({ + quantity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + formik2.validateForm(); + }, []); + + useEffect(() => { + if (poultryKey) { + if (numberOfhalls === 0) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "ابتدا برای این مرغداری جوجه ریزی ثبت کنید.", + severity: "error", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } else { + setEnableHall(false); + } + } + }, [poultryKey]); + + return ( + <> + {!polutryData ? ( + + جستجو کاربر + + + + { + dispatch(LOADING_START()); + dispatch(cityGetPoultryData(formik2.values.userInfoCheck)).then( + (r) => { + dispatch(LOADING_END()); + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کاربر یافت نشد", + severity: "error", + }); + } + setpolutryData(r.payload.data); + } + ); + }} + > + + + + شماره موبایل با صفر شروع می‌شود! + + ) : ( + + + + ({ + id: i.key, + label: i.unitName, + halls: i.numberOfHalls, + })) + : [] + } + onChange={(event, value) => { + setPolutryKey(value.id); + setNumberOfHalls(value.halls); + }} + renderInput={(params) => ( + + )} + /> + + + ({ + label: "سالن شماره " + (i + 1), + id: i, + }))} + onChange={(event, value) => { + setNumberOfHallSelected(value.id + 1); + }} + renderInput={(params) => ( + + )} + /> + + + } + value={formik.values.hatchingDate} + error={ + formik.touched.hatchingDate + ? Boolean(formik.errors.hatchingDate) + : null + } + onChange={(e) => { + formik.setFieldValue( + "hatchingDate", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.hatchingDate && + Boolean(formik.errors.hatchingDate) + ? formik.errors.hatchingDate + : null + } + /> + + نژاد مرغ + + + {formik.touched.race && Boolean(formik.errors.race) + ? formik.errors.race + : null} + + + + + + + + + )} + + ); +}; diff --git a/src/features/city/components/city-new-hatching/CityHatching.js b/src/features/city/components/city-new-hatching/CityHatching.js new file mode 100644 index 0000000..061ce6b --- /dev/null +++ b/src/features/city/components/city-new-hatching/CityHatching.js @@ -0,0 +1,77 @@ +import { Tab, Tabs } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceManagePoultryRequest } from "../../../province/components/province-manage-poultry-request/ProvinceManagePoultryRequest"; +import { ProvinceManageSlaughterRequest } from "../../../province/components/province-manage-slaughter-request/ProvinceManageSlaughterRequest"; +import { CityManageHatchings } from "../city-manage-hatchings/CityManageHatchings"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const CityHatching = () => { + // const handleSubmit = (event) => { + // event.preventDefault(); + // // Handle form submission here + // dispatch( + // updatePoultryRequestsTotalQuantityService({ + // key: poultryRequestsTotalQuantity?.key, + // input_quantity: Number(formik.values.numberInput), + // }) + // ).then((r) => { + // openNotif({ + // vertical: "top", + // horizontal: "center", + // msg: "عملیات با موفقیت انجام شد.", + // severity: "success", + // }); + // }); + // }; + + const [activeTab, setActiveTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; + + return ( + + <> + + + {getRoleFromUrl() !== "CityPoultry" && ( + + )} + {/* */} + + + + + + + + + {getRoleFromUrl() !== "CityPoultry" ? ( + + ) : ( + + )} + + + + ); +}; + +function TabPanel(props) { + const { children, value, index } = props; + + return ( + + ); +} diff --git a/src/features/city/components/city-new-kill-request/CityNewKillRequest.js b/src/features/city/components/city-new-kill-request/CityNewKillRequest.js new file mode 100644 index 0000000..941c366 --- /dev/null +++ b/src/features/city/components/city-new-kill-request/CityNewKillRequest.js @@ -0,0 +1,2420 @@ +import { + Autocomplete, + Button, + Checkbox, + CircularProgress, + Divider, + FormControl, + FormControlLabel, + FormHelperText, + FormLabel, + IconButton, + InputAdornment, + InputLabel, + ListItem, + ListItemIcon, + ListItemText, + MenuItem, + Radio, + RadioGroup, + Select, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import SearchIcon from "@mui/icons-material/Search"; +import { useEffect } from "react"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useDispatch, useSelector } from "react-redux"; +import { useFormik } from "formik"; +import moment from "moment"; +import { useState } from "react"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { useContext } from "react"; +import AddIcon from "@mui/icons-material/Add"; +import DoneIcon from "@mui/icons-material/Done"; + +import { + CLOSE_MODAL, + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; +import { avicultureGetSlaughters } from "../../../aviculture/services/aviculture-get-slaughters"; +import { avicultureGetUnions } from "../../../aviculture/services/aviculture-get-unions"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { Yup } from "../../../../lib/yup/yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { avicultureGetHatchingData } from "../../../aviculture/services/aviculture-get-hatching-data"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { avicultureNewRequest } from "../../../aviculture/services/aviculture-new-request"; +import { DialogAlert } from "../../../../components/dialog-alert/DialogAlert"; +import { cityGetPoultryData } from "../../services/city-get-poultry-data"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { cityGetBuyer } from "../../services/ciry-get-buyer"; +import { avicultureGetRequests } from "../../../aviculture/services/aviculture-requests"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { avicultureHatchingRequestsService } from "../../../aviculture/services/aviculture-hatching-requests"; +import { cityGetHatchingsByAge } from "../../services/city-get-hatchings-by-age"; +import { avicultureGetPoultry } from "../../../aviculture/services/aviculture-get-poultry"; +import { cityGetPoultriesService } from "../../services/city-get-poultries"; +import { avicultureGetDirectBuys } from "../../../aviculture/services/aviculture-get-direct-buys"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { provinceGetSellForFreezingStatus } from "../../../province/services/province-get-sell-for-freezing-status"; +import { getApprovedPriceState } from "../../../province/services/get-approved-price-state"; +import { provincePolicyGetExportAllowStatus } from "../../../province/services/province-policy-get-export-allow-state"; +import { provincePolicyValidatePoultryWithSmsStatusService } from "../../../province/services/province-policy-validate-poultry-wth-sms-service"; +import { isValidIndexWeight } from "../../../../utils/isValidIndexWeight"; +import { provincePolicyGetWeightRange } from "../../../province/services/province-policy-get-weight-range"; +import { provincePolicyGetMarketDailyLimitation } from "../../../province/services/province-policy-market-daily-limitation"; +import { LabelField } from "../../../../components/label-field/LabelField"; +// import { SelectCheck } from "../../../../components/select-check/SelectCheck"; + +export const CityNewKillRequest = ({ + userCheck, + selectedAge1, + selectedAge2, + isAviculture, + updateTable, +}) => { + const [openNotif] = useContext(AppContext); + const [hatchingKey, sethatchingKey] = useState(""); + const [hatchingData, setHatchingData] = useState(""); + const [hatchingSelected, setHatchingSelected] = useState(""); + const [poultryData, setPoultryData] = useState(""); + const [poultryKey, setPolutryKey] = useState(""); + const [quantity, setQuantity] = useState(""); + const [losses, setlosses] = useState(""); + const [leftOvers, setLeftOvers] = useState(""); + const [isUnion] = useState(false); + const [isStockMarket, setIsStockMarket] = useState(false); + const [pricingKey, setPriceKey] = useState(); + const [chickenBreed, setChickenBreed] = useState(""); + const [chickenCanRequest, setChickenCanRequest] = useState(""); + const [freezing, setFreezing] = useState(false); + const [tradePanel, setTradePanel] = useState(false); + const [toExport, setToExport] = useState(false); + const [marketLimitationData, setMarketLimitationData] = useState(null); + // const [slaughterHousesListForSelect, setSlaughterHousesListForSelect] = + // useState([]); + const [buyerInfo, setBuyerInfo] = useState(); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + const [loading, setLoading] = useState(false); + const [, userProfile] = useUserProfile(); + const [autoLoading, setAutoLoading] = useState(false); + const { weightRange } = useSelector((state) => state.provinceSlice); + + const [slaughterHousesListForSelect, setSlaughterHousesListForSelect] = + useState([]); + + const { avicultureSlaughters } = useSelector( + (state) => state.avicultureSlice + ); + const { cityGetPoultries } = useSelector((state) => state.citySlice); + + const [submitStatus, SetSubmitStatus] = useState(false); + const fetchData = () => { + dispatch(provincePolicyValidatePoultryWithSmsStatusService()).then((r) => { + SetSubmitStatus(r.payload.data.poultryStatus); + }); + }; + + useEffect(() => { + setSlaughterHousesListForSelect( + avicultureSlaughters?.map((item) => { + let name = ""; + if (item.killer) { + name = `کشتارکن ${item?.name}`; + } else { + name = `کشتارگاه ${item?.name}`; + } + return { + label: `${name} / ${item?.quantitySum?.toLocaleString()} قطعه`, + value: `${item?.name} (${item?.fullname})`, + quantity: item?.quantitySum, + killhouseKey: item?.killReqKey, + item: item, + }; + }) + ); + }, [avicultureSlaughters]); + + const [data, setData] = useState(); + const [approvedPrice, setApprovedPrice] = useState(); + + useEffect(() => { + dispatch(getApprovedPriceState()).then((r) => { + setData(r.payload.data); + if (r.payload.data?.approved === false) { + formik.setFieldValue("avicultureSellType", "freePrice"); + } + // Check if approved is true but all price/weight fields are zero + if ( + r.payload.data?.approved === true && + r.payload.data?.lowestPrice === 0 && + r.payload.data?.highestPrice === 0 && + r.payload.data?.lowestWeight === 0 && + r.payload.data?.highestWeight === 0 + ) { + formik.setFieldValue("avicultureSellType", "goverment"); + } + }); + dispatch(provincePolicyGetWeightRange()); + }, []); + + useEffect(() => { + if (userCheck) { + setAutoLoading(true); + dispatch(cityGetPoultryData(userCheck)).then((r) => { + setPoultryData(r.payload.data); + setAutoLoading(false); + }); + } + }, [userCheck]); + + useEffect(() => { + if (isAviculture) { + dispatch(LOADING_START()); + dispatch(avicultureGetPoultry()).then((r) => { + setPoultryData(r.payload.data); + dispatch(LOADING_END()); + }); + } + fetchData(); + }, []); + + const inputArr = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + + const inputArrPrices = [ + { + type: "text", + id: 1, + value: "", + }, + ]; + const [arr, setArr] = useState(inputArr); + const [arrPrices, setArrPrices] = useState(inputArrPrices); + + const dispatch = useDispatch(); + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + const [value] = useState("insideProvince"); + + // const handleChangeRadioButton = (event) => { + // setValue(event.target.value); + // }; + + // useEffect(() => { + // setSlaughterHousesListForSelect( + // avicultureSlaughters?.map((item) => { + // return { + // label: `${item.name} (${item.killHouseOperator?.user?.fullname})`, + // value: `${item.name} (${item.killHouseOperator?.user?.fullname})`, + // }; + // }) + // ); + // }, [avicultureSlaughters]); + + useEffect(() => { + dispatch(avicultureGetChickenPrice()); + }, []); + + const [unions, setUnions] = useState(); + const [unionSelected, setUnionSelected] = useState(); + + const [selectedKillhouse, setSelectedKillhouse] = useState(null); + + useEffect(() => { + if (poultryData) { + dispatch( + avicultureGetUnions({ + breeding_uniq_id: poultryData[0]?.breedingUniqueId, + }) + ).then((r) => { + setUnionSelected(r.payload.data[0]?.key); + setUnions(r.payload.data); + }); + } + }, [poultryData]); + + useEffect(() => { + setLoading(true); + dispatch(cityGetPoultriesService()).then(() => { + setLoading(false); + }); + }, []); + + const addInput = () => { + if (arr.length < 3) { + setArr((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + + setArrPrices((prevState) => { + return [ + ...prevState, + { + type: "text", + value: "", + }, + ]; + }); + } + }; + + const removeInput = () => { + const number = arr.length - 1; + + if (number !== 0) { + const filteredArrayPrice = arr?.filter((object, i) => i !== number); + const filteredArrayTime = arrPrices?.filter((object, i) => i !== number); + + setArr(filteredArrayPrice); + setArrPrices(filteredArrayTime); + } + + // setArr((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + + // setArrPrices((s) => { + // return s.splice(arr.findIndex((item) => item.id === number, 1)); + // }); + }; + + const handleChange = (e) => { + e.preventDefault(); + + const index = e.target.id; + setArr((s) => { + const newArr = s.slice(); + newArr[index].value = e.target.value; + + return newArr; + }); + }; + + const handleChangeTime = (e) => { + e.preventDefault(); + + const index = e.target.id; + + setArrPrices((s) => { + const newArrPrice = s.slice(); + newArrPrice[index].value = e.target.dataset.value; + + return newArrPrice; + }); + }; + + useEffect(() => { + if (avicultureChickenPrice) { + setPriceKey(avicultureChickenPrice?.key); + } + }, [avicultureChickenPrice]); + + const formik = useFormik({ + initialValues: { + noChicken: "", + sellType: { + cash: true, + haveTime: false, + }, + price1: "", + price2: "", + price3: "", + slaughterDate: moment(Date()).format("YYYY-MM-DD"), + period1: "4", + period2: "4", + period3: "4", + weight: "", + losses: "0", + isUnion, + isStockMarket, + isAccepted: getRoleFromUrl() === "Poultry" ? false : true, + selectedSlaughters: [], + financialOperation: "outside-system", + avicultureSellType: "goverment", + poultryPrice: "", + }, + validationSchema: Yup.object({ + noChicken: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!") + .min(0, "تعداد وارد شده از حداقل ممکن کمتر است") + .max(Number(chickenCanRequest), "تعداد وارد شده قابل تخصیص نیست"), + isAccepted: Yup.boolean() + .test("req", "باید تعهد نامه را بپذیرید!", (val, context) => { + return context.originalValue && context.originalValue === true; + }) + .required("این فیلد اجباری است!"), + price1: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price2: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price3: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + weight: Yup.number() + .test("weight", "وزن را تا دو رقم اعشار وارد کنید", (val, context) => { + return ( + context.originalValue && + context.originalValue.toString().length <= 4 + ); + }) + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + losses: Yup.number() + .required("این فیلد اجباری است!") + .max(quantity, "تلفات وارد شده از باقیمانده بیشتر است!") + .typeError("لطفا تعداد تلفات را وارد کنید!"), + poultryPrice: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + sellType: Yup.object() + .test("sellType", "نحوه فروش را انتخاب کنید!", (val, context) => { + return ( + context.originalValue && + Object.values(context.originalValue).some((item) => item === true) + ); + }) + .required("این فیلد اجباری است!"), + selectedSlaughters: poultryData[0]?.provinceAllowChooseKillHouse + ?.mandatory + ? Yup.array() + .of(Yup.string().required("At least one item is required.")) + .min(1, "At least one item is required.") + : Yup.array(), + }), + }); + + useEffect(() => { + if ( + data?.approved && + !( + data?.lowestPrice === 0 && + data?.highestPrice === 0 && + data?.lowestWeight === 0 && + data?.highestWeight === 0 + ) + ) { + if (formik.values.weight * 1000 <= data?.lowestWeight) { + setApprovedPrice(data?.lowestPrice); + } else if (formik.values.weight * 1000 >= data?.highestWeight) { + setApprovedPrice(data?.highestPrice); + } else { + const diffWeight = data?.highestWeight - data?.lowestWeight; + const diffPrice = data?.highestPrice - data?.lowestPrice; + const fraction = diffPrice / diffWeight; + const diffFromMinWeight = + formik.values.weight * 1000 - data?.lowestWeight; + setApprovedPrice(diffFromMinWeight * fraction + data?.lowestPrice); + formik.setFieldValue( + "poultryPrice", + diffFromMinWeight * fraction + data?.lowestPrice + ); + } + } + }, [formik.values.weight]); + + const formik2 = useFormik({ + initialValues: { + userInfoCheck: "", + }, + validationSchema: Yup.object({ + userInfoCheck: Yup.string() + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + }), + }); + + const formik3 = useFormik({ + initialValues: { + userInfoCheck: "", + }, + validationSchema: Yup.object({ + userInfoCheck: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + const formikBuyer = useFormik({ + initialValues: { + mobile: "", + fname: "", + lname: "", + nationalCode: "", + province: "", + city: "", + }, + validationSchema: Yup.object({ + mobile: Yup.string() + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }) + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + fname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + lname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + nationalCode: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + province: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + city: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + useEffect(() => { + formik.validateForm(); + formik2.validateForm(); + formik3.validateForm(); + formikBuyer.validateForm(); + }, []); + + useEffect(() => { + dispatch(avicultureGetSlaughters({ date: formik.values.slaughterDate })); + }, [formik.values.slaughterDate]); + + const penaltyPrice = formik.values.noChicken * 1000; + const dialogContent = ( + <> + + اینجانب {userProfile?.fullname} به وکالت از{" "} + {poultryData[0]?.userprofile?.fullName} موافقت خود را نسبت به موارد ذکر + شده اعلام می نمایم. + + + + + + + + + + ); + + useEffect(() => { + let newVal = formik.values.weight; + const mystring = formik.values.weight.toString().split(".").join(""); + if (formik.values.weight) { + if (mystring.length <= 3) { + if (mystring.length === 2) { + newVal = mystring[0] + "." + mystring[1]; + } + if (mystring.length === 3) { + newVal = mystring[0] + "." + mystring[1] + mystring[2]; + } + } + } + if (isNaN(Number.parseFloat(newVal))) { + formik.setFieldValue("weight", ""); + } else { + formik.setFieldValue("weight", Number.parseFloat(newVal)); + } + }, [formik.values.weight]); + + useEffect(() => { + if (isStockMarket) { + dispatch(avicultureGetChickenPrice()).then((r) => { + if (Array.isArray(r.payload.data)) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "قیمت روز مرغ در سامانه ثبت نشده است.", + severity: "error", + }); + + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } + }); + } + }, [isStockMarket]); + + useEffect(() => { + formik.validateForm(); + formik2.validateForm(); + }, []); + + useEffect(() => { + formik.setFieldValue("selectedSlaughters", []); + setSelectedKillhouse(null); + }, [formik.values.noChicken]); + + useEffect(() => { + if (poultryKey) { + dispatch(avicultureGetDirectBuys(poultryKey)).then((r) => { + const data = r?.payload?.data; + if (data?.length) { + const dataTable = data?.map((item) => { + let state = ""; + if (item.directBuyingState === "pending") { + state = "در انتظار تایید استان"; + } else if (item.directBuyingState === "rejected") { + state = "رد شده"; + } else if (item.directBuyingState === "accepted") { + state = "تایید شده"; + } else if (item.directBuyingState === "deleted") { + state = "حذف شده"; + } + return [ + item?.killHouse?.killer ? "کشتارکن" : "کشتارگاه", + `${item?.killHouse?.name} (${item?.killHouse?.killHouseOperator?.user?.fullname}) ${item?.killHouse?.killHouseOperator?.user?.mobile}`, + item?.killCapacity?.toLocaleString(), + formatJustDate(item?.reciveDate), + item.inputDirectBuyingCode ? "دارد" : "ندارد", + state, + ]; + }); + dispatch( + OPEN_MODAL({ + title: "هشدار!", + content: ( + <> + + مرغدار انتخاب شده برای تاریخ امروز درخواست فعال خرید مستقیم + دارد. + + + + + + + + ), + }) + ); + } + }); + dispatch(avicultureGetHatchingData({ key: poultryKey })).then((r) => { + if (r.payload.data) { + setHatchingData(r.payload.data); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "اطلاعات جوجه ریزی یافت نشد!", + severity: "error", + }); + } + }); + } + }, [poultryKey]); + + useEffect(() => { + let baseCanRequest = + formik.values.noChicken <= Number(leftOvers) && + Number(formik.values.losses) <= Number(leftOvers) + ? formik.values.avicultureSellType === "freePrice" + ? parseInt( + hatchingSelected?.freeGovernmentalInfo + ?.leftTotalFreeCommitmentQuantity + ) + : Number(leftOvers) - Number(formik.values.losses) + : 0; + + // Apply market limitation if tradePanel is checked and active + if ( + tradePanel && + marketLimitationData?.active && + marketLimitationData?.market?.remainQuantity !== undefined && + marketLimitationData?.market?.maxLimitationQuantity !== undefined + ) { + const marketRemain = marketLimitationData.market.remainQuantity; + baseCanRequest = Math.min(baseCanRequest, marketRemain); + } + + setChickenCanRequest(baseCanRequest); + formik.validateForm(); + }, [ + formik.values.losses, + leftOvers, + formik.values.noChicken, + formik.values.avicultureSellType, + tradePanel, + marketLimitationData, + ]); + + const [sellForFreezing, setSellForFreezing] = useState(false); + const [sellForExport, setSellForExport] = useState(false); + + useEffect(() => { + setQuantity(hatchingSelected.quantity); + setlosses(hatchingSelected.losses); + setLeftOvers(hatchingSelected.leftOver); + dispatch(provinceGetSellForFreezingStatus()).then((r) => { + setSellForFreezing(r.payload.data.permission); + }); + dispatch(provincePolicyGetExportAllowStatus()).then((r) => { + setSellForExport(r.payload.data.allow); + }); + }, [hatchingSelected]); + + useEffect(() => { + if (tradePanel) { + dispatch(provincePolicyGetMarketDailyLimitation()).then((r) => { + if (r.payload?.data) { + setMarketLimitationData(r.payload.data); + } + }); + } + }, [tradePanel]); + + // const handleSellTypeChange = (event) => { + // formik.setFieldValue("sellType", { + // ...formik.values.sellType, + // [event.target.name]: event.target.checked, + // }); + // }; + + // const [policyAvicultureCommit, setPolicyAvicultureCommit] = useState(); + + // useEffect(() => { + // dispatch(provinceGetPolicyAvicultureCommitService()).then((r) => { + // setPolicyAvicultureCommit(r.payload.data); + // }); + // }, []); + + return ( + <> + {!poultryData && !isAviculture ? ( + <> + + {autoLoading && } + + {!autoLoading && ( + + جستجو کاربر + + {/* */} + { + return option.disabled <= 0; + }} + loading={loading} + options={cityGetPoultries || []} + getOptionLabel={(option) => option.label} + onChange={(event, newValue) => { + formik2.setFieldValue("userInfoCheck", newValue.value); + }} + onBlur={formik2.handleBlur} + renderInput={(params) => ( + + {loading ? ( + + ) : null} + {params.InputProps.endAdornment} + + ), + }, + }} + /> + )} + /> + + { + dispatch( + cityGetPoultryData(formik2.values.userInfoCheck) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کاربر یافت نشد", + severity: "error", + }); + } + setPoultryData(r.payload.data); + }); + }} + > + + + + شماره موبایل با صفر شروع می‌شود! + + پس از ثبت درخواست، میتوانید آن را در بخش درخواست ها مدیریت کنید. + + + )} + + ) : ( + + + {/* + + وکالت مرغدار جهت ثبت درخواست کشتار + + } + columns={["استان", "شهرستان"]} + data={[ + [ + poultryData[0]?.allow?.province ? ( + دارد + ) : ( + ندارد + ), + poultryData[0]?.allow?.city ? ( + دارد + ) : ( + ندارد + ), + ], + ]} + /> + */} + + ({ + id: i.key, + label: i.unitName, + })) + : [] + } + onChange={(event, value) => { + setPolutryKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + {poultryKey && ( + + { + return { + id: i.key, + race: i.chickenBreed, + selected: i, + label: `دوره ${i.period} سالن ${i.hall} نژاد ${i.chickenBreed} باقیمانده ${i.leftOver} قطعه`, + }; + }) + : [] + } + onChange={(event, value) => { + sethatchingKey(value.id); + setHatchingSelected(value.selected); + setChickenBreed(value.race); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {hatchingKey && ( + <> + + + + + + + + + + + )} + + {hatchingSelected && ( + + + اطلاعات کشتار + + + {/* + + */} + + {/* */} + chickenCanRequest + ? (() => { + if ( + tradePanel && + marketLimitationData?.active && + formik.values.noChicken > + marketLimitationData?.market?.remainQuantity + ) { + return `حداکثر ظرفیت پنل معاملات ${marketLimitationData?.market?.remainQuantity?.toLocaleString()} قطعه است!`; + } + return "این حجم قابل تخصیص نیست!"; + })() + : formik.touched.noChicken + ? Boolean(formik.errors.noChicken) + : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.values.noChicken > chickenCanRequest + ? (() => { + if ( + tradePanel && + marketLimitationData?.active && + formik.values.noChicken > + marketLimitationData?.market?.remainQuantity + ) { + return `حداکثر ظرفیت پنل معاملات ${marketLimitationData?.market?.remainQuantity?.toLocaleString()} قطعه است!`; + } + return "این حجم قابل تخصیص نیست!"; + })() + : formik.touched.noChicken && + Boolean(formik.errors.noChicken) + ? formik.errors.noChicken + : null + } + /> + + + {data?.approved && ( + + + prop.palette.grey["A700"]} + variant={"caption"} + > + مجوز فروش آزاد: + + + {parseInt( + hatchingSelected?.freeGovernmentalInfo + ?.totalFreeCommitmentQuantity + )?.toLocaleString()} + + + قطعه + + + + + مانده فروش آزاد: + + + {parseInt( + hatchingSelected?.freeGovernmentalInfo + ?.leftTotalFreeCommitmentQuantity + ).toLocaleString()} + {"‌‌"} + قطعه + + + + )} + + + } + value={formik.values.slaughterDate} + error={ + formik.touched.slaughterDate + ? Boolean(formik.errors.slaughterDate) + : null + } + onChange={(e) => { + formik.setFieldValue( + "slaughterDate", + moment(e).format("YYYY-MM-DD") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.slaughterDate && + Boolean(formik.errors.slaughterDate) + ? formik.errors.slaughterDate + : null + } + /> + + + + کیلوگرم + ), + }} + value={formik.values.weight} + error={ + formik.touched.weight ? Boolean(formik.errors.weight) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + /> + + + {/* + + + } + label="فروش داخل استان" + /> + } + label="فروش خارج استان" + /> + + + */} + + {/* + نحوه فروش + */} + + {value === "insideProvince" ? ( + <> + + + { + setIsStockMarket(event.currentTarget.value); + }} + > + {/* } + label="فروش اتحادیه" + /> */} + {/* + } + label="فروش مزایده ای" + /> */} + {isStockMarket === "فروش مزایده ای" && ( + + + prop.palette.grey["A700"]} + variant={"caption"} + > + کف قیمت امروز: + + + {avicultureChickenPrice?.floorPrice + ? avicultureChickenPrice?.floorPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سقف قیمت امروز: + + + {avicultureChickenPrice?.ceilingPrice + ? avicultureChickenPrice?.ceilingPrice.toLocaleString() + : "نامشخص"} + ریال + + + + + + {arr.map((item, i) => { + return ( + + + پیشنهاد {i + 1} + + + + + + + بازه زمانی (ساعت) + + + + {formik.touched.period1 && + Boolean(formik.errors.period1) + ? formik.errors.period1 + : null} + + + {/* */} + + ); + })} + + + {arr.length > 1 && ( + + + + )} + {arr.length < 3 && ( + + + افزودن پیشنهاد جدید + + )} + + + + + در صورت عدم فروش در بورس، از طریق اتحادیه فروش + برود + + + + + )} + + + + {/* + formik.setFieldValue("selectedSlaughters", e) + } + options={slaughterHousesListForSelect} + /> */} + {/* + {formik.values.selectedSlaughters && ( + + کشتارگاهای انتخابی + + )} + + {formik.values.selectedSlaughters.map((item, i) => { + return ( + + {i + 1}- {item} + + ); + })} + + */} + {/* + + نحوه فروش + + + + } + label="نقدی" + /> + + } + label="زمان دار (تا یک ماه)" + /> + + + {formik.touched.sellType && + Boolean(formik.errors.sellType) + ? formik.errors.sellType + : null} + + */} + + {/* {unions?.length > 1 && ( */} + {/* <> */} + + {data?.approved && + !( + data?.lowestPrice === 0 && + data?.highestPrice === 0 && + data?.lowestWeight === 0 && + data?.highestWeight === 0 + ) && ( + + نوع فروش + + } + label="دولتی" + /> + } + label="آزاد" + /> + + + )} + + {data?.approved && + formik.values.avicultureSellType === "goverment" && + !( + data?.lowestPrice === 0 && + data?.highestPrice === 0 && + data?.lowestWeight === 0 && + data?.highestWeight === 0 + ) && ( + + + + قیمت مصوب: + + + + {approvedPrice + ? Math.round(approvedPrice)?.toLocaleString() + : 0} + ریال + + + )} + + + + + نحوه تسویه حساب + + + } + label="خارج از سامانه" + /> + + } + label="درون سامانه" + disabled={true} + /> + + + + {poultryData?.length && + poultryData[0]?.provinceAllowChooseKillHouse + ?.allowState && ( + + { + formik.setFieldValue("selectedSlaughters", [ + v.value, + ]); + setSelectedKillhouse(v.killhouseKey); + }} + id="combo-box-demo" + options={slaughterHousesListForSelect} + sx={{ width: "100%" }} + getOptionDisabled={(option) => { + const limit = Number(formik.values.noChicken); + return option.item.quantitySum < limit; + }} + renderInput={(params) => ( + + )} + /> + {/* { + formik.setFieldValue("selectedSlaughters", e); + }} + options={slaughterHousesListForSelect} + /> */} + + {formik.values.selectedSlaughters && ( + + کشتارگاهای انتخابی + + )} + + {formik.values.selectedSlaughters.map((item, i) => { + return ( + + {i + 1}- {item} + + ); + })} + + + + )} + + + + اطلاعات تعاونی + + { + setUnionSelected(event.currentTarget.value); + }} + > + {unions?.map((item) => { + return ( + <> + } + label={item.unitName} + /> + + ); + })} + + + + {/* + )} */} + + ) : ( + <> + + + اطلاعات کاربر را وارد یا جستجو کنید. + + + + + { + dispatch( + cityGetBuyer(formik3.values.userInfoCheck) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کاربر یافت نشد", + severity: "error", + }); + setBuyerInfo(""); + } else { + setBuyerInfo(r.payload.data); + } + }); + }} + > + + + + + شماره موبایل با صفر شروع می‌شود! + + + + {buyerInfo ? ( + + + prop.palette.grey["A700"]} + > + نام کامل: + + + {(buyerInfo?.firstname ? buyerInfo?.firstname : "") + + " " + + (buyerInfo?.lastname ? buyerInfo?.lastname : "")} + + + + + prop.palette.grey["A700"]} + > + نقش: + + + اپراتور استان + + + + + prop.palette.grey["A700"]} + > + استان: + + + {buyerInfo?.province} + + + + + prop.palette.grey["A700"]} + > + شهر: + + + {buyerInfo?.city} + + + + ) : ( + + + اطلاعات کاربر را وارد کنید + + + + + + + + + + + + + + )} + + )} + + + {sellForFreezing && ( + + + { + setFreezing(!freezing); + }} + inputProps={{ "aria-label": "controlled" }} + /> + کشتار برای انجماد + + + )} + + {marketLimitationData?.active ? ( + + + + { + setTradePanel(!tradePanel); + }} + inputProps={{ "aria-label": "controlled" }} + /> + + نمایش در پنل معاملات + + + {tradePanel && ( + + + + prop.palette.grey["A700"]} + > + باقیمانده مجاز: + + + {marketLimitationData?.market?.remainQuantity?.toLocaleString()}{" "} + قطعه + + + + prop.palette.grey["A700"]} + > + حداکثر قطعه مجاز: + + + {marketLimitationData?.market?.maxLimitationQuantity?.toLocaleString()}{" "} + قطعه + + + + )} + + + ) : ( + + { + setTradePanel(!tradePanel); + }} + inputProps={{ "aria-label": "controlled" }} + /> + + نمایش در پنل معاملات + + + )} + + + {(formik.values.avicultureSellType !== "goverment" || + (data?.approved && + data?.lowestPrice === 0 && + data?.highestPrice === 0 && + data?.lowestWeight === 0 && + data?.highestWeight === 0)) && ( + + ریال + ), + }} + value={formik.values.poultryPrice} + error={ + formik.touched.poultryPrice + ? Boolean(formik.errors.poultryPrice) + : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.poultryPrice && + Boolean(formik.errors.poultryPrice) + ? formik.errors.poultryPrice + : null + } + sx={{ + "& .Mui-disabled": { + backgroundColor: "#f0f0f0", + color: "#666", + "& .MuiOutlinedInput-notchedOutline": { + borderColor: "#ccc", + }, + }, + }} + disabled={freezing} + /> + {!data?.approved && + formik.values.avicultureSellType !== "goverment" && ( + + نوع فروش: آزاد + + )} + + )} + {sellForExport && ( + + { + setToExport(!toExport); + }} + inputProps={{ "aria-label": "controlled" }} + /> + کشتار برای صادرات + + )} + + {getRoleFromUrl() === "Poultry" && ( + + + + + + } + btnTitle={"متن تعهد نامه تایید شد!"} + isAccepted={formik.values.isAccepted} + /> + + )} + + {submitStatus && ( + + )} + + {submitStatus && ( + + احراز پیامکی قیمت مرغدار در استان فعال است. در صورت ویرایش، + تلفن مرغدار در سراسر سامانه با تلفن جدید جایگزین میگردد! + + )} + + + + + )} + + )} + + ); +}; diff --git a/src/features/city/components/city-new-request/CityNewRequest.js b/src/features/city/components/city-new-request/CityNewRequest.js new file mode 100644 index 0000000..c961513 --- /dev/null +++ b/src/features/city/components/city-new-request/CityNewRequest.js @@ -0,0 +1,62 @@ +import { Button, Card } from "@mui/material"; +import React from "react"; +import { useDispatch } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { columnsName } from "../../../../data/columnsName"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { AvicultureNewRequest } from "../../../aviculture/components/aviculture-new-request/AvicultureNewRequest"; + +export const CityNewRequest = () => { + const dispatch = useDispatch(); + return ( + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/city/components/city-new-requests/CityNewRequests.js b/src/features/city/components/city-new-requests/CityNewRequests.js new file mode 100644 index 0000000..3120df9 --- /dev/null +++ b/src/features/city/components/city-new-requests/CityNewRequests.js @@ -0,0 +1,461 @@ +import { Button, TextField, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +// import { ROUTE_CITY_FILE } from "../../../../routes/routes"; +// import { avicultureGetRequests } from "../../../aviculture/services/aviculture-requests"; +import CreateIcon from "@mui/icons-material/Create"; +import CityFileOperations from "../../../file/components/city-file-operations/CityFileOperations"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { IconButton } from "@mui/material"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { ROUTE_CITY_FILE } from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import { RiSearchLine } from "react-icons/ri"; + +export const CityNewRequests = () => { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + // page table + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + let response = await axios.get( + `Poultry_Request/?state=pending&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue ? textValue : "" + }&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + let response = await axios.get( + `Poultry_Request/?state=pending&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue ? textValue : "" + }&page=${page}&page_size=${newPerPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `Poultry_Request/?state=pending&date1=${selectedDate1}&date2=${selectedDate2}&role=${getRoleFromUrl()}&search=filter&value=${ + textValue ? textValue : "" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const updateTable = () => { + fetchApiData(1); + }; + + const columns = [ + { + name: "کدسفارش", + selector: (item) => item?.orderCode, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تاریخ ثبت درخواست", + selector: (item) => formatJustDate(item?.createDate), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "نوع کشتار", + selector: (item) => { + return item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی"; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تاریخ کشتار", + selector: (item) => formatJustDate(item?.sendDate), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مرغداری", + selector: (item) => + `${item?.poultry?.unitName} (${item?.poultry?.user?.mobile})`, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "دامپزشک فارم", + selector: (item) => + `${item?.vetFarm?.vetFarmFullname} (${item?.vetFarm?.vetFarmMobile})`, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "استان/شهر", + selector: (item) => + `${item?.poultry?.address?.province?.name}/${item?.poultry?.address?.city?.name}`, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعاونی", + selector: (item) => { + return item?.poultry?.cityOperator; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تاریخ جوجه ریزی", + selector: (item) => formatJustDate(item?.hatching?.hatchingDate), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "سن", + selector: (item) => item?.hatching?.age, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "میانگین وزن (کیلوگرم)", + selector: (item) => { + return item?.IndexWeight; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعداد (قطعه)", + selector: (item) => item?.quantity, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "وزن بار (کیلوگرم)", + selector: (item) => (item?.quantity * item?.IndexWeight).toLocaleString(), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "عملیات", + selector: (item) => { + return ( + + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + title: "انجام عملیات شهرستان", + }) + ) + } + > + + + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "مشاهده", + selector: (item) => { + return ( + navigate(ROUTE_CITY_FILE + item?.id)} + > + + + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + ]; + + // useEffect(() => { + // dispatch(LOADING_START()); + // dispatch(avicultureGetRequests({ selectedDate1, selectedDate2 })).then( + // (r) => { + // dispatch(LOADING_END()); + // } + // ); + // }, [selectedDate1, selectedDate2]); + + // useEffect(() => { + // const filteredData = avicultureRequests?.filter( + // (item, i) => item.stateProcess === "pending" + // ); + // const d = filteredData?.map((item, i) => { + // return [ + // i + 1, + // item.orderCode, + // item.poultry.userprofile.baseOrder, + // formatJustDate(item.createDate), + // formatJustDate(item.sendDate), + // item?.process?.poultry?.poultryName, + // item?.process?.poultry?.poultryMobile, + // item?.process?.poultry?.poultryCity, + // item?.process?.poultry?.poultryProvince, + // formatJustDate(item.hatching.date), + // item?.process?.poultry?.age, + // item?.process?.poultry?.poultryQuantity, + // + // dispatch( + // DRAWER({ + // right: !(window.innerWidth <= 600), + // bottom: window.innerWidth <= 600, + // content: ( + // + // ), + // title: "انجام عملیات شهرستان", + // }) + // ) + // } + // > + // + // , + // + // navigate(ROUTE_CITY_FILE + item?.process?.poultry?.poultryRequestId) + // } + // > + // + // , + // ]; + // }); + + // setDataTable(d); + // }, [avicultureRequests]); + + return ( + <> + {/* + + درخواست های جدید فروش اتحادیه + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + } + columns={columnsName} + data={dataTable} + /> */} + + + + + درخواست های جدید فروش اتحادیه + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + + ); +}; diff --git a/src/features/city/components/city-operations/CityOperations.js b/src/features/city/components/city-operations/CityOperations.js new file mode 100644 index 0000000..bfe4d5d --- /dev/null +++ b/src/features/city/components/city-operations/CityOperations.js @@ -0,0 +1,135 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_CITY_ACTIVE_REQUESTS, + ROUTE_CITY_ARCHIVED_REQUESTS, + ROUTE_CITY_AWAITING_INSPECTION_REQUESTS, + ROUTE_CITY_REJECTED_REQUESTS, + ROUTE_CITY_AWAITING_PAYMENT_REQUESTS, + ROUTE_CITY_NEW_REQUESTS, + ROUTE_CITY_FREE_SALES_REQUESTS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { VscFolderActive, VscNewFolder } from "react-icons/vsc"; +import { GiMoneyStack } from "react-icons/gi"; +import { GrInspect } from "react-icons/gr"; +import { RiFolderWarningLine } from "react-icons/ri"; +import { FaArchive } from "react-icons/fa"; + +export const CityOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + } + title="درخواست های جدید" + description="درخواست های در انتظار بررسی" + /> + + + } + title="درخواست های فعال" + description="مشاهده درخواست های در جریان" + /> + + + + } + title="در انتظار پرداخت" + description="مشاهده درخواست های در انتظار پرداخت کشتارگاه" + /> + + + + } + title="در انتظار بازرسی" + description="درخواست های در انتظار بررسی بازرس" + /> + + + + + } + title="درخواست های رد شده" + description="مشاهده درخواست هایی که به دلایل مختلف توسط اتحادیه رد شده است" + /> + + + } + title="فروش خارج از استان" + /> + + + + + } + title="بایگانی" + description="درخواست های پایان یافته" + /> + + + + + ); +}; diff --git a/src/features/city/components/city-poultry-farms/CityPoultryFarms.js b/src/features/city/components/city-poultry-farms/CityPoultryFarms.js new file mode 100644 index 0000000..024a7d1 --- /dev/null +++ b/src/features/city/components/city-poultry-farms/CityPoultryFarms.js @@ -0,0 +1,197 @@ +import { + Grid, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, +} from "@mui/material"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; + +import { useEffect, useState } from "react"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { CitySubmitTenantForm } from "../city-submit-tenant-form/CitySubmitTenantForm"; +import { CityEditAvicultureInfoForm } from "../city-edit-aviculture-info-form/CityEditAvicultureInfoForm"; +import { cityGetPoultryFarm } from "../../services/city-get-poultry-farms"; +import { CityTenantOwnerInfo } from "../city-tenant-owner-info/CityTenantOwnerInfo"; +import TuneIcon from "@mui/icons-material/Tune"; +import PersonAddAltIcon from "@mui/icons-material/PersonAddAlt"; +import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined"; +import EditOutlinedIcon from "@mui/icons-material/EditOutlined"; + +const PoultryFarmActions = ({ item }) => { + const dispatch = useDispatch(); + const [anchorPosition, setAnchorPosition] = useState(null); + + const hasTenant = Object.keys(item.poultryTenant).length !== 0; + + const handleOpen = (event) => { + const rect = event.currentTarget.getBoundingClientRect(); + setAnchorPosition({ + top: rect.bottom + window.scrollY, + left: rect.left + rect.width / 2 + window.scrollX, + }); + }; + + const handleClose = () => { + setAnchorPosition(null); + }; + + const handleAddTenant = () => { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ایجاد مستاجر جدید", + content: , + }) + ); + handleClose(); + }; + + const handleShowTenantInfo = () => { + dispatch( + OPEN_MODAL({ + title: "اطلاعات مستاجر", + content: , + }) + ); + handleClose(); + }; + + const handleEditInfo = () => { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ویرایش اطلاعات مرغدار", + content: , + }) + ); + handleClose(); + }; + + return ( + + + + + + + {hasTenant ? ( + + + + + + + ) : ( + + + + + + + )} + + + + + + + + + + ); +}; + +export const CityPoultryFarms = () => { + const [dataTable, setDataTable] = useState([]); + const { poultryFarms } = useSelector((state) => state.citySlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(cityGetPoultryFarm()); + }, []); + + useEffect(() => { + const d = poultryFarms + ?.filter((item) => Object.keys(item.poultryOwner).length === 0) + .map((item, i) => { + return [ + i + 1, + item.unitName, + item.userprofile.fullName, + item.userprofile.breedingUniqueId, + item.address.province.name, + item.address.city.name, + item.userprofile.mobile, + , + ]; + }); + + setDataTable(d); + }, [poultryFarms]); + + const [tableDataCol] = useState([ + "ردیف", + "نام مرغداری", + "نام صاحب", + "شناسه یکتا", + "استان", + "شهر", + "تلفن همراه", + "عملیات", + ]); + + return ( + + + + ); +}; diff --git a/src/features/city/components/city-profile/CityProfile.js b/src/features/city/components/city-profile/CityProfile.js new file mode 100644 index 0000000..7d3c47f --- /dev/null +++ b/src/features/city/components/city-profile/CityProfile.js @@ -0,0 +1,61 @@ +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +// import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +// import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +import { cityGetProfile } from "../../services/city-get-profile"; + +export const CityProfile = () => { + const { profile } = useSelector((state) => state.citySlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + + + + + + + + + ); +}; diff --git a/src/features/city/components/city-rejected-requests/CityRejectedRequests.js b/src/features/city/components/city-rejected-requests/CityRejectedRequests.js new file mode 100644 index 0000000..db4c21b --- /dev/null +++ b/src/features/city/components/city-rejected-requests/CityRejectedRequests.js @@ -0,0 +1,74 @@ +import { Card, IconButton } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_CITY_FILE } from "../../../../routes/routes"; +import { FileInformation } from "../../../file/components/file-information/FileInformation"; +import useAvicultureRequests from "../../../aviculture/hooks/useAvicultureRequests"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const CityRejectedRequests = () => { + const navigate = useNavigate(); + + const [dataTable, setDataTable] = useState([]); + const avicultureRequests = useAvicultureRequests("CityOperator"); + useEffect(() => { + const filteredData = avicultureRequests?.filter( + (item, i) => item.stateProcess === "rejected" + ); + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + + navigate(ROUTE_CITY_FILE + item?.process?.poultry?.poultryRequestId) + } + > + + , + ]; + }); + + setDataTable(d); + }, []); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + ( + + )} + data={dataTable} + /> + + ); +}; diff --git a/src/features/city/components/city-submit-aviculture/CitySubmitAviculture.js b/src/features/city/components/city-submit-aviculture/CitySubmitAviculture.js new file mode 100644 index 0000000..d256fe5 --- /dev/null +++ b/src/features/city/components/city-submit-aviculture/CitySubmitAviculture.js @@ -0,0 +1,1211 @@ +import { + Autocomplete, + Button, + Checkbox, + Chip, + Divider, + FormControl, + FormControlLabel, + FormHelperText, + IconButton, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; + +import React, { useEffect } from "react"; +import { useFormik } from "formik"; + +import DeleteIcon from "@mui/icons-material/Delete"; +import AddIcon from "@mui/icons-material/Add"; +import CheckIcon from "@mui/icons-material/Check"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; + +import { useDispatch } from "react-redux"; +import { useState } from "react"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import SearchIcon from "@mui/icons-material/Search"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Yup } from "../../../../lib/yup/yup"; +import { cityGetCity } from "../../services/city-get-city"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { provinceCheckUserExistence } from "../../../province/services/province-check-user-existence"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { provinceRegisterUser } from "../../../province/services/province-register-user"; +import { provinceGetUserProfiles } from "../../../province/services/province-get-user-profiles"; +import { cityGetProvinces } from "../../services/CityGetProvinces"; + +export const CitySubmitAviculture = () => { + const [openNotif] = useContext(AppContext); + + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + + const [poultryProvinceKey, setPoultryProvinceKey] = useState(); + const [poultryCityKey, setPoultryCityKey] = useState(); + + const [userChecked, setUserChecked] = useState(false); + + const [isExistProvince, setIsExistProvince] = useState(true); + + const [userData, setUserData] = useState(); + + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + mobile: "", + fname: "", + lname: "", + nationalcode: "", + password: "", + birthday: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + mobile: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به صورت عددی وارد کنید!") + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }), + fname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + lname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + nationalcode: Yup.number() + .required("این فیلد اجباری است!") + .test("len", "کد ملی میبایست ده رقم باشد.", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 10; + } + }), + password: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا مقادیر را به درستی وارد کنید!"), + }), + }); + + // const formikPoultry = useFormik({ + // initialValues: { + // uniqueID: "", + // poultryAddress: "", + // halls: "", + // systemCode: "", + // epidemiologicalCode: "", + // unitName: "", + // ownerName: "", + // capacity: "", + // licenseNumber: "", + // postal: "", + // }, + // validationSchema: Yup.object({ + // uniqueID: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + // poultryAddress: Yup.string() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به درستی وارد کنید!"), + // halls: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + // systemCode: Yup.string() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به درستی وارد کنید!"), + // epidemiologicalCode: Yup.string() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + // unitName: Yup.string() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به درستی وارد کنید!"), + // ownerName: Yup.string() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به درستی وارد کنید!"), + // capacity: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + // licenseNumber: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + // postal: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + // }), + // }); + + useEffect(() => { + formik.validateForm(); + formik2.validateForm(); + }, []); + + const formik2 = useFormik({ + initialValues: { + userInfoCheck: "", + }, + validationSchema: Yup.object({ + userInfoCheck: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + const [user, setUser] = React.useState(); + + const handleChange = () => { + if (user === "Poultry") { + setUser(""); + } else { + setUser("Poultry"); + } + }; + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (poultryProvinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(poultryProvinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } else if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey, poultryProvinceKey]); + + const [arr, setArr] = useState([ + { + id: 0, + uniqueID: "", + poultryAddress: "", + halls: "", + systemCode: "", + epidemiologicalCode: "", + unitName: "", + capacity: "", + licenseNumber: "", + postal: "", + bankName: "", + cardNumber: "", + accountNumber: "", + shabaNumber: "", + accountHolder: "", + }, + ]); + + const addInput = () => { + setArr((prevState) => { + return [ + ...prevState, + { + id: prevState.length, + uniqueID: "", + poultryAddress: "", + halls: "", + systemCode: "", + epidemiologicalCode: "", + unitName: "", + capacity: "", + licenseNumber: "", + postal: "", + bankName: "", + cardNumber: "", + accountNumber: "", + shabaNumber: "", + accountHolder: "", + }, + ]; + }); + }; + + const removeInput = () => { + const number = arr.length - 1; + + if (number !== 0) { + const filteredArrayPrice = arr.filter((object, i) => i < number); + // let filteredArrayTime = arrPrices.filter((object, i) => i < number); + + setArr(filteredArrayPrice); + // setArrPrices(filteredArrayTime); + } + }; + + const handleChangeArray = (e) => { + const [itemName, itemIndex] = e.target.name.split("-"); + if (itemName === "uniqueID") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].uniqueID = e.target.value; + return newState; + }); + } else if (itemName === "poultryAddress") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].poultryAddress = e.target.value; + return newState; + }); + } else if (itemName === "halls") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].halls = Number(e.target.value); + return newState; + }); + } else if (itemName === "systemCode") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].systemCode = Number(e.target.value); + return newState; + }); + } else if (itemName === "epidemiologicalCode") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].epidemiologicalCode = Number(e.target.value); + return newState; + }); + } else if (itemName === "ownerName") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].ownerName = e.target.value; + return newState; + }); + } else if (itemName === "unitName") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].unitName = e.target.value; + return newState; + }); + } else if (itemName === "capacity") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].capacity = Number(e.target.value); + return newState; + }); + } else if (itemName === "licenseNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].licenseNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "postal") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].postal = Number(e.target.value); + return newState; + }); + } else if (itemName === "bankName") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].bankName = e.target.value; + return newState; + }); + } else if (itemName === "cardNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].cardNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "accountNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].accountNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "shabaNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].shabaNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "accountHolder") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].accountHolder = e.target.value; + return newState; + }); + } + }; + + return ( + + + {!userChecked && ( + <> + بررسی کاربر + + + + { + dispatch(LOADING_START()); + dispatch( + provinceCheckUserExistence({ + type: "check_user", + value: formik2.values.userInfoCheck, + }) + ).then((r) => { + dispatch(LOADING_END()); + if (r.error) { + if (r.error.message.includes("409")) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کاربر پیدا نشد، یک کاربر جدید بسازید!", + severity: "error", + }); + } + } else { + if (r.payload.data) { + setUserData(r.payload.data.profile); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + + dispatch( + DRAWER({ + right: false, + bottom: false, + content: null, + }) + ); + } + } + }); + setUserChecked(true); + }} + > + + + + شماره موبایل با صفر شروع می‌شود! + + )} + + {userChecked && ( + <> + {userData ? ( + <> + + + prop.palette.grey["A700"]} + > + نام کامل: + + + {userData.fullname} + {" "} + + + + prop.palette.grey["A700"]} + > + موبایل: + + + {userData.mobile} + + + + + prop.palette.grey["A700"]} + > + استان: + + + {userData.province} + {" "} + + + + prop.palette.grey["A700"]} + > + شهر: + + + {userData.city} + + + + + prop.palette.grey["A700"]} + > + تاریخ تولد: + + + {formatJustDate(userData.birthday)} + + + {userData?.role.length > 0 && ( + + prop.palette.grey["A700"]} + > + {userData?.role?.length > 1 ? "نقش ها:" : "نقش:"} + + + + {userData?.role?.map((item, i) => { + let name = ""; + switch (item) { + case "ProvinceOperator": + name = "اپراتور تخصیص استان"; + break; + case "CityOperator": + name = "اپراتور شهرستان"; + break; + case "KillHouseVet": + name = "دامپزشک کشتارگاه"; + break; + case "Poultry": + name = "مرغدار"; + break; + case "KillHouse": + name = "کشتارگاه"; + break; + case "VetFarm": + name = "دامپزشک"; + break; + case "Vet": + name = "دامپزشک"; + break; + case "ProvinceInspector": + name = "بازرس استان"; + break; + case "ProvinceFinancial": + name = "اپراتور مالی"; + break; + case "Driver": + name = "راننده"; + break; + case "Admin": + name = "ادمین کل"; + break; + default: + break; + } + return [ + + + {name} + , + ]; + })} + + + )} + + {userData?.image?.length > 5 && ( + <> + + prop.palette.grey["A700"]} + > + پروفایل: + + + +

+ + + + + )} + + + ) : ( + <> + + + + + + + + + + + } + value={formik.values.birthday} + error={ + formik.touched.birthday + ? Boolean(formik.errors.birthday) + : null + } + onChange={(e) => { + formik.setFieldValue( + "birthday", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.birthday && Boolean(formik.errors.birthday) + ? formik.errors.birthday + : null + } + /> + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + )} + + + {userData && ( + + {!userData.role.includes("Poultry") && ( + } + label="ثبت مرغداری برای این کاربر" + onChange={handleChange} + /> + )} + + )} + + {/* start of poultry ============================================================================= */} + + {arr.map((item, i) => { + return ( + <> + {user === "Poultry" && ( + <> + + + + + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setPoultryProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setPoultryCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + + + + + + {/* + + */} + + + + + + + + + + + + + + + + بانک + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + )} + + ); + })} + + {/* end of poultry ============================================================================= */} + + + + + + )} + + + ); +}; diff --git a/src/features/city/components/city-submit-hatching-report/CitySubmitHatchingReport.js b/src/features/city/components/city-submit-hatching-report/CitySubmitHatchingReport.js new file mode 100644 index 0000000..6ab275c --- /dev/null +++ b/src/features/city/components/city-submit-hatching-report/CitySubmitHatchingReport.js @@ -0,0 +1,192 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControlLabel, + Switch, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch } from "react-redux"; +import { archiveHatchingService } from "../../services/archive-hatching"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { FileUploader } from "../../../../components/file-uploader/FileUploader"; + +export const CitySubmitHatchingReport = ({ item, updateTable, isArchive }) => { + const [checked, setChecked] = useState(item?.violation); + const [sendToArchive, setSendToArchive] = useState(false); + const dispatch = useDispatch(); + const handleChange = (event) => { + setChecked(event.target.checked); + }; + const handleChangeArchive = (event) => { + setSendToArchive(event.target.checked); + }; + + const [openNotif] = useContext(AppContext); + + const [filesList, setFilesList] = useState([]); + + const hanleFilesChange = (e) => { + setFilesList(e); + }; + + const formik = useFormik({ + initialValues: { + reportText: item?.violationReport, + bar_image: "", + }, + validationSchema: Yup.object({ + reportText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا گزارش خود را بیان کنید."), + bar_image: Yup.array(), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + // const factorPaymentHandler = (imageList, addUpdateIndex) => { + // if (imageList[0]) { + // formik.setFieldValue( + // "bar_image", + // imageList.map((img) => fixBase64(img.data_url)) + // ); + // } + // setProfileImages(imageList); + // }; + + return ( + + + } + label={checked ? "متخلف" : "بدون تخلف"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + {!isArchive && ( + + } + label={"انتقال به بایگانی"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + )} + + + در صورت آپلود فایل جدید، سندهای پیشین حذف میشوند! + + + {/* */} + + + {/* {item?.violationImage?.length && !profileImages?.length && ( + <> + {item?.violationImage?.map((option, i) => ( + تصویر گزارش

+ ))} + + )} */} + + + + ); +}; diff --git a/src/features/city/components/city-submit-looses/CitySubmitLooses.js b/src/features/city/components/city-submit-looses/CitySubmitLooses.js new file mode 100644 index 0000000..4692a64 --- /dev/null +++ b/src/features/city/components/city-submit-looses/CitySubmitLooses.js @@ -0,0 +1,77 @@ +import React, { useContext } from "react"; +import { TextField, Button } from "@mui/material"; +import { Formik, Form, Field, ErrorMessage } from "formik"; +import * as Yup from "yup"; +import { useDispatch } from "react-redux"; +import { archiveHatchingService } from "../../services/archive-hatching"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = Yup.object().shape({ + looses_amount: Yup.number() + .required("این فیلد اجباری است!") + .min(0, "عدد مثبت وارد کنید!"), +}); + +export const CitySubmitLooses = ({ updateTable, item }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleSubmit = (values, { resetForm }) => { + dispatch( + archiveHatchingService({ + key: item?.key, + direct_losses: values.looses_amount, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(); + dispatch(CLOSE_MODAL()); + } + }); + resetForm(); + }; + + return ( +

+ + {({ handleChange, handleBlur }) => ( + +

+ ); +}; diff --git a/src/features/city/components/city-submit-tenant-form/CitySubmitTenantForm.js b/src/features/city/components/city-submit-tenant-form/CitySubmitTenantForm.js new file mode 100644 index 0000000..17acd91 --- /dev/null +++ b/src/features/city/components/city-submit-tenant-form/CitySubmitTenantForm.js @@ -0,0 +1,378 @@ +import { Autocomplete, Button, TextField } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import React, { useEffect } from "react"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { cityGetProvinces } from "../../services/CityGetProvinces"; +import { cityGetCity } from "../../services/city-get-city"; +import { citySubmitNewTenant } from "../../services/city-submit-new-tenant"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { PropTypes } from "prop-types"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; + +export const CitySubmitTenantForm = ({ id, userid }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [provinceData, setProvinceData] = useState(); + const [cityData, setCityData] = useState(); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + + const [isExistProvince, setIsExistProvince] = useState(true); + + const formik = useFormik({ + initialValues: { + mobile: "", + fname: "", + lname: "", + nationalcode: "", + address: "", + postal: "", + password: "", + uniqueID: "", + }, + validationSchema: Yup.object({ + mobile: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به صورت عددی وارد کنید!") + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }), + fname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + lname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + nationalcode: Yup.number() + .required("این فیلد اجباری است!") + .test("len", "کد ملی میبایست ده رقم باشد.", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 10; + } + }), + + address: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + postal: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + uniqueID: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به صورت عددی وارد کنید!"), + password: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا مقادیر را به درستی وارد کنید!") + .test( + "len", + "لطفا حداقل 5 حرف و حداکثر 12 حرف وارد کنید", + (val) => val.toString().length >= 5 && val.toString().length <= 12 + ), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + return ( + + + + ({ id: i.key, label: i.name })) + : [] + } + onChange={(event, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + ({ id: i.key, label: i.name })) + : [] + } + onChange={(event, value) => { + setCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +CitySubmitTenantForm.propTypes = { + id: PropTypes.any, + userid: PropTypes.any, +}; diff --git a/src/features/city/components/city-tenant-owner-info/CityTenantOwnerInfo.js b/src/features/city/components/city-tenant-owner-info/CityTenantOwnerInfo.js new file mode 100644 index 0000000..a38dbdb --- /dev/null +++ b/src/features/city/components/city-tenant-owner-info/CityTenantOwnerInfo.js @@ -0,0 +1,64 @@ +import { Divider, List, ListItem, ListItemText } from "@mui/material"; +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PropTypes } from "prop-types"; + +export const CityTenantOwnerInfo = ({ item }) => { + return ( + <> + + + + + + + {" "} + + + + {" "} + + + + + + + {" "} + + + + + + + + + ); +}; + +CityTenantOwnerInfo.propTypes = { + item: PropTypes.object, +}; diff --git a/src/features/city/components/city-update-hatching/CityUpdateHatching.js b/src/features/city/components/city-update-hatching/CityUpdateHatching.js new file mode 100644 index 0000000..7f802ef --- /dev/null +++ b/src/features/city/components/city-update-hatching/CityUpdateHatching.js @@ -0,0 +1,180 @@ +import React, { useContext, useEffect, useState } from "react"; +import { styled } from "@mui/material/styles"; +import Button from "@mui/material/Button"; +import CloudUploadIcon from "@mui/icons-material/CloudUpload"; +import { Grid } from "../../../../components/grid/Grid"; +import { Typography } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { cityUpdateHatchingService } from "../../services/city-update-hatching"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { cityUpdateChickenBreedService } from "../../services/city-update-chicken-breen"; + +const VisuallyHiddenInput = styled("input")({ + clip: "rect(0 0 0 0)", + clipPath: "inset(50%)", + height: 1, + overflow: "hidden", + position: "absolute", + bottom: 0, + left: 0, + whiteSpace: "nowrap", + width: 1, +}); + +export const CityUpdateHatching = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [response, setResponse] = useState(); + const [tableData, setTableData] = useState(); + const handleFileUpload = async (event) => { + const file = event.target.files[0]; + if (!file) return; + + const formData = new FormData(); + formData.append("file", file); + + dispatch(cityUpdateHatchingService(formData)) + .unwrap() + .then((r) => { + setResponse(r.data); + if (r.status === 201) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل به درستی ارسال نشده است!", + severity: "error", + }); + } + }); + }; + const handleUpdateChickenBreed = async (event) => { + const file = event.target.files[0]; + if (!file) return; + + const formData = new FormData(); + formData.append("file", file); + + dispatch(cityUpdateChickenBreedService(formData)) + .unwrap() + .then((r) => { + if (r.status === 201) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل به درستی ارسال نشده است!", + severity: "error", + }); + } + }); + }; + useEffect(() => { + const d = response?.map((item, i) => { + return [i + 1, item]; + }); + setTableData(d); + }, [response]); + return ( + + = 800 && { + borderStyle: "solid", + borderWidth: "0px 0px 0px 1px", + borderColor: "gray", + } + } + > + + + آپدیت جوجه ریزی + + + + + + {response?.length ? ( + + + + ) : ( + <> + )} + + + + + + آپدیت نژاد + + + + + + + + ); +}; diff --git a/src/features/city/components/city-update-kill-request/CityUpdateKillRequest.js b/src/features/city/components/city-update-kill-request/CityUpdateKillRequest.js new file mode 100644 index 0000000..da2ed70 --- /dev/null +++ b/src/features/city/components/city-update-kill-request/CityUpdateKillRequest.js @@ -0,0 +1,111 @@ +import { Button, Grid } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { avicultureHatchingRequestsService } from "../../../aviculture/services/aviculture-hatching-requests"; +import { avicultureGetRequests } from "../../../aviculture/services/aviculture-requests"; +import { updateKillPoultryRequest } from "../../../province/services/update-kill-poultry-request"; +import { cityGetHatchings } from "../../services/city-get-hatchings"; +import { getSlaughtersKillRequestService } from "../../services/get-slaughters-kill-request"; + +export const CityUpdateKillRequest = ({ item, updateTable }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + quantity: "", + }, + validate: (values) => { + const errors = {}; + + if (!values.quantity) { + errors.quantity = "Required"; + } else if (isNaN(values.quantity)) { + errors.quantity = "Must be a number"; + } + // else if ( + // values.quantity > item.process?.poultry?.poultryPreviousQuantity + // ) { + // errors.quantity = + // "Quantity cannot be greater than poultryPreviousQuantity"; + // } else if (0 >= item.process?.poultry?.poultryRemainQuantity) { + // errors.quantity = + // "Quantity cannot be greater than poultryPreviousQuantity"; + // } + + return errors; + }, + onSubmit: (values) => { + // console.log(values); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + formik.setFieldValue("quantity", item.quantity); + }, [item.quantity]); + + return ( + + + + + ); +}; diff --git a/src/features/city/components/city-user-file-info/CityUserFileInfo.js b/src/features/city/components/city-user-file-info/CityUserFileInfo.js new file mode 100644 index 0000000..37cfbf8 --- /dev/null +++ b/src/features/city/components/city-user-file-info/CityUserFileInfo.js @@ -0,0 +1,411 @@ +import { + Button, + FormControlLabel, + IconButton, + Switch, + Tooltip, + Typography, +} from "@mui/material"; +import React from "react"; +import { useEffect } from "react"; +import { useNavigate, useParams } from "react-router-dom"; +import NavigateNextIcon from "@mui/icons-material/NavigateNext"; +import { useDispatch, useSelector } from "react-redux"; +import { useState } from "react"; +import EditIcon from "@mui/icons-material/Edit"; +import InfoIcon from "@mui/icons-material/Info"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; +import { InspectorEditUserProfile } from "../../../inspector/components/inspector-edit-user-profile/InspectorEditUserProfile"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { inspectorChangeUserState } from "../../../inspector/services/inspector-change-user-state"; +import { CitySubmitTenantForm } from "../city-submit-tenant-form/CitySubmitTenantForm"; +import { InspectorEditAviculture } from "../../../inspector/components/inspector-edit-aviculture/InspectorEditAviculture"; +import { format } from "date-fns-jalali"; + +// import { inspectorUpdateUserProfile } from "../../services/inspector-update-user-profile"; + +export const CityUserFileInfo = () => { + const { userid } = useParams(); + const dispatch = useDispatch(); + const navigate = useNavigate(); + const [dataTable, setDataTable] = useState([]); + const { provinceUserInfo } = useSelector((state) => state.provinceSlice); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceGetUserByKey(userid)).then(() => { + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + const userRoles = provinceUserInfo?.profile.role?.map((item, i) => { + let name = ""; + switch (item) { + case "ProvinceOperator": + name = "اپراتور تخصیص استان"; + break; + case "CityOperator": + name = "اپراتور شهرستان"; + break; + case "KillHouseVet": + name = "دامپزشک کشتارگاه"; + break; + case "VetFarm": + name = "دامپزشک"; + break; + case "Poultry": + name = "مرغدار"; + break; + case "KillHouse": + name = "کشتارگاه"; + break; + case "Vet": + name = "دامپزشک"; + break; + case "ProvinceInspector": + name = "بازرس استان"; + break; + case "ProvinceFinancial": + name = "اپراتور مالی"; + break; + case "Driver": + name = "راننده"; + break; + case "Admin": + name = "ادمین"; + break; + default: + name = "کاربر پایه"; + break; + } + return

{name}

; + }); + const userProfilePic = + provinceUserInfo?.profile?.image > 5 ? ( + +

+ +

+ + ); +} + +export default NationalMapOverview; diff --git a/src/features/city/components/national-map/NationalMapRadioBtn.js b/src/features/city/components/national-map/NationalMapRadioBtn.js new file mode 100644 index 0000000..f346187 --- /dev/null +++ b/src/features/city/components/national-map/NationalMapRadioBtn.js @@ -0,0 +1,40 @@ +import * as React from "react"; +import Radio from "@mui/material/Radio"; +import RadioGroup from "@mui/material/RadioGroup"; +import FormControlLabel from "@mui/material/FormControlLabel"; +import FormControl from "@mui/material/FormControl"; + +export default function NationalMapRadioBtn({ + onPercentageTypeChange, + selectedPercentageType, +}) { + const handleChange = (event) => { + onPercentageTypeChange(event.target.value); + }; + + return ( + + + } + label="مانده در سالن" + /> + } + label="آماده کشتار" + /> + + + ); +} diff --git a/src/features/city/components/national-map/NationalMapSumTotal.js b/src/features/city/components/national-map/NationalMapSumTotal.js new file mode 100644 index 0000000..12280e7 --- /dev/null +++ b/src/features/city/components/national-map/NationalMapSumTotal.js @@ -0,0 +1,173 @@ +import { useEffect, useState } from "react"; +import Grid from "@mui/material/Grid"; +import Typography from "@mui/material/Typography"; +import { useDispatch } from "react-redux"; +import { DashboardProvinceDetailsForMap } from "../../services/dashboard-province-details-for-map"; + +const NationalMapSumTotal = () => { + const [data, setData] = useState({ + totalQuantity: 0, + totalLeftOver: 0, + totalKilledQuantity: 0, + totalHatchingLeftOverPercent: 0, + totalActiveLeft: 0, + totalActiveLeftPercent: 0, + }); + const dispatch = useDispatch(); + + const fetchData = () => { + dispatch(DashboardProvinceDetailsForMap()).then((r) => { + if (r.payload?.data) { + setData(r.payload.data); + } + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( + + + + حجم کل جوجه ریزی: + + + {data?.totalQuantity.toLocaleString()} قطعه + + + + + حجم مانده در سالن: + + + {data?.totalLeftOver?.toLocaleString()} قطعه + + + + + حجم کل کشتار شده: + + + {data?.totalKilledQuantity.toLocaleString()} + + + + + + درصد مانده در سالن : + + + + + {data?.totalHatchingLeftOverPercent}% + + + + + + + درصد آماده کشتار: + + + + + {data.totalActiveLeftPercent}% + + + + + ); +}; + +export default NationalMapSumTotal; diff --git a/src/features/city/components/province-manage-selling-force-governmental-buy/ProvinceManageSellingForceGovernmentalBuy.js b/src/features/city/components/province-manage-selling-force-governmental-buy/ProvinceManageSellingForceGovernmentalBuy.js new file mode 100644 index 0000000..9563963 --- /dev/null +++ b/src/features/city/components/province-manage-selling-force-governmental-buy/ProvinceManageSellingForceGovernmentalBuy.js @@ -0,0 +1,293 @@ +import { + Button, + Switch, + TextField, + Typography, + Radio, + RadioGroup, + FormControlLabel, + FormControl, +} from "@mui/material"; +import DoneIcon from "@mui/icons-material/Done"; +import { useDispatch } from "react-redux"; +import { useContext, useState, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { provincePolicyWagesEditKillhouse } from "../../../province/services/province-policy-wages-edit-killhouse"; + +export const ProvinceManageSellingForceGovernmentalBuy = ({ + item, + fetchdata, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [state, setState] = useState({ + minimumSaleState: item?.quota || false, + quotaOption: item?.quotaMaxKillLimit + ? "max_kill_limit" + : item?.quotaRequest + ? "request" + : item?.quotaCustom + ? "custom" + : "", + qoutaCustomQuntity: item?.quotaCustomQuantity || 0, + percent: item?.governmentalQuota || 0, + }); + + const [errors, setErrors] = useState({ + percent: false, + qoutaCustomQuntity: false, + }); + + useEffect(() => { + if (!state.minimumSaleState) { + setState((prev) => ({ + ...prev, + quotaOption: "", + qoutaCustomQuntity: 0, + percent: 0, + })); + setErrors({ percent: false, qoutaCustomQuntity: false }); + } + }, [state.minimumSaleState]); + + const handleToggle = (key, value) => { + setState((prev) => ({ ...prev, [key]: value })); + }; + + const handleRadioChange = (event) => { + const newOption = event.target.value; + setState((prev) => ({ + ...prev, + quotaOption: newOption, + ...(newOption !== "custom" && { qoutaCustomQuntity: 0 }), + ...(newOption === "custom" && { percent: 0 }), + })); + setErrors({ percent: false, qoutaCustomQuntity: false }); + }; + + const handleInputChange = (field, value) => { + setState((prev) => ({ ...prev, [field]: value })); + setErrors((prev) => ({ ...prev, [field]: false })); + }; + + const validateForm = () => { + const newErrors = { + percent: false, + qoutaCustomQuntity: false, + }; + + if (state.minimumSaleState) { + if ( + (state.quotaOption === "max_kill_limit" || + state.quotaOption === "request") && + (!state.percent || state.percent <= 0 || state.percent > 100) + ) { + newErrors.percent = true; + } + + if ( + state.quotaOption === "custom" && + (!state.qoutaCustomQuntity || state.qoutaCustomQuntity <= 0) + ) { + newErrors.qoutaCustomQuntity = true; + } + } + + setErrors(newErrors); + return !Object.values(newErrors).some((error) => error); + }; + + const handleSubmit = () => { + if (!validateForm()) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفاً مقادیر الزامی را به درستی وارد کنید", + severity: "error", + }); + return; + } + + dispatch( + provincePolicyWagesEditKillhouse({ + kill_house_key: item?.key, + quota: state.minimumSaleState, + quota_max_kill_limit: state.quotaOption === "max_kill_limit", + quota_request: state.quotaOption === "request", + quota_custom: state.quotaOption === "custom", + quota_custom_quantity: state.qoutaCustomQuntity, + governmental_quota: state.percent, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "تغییرات با موفقیت ذخیره شد", + severity: "success", + }); + fetchdata(); + } + }); + }; + + const isFormValid = () => { + if (!state.minimumSaleState) return true; + + if ( + state.quotaOption === "max_kill_limit" || + state.quotaOption === "request" + ) { + return state.percent > 0 && state.percent <= 100; + } + + if (state.quotaOption === "custom") { + return state.qoutaCustomQuntity > 0; + } + + return false; + }; + + return ( + + + + { + handleToggle("minimumSaleState", e.target.checked); + + if (!e.target.checked) { + dispatch( + provincePolicyWagesEditKillhouse({ + kill_house_key: item?.key, + quota: false, + quota_max_kill_limit: false, + quota_request: false, + quota_custom: false, + quota_custom_quantity: 0, + governmental_quota: 0, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "تغییرات با موفقیت ذخیره شد", + severity: "success", + }); + fetchdata(); + } + }); + } + }} + inputProps={{ + "aria-label": "in-province-selling-limitation-switch", + }} + /> + + + الزام به خرید دولتی + + + + {state.minimumSaleState && ( + + + + + } + label="بر اساس سقف کشتار" + /> + } + label="بر اساس اعلام نیازها" + /> + } + label="بر اساس حجم از سقف کشتار" + /> + + + + + {(state.quotaOption === "max_kill_limit" || + state.quotaOption === "request") && ( + + handleInputChange( + "percent", + Math.max(0, Math.min(100, e.target.value)) + ) + } + inputProps={{ min: 1, max: 100 }} + error={errors.percent} + helperText={errors.percent ? "درصد باید بین ۱ تا ۱۰۰ باشد" : ""} + /> + )} + + {state.quotaOption === "custom" && ( + + handleInputChange( + "qoutaCustomQuntity", + Math.max(0, e.target.value) + ) + } + inputProps={{ min: 1 }} + error={errors.qoutaCustomQuntity} + helperText={ + errors.qoutaCustomQuntity ? "حجم باید بزرگتر از صفر باشد" : "" + } + /> + )} + + + + )} + + ); +}; diff --git a/src/features/city/components/province-manage-selling-max-limitation/ProvinceManageSellingMaxLimitation.js b/src/features/city/components/province-manage-selling-max-limitation/ProvinceManageSellingMaxLimitation.js new file mode 100644 index 0000000..e43b10b --- /dev/null +++ b/src/features/city/components/province-manage-selling-max-limitation/ProvinceManageSellingMaxLimitation.js @@ -0,0 +1,125 @@ +import { Switch, TextField, Typography, Button } from "@mui/material"; +import DoneIcon from "@mui/icons-material/Done"; +import { useDispatch } from "react-redux"; +import { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { provincePolicyWagesEditKillhouse } from "../../../province/services/province-policy-wages-edit-killhouse"; + +export const ProvinceManageSellingMaxLimitation = ({ item, fetchdata }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [percent, setPercent] = useState( + item?.outProvinceSellingLimitationPercent + ); + const [minimumSaleState, setMinimumSaleState] = useState( + item?.outProvinceSellingLimitation + ); + + const handleToggle = (value) => { + dispatch( + provincePolicyWagesEditKillhouse({ + kill_house_key: item?.key, + out_province_selling_limitation: value, + out_province_selling_limitation_percent: value ? percent || 0 : 0, + }) + ).then((r) => { + setMinimumSaleState(value); + + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchdata(); + } + }); + }; + + const handleUpdatePercent = () => { + if (percent > 100 || percent < 1) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "درصد باید بین ۱ تا ۱۰۰ باشد.", + severity: "error", + }); + return; + } + + dispatch( + provincePolicyWagesEditKillhouse({ + kill_house_key: item?.key, + out_province_selling_limitation: true, + out_province_selling_limitation_percent: percent, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchdata(); + } + }); + }; + + return ( + + + + handleToggle(e.target.checked)} + inputProps={{ + "aria-label": "in-province-selling-limitation-switch", + }} + /> + + + حداکثر فروش به خارج استان + + + + {minimumSaleState && ( + + + + { + setPercent(e.target.value); + }} + inputProps={{ min: 1, max: 100 }} + /> + + + + + + + )} + + ); +}; diff --git a/src/features/city/components/transport-chickens-details/TransportChickensDetails.js b/src/features/city/components/transport-chickens-details/TransportChickensDetails.js new file mode 100644 index 0000000..3f02656 --- /dev/null +++ b/src/features/city/components/transport-chickens-details/TransportChickensDetails.js @@ -0,0 +1,66 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { cityFetchSamasatTransportChickensDetails } from "../../../visors/services/fetch-samasat-transport-chickens"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const TransportChickensDetails = ({ code, cookie }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [tableData, setTableData] = useState([]); + + useEffect(() => { + dispatch( + cityFetchSamasatTransportChickensDetails({ + cookie, + certId: code, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کوکی معتبر نیست!", + severity: "error", + }); + } else { + const d = r.payload.data?.map((item, i) => { + return [ + i + 1, + item?.TrackingCode, + item?.ResideDatePersian, + item?.GoodAmount?.toLocaleString(), + item?.TrackingStatusDescription, + item?.GoodName, + item?.DesPartIdCode, + item?.DesUnitName, + item?.IssueDatePersian, + ]; + }); + setTableData(d); + } + }); + }, []); + + return ( + + + + ); +}; diff --git a/src/features/city/components/transport-chickens/TransportChickens.js b/src/features/city/components/transport-chickens/TransportChickens.js new file mode 100644 index 0000000..d633fbb --- /dev/null +++ b/src/features/city/components/transport-chickens/TransportChickens.js @@ -0,0 +1,131 @@ +import React, { useContext, useEffect, useState } from "react"; +import { IconButton, Tooltip } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import { + cityFetchSamasatTransportChickens, + visorsGetSamasatCookieService, +} from "../../../visors/services/fetch-samasat-transport-chickens"; +import { DRAWER, LOADING_END } from "../../../../lib/redux/slices/appSlice"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { TransportChickensDetails } from "../transport-chickens-details/TransportChickensDetails"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useProvinceName } from "../../../../utils/getProvinceName"; + +export const TransportChickens = () => { + const [tableData, setTableData] = useState([]); + const [openNotif] = useContext(AppContext); + const [data, setData] = useState([]); + const dispatch = useDispatch(); + const province = useProvinceName(); + const [cookie, setCookie] = useState(); + + useEffect(() => { + dispatch(visorsGetSamasatCookieService()).then((r) => { + setCookie(r.payload.data.cookie); + dispatch( + cityFetchSamasatTransportChickens({ + cookie: r.payload.data.cookie, + province: + province === "hamedan" + ? "65550" + : province === "bushehr" + ? "65527" + : "65548", + }) + ).then((r) => { + dispatch(LOADING_END()); + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کوکی معتبر نیست!", + severity: "error", + }); + } else { + setData(r.payload.data); + } + }); + }); + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + item?.LocationNameProvince, + item?.LocationNameCity, + item?.PersonFullName, + item?.PartIdCode, + item?.UnitName, + item?.EpidemiologicCode, + item?.PostalCode, + item?.CapacityFemale.toLocaleString(), + item?.RequestCode, + item?.SourceCertId, + item?.HatchingDatePersian, + item?.HatchingCount?.toLocaleString(), + item?.RemoveCount, + item?.RemoveCountTakhlie, + item?.RemovePartyCount, + + { + dispatch( + DRAWER({ + right: false, + top: true, + content: ( + + ), + title: "جزئیات حمل مرغ زنده", + }) + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + + + ); +}; diff --git a/src/features/city/services/CityGetProvinces.js b/src/features/city/services/CityGetProvinces.js new file mode 100644 index 0000000..22386cf --- /dev/null +++ b/src/features/city/services/CityGetProvinces.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityGetProvinces = createAsyncThunk( + "CITY_GET_PROVINCES", + async (_, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("province"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/all-province-details-for-map.js b/src/features/city/services/all-province-details-for-map.js new file mode 100644 index 0000000..89320bb --- /dev/null +++ b/src/features/city/services/all-province-details-for-map.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const AllProvinceDetailsForMap = createAsyncThunk( + "ALL_PROVINCE_DETAIL_FOR_MAP", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/all_province_detail_for_map/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/archive-avicalture-request.js b/src/features/city/services/archive-avicalture-request.js new file mode 100644 index 0000000..9728a43 --- /dev/null +++ b/src/features/city/services/archive-avicalture-request.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const archiveAvicaltureRequestService = createAsyncThunk( + "ARCHIVE_AVICALTURE_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("Poultry_Request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/city/services/archive-hatching.js b/src/features/city/services/archive-hatching.js new file mode 100644 index 0000000..b67a634 --- /dev/null +++ b/src/features/city/services/archive-hatching.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const archiveHatchingService = createAsyncThunk( + "ARCHIVE_HATCHING_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("poultry_hatching/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/city/services/archive-old-hatchings.js b/src/features/city/services/archive-old-hatchings.js new file mode 100644 index 0000000..bd67d18 --- /dev/null +++ b/src/features/city/services/archive-old-hatchings.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const archiveOldHatchingsService = createAsyncThunk( + "ARCHIVE_OLD_HATCHINGS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("archive_hatching/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/city/services/ciry-get-buyer.js b/src/features/city/services/ciry-get-buyer.js new file mode 100644 index 0000000..2cf6b69 --- /dev/null +++ b/src/features/city/services/ciry-get-buyer.js @@ -0,0 +1,9 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const cityGetBuyer = createAsyncThunk("CITY_GET_BUYER", async (d) => { + const { data, status } = await axios.get( + "https://artasystemback.rasadyaar.ir/api/find/?data=" + d + ); + return { data, status }; +}); diff --git a/src/features/city/services/city-delete-manage-hatching-renter.js b/src/features/city/services/city-delete-manage-hatching-renter.js new file mode 100644 index 0000000..5aa74b8 --- /dev/null +++ b/src/features/city/services/city-delete-manage-hatching-renter.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const cityHatchingDeleteRenterService = createAsyncThunk( + "CITY_HATCHING_DELETE_RENTER_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put(`poultry_hatching/0/`, d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/city/services/city-edit-avculture.info.js b/src/features/city/services/city-edit-avculture.info.js new file mode 100644 index 0000000..dda573b --- /dev/null +++ b/src/features/city/services/city-edit-avculture.info.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityEditAvicultureInfo = createAsyncThunk( + "CITY_EDIT_AVICULTURE_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("/edit_poultry/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-edit-hatching-quantity.js b/src/features/city/services/city-edit-hatching-quantity.js new file mode 100644 index 0000000..ac04e5f --- /dev/null +++ b/src/features/city/services/city-edit-hatching-quantity.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityEditHatchingQuantityService = createAsyncThunk( + "CITY_EDIT_HATCHING_QUANTITY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("poultry_hatching/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/city/services/city-get-archive-hatchings.js b/src/features/city/services/city-get-archive-hatchings.js new file mode 100644 index 0000000..8571592 --- /dev/null +++ b/src/features/city/services/city-get-archive-hatchings.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const cityGetArchiveHatchingsService = createAsyncThunk( + "CITY_GET_ARCHIVE_HATCHINGS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("poultry_hatching/", { + params: { + archive: true, + role: getRoleFromUrl(), + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-city.js b/src/features/city/services/city-get-city.js new file mode 100644 index 0000000..492b133 --- /dev/null +++ b/src/features/city/services/city-get-city.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const cityGetCity = createAsyncThunk( + "CITY_GET_PROVINCES", + async (key) => { + const { data, status } = await axios.get("city/?province_key=" + key); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-hatching-info-full.js b/src/features/city/services/city-get-hatching-info-full.js new file mode 100644 index 0000000..fc73bfa --- /dev/null +++ b/src/features/city/services/city-get-hatching-info-full.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const cityGetHatchingInfoFull = createAsyncThunk( + "CITY_GET_HATCHING_INFO_FULL", + async (d = {}) => { + const { age1 = 0, age2 = 0 } = d; + const { data, status } = await axios.get( + `/hatching-for-dashboard/?type=total-dashboard&search=filter&value=${ + d?.textValue || "" + }&role=${getRoleFromUrl()}&age1=${age1}&age2=${age2}${ + d?.unknown ? `&unknown=true` : "" + }${d?.all ? `&all=true` : ""}${d?.tab ? `&tab=${d.tab}` : ""}&date1=${ + d?.date1 || "" + }&date2=${d?.date2 || ""}` + ); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-hatching-info.js b/src/features/city/services/city-get-hatching-info.js new file mode 100644 index 0000000..74787a8 --- /dev/null +++ b/src/features/city/services/city-get-hatching-info.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const cityGetHatchingInfo = createAsyncThunk( + "CITY_GET_HATCHING_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/hatching-for-dashboard/?type=date-dashboard", + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-hatchings-by-age.js b/src/features/city/services/city-get-hatchings-by-age.js new file mode 100644 index 0000000..5133ba1 --- /dev/null +++ b/src/features/city/services/city-get-hatchings-by-age.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const cityGetHatchingsByAge = createAsyncThunk( + "CITY_GET_HATCHINGS_BY_AGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("poultry_hatching/", { + params: { + chicken_age: true, + role: getRoleFromUrl(), + chicken_age1: d.selectedAge1, + chicken_age2: d.selectedAge2, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-hatchings.js b/src/features/city/services/city-get-hatchings.js new file mode 100644 index 0000000..d3405ea --- /dev/null +++ b/src/features/city/services/city-get-hatchings.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const cityGetHatchings = createAsyncThunk( + "CITY_GET_HATCHINGS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("poultry_hatching/", { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-poultries.js b/src/features/city/services/city-get-poultries.js new file mode 100644 index 0000000..f60b01a --- /dev/null +++ b/src/features/city/services/city-get-poultries.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const cityGetPoultriesService = createAsyncThunk( + "CITY_GET_POULTRIES_SERVICE", + async (_, { dispatch }) => { + const role = getRoleFromUrl(); + let obj = { role }; + if (role === "CityOperator" || role === "ProvinceOperator") { + obj = { role, active_hatching: true }; + } + dispatch(LOADING_START()); + const { data, status } = await axios.get("get-all-poultry/", { + params: obj, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-poultry-data.js b/src/features/city/services/city-get-poultry-data.js new file mode 100644 index 0000000..a25b1d9 --- /dev/null +++ b/src/features/city/services/city-get-poultry-data.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityGetPoultryData = createAsyncThunk( + "CITY_GET_POULTRY_DATA", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("Poultry/?type=filter&value=" + d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-poultry-farms copy.js b/src/features/city/services/city-get-poultry-farms copy.js new file mode 100644 index 0000000..23d8eff --- /dev/null +++ b/src/features/city/services/city-get-poultry-farms copy.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityGetPoultryFarm = createAsyncThunk( + "CITY_GET_POULTRY_FARMS", + async (_, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("Poultry/?operator=CityOperator"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-poultry-farms.js b/src/features/city/services/city-get-poultry-farms.js new file mode 100644 index 0000000..23d8eff --- /dev/null +++ b/src/features/city/services/city-get-poultry-farms.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityGetPoultryFarm = createAsyncThunk( + "CITY_GET_POULTRY_FARMS", + async (_, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("Poultry/?operator=CityOperator"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-profile.js b/src/features/city/services/city-get-profile.js new file mode 100644 index 0000000..dfaaef3 --- /dev/null +++ b/src/features/city/services/city-get-profile.js @@ -0,0 +1,7 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const cityGetProfile = createAsyncThunk("CITY_GET_PROFILE", async () => { + const { data, status } = await axios.get("city_operator/0/?profile"); + return { data, status }; +}); diff --git a/src/features/city/services/city-get-province-info-map.js b/src/features/city/services/city-get-province-info-map.js new file mode 100644 index 0000000..7f2e847 --- /dev/null +++ b/src/features/city/services/city-get-province-info-map.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const cityGetProvinceInfoMap = createAsyncThunk( + "CITY_GET_PROVINCE_INFO_MAP", + async (d, { dispatch }) => { + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/hatching-calculating/", + { + params: { + // city: d.city, + province: d.province, + }, + } + ); + + return { data, status }; + } +); diff --git a/src/features/city/services/city-get-ticket-different-clearance-code.js b/src/features/city/services/city-get-ticket-different-clearance-code.js new file mode 100644 index 0000000..1e01c33 --- /dev/null +++ b/src/features/city/services/city-get-ticket-different-clearance-code.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityGetTicketDiffrentClearanceCode = createAsyncThunk( + "CITY_GET_TICKET_DIFFRENT_CLEARANCE_CODE", + async ({ licence_number, mobile }, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.get( + `ticket_different_clearance_code_from_rsi/`, + { + params: { licence_number, mobile }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (error) { + dispatch(LOADING_END()); + } + } +); diff --git a/src/features/city/services/city-get-user-profiles.js b/src/features/city/services/city-get-user-profiles.js new file mode 100644 index 0000000..9f6d22c --- /dev/null +++ b/src/features/city/services/city-get-user-profiles.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const cityGetUserProfiles = createAsyncThunk( + "PROVINCE_GET_USER_PROFILES", + async () => { + const { data, status } = await axios.get("system_user_profile/?city_users"); + return { data, status }; + } +); diff --git a/src/features/city/services/city-hatching-show-table-detail.js b/src/features/city/services/city-hatching-show-table-detail.js new file mode 100644 index 0000000..78a597a --- /dev/null +++ b/src/features/city/services/city-hatching-show-table-detail.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const cityHatchingShowTableDetail = createAsyncThunk( + "GET_CITY_HATCHING_SHOW_DETAIL_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `hatching-detail/?key=${d.keyItem}`, + { + params: { + d, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-increase-hatching.js b/src/features/city/services/city-increase-hatching.js new file mode 100644 index 0000000..df4e2fb --- /dev/null +++ b/src/features/city/services/city-increase-hatching.js @@ -0,0 +1,66 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityIncreaseHatchingeService = createAsyncThunk( + "CITY_INCREASE_HATCHING_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "hatching-increase-request/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const cityEditIncreaseHatchingeService = createAsyncThunk( + "CITY_EDIT_INCREASE_HATCHING_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "hatching-increase-request/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const cityDeleteIncreaseHatchingeService = createAsyncThunk( + "CITY_DELETE_INCREASE_HATCHING_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `/hatching-increase-request/0/?key=${d}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const cityIncreaseGetHatchingeService = createAsyncThunk( + "CITY_INCREASE_GET_HATCHING_SERVICE", + async (d) => { + const { data, status } = await axios.get("hatching-increase-request/", { + params: d, + }); + return { data, status }; + } +); diff --git a/src/features/city/services/city-submit-manage-hatching-renter.js b/src/features/city/services/city-submit-manage-hatching-renter.js new file mode 100644 index 0000000..c5f2da9 --- /dev/null +++ b/src/features/city/services/city-submit-manage-hatching-renter.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const citySubmitManageHatchingRenterService = createAsyncThunk( + "CITY_SUBMIT_MANAGE_HATCHING_RENTER_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put(`/poultry_hatching/0/`, d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-submit-new-tenant.js b/src/features/city/services/city-submit-new-tenant.js new file mode 100644 index 0000000..ab5cb1c --- /dev/null +++ b/src/features/city/services/city-submit-new-tenant.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const citySubmitNewTenant = createAsyncThunk( + "CITY_NEW_TENANT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post("api/newregister/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/city-update-chicken-breen.js b/src/features/city/services/city-update-chicken-breen.js new file mode 100644 index 0000000..2ddc388 --- /dev/null +++ b/src/features/city/services/city-update-chicken-breen.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityUpdateChickenBreedService = createAsyncThunk( + "CITY_UPDATE_CHICKEN_BREED", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "update_chicken_breed_from_excel/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e }; + } + } +); diff --git a/src/features/city/services/city-update-hatching.js b/src/features/city/services/city-update-hatching.js new file mode 100644 index 0000000..cd61aa3 --- /dev/null +++ b/src/features/city/services/city-update-hatching.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const cityUpdateHatchingService = createAsyncThunk( + "CITY_UPDATE_HATCHING", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("hatching_excel/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e }; + } + } +); diff --git a/src/features/city/services/dashboard-province-details-for-map.js b/src/features/city/services/dashboard-province-details-for-map.js new file mode 100644 index 0000000..ac237a3 --- /dev/null +++ b/src/features/city/services/dashboard-province-details-for-map.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const DashboardProvinceDetailsForMap = createAsyncThunk( + "DASHBOARD_PROVINCE_DETAILS_FOR_MAP", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/dashboard_province_detail_for_map/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/get-hour-limit-kill-request-killhouse.js b/src/features/city/services/get-hour-limit-kill-request-killhouse.js new file mode 100644 index 0000000..ed67baa --- /dev/null +++ b/src/features/city/services/get-hour-limit-kill-request-killhouse.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getHourLimitKillRequestKillhouseService = createAsyncThunk( + "GET_HOUR_LIMIT_KILL_REQUEST_KILLHOUSE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("kill_house_hour_limit/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/get-poultry-requests-total-quantity.js b/src/features/city/services/get-poultry-requests-total-quantity.js new file mode 100644 index 0000000..6cb9152 --- /dev/null +++ b/src/features/city/services/get-poultry-requests-total-quantity.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import moment from "moment/moment"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getPoultryRequestsTotalQuantityService = createAsyncThunk( + "GET_POULTRY_REQUESTS_TOTAL_QUANTITY", + async (d, { dispatch }) => { + d = d || moment(new Date()).format("YYYY-MM-DD"); + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "total_poultry_request_quantity/", + { params: { date: d } } + ); + dispatch(LOADING_END()); + + return { data, status }; + } +); diff --git a/src/features/city/services/get-slaughters-kill-request.js b/src/features/city/services/get-slaughters-kill-request.js new file mode 100644 index 0000000..7168cb2 --- /dev/null +++ b/src/features/city/services/get-slaughters-kill-request.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getSlaughtersKillRequestService = createAsyncThunk( + "GET_SLAUGHTERS_KILL_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_request/?role=ProvinceOperator", + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/hatching-undo-archive.js b/src/features/city/services/hatching-undo-archive.js new file mode 100644 index 0000000..bede4cb --- /dev/null +++ b/src/features/city/services/hatching-undo-archive.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const hatchingUndoArchiveService = createAsyncThunk( + "HATCHING_UNDO_ARCHIVE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("poultry_hatching/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/city/services/hour-limit-get-kill-request.js b/src/features/city/services/hour-limit-get-kill-request.js new file mode 100644 index 0000000..734ea50 --- /dev/null +++ b/src/features/city/services/hour-limit-get-kill-request.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const hourLimitGetKillRequestService = createAsyncThunk( + "HOUR_LIMIT_GET_KILL_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("hour_limit/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/hour-limit-kill-request-killhouse.js b/src/features/city/services/hour-limit-kill-request-killhouse.js new file mode 100644 index 0000000..d4ce022 --- /dev/null +++ b/src/features/city/services/hour-limit-kill-request-killhouse.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const hourLimitKillRequestKillhouseService = createAsyncThunk( + "HOUR_LIMIT_KILL_REQUEST_KILLHOUSE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post("kill_house_hour_limit/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/hour-limit-kill-request.js b/src/features/city/services/hour-limit-kill-request.js new file mode 100644 index 0000000..f895c3e --- /dev/null +++ b/src/features/city/services/hour-limit-kill-request.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const hourLimitKillRequestService = createAsyncThunk( + "HOUR_LIMIT_KILL_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post("hour_limit/", d); + dispatch(LOADING_END()); + + return { data, status }; + } +); diff --git a/src/features/city/services/national-info-get-dashboard-info-service.js b/src/features/city/services/national-info-get-dashboard-info-service.js new file mode 100644 index 0000000..535c30f --- /dev/null +++ b/src/features/city/services/national-info-get-dashboard-info-service.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const nationalInfoGetDashboardService = createAsyncThunk( + "NATIONAL_INFO_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/hatchings-dashboard", + { + params: { + date1: d.date1, + date2: d.date2, + search: d.search, + province: d.province, + system_code: d.system_code, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/poultry-auto-request.js b/src/features/city/services/poultry-auto-request.js new file mode 100644 index 0000000..f42ecda --- /dev/null +++ b/src/features/city/services/poultry-auto-request.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const poultryAutoRequestService = createAsyncThunk( + "POULTRY_AUTO_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post("automatic_kill_request/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/poultry-get-auto-request.js b/src/features/city/services/poultry-get-auto-request.js new file mode 100644 index 0000000..f89f564 --- /dev/null +++ b/src/features/city/services/poultry-get-auto-request.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const poultryGetAutoRequestService = createAsyncThunk( + "POULTRY_GET_AUTO_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("automatic_kill_request/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/city/services/province-national-info-slughter-house-service.js b/src/features/city/services/province-national-info-slughter-house-service.js new file mode 100644 index 0000000..de7962b --- /dev/null +++ b/src/features/city/services/province-national-info-slughter-house-service.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceNationalInfoSlaughterhouseGetDashboardService = + createAsyncThunk( + "PROVINCE-NATIONAL-INFO-SLAUGHTER-HOUSE-SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/dashboard_total_kill_house", + { + params: { + date1: d.date1, + date2: d.date2, + search: d.search, + province: d.province, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } + ); diff --git a/src/features/city/services/remove-avicalture-request.js b/src/features/city/services/remove-avicalture-request.js new file mode 100644 index 0000000..1aec0b0 --- /dev/null +++ b/src/features/city/services/remove-avicalture-request.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const removeAvicaltureRequestService = createAsyncThunk( + "REMOVE_AVICALTURE_REQUEST_SERVICE", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete("Poultry_Request/" + id); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/city/services/update-poultry-requests-total-quantity.js b/src/features/city/services/update-poultry-requests-total-quantity.js new file mode 100644 index 0000000..1bf861d --- /dev/null +++ b/src/features/city/services/update-poultry-requests-total-quantity.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const updatePoultryRequestsTotalQuantityService = createAsyncThunk( + "UPDATE_POULTRY_REQUESTS_TOTAL_QUANTITY", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "total_poultry_request_quantity/0/", + d + ); + dispatch(LOADING_END()); + + return { data, status }; + } +); diff --git a/src/features/commerce/components/commerce-operations/CommerceOperations.js b/src/features/commerce/components/commerce-operations/CommerceOperations.js new file mode 100644 index 0000000..5532705 --- /dev/null +++ b/src/features/commerce/components/commerce-operations/CommerceOperations.js @@ -0,0 +1,49 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { FaFilePdf } from "react-icons/fa"; +import { useDispatch } from "react-redux"; +import PorvinceGetReportOperations from "../../../province/components/province-get-report-operations/PorvinceGetReportOperations"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const CommerceOperations = () => { + const dispatch = useDispatch(); + return ( + + + + + dispatch( + OPEN_MODAL({ + title: "اطلاعات گزارش", + content: , + }) + ) + } + > + + } + title="گزارش روزانه" + description="گزارش روزانه" + /> + + + + + ); +}; diff --git a/src/features/commerce/components/guilds-operations-commerce/GuildsOperationsCommerce.js b/src/features/commerce/components/guilds-operations-commerce/GuildsOperationsCommerce.js new file mode 100644 index 0000000..9dbeb95 --- /dev/null +++ b/src/features/commerce/components/guilds-operations-commerce/GuildsOperationsCommerce.js @@ -0,0 +1,64 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { + ROUTE_COMMERCE_ROUTE_GUILDS, + ROUTE_COMMERCE_ROUTE_GUILDS_SETTINGS, + ROUTE_COMMERCE_ROUTE_STEWARDS, + ROUTE_PROVINCE_SUPERVISOR_ROUTE_GUILDS, + ROUTE_PROVINCE_SUPERVISOR_ROUTE_GUILDS_SETTINGS, + ROUTE_PROVINCE_SUPERVISOR_ROUTE_STEWARDS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { MdCorporateFare } from "react-icons/md"; +import { IoIosPeople } from "react-icons/io"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const GuildsOperationsCommerce = () => { + return ( + + + } + title="اصناف" + /> + + + } + title="مباشرین" + /> + + + } + title="مدیریت فرآیند" + /> + + + ); +}; diff --git a/src/features/commerce/components/hatching-details/HatchingDetails.js b/src/features/commerce/components/hatching-details/HatchingDetails.js new file mode 100644 index 0000000..8dced9e --- /dev/null +++ b/src/features/commerce/components/hatching-details/HatchingDetails.js @@ -0,0 +1,35 @@ +import { useState } from "react"; +import { CityHatchingsArchive } from "../../../city/components/city-hatchings-archive/CityHatchingsArchive"; +import { CityHatchings } from "../../../city/components/city-hatchings/CityHatchings"; +import { Tab, Tabs } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { CityHatchingInfo } from "../../../city/components/city-hatching-info/CityHatchingInfo"; + +export const HatchingDetails = () => { + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + return ( + + + + + + + + + + {value === 0 && } + {value === 1 && } + {value === 2 && } + + ); +}; diff --git a/src/features/dashboard/components/dashboard-allocation-with-out-bar/DashboardAllocationWithOutBar.js b/src/features/dashboard/components/dashboard-allocation-with-out-bar/DashboardAllocationWithOutBar.js new file mode 100644 index 0000000..6abc221 --- /dev/null +++ b/src/features/dashboard/components/dashboard-allocation-with-out-bar/DashboardAllocationWithOutBar.js @@ -0,0 +1,49 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +export const DashboardAllocationWithOutBar = ({ boxStats }) => ( + + + تخصیصات بدون بار + + + + تعداد تخصیصات + + + {boxStats?.provinceKillRequestWithoutBar?.count?.toLocaleString() || 0} + + + + حجم تخصیصات(قطعه) + + + {boxStats?.provinceKillRequestWithoutBar?.quantity?.toLocaleString() || 0} + + + + وزن تخصیصات(کیلوگرم) + + + {boxStats?.provinceKillRequestWithoutBar?.indexWeight?.toLocaleString() || + 0}{" "} + کیلوگرم + + +); diff --git a/src/features/dashboard/components/dashboard-bar-chart-section/BarChartSection.js b/src/features/dashboard/components/dashboard-bar-chart-section/BarChartSection.js new file mode 100644 index 0000000..3752439 --- /dev/null +++ b/src/features/dashboard/components/dashboard-bar-chart-section/BarChartSection.js @@ -0,0 +1,145 @@ +import { Box, Typography } from "@mui/material"; +import { Bar } from "react-chartjs-2"; + +import { useRef, useEffect, useState } from "react"; +import { SPACING } from "../../../../data/spacing"; + +export const BarChartSection = ({ boxStats }) => { + const chartRef = useRef(null); + const [gradient, setGradient] = useState([]); + + useEffect(() => { + if (!chartRef.current) return; + + const chart = chartRef.current; + const ctx = chart.ctx; + const newGradient = []; + + const colors = [ + ["#FF6384", "#FF9FA8"], + ["#36A2EB", "#7BC1FF"], + ["#FFCE56", "#FFE39F"], + ["#4BC0C0", "#8CDFDF"], + ]; + + for (let i = 0; i < 4; i++) { + const grad = ctx.createLinearGradient(0, 0, 0, 300); + grad.addColorStop(0, colors[i][0]); + grad.addColorStop(1, colors[i][1]); + newGradient.push(grad); + } + + setGradient(newGradient); + }, []); + + const barChartData = { + labels: [ + "مانده انبار گوشت", + "مانده انبار سردخانه", + "کل وزن فروش به خارج استان", + "کل وزن توزیع داخل استان", + ], + datasets: [ + { + label: "وزن (کیلوگرم)", + data: [ + boxStats?.warehouseKillHouse?.remainingChickenStock || 0, + boxStats?.warehouseKillHouse?.remainingFreezingWeight || 0, + boxStats?.warehouseKillHouse?.outProvinceAllocatedWeight || 0, + boxStats?.warehouseKillHouse?.allocationWeight || 0, + ], + backgroundColor: gradient.length + ? gradient + : [ + "rgba(255, 99, 132, 0.7)", + "rgba(54, 162, 235, 0.7)", + "rgba(255, 206, 86, 0.7)", + "rgba(75, 192, 192, 0.7)", + ], + borderRadius: 12, + borderSkipped: false, + }, + ], + }; + + const barChartOptions = { + responsive: true, + maintainAspectRatio: false, + plugins: { + legend: { + display: false, + }, + tooltip: { + callbacks: { + label: (context) => { + return `${context.raw.toLocaleString()} کیلوگرم`; + }, + }, + }, + datalabels: { + display: false, + }, + }, + scales: { + y: { + beginAtZero: true, + ticks: { + display: false, + }, + grid: { + display: false, + }, + }, + x: { + grid: { + display: false, + }, + }, + }, + }; + + return ( + + + گزارش انبار کشتارگاه + + + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-buying-carcassess/DashboardBuyingCarcassess.js b/src/features/dashboard/components/dashboard-buying-carcassess/DashboardBuyingCarcassess.js new file mode 100644 index 0000000..5ae489c --- /dev/null +++ b/src/features/dashboard/components/dashboard-buying-carcassess/DashboardBuyingCarcassess.js @@ -0,0 +1,86 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +export const DashboardBuyingCarcassess = ({ boxStats }) => ( + + + خرید لاشه خارج استان + + + + + تعداد بار : + + {boxStats?.buyFreeCarcasses?.count?.toLocaleString() || 0} + + + + حجم لاشه(قطعه) : + + {boxStats?.buyFreeCarcasses?.quantity?.toLocaleString() || 0} + + + + وزن لاشه(کیلوگرم) : + + {boxStats?.buyFreeCarcasses?.weight?.toLocaleString() || 0} + + + + +); diff --git a/src/features/dashboard/components/dashboard-daily-killing-report/DailyKillingReport .js b/src/features/dashboard/components/dashboard-daily-killing-report/DailyKillingReport .js new file mode 100644 index 0000000..baa9ff3 --- /dev/null +++ b/src/features/dashboard/components/dashboard-daily-killing-report/DailyKillingReport .js @@ -0,0 +1,109 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +const reportItems = [ + { label: "حجم درخواست کشتار مرغدار:", key: "quantity" }, + { label: "وزن درخواست کشتار مرغدار:", key: "totalWeight" }, + { label: "حجم خرید های مستقیم :", key: "killRequestQuantity" }, + { label: "وزن خرید های مستقیم :", key: "killRequestWeight" }, + { + label: "حجم خرید های خارج از استان (زنده) :", + key: "quantityKillHouseFreeBarLive", + }, + { + label: "وزن خرید های خارج از استان (زنده) :", + key: "WeightKillHouseFreeBarLive", + }, + { + label: "وزن خرید های خارج از استان (لاشه) :", + key: "WeightKillHouseFreeBarCarcass", + }, + { + label: "حجم کل تخصیصات (خرید مستقیم/ مرغدار ):", + key: "provinceKillRequestQuantity", + }, + { + label: "وزن کل تخصیصات (خرید مستقیم/ مرغدار ):", + key: "provinceKillRequestWeightCarcass", + }, + { label: "حجم فروش به خارج استان:", key: "poultryOutProvinceQuantity" }, + { label: "وزن فروش به خارج استان:", key: "poultryOutProvinceWeight" }, + { label: "حجم بارها:", key: "KillHouseRequestQuantity" }, + { label: "وزن بارها:", key: "KillHouseRequestWeight" }, + { + label: "لاشه تولیدی امروز با احتساب 25درصد افت کشتار :", + key: "totalLossWeight", + }, +]; + +const ReportRow = ({ label, value }) => ( + + + {label} + + + {value?.toLocaleString() || 0} + + +); + +export const DailykillingReport = ({ boxStats }) => ( + + + گزارش کشتار امروز مرغ گوشتی استان + + + {reportItems.map((item) => ( + + ))} + + +); diff --git a/src/features/dashboard/components/dashboard-equivalent-tab/DashboardEquivalentTab.js b/src/features/dashboard/components/dashboard-equivalent-tab/DashboardEquivalentTab.js new file mode 100644 index 0000000..2265995 --- /dev/null +++ b/src/features/dashboard/components/dashboard-equivalent-tab/DashboardEquivalentTab.js @@ -0,0 +1,925 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import moment from "moment"; +import { Button, Chip, TextField, Typography } from "@mui/material"; +import { RiSearchLine } from "react-icons/ri"; +import { dashboardGetEquivalentInfoService } from "../../services/dahsboard-get-equivalent-info"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ReactECharts from "echarts-for-react"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import InfoIcon from "@mui/icons-material/Info"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; + +export const DashboardEquivalentTab = () => { + const [ + openNotif, + , + selectedDate1, + setSelectedDate1, + selectedDate2, + setSelectedDate2, + ] = useContext(AppContext); + const [textValue, setTextValue] = useState(""); + const [data, setData] = useState([]); + const [tableData, setTableData] = useState([]); + const [has500Error, setHas500Error] = useState(false); + + const dispatch = useDispatch(); + const colorScheme = { + rasad: "#5b5b9d", + quarantine: "#bf5757", + }; + + function subtractOneDay(dateString) { + if (!dateString) { + return ""; + } + try { + const date = new Date(dateString); + if (isNaN(date.getTime())) { + return ""; + } + date.setDate(date.getDate() - 1); + + const year = date.getFullYear(); + const month = String(date.getMonth() + 1).padStart(2, "0"); + const day = String(date.getDate()).padStart(2, "0"); + + return `${year}-${month}-${day}`; + } catch (error) { + console.error("Error subtracting one day:", error); + return ""; + } + } + + const staticLineChartData = { + data: + data && Array.isArray(data) + ? data.map((series) => series?.name || "").filter((name) => name) + : [], + series: [ + { + name: "رصدیار", + type: "line", + data: + data && Array.isArray(data) + ? data.map((itm) => { + const value = parseInt(itm?.info?.totalLiveBarsQuantity); + return isNaN(value) ? 0 : value; + }) + : [], + itemStyle: { color: "#5470c6" }, + }, + { + name: "قرنطینه", + type: "line", + data: + data && Array.isArray(data) + ? data.map((itm) => { + const value = parseInt( + itm?.info?.killHouseRsiInfo?.info?.totalWareHouse + ); + return isNaN(value) ? 0 : value; + }) + : [], + itemStyle: { color: "#fac858" }, + }, + ], + }; + + const staticDistributionLineChartData = { + data: + data && Array.isArray(data) + ? data.map((series) => series?.name || "").filter((name) => name) + : [], + series: [ + { + name: "رصدیار", + type: "line", + data: + data && Array.isArray(data) + ? data.map((itm) => { + const value = parseInt( + itm?.info?.totalKillHouseWarehouseCacassesEnteredWeight + ); + return isNaN(value) ? 0 : value; + }) + : [], + itemStyle: { color: "#5470c6" }, + }, + { + name: "قرنطینه", + type: "line", + data: + data && Array.isArray(data) + ? data.map((itm) => { + const value = parseInt( + itm?.info?.killHouseRsiInfo?.info?.totalBarsWight + ); + return isNaN(value) ? 0 : value; + }) + : [], + itemStyle: { color: "#fac858" }, + }, + ], + }; + + const getCarcassDate = () => { + if (!selectedDate1) { + return ""; + } + if (selectedDate1 === selectedDate2) { + return formatJustDate(subtractOneDay(selectedDate1)) || ""; + } else { + const date1 = formatJustDate(subtractOneDay(selectedDate1)) || ""; + const date2 = selectedDate2 + ? formatJustDate(subtractOneDay(selectedDate2)) || "" + : ""; + return `${date1} تا ${date2}`; + } + }; + + const barChartOption = { + title: { + text: `گزارش کل توزیع لاشه رصدیار و قرنطینه `, + textStyle: { + fontFamily: "iranyekan", + fontSize: 16, + }, + right: "center", + }, + tooltip: { + trigger: "axis", + axisPointer: { + type: "shadow", + }, + textStyle: { + fontFamily: "iranyekan", + fontSize: 12, + }, + backgroundColor: "rgba(255, 255, 255, 0.95)", + borderColor: "#ddd", + borderWidth: 1, + formatter: function (params) { + if (!params || !Array.isArray(params) || params.length === 0) { + return ""; + } + let result = `

${ + params[0]?.name || "" + }

`; + params.forEach((param) => { + if (param) { + const value = + param.value !== undefined && param.value !== null + ? param.value.toLocaleString() + : "0"; + result += ` +

+ + ${param.seriesName || ""}: ${value} +

+ `; + } + }); + return result; + }, + }, + grid: { + left: "3%", + right: "4%", + bottom: "15%", + top: "15%", + containLabel: true, + }, + xAxis: { + type: "category", + data: + data && Array.isArray(data) + ? data.map((itm) => itm?.name || "").filter((name) => name) + : [], + axisLabel: { + fontFamily: "iranyekan", + }, + name: "کشتارگاه", + }, + yAxis: { + type: "value", + axisLabel: { + fontFamily: "iranyekan", + formatter: "{value}", + }, + name: "وزن", + }, + series: [ + { + name: "توزیع داخل استان (R)", + type: "bar", + data: + data && Array.isArray(data) + ? data.map((itm) => itm?.info?.totalKillHouseAllocationsWeight || 0) + : [], + itemStyle: { color: "#fac858" }, + emphasis: { focus: "series" }, + }, + { + name: "توزیع خارج استان (R)", + type: "bar", + data: + data && Array.isArray(data) + ? data.map((itm) => itm?.info?.totalKillHouseFreeSaleBarWeight || 0) + : [], + itemStyle: { color: "#c4a051" }, + emphasis: { focus: "series" }, + }, + { + name: "توزیع داخل استان (G)", + type: "bar", + data: + data && Array.isArray(data) + ? data.map((itm) => { + const value = parseInt( + itm?.info?.killHouseRsiInfo?.info?.totalInputBarsWight + ); + return isNaN(value) ? 0 : value; + }) + : [], + itemStyle: { color: "#5470c6" }, + emphasis: { focus: "series" }, + }, + { + name: "توزیع خارج استان (G)", + type: "bar", + data: + data && Array.isArray(data) + ? data.map((itm) => { + const value = parseInt( + itm?.info?.killHouseRsiInfo?.info?.totalOutputBarsWight + ); + return isNaN(value) ? 0 : value; + }) + : [], + itemStyle: { color: "#364982" }, + emphasis: { focus: "series" }, + }, + ], + }; + + const lineChartOption = { + title: { + text: `گزارش حجم کشتار زنده قرنطینه و رصدیار ${getCarcassDate()}`, + textStyle: { + fontFamily: "iranyekan", + fontSize: 16, + }, + right: "center", + }, + tooltip: { + trigger: "axis", + textStyle: { + fontFamily: "iranyekan", + }, + }, + grid: { + left: "3%", + right: "4%", + bottom: "15%", + top: "15%", + containLabel: true, + }, + xAxis: { + type: "category", + boundaryGap: false, + data: staticLineChartData.data, + axisLabel: { + fontFamily: "iranyekan", + }, + name: "کشتارگاه", + }, + yAxis: { + type: "value", + axisLabel: { + fontFamily: "iranyekan", + formatter: "{value}", + }, + name: "حجم", + }, + series: + staticLineChartData?.series && Array.isArray(staticLineChartData.series) + ? staticLineChartData.series.map((series) => ({ + ...series, + smooth: true, + lineStyle: { + width: 3, + }, + symbolSize: 8, + })) + : [], + }; + + const distributionLineChartOption = { + title: { + text: `گزارش کل توزیع لاشه رصدیار و قرنطینه`, + textStyle: { + fontFamily: "iranyekan", + fontSize: 16, + }, + right: "center", + }, + tooltip: { + trigger: "axis", + textStyle: { + fontFamily: "iranyekan", + }, + }, + grid: { + left: "3%", + right: "4%", + bottom: "15%", + top: "15%", + containLabel: true, + }, + xAxis: { + type: "category", + boundaryGap: false, + data: staticDistributionLineChartData.data, + axisLabel: { + fontFamily: "iranyekan", + }, + name: "کشتارگاه", + }, + yAxis: { + type: "value", + axisLabel: { + fontFamily: "iranyekan", + formatter: "{value}", + }, + name: "وزن", + }, + series: + staticDistributionLineChartData?.series && + Array.isArray(staticDistributionLineChartData.series) + ? staticDistributionLineChartData.series.map((series) => ({ + ...series, + smooth: true, + lineStyle: { + width: 3, + }, + symbolSize: 8, + })) + : [], + }; + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + + const safeParseInt = (value) => { + const parsed = parseInt(value); + return isNaN(parsed) ? 0 : parsed; + }; + + const safeToLocaleString = (value) => { + const parsed = safeParseInt(value); + return parsed.toLocaleString(); + }; + + const d = data.map((item, i) => { + const totalBarsWight = safeParseInt( + item?.info?.killHouseRsiInfo?.info?.totalBarsWight + ); + const totalWareHouse = safeParseInt( + item?.info?.killHouseRsiInfo?.info?.totalWareHouse + ); + const totalInputBarsWight = safeParseInt( + item?.info?.killHouseRsiInfo?.info?.totalInputBarsWight + ); + const totalOutputBarsWight = safeParseInt( + item?.info?.killHouseRsiInfo?.info?.totalOutputBarsWight + ); + const totalLiveBarsQuantity = safeParseInt( + item?.info?.totalLiveBarsQuantity + ); + const totalEnteredWarehouseBarsQuantity = safeParseInt( + item?.info?.totalEnteredWarehouseBarsQuantity + ); + const totalKillHouseWarehouseCacassesEnteredWeight = safeParseInt( + item?.info?.totalKillHouseWarehouseCacassesEnteredWeight + ); + const totalOutputWeight = safeParseInt(item?.info?.totalOutputWeight); + + return [ + i + 1, + item?.name || "", + safeToLocaleString(totalWareHouse), + safeToLocaleString(Math.floor(totalWareHouse * 2.6)), + safeToLocaleString(totalBarsWight), + totalBarsWight && totalWareHouse + ? "%" + + Math.floor((totalBarsWight * 100) / (totalWareHouse * 2.6 * 0.75)) + : 0, + safeToLocaleString(totalInputBarsWight), + totalInputBarsWight && totalBarsWight + ? "%" + ((totalInputBarsWight * 100) / totalBarsWight).toFixed(1) + : 0, + safeToLocaleString(totalOutputBarsWight), + totalOutputBarsWight && totalBarsWight + ? "%" + ((totalOutputBarsWight * 100) / totalBarsWight).toFixed(1) + : 0, + safeToLocaleString(totalLiveBarsQuantity), + safeToLocaleString( + item?.info?.totalKillHouseRequestGovernmentalQuantity + ), + safeToLocaleString(item?.info?.totalKillHouseRequestFreeQuantity), + safeToLocaleString(item?.info?.totalKillHouseFreeBarLiveTotalQuantity), + safeToLocaleString(totalEnteredWarehouseBarsQuantity), + totalEnteredWarehouseBarsQuantity && totalLiveBarsQuantity + ? "%" + + Math.floor( + (totalEnteredWarehouseBarsQuantity * 100) / totalLiveBarsQuantity + ) + : 0, + safeToLocaleString(item?.info?.totalEnteredWarehouseBarsWeight), + safeToLocaleString(totalKillHouseWarehouseCacassesEnteredWeight), + safeToLocaleString( + item?.info?.totalKillHouseWarehouseGovermentalCacassesEnteredWeight + ), + safeToLocaleString( + item?.info?.totalKillHouseWarehouseFreeCacassesEnteredWeight + ), + safeToLocaleString(totalOutputWeight), + totalOutputWeight && totalKillHouseWarehouseCacassesEnteredWeight + ? "%" + + Math.floor( + (totalOutputWeight * 100) / + totalKillHouseWarehouseCacassesEnteredWeight + ) + : 0, + safeToLocaleString(item?.info?.totalKillHouseAllocationsWeight), + safeToLocaleString(item?.info?.totalKillHouseFreeSaleBarWeight), + safeToLocaleString(item?.info?.totalOtherOutputWeight), + safeToLocaleString(item?.info?.totalRemainWeight), + safeToLocaleString(item?.info?.totalRemainFreeWeight), + safeToLocaleString(item?.info?.totalRemainGovernmentalWeight), + safeToLocaleString(item?.info?.lastTotalRemainWeight), + safeToLocaleString(item?.info?.lastTotalRemainGovernmentalWeight), + safeToLocaleString(item?.info?.lastTotalRemainFreeWeight), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + // Prevent request if there was a 500 error + if (has500Error) { + return; + } + + dispatch(LOADING_START()); + dispatch( + dashboardGetEquivalentInfoService({ + date1: selectedDate1, + date2: selectedDate2, + filter: "search", + value: textValue || null, + role: getRoleFromUrl(), + }) + ) + .then((r) => { + if (r?.error) { + const errorMessage = r.error?.message || ""; + const is500Error = + errorMessage.includes("500") || + r.error?.status === 500 || + r.error?.statusCode === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + } else if (r?.payload?.data) { + // Reset error state on successful response + setHas500Error(false); + setData(Array.isArray(r.payload.data) ? r.payload.data : []); + } else { + setData([]); + } + }) + .catch((error) => { + console.error("Error fetching equivalent info:", error); + const errorMessage = error?.message || ""; + const is500Error = + errorMessage.includes("500") || + error?.status === 500 || + error?.statusCode === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + }) + .finally(() => { + dispatch(LOADING_END()); + }); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [dispatch, selectedDate1, selectedDate2, openNotif]); + + // Reset error state when dates change + useEffect(() => { + setHas500Error(false); + }, [selectedDate1, selectedDate2]); + + const handleSubmit = async (event) => { + event.preventDefault(); + // Reset error state on manual submit (user retry) + setHas500Error(false); + dispatch(LOADING_START()); + dispatch( + dashboardGetEquivalentInfoService({ + date1: selectedDate1, + date2: selectedDate2, + filter: "search", + value: textValue || null, + role: getRoleFromUrl(), + }) + ) + .then((r) => { + if (r?.error) { + const errorMessage = r.error?.message || ""; + const is500Error = + errorMessage.includes("500") || + r.error?.status === 500 || + r.error?.statusCode === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + } else if (r?.payload?.data) { + // Reset error state on successful response + setHas500Error(false); + setData(Array.isArray(r.payload.data) ? r.payload.data : []); + } else { + setData([]); + } + }) + .catch((error) => { + console.error("Error fetching equivalent info:", error); + const errorMessage = error?.message || ""; + const is500Error = + errorMessage.includes("500") || + error?.status === 500 || + error?.statusCode === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + }) + .finally(() => { + dispatch(LOADING_END()); + }); + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + + + ملاک حجم، قطعه و ملاک وزن، کیلوگرم میباشد. + + + + + + اطلاعات کشتار زنده مربوط به یک روز قبل ({getCarcassDate()}) می باشد. + + + + + + + + + + {barChartOption?.series?.map((itm, i) => ( + + + {itm?.name} + + + + ))} + + + + + + + {staticLineChartData?.series?.map((itm, i) => ( + + + {itm?.name} + + + + ))} + + + + + {staticDistributionLineChartData?.series?.map((itm, i) => ( + + + {itm?.name} + + + + ))} + + + {"‌‌‌ ‌"} + + ); +}; diff --git a/src/features/dashboard/components/dashboard-inventory-section/InventorySection.js b/src/features/dashboard/components/dashboard-inventory-section/InventorySection.js new file mode 100644 index 0000000..871d41f --- /dev/null +++ b/src/features/dashboard/components/dashboard-inventory-section/InventorySection.js @@ -0,0 +1,87 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +const inventoryItems = [ + { + label: "حجم آماده کشتار بزرگتر از 40 روز (قطعه) :", + key: "leftOverBetweenFortySeventyFive", + }, + { + label: "وزن تقریبی کشتار بزرگتر از 40 روز (کیلوگرم) :", + key: "weightBetweenFortySeventyFive", + }, + { + label: "میانگین وزن مرغداری‌های آماده کشتار:", + key: "aveWeight", + suffix: " کیلوگرم", + }, + { label: "وزن گوشت قابل تولید:", key: "carcassWeight", suffix: " کیلوگرم" }, +]; + +const InventoryRow = ({ label, value, suffix = "" }) => ( + + + {label} + + + {value?.toLocaleString() || 0} + {suffix} + + +); + +export const InventorySection = ({ boxStats, sx }) => ( + + + موجودی + + + + {inventoryItems.map((item) => ( + + ))} + + +); diff --git a/src/features/dashboard/components/dashboard-killing-information/KillingInformation.js b/src/features/dashboard/components/dashboard-killing-information/KillingInformation.js new file mode 100644 index 0000000..63da1ae --- /dev/null +++ b/src/features/dashboard/components/dashboard-killing-information/KillingInformation.js @@ -0,0 +1,106 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +export const KillingInformation = ({ boxStats }) => ( + + + اطلاعات کشتار داخل استان و خرید زنده خارج از استان + + + + + تعداد سفارشات: + + {boxStats?.killingInfo?.count?.toLocaleString() || 0} + + + + حجم کل کشتار (قطعه): + + {boxStats?.killingInfo?.quantity?.toLocaleString() || 0} + + + + وزن کل کشتار(کیلوگرم) : + + {boxStats?.killingInfo?.weight?.toLocaleString() || 0} + + + + + میانگین وزن (کیلوگرم): + + {boxStats?.killingInfo?.avgWeight?.toLocaleString() || 0} + + + + +); diff --git a/src/features/dashboard/components/dashboard-live-purchase/DashboardLivePurchase.js b/src/features/dashboard/components/dashboard-live-purchase/DashboardLivePurchase.js new file mode 100644 index 0000000..f4d4d4e --- /dev/null +++ b/src/features/dashboard/components/dashboard-live-purchase/DashboardLivePurchase.js @@ -0,0 +1,156 @@ +import { + Box, + Typography, + Avatar, + Card, + CardHeader, + CardContent, +} from "@mui/material"; +import { + LocalShipping, + Scale, + Numbers, + TrendingUp, + FitnessCenter, +} from "@mui/icons-material"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; + +export const DashboardLivePurchase = ({ boxStats }) => { + const livePurchaseStats = [ + { + title: "تعداد بار زنده", + value: boxStats?.freeLiveBar?.count?.toLocaleString() || "0", + icon: , + }, + { + title: "حجم بار زنده", + value: `${boxStats?.freeLiveBar?.quantity?.toLocaleString() || "0"} قطعه`, + icon: , + }, + { + title: "وزن بار زنده", + value: `${ + boxStats?.freeLiveBar?.weight?.toLocaleString() || "0" + } کیلوگرم`, + icon: , + }, + { + title: "وزن لاشه بار", + value: `${ + boxStats?.freeLiveBar?.weightCarcass?.toLocaleString() || "0" + } کیلوگرم`, + icon: , + }, + { + title: "میانگین وزن", + value: `${ + boxStats?.freeLiveBar?.avgWeight?.toLocaleString() || "0" + } کیلوگرم`, + icon: , + }, + ]; + + return ( + + + خرید زنده خارج از استان + + + + {livePurchaseStats.map((stat, index) => ( + + + + + {stat.icon} + + + + + + {stat.title} + + + {stat.value} + + + + + ))} + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-periodic-performance/DashboardPeriodicPerformance.js b/src/features/dashboard/components/dashboard-periodic-performance/DashboardPeriodicPerformance.js new file mode 100644 index 0000000..4ce4a03 --- /dev/null +++ b/src/features/dashboard/components/dashboard-periodic-performance/DashboardPeriodicPerformance.js @@ -0,0 +1,1385 @@ +import { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import { dashboardGetSlaughterPeriodicPerformance } from "../../services/dashboard-slaughter-periodic-performance"; +import farmIcon1 from "../../../../assets/images/dashboard/farmIcon1.png"; +import farmIcon2 from "../../../../assets/images/dashboard/farmIcon2.png"; +import farmIcon4 from "../../../../assets/images/dashboard/farmIcon4.png"; +import farmIcon6 from "../../../../assets/images/dashboard/farmIcon6.png"; +import farmIcon7 from "../../../../assets/images/dashboard/farmIcon7.png"; +import farmIcon8 from "../../../../assets/images/dashboard/farmIcon8.png"; +import killedInProvinceIcon1 from "../../../../assets/images/dashboard/killedInProvinceIcon1.png"; +import killedInProvinceIcon2 from "../../../../assets/images/dashboard/killedInProvinceIcon2.png"; +import killedInProvinceIcon3 from "../../../../assets/images/dashboard/killedInProvinceIcon3.png"; +import iconLeft from "../../../../assets/images/dashboard/iconLeft.png"; +import iconRight from "../../../../assets/images/dashboard/iconRight.png"; +import buyerPerformanceIcon from "../../../../assets/images/dashboard/buyerPerformanceIcon.png"; +import warningIcon from "../../../../assets/images/dashboard/warningIcon.png"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { LinearProgress } from "@mui/material"; +import { ImFilePdf } from "react-icons/im"; +import axios from "axios"; + +export const DashboardPeriodicPerformance = () => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [data, setData] = useState({}); + + useEffect(() => { + dispatch( + dashboardGetSlaughterPeriodicPerformance({ + date1: selectedDate1, + date2: selectedDate2, + }) + ).then((r) => { + if (r.payload?.data) { + setData(r.payload.data); + } + }); + }, [dispatch, selectedDate1, selectedDate2]); + + const reportCards = [ + { + title: "تعداد ", + + key: (data) => + `${data?.poultryHatchingGt60?.toLocaleString() || "0"} فارم`, + }, + { + title: "حجم ", + + key: (data) => + `${data?.poultryHatchingGt60Quantity?.toLocaleString() || "0"} قطعه`, + }, + { + title: "مانده در سالن", + + key: (data) => + `${data?.poultryHatchingGt60LeftOver?.toLocaleString() || "0"} قطعه (${ + ( + (data?.poultryHatchingGt60LeftOver / + data?.poultryHatchingGt60Quantity) * + 100 || 0 + ).toFixed(0) || 0 + }%)`, + }, + ]; + + const reportBarKilledInProvince = [ + { + title: "تعداد بارها", + icon: killedInProvinceIcon1, + key: (data) => + `${data?.killHouseRequestCount?.toLocaleString() || 0} بار`, + }, + { + title: "حجم کشتار", + icon: killedInProvinceIcon2, + key: (data) => + `${data?.killHouseRequestQuantity?.toLocaleString() || 0} قطعه`, + }, + { + title: "وزن کشتار", + icon: killedInProvinceIcon1, + key: (data) => + `${data?.killHouseRequestWeight?.toLocaleString() || 0} کیلوگرم`, + }, + + { + title: "میانگین وزن", + + icon: killedInProvinceIcon3, + key: (data) => + `${data?.killHouseRequestAverageWeight?.toLocaleString() || 0} کیلوگرم`, + }, + ]; + + console.log(data); + const reportBarKilledOutProvince = [ + { + title: "تعداد بارها", + icon: iconLeft, + key: (data) => `${data?.freeBarsCount?.toLocaleString() || 0} بار`, + }, + { + title: "حجم کشتار", + icon: iconRight, + key: (data) => `${data?.freeBarsQuantity?.toLocaleString() || 0} قطعه`, + }, + // { + // title: "وزن کشتار", + // icon: iconRight, + // key: (data) => `${data?.freeBarsWeight?.toLocaleString() || 0} کیلوگرم`, + // }, + { + title: `بیشترین خرید : ${data?.killHouseName}`, + icon: iconLeft, + key: (data) => `${data?.transactionCount?.toLocaleString() || 0} بار`, + }, + ]; + + const reportBuyerPerformance = [ + { + title: "بیشترین خرید داخل استان", + key: (data) => `${data?.killHouseNameReq?.toLocaleString() || 0} `, + }, + { + title: "بیشترین خرید خارج از استان", + key: (data) => `${data?.killHouseName?.toLocaleString() || 0}`, + }, + { + title: "بیشترین بار ارسالی مرغدار داخل استان", + key: (data) => + `${data?.poultryReqNameReq?.toLocaleString() || 0} با ${ + data?.topPoultryReqStatsTotalQuantity + } قطعه در شهرستان ${data?.poultryCityReqNameReq}`, + }, + + { + title: "بیشترین بار ارسالی مرغدار خارج استان", + key: (data) => + `${data?.outPoultryReqNameReq?.toLocaleString() || 0} با ${ + data?.outTopPoultryReqStatsTotalQuantity + } قطعه در شهرستان ${data?.outPoultryCityReqNameReq}`, + }, + ]; + + const reportDistributerCorpse = [ + { + title: "بیشترین درصد توزیع", + key: (data) => `${data?.managementKillHouseDict?.maxPercent || "-"} `, + }, + + { + title: "بیشترین درصد توزیع به خارج استان", + key: (data) => `${data?.managementKillHouseDict?.maxOutProvince || "-"} `, + }, + { + title: "بیشترین درصد توزیع به داخل استان", + key: (data) => `${data?.managementKillHouseDict?.maxInProvince || "-"} `, + }, + + { + title: "کمترین درصد توزیع به خارج استان", + key: (data) => `${data?.managementKillHouseDict?.minOutProvince || "-"} `, + }, + { + title: "کمترین درصد توزیع به داخل استان", + key: (data) => `${data?.managementKillHouseDict?.minInProvince || "-"} `, + }, + { + title: "بیشترین وزن مانده در انبار", + key: (data) => `${data?.managementKillHouseDict?.maxProduct || "-"} `, + }, + ]; + + const reportBillScale = [ + { + title: "بیشترین سند ثبت شده نسبت به تعداد بارها", + key: (data) => `${data?.maxAndMinAssigment?.maxDucName || "-"} `, + }, + { + title: "کمترین سند ثبت شده نسبت به تعداد بارها", + key: (data) => `${data?.maxAndMinAssigment?.minDucName || "-"} `, + }, + { + title: "بیشترین سند تایید شده نسبت به تعداد بارها", + key: (data) => `${data?.maxAndMinAssigment?.maxDucAcceptedName || "-"} `, + }, + + { + title: "کمترین سند تایید شده نسبت به تعداد بارها", + key: (data) => `${data?.maxAndMinAssigment?.minDucAcceptedName || "-"} `, + }, + { + title: "بیشترین مغایرت نسبت به کل بارها", + key: (data) => `${data?.maxAndMinAssigment?.maxDucRejectedName || "-"} `, + }, + { + title: "کمترین مغایرت نسبت به کل بارها", + key: (data) => `${data?.maxAndMinAssigment?.minDucRejectedName || "-"} `, + }, + ]; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + وضعیت فارم های فعال + + + + {[ + { + label: "تعداد فارم‌ها", + value: data?.poultryCount ?? 0, + unit: "فارم", + icon: farmIcon1, + }, + { + label: "حجم جوجه‌ریزی", + value: data?.poultryHatchingQuantity ?? 0, + unit: "قطعه", + icon: farmIcon2, + }, + + { + label: "حجم تلفات", + value: data?.poultryHatchingTotalLosses ?? 0, + unit: `قطعه (${( + ((data?.poultryHatchingTotalLosses ?? 0) / + (data?.poultryHatchingQuantity ?? 1)) * + 100 + ).toFixed(1)}%)`, + icon: farmIcon4, + }, + { + label: "حجم کشتار", + value: data?.poultryHatchingKilledQuantity ?? 0, + unit: "قطعه", + icon: farmIcon6, + }, + + { + label: " وزن کشتار", + value: data?.poultryHatchingTotalKilledWeight ?? 0, + unit: "کیلوگرم", + icon: farmIcon7, + }, + { + label: "حجم مانده در سالن", + value: data?.poultryHatchingLeftOver ?? 0, + unit: `قطعه (${( + ((data?.poultryHatchingLeftOver ?? 0) / + (data?.poultryHatchingQuantity ?? 1)) * + 100 + ).toFixed(0)}%)`, + icon: farmIcon8, + }, + + { + label: "میانگین تلفات", + value: data?.avgLosses?.toLocaleString() || 0, + unit: "قطعه", + icon: farmIcon7, + }, + { + label: "میانگین سن کشتار", + value: data?.totalKillingAveAge?.toLocaleString() || 0, + unit: "روز", + icon: farmIcon7, + }, + + { + label: "میانگین وزن کشتار", + value: data?.avgTotalKilledWeight?.toLocaleString() || 0, + unit: "کیلوگرم", + icon: farmIcon7, + }, + ].map((item, index) => ( + + +

+ + {item.label}{" "} + + + + 0 || item.value === 0 + ? "rgba(53, 53, 53, 1)" + : "red", + display: "flex", + alignItems: "center", + }} + > + + {item.value?.toLocaleString?.() || item.value} + + {item.unit} + + + ))} + + + + + + + فارم‌های با سن بیشتر از ۶۰ روز + + + + {reportCards.map((item, index) => ( + + + + {item.title} + + + + + {item.key(data)} + + + + ))} + + + + + + + بیشترین سن کشتار :{data?.maxAgePoultry} روز + + {(data?.maxAgePoultryName !== "-" || + data?.maxAgePoultryCity !== "-") && ( + + + {data?.maxAgePoultryName} - {data?.maxAgePoultryCity} + + + )} + + + { + const percent = + (data?.maxAgePoultryLeftOver * 100) / + data?.maxAgePoultryQuantity; + + if (percent > 0 && percent < 25) return "red"; + if (percent >= 25 && percent < 50) return "orange"; + if (percent >= 50 && percent < 75) return "yellow"; + return "green"; + })(), + }, + }} + /> + + + + + + حجم جوجه ریزی: + {data?.maxAgePoultryQuantity?.toLocaleString()} + + + کشتار شده : {data?.maxAgePoultryKilledQuantity?.toLocaleString()} + + + مانده در سالن : {data?.maxAgePoultryLeftOver?.toLocaleString()} + + + + + + کمترین سن کشتار: {data?.minAgePoultry} روز + + + {(data?.minAgePoultryName !== "-" || + data?.minAgePoultryCity !== "-") && ( + + + {data?.minAgePoultryName} - {data?.minAgePoultryCity} + + + )} + + + { + const percent = + (data?.minAgePoultryLeftOver / + data?.minAgePoultryQuantity) * + 100; + + if (percent > 0 && percent < 25) return "red"; + if (percent >= 25 && percent < 50) return "orange"; + if (percent >= 50 && percent < 75) return "yellow"; + return "green"; + })(), + }, + }} + /> + + + + + حجم جوجه ریزی: + {data?.minAgePoultryQuantity?.toLocaleString() || 0} + + + کشتار شده : + {data?.minAgePoultryKilledQuantity?.toLocaleString() || 0} + + + مانده در سالن : + {data?.minAgePoultryLeftOver?.toLocaleString() || 0} + + + + + + + + + کشتار داخل استان (زنده) + + + + {reportBarKilledInProvince?.map((item, index) => ( + +

+ + + {item.title} + + + {item.key(data)} + + + + ))} + + + + + + کشتار خارج استان (زنده) + + + + {reportBarKilledOutProvince.map((item, index) => ( + + {item.icon === iconLeft && ( +

+ )} + + + + {item?.title} + + + {item.key(data)} + + + + {item.icon === iconRight && ( +

+ )} + + ))} + + + * بیشترین حجم کشتار در {data?.persianDate} با{" "} + {data?.freeBarsQuantity?.toLocaleString() || "0"} قطعه رخ داده است + + + + + + + عملکرد خریداران + + {data?.killHousesData?.length > 0 && ( + + + + + + + نام کشتارگاه + + + + + {data.killHousesData.map((item, index) => ( + + + + {item?.name || "-"} + + + + ))} + + + + + داخل استان + + + + + تعداد بار + + + حجم بار + + + + وزن بار + + + + {data.killHousesData.map((item, index) => ( + + + + {item?.loadCountInProvince?.toLocaleString() || 0} + + + + + {item?.inProvinceQuantity?.toLocaleString() || 0} + + + + + {item?.inProvinceWight?.toLocaleString() || 0} + + + + ))} + + + + + خارج استان + + + + + تعداد بار + + + حجم بار + + + + وزن بار + + + + {data.killHousesData.map((item, index) => ( + + + + {item?.loadCountOutProvince?.toLocaleString() || 0} + + + + + {item?.outProvinceQuantity?.toLocaleString() || 0} + + + + + {item?.outProvinceWeight?.toLocaleString() || 0} + + + + ))} + + + + + + کل بارها + + + + + تعداد بار + + + حجم بار + + + + وزن بار + + + + {data.killHousesData.map((item, index) => ( + + + + {item?.loadCount?.toLocaleString() || 0} + + + + + {item?.totalQuantity?.toLocaleString() || 0} + + + + + {item?.totalWeight?.toLocaleString() || 0} + + + + ))} + + + + )} + + + {reportBuyerPerformance.map((item, index) => ( + + + +

+ + {item.title} : {item.key(data)} + + + + + ))} + + + + + عملکرد کشتار و توزیع لاشه + + + + [ + i + 1, + item?.name || " -", + item?.inProvinceQuantity.toLocaleString() || 0, + item?.inWareHouseQuantity.toLocaleString() || 0, + item?.stewardAllocationQuantity.toLocaleString() || 0, + item?.killHouseFreeBarQuantity.toLocaleString() || 0, + item?.allQuantity.toLocaleString() || 0, + item?.product.toLocaleString() || 0, + item?.percent.toLocaleString() || 0, + ])} + rowColors={["#FFF", "#F2F5FF"]} + headerColor="#E0E7FF" + /> + + + + * وزن ها بر حسب کیلوگرم میباشد. + + + + {reportDistributerCorpse.map((item, index) => ( + + + +

+ + {item.title} : {item.key(data)} + + + + + ))} + + + + + گزارش اسناد و قبوض باسکول + + + + [ + i + 1, + item?.name || " -", + item?.killHouseRequest1Count.toLocaleString() || 0, + item?.barAssigmentTrueCount.toLocaleString() || 0, + item?.barAssigmentPendingCount.toLocaleString() || 0, + item?.barDocumentStatusAccepted.toLocaleString() || 0, + item?.barDocumentStatusRejected.toLocaleString() || 0, + item?.percentBarDocumentStatusAccepted.toLocaleString() || 0, + item?.percentBarDocumentStatusRejected.toLocaleString() || 0, + ])} + headerColor="#B0EFDF" + rowColors={["#FFF", "#E6FAF5"]} + /> + + +

+ + هشدار: بیش از ۵۰٪ بارها دارای سند مشکوک یا دست‌نویس هستند. + + + +

+ + هشدار: تعداد اسناد مشکوک و دارای مغایرت{" "} + {data?.barAssigmentPendingCount1?.toLocaleString() || 0} بار + می‌باشد. + + + + + {reportBillScale.map((item, index) => ( + + + +

+ + {item.title} : {item.key(data)} + + + + + ))} + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-pie-chart-section/PieChartSection.js b/src/features/dashboard/components/dashboard-pie-chart-section/PieChartSection.js new file mode 100644 index 0000000..c9f5f8f --- /dev/null +++ b/src/features/dashboard/components/dashboard-pie-chart-section/PieChartSection.js @@ -0,0 +1,213 @@ +import { Box, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { Pie } from "react-chartjs-2"; +import { StatItem } from "../dashboard-state-item/StateItem"; +import { SPACING } from "../../../../data/spacing"; + +export const PieChartSection = ({ boxStats }) => { + const pieChartTotal = + (boxStats?.yesterdayKilling?.quantityKillHouseFreeBarCarcass || 0) + + (boxStats?.yesterdayKilling?.weightKillHouseFreeBarCarcass || 0) + + (boxStats?.yesterdayKilling?.provinceKillRequestQuantity || 0) + + (boxStats?.yesterdayKilling?.provinceKillRequestWeight || 0) + + (boxStats?.yesterdayKilling?.quantityKillHouseFreeBarLive || 0) + + (boxStats?.yesterdayKilling?.weightOfCarcass || 0) + + (boxStats?.yesterdayKilling?.losses || 0); + + const pieChartData = { + labels: [ + "حجم خرید خارج استان", + "وزن خرید خارج استان", + "حجم کشتار داخل استان", + "وزن کشتار داخل استان", + "حجم فروش به خارج استان (زنده)", + "وزن لاشه تولیدی", + "درصد افت دیروز", + ], + datasets: [ + { + data: [ + boxStats?.yesterdayKilling?.quantityKillHouseFreeBarCarcass || 0, + boxStats?.yesterdayKilling?.weightKillHouseFreeBarCarcass || 0, + boxStats?.yesterdayKilling?.provinceKillRequestQuantity || 0, + boxStats?.yesterdayKilling?.provinceKillRequestWeight || 0, + boxStats?.yesterdayKilling?.outQuantity || 0, + boxStats?.yesterdayKilling?.weightOfCarcass || 0, + boxStats?.yesterdayKilling?.losses || 0, + ], + backgroundColor: [ + "#FF6384", + "#36A2EB", + "#FFCE56", + "#4BC0C0", + "#9966FF", + "#FF9F40", + "#C9CBCF", + ], + hoverBackgroundColor: [ + "#FF6384", + "#36A2EB", + "#FFCE56", + "#4BC0C0", + "#9966FF", + "#FF9F40", + "#C9CBCF", + ], + borderWidth: 1, + }, + ], + }; + + const pieChartOptions = { + responsive: true, + maintainAspectRatio: false, + plugins: { + datalabels: { + display: false, + }, + tooltip: { + enabled: true, + callbacks: { + label: (context) => { + const value = context.raw; + const total = context.dataset.data.reduce((a, b) => a + b, 0); + if (total === 0) return "0"; + const percentage = ((value / total) * 100).toFixed(2); + return `${value.toLocaleString()} (${percentage}%)`; + }, + }, + }, + legend: { + display: false, + }, + }, + }; + + return ( + + + آمار روز گذشته کشتار مرغ گوشتی استان + + + + {pieChartTotal > 0 ? ( + + ) : ( + + داده‌ای برای نمایش چارت موجود نیست. + + )} + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-price-chart-section/PriceChartSection.js b/src/features/dashboard/components/dashboard-price-chart-section/PriceChartSection.js new file mode 100644 index 0000000..803223a --- /dev/null +++ b/src/features/dashboard/components/dashboard-price-chart-section/PriceChartSection.js @@ -0,0 +1,145 @@ +import { Box, Typography } from "@mui/material"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { Line } from "react-chartjs-2"; +import { Grid } from "../../../../components/grid/Grid"; + +export const PriceChartSection = ({ boxStats }) => ( + + + نمودار قیمت مرغ در هفته گذشته (میانگین قیمت) + + + {boxStats?.chickenPrice?.length > 0 ? ( + + formatJustDate(item.date) + ), + datasets: [ + { + label: "میانگین قیمت مرغ (ریال)", + data: boxStats.chickenPrice.map( + (item) => item.chickenAveragePrice + ), + fill: { + target: "origin", + above: "rgba(75, 192, 192, 0.2)", + below: "rgba(75, 192, 192, 0.2)", + }, + backgroundColor: "rgba(75, 192, 192, 0.2)", + borderColor: "rgba(75, 192, 192, 1)", + borderWidth: 4, + tension: 0.4, + pointRadius: 5, + pointHoverRadius: 7, + pointBackgroundColor: "rgba(75, 192, 192, 1)", + pointBorderColor: "#fff", + pointBorderWidth: 2, + }, + ], + }} + options={{ + responsive: true, + maintainAspectRatio: false, + plugins: { + legend: { + position: "top", + rtl: true, + labels: { + font: { + family: "iranyekan", + size: 12, + }, + padding: 20, + usePointStyle: true, + }, + }, + tooltip: { + callbacks: { + label: (context) => { + return `${ + context.dataset.label + }: ${context.parsed.y.toLocaleString()} ریال`; + }, + }, + displayColors: false, + backgroundColor: "rgba(0, 0, 0, 0.7)", + titleFont: { + size: 14, + family: "iranyekan", + }, + bodyFont: { + size: 12, + family: "iranyekan", + }, + }, + }, + scales: { + x: { + grid: { + display: false, + drawBorder: false, + }, + ticks: { + color: "#6B7280", + font: { + family: "iranyekan", + }, + }, + }, + y: { + beginAtZero: false, + grid: { + display: false, + drawBorder: false, + }, + ticks: { + color: "#6B7280", + font: { + family: "iranyekan", + }, + callback: function (value) { + return value.toLocaleString() + " ریال"; + }, + }, + }, + }, + elements: { + line: { + tension: 0.4, + }, + point: { + radius: 5, + hoverRadius: 7, + }, + }, + }} + /> + ) : ( + + داده‌ای برای نمایش موجود نیست + + )} + + +); diff --git a/src/features/dashboard/components/dashboard-sell-out/DashboardProvinceSellOut.js b/src/features/dashboard/components/dashboard-sell-out/DashboardProvinceSellOut.js new file mode 100644 index 0000000..35400f8 --- /dev/null +++ b/src/features/dashboard/components/dashboard-sell-out/DashboardProvinceSellOut.js @@ -0,0 +1,102 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +export const DashboardProvinceSellOut = ({ boxStats }) => ( + + + فروش زنده به خارج استان + + + + + تعداد بار : + + {boxStats?.outLiveBar?.count?.toLocaleString() || 0} + + + + حجم بار(قطعه) : + + {boxStats?.outLiveBar?.quantity?.toLocaleString() || 0} + + + + وزن(کیلوگرم) : + + {boxStats?.outLiveBar?.weight?.toLocaleString() || 0} + + + + میانگین وزن(کیلوگرم): + + {boxStats?.outLiveBar?.avgWeight?.toLocaleString() || 0} + + + + +); diff --git a/src/features/dashboard/components/dashboard-slaughter-information/DashboardSlaughterInformation.js b/src/features/dashboard/components/dashboard-slaughter-information/DashboardSlaughterInformation.js new file mode 100644 index 0000000..cde5299 --- /dev/null +++ b/src/features/dashboard/components/dashboard-slaughter-information/DashboardSlaughterInformation.js @@ -0,0 +1,291 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import axios from "axios"; +import { useDispatch } from "react-redux"; +import moment from "moment"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { Button, Tooltip, Checkbox, TextField } from "@mui/material"; +import { dashboardGetSlaughterInformationService } from "../../services/dashboard-slaughter-get-information"; +import { AppContext } from "../../../../contexts/AppContext"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceGetDispenserKillhousesService } from "../../../province/services/province-get-dispenser-killhouses"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { DatePicker } from "@mui/x-date-pickers"; + +export const DashboardSlaughterInformation = () => { + const [openNotif, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const [dashboardData, setDashboardData] = useState([]); + const [tableData, setTableData] = useState([]); + const [withDate, setWithDate] = useState(true); + const [selectedDate3, setSelectedDate3] = useState( + moment().format("YYYY-MM-DD") + ); + const [selectedDate4, setSelectedDate4] = useState( + moment().format("YYYY-MM-DD") + ); + const dispatch = useDispatch(); + + useEffect(() => { + fetchTableData(); + fetchDashboardData(); + }, [selectedDate1, selectedDate2, selectedDate3, selectedDate4, withDate]); + + const fetchDashboardData = () => { + dispatch( + dashboardGetSlaughterInformationService({ + date1: selectedDate1, + date2: selectedDate2, + }) + ) + .then((r) => { + if (r.payload?.data) { + const d = r.payload.data.map((item, i) => { + return [ + i + 1, + item?.killer ? "کشتارکن" : "کشتارگاه", + item?.name || "", + `${item?.killHouseOperator?.user?.fullname} (${item?.killHouseOperator?.user?.mobile})` || + "-", + item?.killHouseOperator?.user?.city?.toLocaleString() || "-", + item?.killingInfo?.killHouseRequestsCount?.toLocaleString() || + "0", + item?.killingInfo?.killHouseRequestsQuantity?.toLocaleString() || + "0", + item?.killingInfo?.killHouseRequestsWeight?.toLocaleString() || + "0", + item?.killingInfo?.killHouseFreeBarCount?.toLocaleString() || "0", + item?.killingInfo?.killHouseFreeBarQuantity?.toLocaleString() || + "0", + item?.killingInfo?.killHouseFreeBarWeight?.toLocaleString() || + "0", + item?.killingInfo?.provinceKillRequestsQuantity?.toLocaleString() || + "0", + item?.killingInfo?.totalQuantity?.toLocaleString() || "0", + item?.killingInfo?.totalWeight?.toLocaleString() || "0", + item?.killingInfo?.totalAvgWeight?.toLocaleString() || "0", + item?.killingInfo?.killHouseRequestsWareHouseTrueQuantity?.toLocaleString() || + "0", + item?.killingInfo?.killHouseRequestsWareHouseTrueWeight?.toLocaleString() || + "0", + item?.killingInfo?.killHouseRequestsWareHouseFalseQuantity?.toLocaleString() || + "0", + item?.killingInfo?.killHouseRequestsWareHouseFalseWeight?.toLocaleString() || + "0", + ]; + }); + setDashboardData(d); + } + }) + .catch((error) => { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "خطا در دریافت اطلاعات کشتارگاه", + severity: "error", + }); + console.error("Error fetching dashboard data:", error); + }); + }; + + const fetchTableData = () => { + dispatch( + provinceGetDispenserKillhousesService( + withDate + ? { + selectedDate1: selectedDate3, + selectedDate2: selectedDate4, + } + : {} + ) + ) + .then((r) => { + const d = r.payload?.data?.map((item, i) => { + return [ + i + 1, + `${item?.killHouseOperator?.user?.fullname} (${item?.killHouseOperator?.user?.mobile})`, + `${item?.killer ? "کشتارکن" : "کشتارگاه"} (${item?.name})`, + item?.killHouseOperator?.user?.city?.name, + item?.wareHouseInfo?.productRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.totalSell?.toLocaleString(), + item?.wareHouseInfo?.totalKillHouseAllocationsWeight?.toLocaleString(), + item?.wareHouseInfo?.totalKillHouseFreeSale_barCarcassesWeight?.toLocaleString(), + + + , + ]; + }); + setTableData(d); + }) + .catch((error) => { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "خطا در دریافت اطلاعات توزیع", + severity: "error", + }); + console.error("Error fetching table data:", error); + }); + }; + + return ( + + + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + + ( + + )} + value={moment(selectedDate3)} + onChange={(newValue) => { + setSelectedDate3(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={moment(selectedDate4)} + onChange={(newValue) => { + setSelectedDate4(moment(newValue).format("YYYY-MM-DD")); + }} + minDate={moment(selectedDate3)} + /> + + + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-slaughter-performance/DashboardSlaughterPerformance.js b/src/features/dashboard/components/dashboard-slaughter-performance/DashboardSlaughterPerformance.js new file mode 100644 index 0000000..238771f --- /dev/null +++ b/src/features/dashboard/components/dashboard-slaughter-performance/DashboardSlaughterPerformance.js @@ -0,0 +1,881 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Chart as ChartJS, ArcElement, Tooltip, Legend } from "chart.js"; +import { Line, Pie } from "react-chartjs-2"; +import ChartDataLabels from "chartjs-plugin-datalabels"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import { TextField, Typography } from "@mui/material"; +import moment from "moment"; + +import { AdvancedChart } from "../../../../components/advanced-chart/AdvancedChart"; +import { useDispatch } from "react-redux"; +import { dashboardGetSlaughterManagementKillHouse } from "../../services/dashboard-slaughter-performance"; + +ChartJS.register(ArcElement, Tooltip, Legend, ChartDataLabels); +export const DashboardSlaughterPerformance = () => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [data, setData] = useState({}); + + useEffect(() => { + dispatch( + dashboardGetSlaughterManagementKillHouse({ + date1: selectedDate1, + date2: selectedDate2, + }) + ).then((r) => { + if (r.payload?.data) { + setData(r.payload.data); + } + }); + }, [dispatch, selectedDate1, selectedDate2]); + + const options = { + responsive: true, + maintainAspectRatio: false, + plugins: { + datalabels: { + color: "#fff", + font: { + size: 10, + family: "iranyekan", + }, + formatter: (value, context) => { + const percentage = context.dataset.data[context.dataIndex]; + return percentage > 10 ? `${percentage}%` : ""; + }, + clamp: true, + anchor: "center", + align: "center", + offset: 0, + clip: true, + }, + legend: { + labels: { + color: "#333", + font: { + size: 12, + }, + }, + }, + }, + }; + + const lineOptions = { + scales: { + y: { + beginAtZero: true, + }, + }, + plugins: { + rtl: true, + }, + }; + const firstChart = [ + data?.allManagementKillHouseData?.stewardAllocations || 0, + data?.allManagementKillHouseData?.freeBars || 0, + data?.allManagementKillHouseData?.inWarehouse || 0, + ]; + + const firstChartData = { + labels: [ + "وزن توزیع شده داخل استان", + "وزن توزیع شده خارج استان", + "وزن وارد شده به انبار", + ], + datasets: [ + { + label: "", + data: firstChart?.map((v) => + ((v / firstChart.reduce((a, b) => a + b, 0)) * 100).toFixed(0) + ), + + backgroundColor: ["#2D5FFF", "#00CC99", "#dada95"], + }, + ], + }; + + const secondChart = [ + data?.allManagementKillHouseData?.inWarehouse || 0, + data?.totalWeightHasntWarehouse || 0, + data?.poultryHatchingTotalKilledWeight || 0, + ]; + + const secondChartData = { + labels: [ + "وزن وارد شده به انبار", + "وزن کل کشتار شده", + "وزن وارد نشده به انبار", + ], + datasets: [ + { + label: "", + data: secondChart.map((v) => + ((v / secondChart.reduce((a, b) => a + b, 0)) * 100).toFixed(1) + ), + + backgroundColor: ["#2D5FFF", "#00CC99", "#dada95"], + }, + ], + }; + + const getChartOptions = () => { + return [ + { + name: "درصد توزیع به خارج استان", + data: data?.managementKillHouseData?.map((item) => { + const killHouse = parseFloat(item?.killHouseFreeBarQuantity || 0); + const all = parseFloat(item?.allQuantity || 0); + return all ? parseFloat(((killHouse / all) * 100).toFixed(0)) : 0; + }), + }, + { + name: "درصد توزیع به داخل استان", + data: data?.managementKillHouseData?.map((item) => { + const inProvince = parseFloat(item?.inProvinceQuantity || 0); + const all = parseFloat(item?.allQuantity || 0); + return all ? parseFloat(((inProvince / all) * 100).toFixed(0)) : 0; + }), + }, + { + name: "درصد مانده در انبار", + data: data?.managementKillHouseData?.map((item) => { + const product = parseFloat(item?.product || 0); + const all = parseFloat(item?.allQuantity || 0); + return all ? parseFloat(((product / all) * 100).toFixed(0)) : 0; + }), + }, + { + name: "درصد توزیع", + // data: data?.managementKillHouseData?.map(() => 100), + data: data?.managementKillHouseData?.map( + (item) => + item?.inProvinceQuantity + item?.killHouseFreeBarQuantity || 0 + ), + }, + ]; + }; + + const getChartStewardOptions = () => { + return [ + { + name: "وزن کل تخصیصات", + data: data?.killHousesData?.map( + (item) => item?.wightOfSteward + item?.wightOfGuild || 0 + ), + }, + { + name: "وزن تخصیصات به مباشرین", + data: data?.killHousesData?.map((item) => item?.wightOfSteward || 0), + }, + { + name: "وزن تخصیصات به صنوف", + data: data?.killHousesData?.map((item) => item?.wightOfGuild || 0), + }, + ]; + }; + + const lineData = { + labels: data?.killHousesData?.map((item) => item?.name), + datasets: [ + { + label: "وزن توزیع خارج استان", + data: data?.killHousesData?.map((item) => item?.outProvinceWeight || 0), + backgroundColor: "rgba(255, 99, 132, 0.2)", + borderColor: "rgba(255, 99, 132, 1)", + borderWidth: 1, + }, + { + label: "وزن توزیع داخل استان", + data: data?.killHousesData?.map((item) => item?.inProvinceWight || 0), + backgroundColor: "rgba(54, 162, 235, 0.2)", + borderColor: "rgba(54, 162, 235, 1)", + borderWidth: 1, + }, + { + label: "کل وزن مانده به انبار", + data: data?.killHousesData?.map((item) => item?.totalWeight), + backgroundColor: "rgba(75, 192, 192, 0.2)", + borderColor: "rgba(75, 192, 192, 1)", + borderWidth: 1, + }, + ], + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + عملکرد کشتارگاه ها در بخش توزیع + + + + + + + + {[ + { + label: "وزن وارد شده به انبار", + value: data?.allManagementKillHouseData?.inWarehouse, + }, + { + label: "وزن توزیع شده خارج استان", + value: data?.allManagementKillHouseData?.freeBars, + }, + { + label: "وزن توزیع شده داخل استان", + value: data?.allManagementKillHouseData?.stewardAllocations, + }, + { + label: "مانده انبار", + value: data?.allManagementKillHouseData?.products, + }, + ].map((item, index) => ( + + + {item.label} : {item.value?.toLocaleString()} + + + ))} + + + + + عملکرد کشتارگاه ها در بخش ورود و خروج بارها به انبار + + + + + + {[ + { + label: "وزن وارد شده به انبار", + value: data?.allManagementKillHouseData?.inWarehouse, + }, + { + label: "وزن توزیع شده خارج استان", + value: data?.allManagementKillHouseData?.freeBars, + }, + { + label: "وزن توزیع شده داخل استان", + value: data?.allManagementKillHouseData?.stewardAllocations, + }, + { + label: "مانده انبار", + value: data?.allManagementKillHouseData?.products, + }, + ].map((item, index) => ( + + + {item.label} : {item.value?.toLocaleString()} + + + ))} + + + + + {data?.killHousesData?.length > 0 && ( + + + + گزارش درصد خرید کشتارگاه های استان (بر اساس حجم) + + + + {data?.killHousesData?.map((item, idx) => ( + + + + {item?.name} + + + + + درصد خرید داخل استان: + + + {(() => { + return `${ + Math.floor( + ((item?.inProvinceQuantity || 0) / + (item?.totalQuantity || 0)) * + 100 + ) || 0 + }% `; + })()} + + + درصد خرید خارج استان: + + + {(() => { + return `${ + Math.floor( + ((item?.outProvinceQuantity || 0) / + (item?.totalQuantity || 0)) * + 100 + ) || 0 + }% `; + })()} + + + + ))} + + + + )} + + {data?.managementKillHouseData?.length > 0 && ( + + + گزارش عملکرد انبار و توزیع کشتارگاه های استان (بر اساس درصد) + + + item?.name)} + info={getChartOptions()} + /> + + )} + {data?.killHousesData?.length > 0 && ( + + + + + گزارش درصد خرید کشتارگاه های استان (بر اساس وزن) + + + + + نام کشتارگاه + درصد خرید از استان + درصد خرید از خارج استان + + + {data.killHousesData.map((item, idx) => ( + + {item?.name} + + + {(() => { + const total = parseFloat(item?.totalWeight) || 0; + const inProvince = + parseFloat(item?.inProvinceWight) || 0; + return total > 0 + ? `${((inProvince / total) * 100).toFixed(0)}%` + : "0%"; + })()} + + + + {(() => { + const total = parseFloat(item?.totalWeight) || 0; + const outProvince = + parseFloat(item?.outProvinceWeight) || 0; + return total > 0 + ? `${((outProvince / total) * 100).toFixed(0)}%` + : "0%"; + })()} + + + ))} + + + + + {data?.killHousesData?.length > 0 && ( + + + گزارش کلی عملکرد توزیع به مباشرین و صنوف استان + + + + + نام کشتارگاه + تعداد تخصیصات به مباشرین + تعداد تخصیصات به صنوف + + + {data.killHousesData.map((item, idx) => ( + + {item?.name} + + {item?.lenOfSteward} + + {item?.lenOfGuild} + + ))} + + + )} + + + )} + + {data?.managementKillHouseData?.length > 0 && ( + + + + گزارش کلی عملکرد توزیع به مباشرین و صنوف استان (بر اساس وزن) + + + + + + + )} + + + + + + گزارش درصد خرید کشتارگاه های استان (بر اساس وزن) + + + item?.name)} + info={getChartStewardOptions()} + /> + + + + + + + + گزارش کلی عملکرد توزیع به مباشرین و صنوف استان (درصد) + + + + + نام کشتارگاه + تعداد تخصیصات به مباشرین + تعداد تخصیصات به صنوف + + + {data?.killHousesData?.map((item, idx) => ( + + {item?.name} + + {(() => { + const stewardWeight = + parseFloat(item?.wightOfSteward) || 0; + const guildWeight = parseFloat(item?.wightOfGuild) || 0; + const total = stewardWeight + guildWeight; + + const steward = parseFloat(item?.lenOfSteward) || 0; + + return total > 0 + ? `${((steward / total) * 100).toFixed(0)}%` + : "0%"; + })()} + + + + {(() => { + const total = + parseFloat(item?.wightOfSteward + item?.wightOfGuild) || + 0; + const guild = parseFloat(item?.lenOfGuild) || 0; + return total > 0 + ? `${((guild / total) * 100).toFixed(0)}%` + : "0%"; + })()} + + + ))} + + + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-slaughter/SlaughterDashboard.js b/src/features/dashboard/components/dashboard-slaughter/SlaughterDashboard.js new file mode 100644 index 0000000..681c469 --- /dev/null +++ b/src/features/dashboard/components/dashboard-slaughter/SlaughterDashboard.js @@ -0,0 +1,368 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Grid, + Typography, + Box, + TextField, + Tooltip, + Button, +} from "@mui/material"; +import { KillingInformation } from "../dashboard-killing-information/KillingInformation"; +import { useDispatch, useSelector } from "react-redux"; +import { SPACING } from "../../../../data/spacing"; +import { StatBox } from "../dashboard-state-box/StatBox"; +import { DashboardAllocationWithOutBar } from "../dashboard-allocation-with-out-bar/DashboardAllocationWithOutBar"; +import { DashboardLivePurchase } from "../dashboard-live-purchase/DashboardLivePurchase"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; + +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { DashboardBuyingCarcassess } from "../dashboard-buying-carcassess/DashboardBuyingCarcassess"; +import { DashboardProvinceSellOut } from "../dashboard-sell-out/DashboardProvinceSellOut"; +import { dashboardGetMonitoringBarAndKillingService } from "../../services/dashboard-get-service"; +import { DashboardSlaughterInformation } from "../dashboard-slaughter-information/DashboardSlaughterInformation"; +import { ImFilePdf } from "react-icons/im"; + +export const SlaughterDashboard = () => { + const dispatch = useDispatch(); + + const [boxStats, setBoxStats] = useState({ + killingInfo: {}, + bar: {}, + freeLiveBar: {}, + provinceKillRequestWithoutBar: {}, + outLiveBar: {}, + buyFreeCarcasses: {}, + }); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + dispatch( + dashboardGetMonitoringBarAndKillingService({ + date1: selectedDate1 || "null", + date2: selectedDate2 || "null", + }) + ).then((r) => { + if (r.payload?.data) { + setBoxStats(r.payload.data); + } + }); + }, [dispatch, selectedDate1, selectedDate2]); + + const firstRowBoxes = [ + { + title: "تعداد بارها", + value: boxStats?.bar?.count?.toLocaleString() || 0, + }, + { + title: "حجم بارها", + value: boxStats?.bar?.quantity?.toLocaleString() || 0, + unit: "قطعه", + }, + { + title: "وزن بارها", + value: boxStats?.bar?.weight?.toLocaleString() || 0, + unit: "کیلوگرم", + }, + { + title: "میانگین سن", + value: boxStats?.bar?.avgAge?.toLocaleString() || 0, + unit: "روز", + }, + { + title: "میانگین وزن", + value: boxStats?.bar?.avgWeight?.toLocaleString() || 0, + unit: "کیلوگرم", + }, + ]; + + const secondRowBoxes = [ + { + title: "تعداد بارها", + value: boxStats?.bar?.countHasQuarantine?.toLocaleString() || 0, + }, + { + title: "حجم بارهای رصدیار", + value: boxStats?.bar?.quantityHasQuarantine?.toLocaleString() || 0, + unit: "قطعه", + }, + { + title: "حجم بارهای قرنطینه", + value: boxStats?.bar?.totalQuarantineQuantity?.toLocaleString() || 0, + unit: "قطعه", + }, + + { + title: "اختلاف قطعه", + value: `${( + boxStats?.bar?.quantityHasQuarantine - + boxStats?.bar?.totalQuarantineQuantity || 0 + )?.toLocaleString()} (${ + boxStats?.bar?.quantityHasQuarantine + ? ( + ((boxStats?.bar?.quantityHasQuarantine - + boxStats?.bar?.totalQuarantineQuantity) / + boxStats?.bar?.quantityHasQuarantine) * + 100 + )?.toFixed(0) + "%)" + : "0%)" + }`, + isNegative: + boxStats?.bar?.quantityHasQuarantine - + boxStats?.bar?.totalQuarantineQuantity < + 0, + }, + ]; + + return ( + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + + + + + + اطلاعات بار + + + + {firstRowBoxes.map((box, index) => ( + + + + ))} + + + اطلاعات بارهای دارای استعلام قرنطینه + + + + {secondRowBoxes.map((box, index) => ( + + + + ))} + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-state-box/StatBox.js b/src/features/dashboard/components/dashboard-state-box/StatBox.js new file mode 100644 index 0000000..18b6cdf --- /dev/null +++ b/src/features/dashboard/components/dashboard-state-box/StatBox.js @@ -0,0 +1,58 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +export const StatBox = ({ + title, + value, + textColor, + color = "primary", + unit, +}) => { + return ( + + + {title} + + + {value.toLocaleString()} + + {unit && ( + + {unit} + + )} + + ); +}; diff --git a/src/features/dashboard/components/dashboard-state-item/StateItem.js b/src/features/dashboard/components/dashboard-state-item/StateItem.js new file mode 100644 index 0000000..de87da9 --- /dev/null +++ b/src/features/dashboard/components/dashboard-state-item/StateItem.js @@ -0,0 +1,56 @@ +import { Box, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +export const StatItem = ({ + title, + value, + unit = "", + color = "text", + small = false, + rightAlign = false, + colon = false, + bgGreen = false, + bgPurple = false, +}) => { + let backgroundColor = "background.paper"; + let textColor = `${color}.main`; + + if (bgGreen) { + backgroundColor = "rgba(0,128,0,0.1)"; + textColor = "success.main"; + } else if (bgPurple) { + backgroundColor = "#9370db"; + textColor = "primary.main"; + } + + return ( + + + + {colon ? `${title} :` : title} + + + {value?.toLocaleString?.() || value} {unit} + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-tab/DashboardTab.js b/src/features/dashboard/components/dashboard-tab/DashboardTab.js new file mode 100644 index 0000000..ea5bf50 --- /dev/null +++ b/src/features/dashboard/components/dashboard-tab/DashboardTab.js @@ -0,0 +1,57 @@ +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Tab, Tabs } from "@mui/material"; +import { Dashboard } from "../dashboard/Dashboard"; +import { SlaughterDashboard } from "../dashboard-slaughter/SlaughterDashboard"; +// import { DashboardSlaughterPerformance } from "../dashboard-slaughter-performance/DashboardSlaughterPerformance"; +import { DashboardPeriodicPerformance } from "../dashboard-periodic-performance/DashboardPeriodicPerformance"; +import { DashboardSlaughterPerformance } from "../dashboard-slaughter-performance/DashboardSlaughterPerformance"; +import { DashboardEquivalentTab } from "../dashboard-equivalent-tab/DashboardEquivalentTab"; + +export const DashboardTab = () => { + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + return ( + + + + + + + + {/* */} + + + {value === 0 && } + {value === 1 && } + {value === 2 && } + {value === 3 && } + {value === 4 && } + + + + ); +}; diff --git a/src/features/dashboard/components/dashboard-ware-house-info-section/WarehouseInfoSection.js b/src/features/dashboard/components/dashboard-ware-house-info-section/WarehouseInfoSection.js new file mode 100644 index 0000000..2cd2805 --- /dev/null +++ b/src/features/dashboard/components/dashboard-ware-house-info-section/WarehouseInfoSection.js @@ -0,0 +1,85 @@ +import { Box, Typography } from "@mui/material"; + +const warehouseItems = [ + { label: "وزن ورودی به انبار:", key: "enterWarehouseWeight" }, + { label: "وزن فروش به خارج استان:", key: "outSellWeight" }, + { label: "وزن توزیع به داخل استان:", key: "allocationWeight" }, + { label: "وزن مانده در انبار کشتارگاه:", key: "leftOverWarehouseWeight" }, +]; + +const WarehouseRow = ({ label, value }) => ( + + + {label} + + + + {value?.toLocaleString() || 0} + + + کیلوگرم + + + +); + +export const WarehouseInfoSection = ({ boxStats, sx }) => ( + + + اطلاعات انبار و توزیع امروز + + + + {warehouseItems.map((item) => ( + + ))} + + +); diff --git a/src/features/dashboard/components/dashboard-yesterday-killing-report/YesterdayKillingReport.js b/src/features/dashboard/components/dashboard-yesterday-killing-report/YesterdayKillingReport.js new file mode 100644 index 0000000..92f10ab --- /dev/null +++ b/src/features/dashboard/components/dashboard-yesterday-killing-report/YesterdayKillingReport.js @@ -0,0 +1,116 @@ +import { Box, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +const reportItems = [ + { label: "حجم درخواست کشتار مرغدار:", key: "quantityYesterday" }, + { label: "وزن درخواست کشتار مرغدار:", key: "totalWeightYesterday" }, + { label: "حجم خرید های مستقیم :", key: "killRequestQuantityYesterday" }, + { label: "وزن خرید های مستقیم :", key: "killRequestWeightYesterday" }, + { + label: "حجم خرید های خارج از استان (زنده) :", + key: "quantityKillHouseFreeBarLiveYesterday", + }, + { + label: "وزن خرید های خارج از استان (زنده) :", + key: "WeightKillHouseFreeBarLiveYesterday", + }, + { + label: "وزن خرید های خارج از استان (لاشه) :", + key: "WeightKillHouseFreeBarCarcassYesterday", + }, + { + label: "حجم کل تخصیصات (خرید مستقیم/ مرغدار ):", + key: "provinceKillRequestQuantityYesterday", + }, + { + label: "وزن کل تخصیصات (خرید مستقیم/ مرغدار ):", + key: "provinceKillRequestWeightCarcassYesterday", + }, + { + label: "حجم فروش به خارج استان:", + key: "poultryOutProvinceQuantityYesterday", + }, + { + label: "وزن فروش به خارج استان:", + key: "poultryOutProvinceWeightYesterday", + }, + { label: "حجم بارها:", key: "KillHouseRequestQuantityYesterday" }, + { label: "وزن بارها:", key: "KillHouseRequestWeightYesterday" }, + { + label: "لاشه تولیدی با احتساب 25درصد افت کشتار :", + key: "totalLossWeightYesterday", + }, +]; + +const ReportRow = ({ label, value }) => ( + + + {label} + + + {value?.toLocaleString() || 0} + + +); + +export const YesterdayKillingReport = ({ boxStats }) => ( + + + گزارش کشتار دیروز مرغ گوشتی استان + + + + {reportItems.map((item, index) => ( + + ))} + + +); diff --git a/src/features/dashboard/components/dashboard/Dashboard.js b/src/features/dashboard/components/dashboard/Dashboard.js new file mode 100644 index 0000000..03f2ee4 --- /dev/null +++ b/src/features/dashboard/components/dashboard/Dashboard.js @@ -0,0 +1,590 @@ +import { Typography, Avatar, Badge, Chip, Box, Button } from "@mui/material"; +import { Tooltip as MUITooltip } from "@mui/material"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + Chart as ChartJs, + ArcElement, + Tooltip, + Legend, + BarElement, + CategoryScale, + LinearScale, + LineElement, + PointElement, +} from "chart.js"; +import ChartDataLabels from "chartjs-plugin-datalabels"; +import { PieChartSection } from "../dashboard-pie-chart-section/PieChartSection"; +import { InventorySection } from "../dashboard-inventory-section/InventorySection"; +import { WarehouseInfoSection } from "../dashboard-ware-house-info-section/WarehouseInfoSection"; +import { PriceChartSection } from "../dashboard-price-chart-section/PriceChartSection"; +import AnnouncementIcon from "@mui/icons-material/Announcement"; +import { getUnseenMessages } from "../../../authentication/services/getUnseenMessage"; +import { motion } from "framer-motion"; +import CircleNotificationsIcon from "@mui/icons-material/CircleNotifications"; +import { useNavigate } from "react-router-dom"; +import { YesterdayKillingReport } from "../dashboard-yesterday-killing-report/YesterdayKillingReport"; +import { BarChartSection } from "../dashboard-bar-chart-section/BarChartSection"; +import { DailykillingReport } from "../dashboard-daily-killing-report/DailyKillingReport "; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { StatBox } from "../dashboard-state-box/StatBox"; +import { dashboardGetMonitoringService } from "../../services/dashboard-get-service"; +import { dashboardGetTicketService } from "../../services/dashboard-ticket-service"; +import { dashboardGetNewsService } from "../../services/dashboard-get-news-service"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; + +ChartJs.register( + ArcElement, + Tooltip, + Legend, + ChartDataLabels, + BarElement, + CategoryScale, + LinearScale, + LineElement, + PointElement +); + +export const Dashboard = () => { + const dispatch = useDispatch(); + + const [boxStats, setBoxStats] = useState({ + hatching: {}, + yesterdayKilling: {}, + Killing: {}, + inventory: {}, + warehouseKillHouse: {}, + warehouseInformation: {}, + chickenPrice: [], + }); + + const [notifications, setNotifications] = useState([]); + const [tickets, setTickets] = useState([]); + const [unseenMessages, setUnseenMessages] = useState({ + state: false, + num: 0, + }); + const navigate = useNavigate(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(dashboardGetMonitoringService()).then((r) => { + if (r.payload?.data) { + setBoxStats(r.payload.data); + } + dispatch(LOADING_END()); + }); + }, [dispatch]); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(dashboardGetNewsService()).then((r) => { + if (r.payload?.data) { + const formattedNotifications = r.payload.data.map((item) => ({ + id: item.id, + title: item.title, + date: item.created_at, + type: item.status || "تازه", + message: item.text, + isNew: true, + })); + setNotifications(formattedNotifications); + } else { + setNotifications([]); + } + dispatch(LOADING_END()); + }); + }, [dispatch]); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(dashboardGetTicketService()).then((r) => { + if (r.payload?.data) { + const ticketsData = Array.isArray(r.payload.data) + ? r.payload.data + : [r.payload.data]; + setTickets(ticketsData); + } else { + setTickets([]); + } + dispatch(LOADING_END()); + }); + }, [dispatch]); + + useEffect(() => { + dispatch(getUnseenMessages()).then((r) => { + setUnseenMessages(r.payload.data); + }); + }, [window.location.pathname]); + + const handleNotificationClick = (id) => { + navigate(`/ticket/${id}/false`); + }; + + const statBoxes = [ + { + title: "حجم جوجه ریزی فعال (قطعه)", + value: boxStats?.hatching?.quantity || 0, + }, + { + title: "حجم کشتار شده (قطعه)", + value: boxStats?.hatching?.killedQuantity || 0, + }, + { + title: "حجم مانده در سالن (قطعه)", + value: boxStats?.hatching?.leftOver || 0, + }, + { + title: "حجم مانده در سالن بزرگتر از 40 روز(قطعه) ", + value: boxStats?.hatching?.leftOverBetweenFortySeventyFive || 0, + }, + { + title: "میانگین سن کشتار فارم های فعال", + value: boxStats?.hatching?.killingAveAge || 0, + }, + ]; + + return ( + + + + + + + + آخرین اطلاعیه و اخبار + + + + {notifications.length > 0 ? ( + + {notifications.map((notification) => ( + + + + {notification.title} + + + {notification.message} + + + + + {notification.date} + + + + + + ))} + + ) : ( + + + اخبار جدیدی وجود ندارد + + + )} + + + + + + + تیکت های خوانده نشده + + {unseenMessages?.state ? ( + + + + + + ) : ( + + )} + + + {tickets.length > 0 ? ( + + {tickets.map((ticket) => ( + + { + handleNotificationClick(ticket?.ticketId); + }} + > + + {ticket.user?.fullname?.charAt(0) || ""} + + + {ticket.user?.fullname || "نامشخص"} + + {ticket.unread_message && ( + + )} + + + {ticket.title} + + + ))} + + ) : ( + + + تیکتی جهت نمایش وجود ندارد + + + )} + + + + + + + آمار جوجه ریزی استان + + + + {statBoxes.map((box, index) => ( + + + + ))} + + + + + + + + + } + data={[ + [ + boxStats?.hatching?.totalLeftOverLt35?.toLocaleString() || "0", + boxStats?.hatching?.totalLeftOverBetween3540?.toLocaleString() || + "0", + boxStats?.hatching?.totalLeftOverBetween4045?.toLocaleString() || + "0", + boxStats?.hatching?.totalLeftOverBetween4550?.toLocaleString() || + "0", + boxStats?.hatching?.totalLeftOverBetween5055?.toLocaleString() || + "0", + boxStats?.hatching?.totalLeftOverBetween5560?.toLocaleString() || + "0", + boxStats?.hatching?.totalLeftOverBetween6065?.toLocaleString() || + "0", + boxStats?.hatching?.totalLeftOverBetween6570?.toLocaleString() || + "0", + boxStats?.hatching?.totalLeftOverGt70?.toLocaleString() || "0", + ], + ]} + allColors={{ color: "#244CCC", text: "#fff" }} + columns={[ + "کمتر از 35 روز", + "بین 35 تا 40 روز", + "بین 40 تا 45 روز", + "بین 45 تا 50 روز", + "بین 50 تا 55 روز", + "بین 55 تا 60 روز", + "بین 60 تا 65 روز", + "بین 65 تا 70 روز", + "بیش از 70 روز", + ]} + title="مانده در سالن (قطعه)" + /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/dashboard/services/dahsboard-get-equivalent-info.js b/src/features/dashboard/services/dahsboard-get-equivalent-info.js new file mode 100644 index 0000000..5c75f11 --- /dev/null +++ b/src/features/dashboard/services/dahsboard-get-equivalent-info.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const dashboardGetEquivalentInfoService = createAsyncThunk( + "DASHBOARD_GET_EQUIVALENT_INFO_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("kill-house-comparative-info", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/dashboard/services/dashboard-get-news-service.js b/src/features/dashboard/services/dashboard-get-news-service.js new file mode 100644 index 0000000..3d64001 --- /dev/null +++ b/src/features/dashboard/services/dashboard-get-news-service.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const dashboardGetNewsService = createAsyncThunk( + "DASHBOARD_GET_NEWS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("dashboard_notification/", { + params: { + role: getRoleFromUrl(), + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/dashboard/services/dashboard-get-service.js b/src/features/dashboard/services/dashboard-get-service.js new file mode 100644 index 0000000..9b74c01 --- /dev/null +++ b/src/features/dashboard/services/dashboard-get-service.js @@ -0,0 +1,35 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const dashboardGetMonitoringService = createAsyncThunk( + "DASHBOARD_GET_MONITORING_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("dashboard_monitoring_view/", { + params: { + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); +export const dashboardGetMonitoringBarAndKillingService = createAsyncThunk( + "DASHBOARD_GET_MONITORING_BAR_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "dashboard_monitoring_bar_and_killing", + { + params: { + date1: d.date1, + date2: d.date2, + ...d, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/dashboard/services/dashboard-slaughter-get-information.js b/src/features/dashboard/services/dashboard-slaughter-get-information.js new file mode 100644 index 0000000..1819d83 --- /dev/null +++ b/src/features/dashboard/services/dashboard-slaughter-get-information.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const dashboardGetSlaughterInformationService = createAsyncThunk( + "DASHBOARD_GET_SLAUGHTER_INFORMATION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill-house-performance-dashboard", + { + params: { + date1: d.date1, + date2: d.date2, + ...d, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/dashboard/services/dashboard-slaughter-performance.js b/src/features/dashboard/services/dashboard-slaughter-performance.js new file mode 100644 index 0000000..688d299 --- /dev/null +++ b/src/features/dashboard/services/dashboard-slaughter-performance.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const dashboardGetSlaughterManagementKillHouse = createAsyncThunk( + "MANAGEMENT_KILLHOUSE_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "management_kill_house_dashboard", + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/dashboard/services/dashboard-slaughter-periodic-performance.js b/src/features/dashboard/services/dashboard-slaughter-periodic-performance.js new file mode 100644 index 0000000..0c0cf10 --- /dev/null +++ b/src/features/dashboard/services/dashboard-slaughter-periodic-performance.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const dashboardGetSlaughterPeriodicPerformance = createAsyncThunk( + "PERIODIC_PERFORMANCE_REPORT_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "periodic_performance_report_dashboard", + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/dashboard/services/dashboard-ticket-service.js b/src/features/dashboard/services/dashboard-ticket-service.js new file mode 100644 index 0000000..1527aed --- /dev/null +++ b/src/features/dashboard/services/dashboard-ticket-service.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const dashboardGetTicketService = createAsyncThunk( + "DASHBOARD__GET_TICKET_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "get_unread_ticket_for_dashboard/", + { + params: { + ...d, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/driver/components/driver-cars/DriverCars.js b/src/features/driver/components/driver-cars/DriverCars.js new file mode 100644 index 0000000..d1c9594 --- /dev/null +++ b/src/features/driver/components/driver-cars/DriverCars.js @@ -0,0 +1,83 @@ +import { Card, Grid } from "@mui/material"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { useEffect, useState } from "react"; +import { driverGetCars } from "../../services/driver-get-cars"; + +export const DriverCars = () => { + const [dataTable, setDataTable] = useState([]); + const { driverCars } = useSelector((state) => state.driverSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(driverGetCars()); + }, []); + + useEffect(() => { + const d = driverCars.map((item, i) => { + return [ + i + 1, + item.name, + item.typeCar, + item.pelak, + item.capocity, + item.healthCode, + item.typeWeight, + ]; + }); + + setDataTable(d); + }, [driverCars]); + + const [tableDataCol] = useState([ + "ردیف", + "نام", + "نوع خودرو", + "پلاک", + "ظرفیت", + "کد بهداشتی", + "وزن", + ]); + + const formik = useFormik({ + initialValues: { + capacity: "", + recieveTime: "", + recieveDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + capacity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + recieveTime: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + ); +}; diff --git a/src/features/driver/components/driver-operations/DriverOperations.js b/src/features/driver/components/driver-operations/DriverOperations.js new file mode 100644 index 0000000..7aebd51 --- /dev/null +++ b/src/features/driver/components/driver-operations/DriverOperations.js @@ -0,0 +1,39 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { Button } from "@mui/material"; +import { + ROUTE_DRIVER_CARS, + ROUTE_DRIVER_REQUESTS, +} from "../../../../routes/routes"; + +export const DriverOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + + + + + ); +}; diff --git a/src/features/driver/components/driver-profile/DriverProfile.js b/src/features/driver/components/driver-profile/DriverProfile.js new file mode 100644 index 0000000..d7d677b --- /dev/null +++ b/src/features/driver/components/driver-profile/DriverProfile.js @@ -0,0 +1,58 @@ +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +import { driverGetProfile } from "../../services/driver-get-profile"; + +export const DriverProfile = () => { + const { profile } = useSelector((state) => state.driverSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(driverGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + + + + + + + + + ); +}; diff --git a/src/features/driver/components/driver-requests/DriverRequests.js b/src/features/driver/components/driver-requests/DriverRequests.js new file mode 100644 index 0000000..14f3f5f --- /dev/null +++ b/src/features/driver/components/driver-requests/DriverRequests.js @@ -0,0 +1,165 @@ +import { Button, Card, Grid } from "@mui/material"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { useEffect, useState } from "react"; +import { driverGetRequests } from "../../services/driver-get-requests"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { DriverSubmitCancellationRequest } from "../driver-submit-cancellation-request/DriverSubmitCancellationRequest"; +import { format } from "date-fns-jalali"; + +export const DriverRequests = () => { + const [dataTable, setDataTable] = useState([]); + const [archiveDataTable, setArchiveDataTable] = useState([]); + const { driverRequests } = useSelector((state) => state.driverSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(driverGetRequests()); + }, []); + + useEffect(() => { + const d = driverRequests + ?.filter((item) => item.vetState === "pending") + .map((item, i) => { + return [ + i + 1, + item.barCode, + item.car.typeCar, + item.car.pelak, + item?.poultry?.poultryName, + item?.poultry?.poultryMobile, + item?.poultry?.poultryProvince + + " - " + + item?.poultry?.poultryCity + + " - " + + item?.poultry?.poultryAddress, + item.killhouseUser.name, + item.killhouseUser?.killHouseOperator?.user?.mobile, + item.killhouseUser?.address?.address, + format(new Date(item.killRequest.reciveDate), "yyyy/MM/dd"), + item.killRequest.reciveTime, + , + ]; + }); + + setDataTable(d); + }, [driverRequests]); + + useEffect(() => { + const d = driverRequests + ?.filter((item) => item.vetState !== "pending") + .map((item, i) => { + return [ + i + 1, + item.barCode, + item.car.typeCar, + item.car.pelak, + item?.poultry?.poultryName, + item?.poultry?.poultryMobile, + item?.poultry?.poultryProvince + + " - " + + item?.poultry?.poultryCity + + " - " + + item?.poultry?.poultryAddress, + item.killhouseUser.name, + item.killhouseUser?.killHouseOperator?.user?.mobile, + item.killhouseUser?.address?.address, + format(new Date(item.killRequest.reciveDate), "yyyy/MM/dd"), + item.killRequest.reciveTime, + ]; + }); + + setArchiveDataTable(d); + }, [driverRequests]); + + const formik = useFormik({ + initialValues: { + capacity: "", + recieveTime: "", + recieveDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + capacity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + recieveTime: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + ); +}; diff --git a/src/features/driver/components/driver-submit-cancellation-request/DriverSubmitCancellationRequest.js b/src/features/driver/components/driver-submit-cancellation-request/DriverSubmitCancellationRequest.js new file mode 100644 index 0000000..c2f66a0 --- /dev/null +++ b/src/features/driver/components/driver-submit-cancellation-request/DriverSubmitCancellationRequest.js @@ -0,0 +1,115 @@ +import { Button, TextField } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import React, { useContext, useEffect } from "react"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { driverSubmitCancellationRequest } from "../../services/driver-submit-cancellation-request"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { PropTypes } from "prop-types"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const DriverSubmitCancellationRequest = ({ item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + description: "", + }, + validationSchema: Yup.object({ + description: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + + + ); +}; + +DriverSubmitCancellationRequest.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/driver/services/driver-get-cars.js b/src/features/driver/services/driver-get-cars.js new file mode 100644 index 0000000..f11f7d5 --- /dev/null +++ b/src/features/driver/services/driver-get-cars.js @@ -0,0 +1,7 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const driverGetCars = createAsyncThunk("DRIVER_GET_CARS", async () => { + const { data, status } = await axios.get("driver/?my_car"); + return { data, status }; +}); diff --git a/src/features/driver/services/driver-get-profile.js b/src/features/driver/services/driver-get-profile.js new file mode 100644 index 0000000..023891e --- /dev/null +++ b/src/features/driver/services/driver-get-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const driverGetProfile = createAsyncThunk( + "DRIVER_GET_PROFILE", + async () => { + const { data, status } = await axios.get("driver/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/driver/services/driver-get-requests.js b/src/features/driver/services/driver-get-requests.js new file mode 100644 index 0000000..2475379 --- /dev/null +++ b/src/features/driver/services/driver-get-requests.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const driverGetRequests = createAsyncThunk( + "DRIVER_GET_REQUESTS", + async () => { + const { data, status } = await axios.get("driver/?my_allocations"); + return { data, status }; + } +); diff --git a/src/features/driver/services/driver-submit-cancellation-request.js b/src/features/driver/services/driver-submit-cancellation-request.js new file mode 100644 index 0000000..59b0207 --- /dev/null +++ b/src/features/driver/services/driver-submit-cancellation-request.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const driverSubmitCancellationRequest = createAsyncThunk( + "DRIVER_CANCELLATION_REQUEST", + async (d) => { + const { data, status } = await axios.post("driver_cancel/", d); + return { data, status }; + } +); diff --git a/src/features/file/components/aviculture-bar-form/AvicultureBarForm.js b/src/features/file/components/aviculture-bar-form/AvicultureBarForm.js new file mode 100644 index 0000000..ee72cf6 --- /dev/null +++ b/src/features/file/components/aviculture-bar-form/AvicultureBarForm.js @@ -0,0 +1,111 @@ +import { SPACING } from "../../../../data/spacing"; +import UploadIcon from "@mui/icons-material/Upload"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, Card, TextField, Typography } from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useEffect, useState } from "react"; + +export const AvicultureBarForm = () => { + const [barWeight, setbarWeight] = useState(0); + const formik = useFormik({ + initialValues: { + firstweight: "", + lastweight: "", + }, + validationSchema: Yup.object({ + firstweight: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + lastweight: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + const numFirstWeight = Number(formik.values.firstweight); + const numLastWeight = Number(formik.values.lastweight); + if (numFirstWeight && numLastWeight) { + if (numFirstWeight < numLastWeight) { + setbarWeight(numLastWeight - numFirstWeight); + } else { + setbarWeight(0); + } + } + }, [formik.values.firstweight, formik.values.lastweight]); + + return ( + <> + + + + + + + + + وزن بار: {barWeight} کیلوگرم + + + + + + ); +}; diff --git a/src/features/file/components/bank-account-information/BankAccountInformation.js b/src/features/file/components/bank-account-information/BankAccountInformation.js new file mode 100644 index 0000000..24467c1 --- /dev/null +++ b/src/features/file/components/bank-account-information/BankAccountInformation.js @@ -0,0 +1,87 @@ +import { PropTypes } from "prop-types"; +// import { Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import BankCard from "../../../../components/bank-card/BankCard"; +// import { Typography } from "@mui/material"; + +export const BankAccountInformation = ({ + card, + shaba, + info, + price, + priceText, + bankName, + bankUser, +}) => { + return ( + + + + + + {/* + + + اطلاعات بانکی جهت واریز مبلغ: + + + + + + شماره کارت + + {card} + + + + شماره شبا + + {shaba} + + + + + مبلغ قابل پرداخت + + + {price?.toLocaleString()} ریال + + + + + مبلغ قابل پرداخت به حروف + + + {priceText} + + + + + + {info} + + + */} + + ); +}; + +BankAccountInformation.propTypes = { + card: PropTypes.string, + shaba: PropTypes.string, + info: PropTypes.string, + price: PropTypes.any, + priceText: PropTypes.any, +}; diff --git a/src/features/file/components/check-request-item/CheckRequestItem.js b/src/features/file/components/check-request-item/CheckRequestItem.js new file mode 100644 index 0000000..655fd20 --- /dev/null +++ b/src/features/file/components/check-request-item/CheckRequestItem.js @@ -0,0 +1,297 @@ +import { Button, TextField, Typography } from "@mui/material"; +import React, { useState } from "react"; +import { SPACING } from "../../../../data/spacing"; +import { AnimatePresence, motion } from "framer-motion"; +import { + CLOSE_MODAL, + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { checkRequestBySlaughter } from "../../services/checkRequestBySlaughter"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { PropTypes } from "prop-types"; +import { getAllocationInformation } from "../../services/get-allocation-information"; +import { Grid } from "../../../../components/grid/Grid"; +import { useParams } from "react-router-dom"; +import { getAcceptedSlaughterRequest } from "../../services/getAcceptedSlaughterRequest"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { slaughterGetActiveRequests } from "../../../slaughter-house/services/slaughter-get-active-requests"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export default function CheckRequestItem({ reqKey, poultryRequestKey }) { + const [openNotif] = useContext(AppContext); + const [isDenyed, setisDenyed] = useState(false); + const dispatch = useDispatch(); + const { id } = useParams(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + rejectText: "", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + + const acceptButtonText = + getRoleFromUrl() === "ProvinceOperator" + ? "ثبت اطلاعات بجای کشتارگاه" + : "ثبت اطلاعات و ارسال به استان"; + + const rejectButtonText = + getRoleFromUrl() === "ProvinceOperator" + ? "رد اطلاعات بجای کشتارگاه" + : "رد اطلاعات و پیام به استان"; + + return ( + + + + {isDenyed ? ( + + + + + + + + + + + + + + + + + ) : ( + + + + + + ), + }) + ); + } + }); + }} + > + {acceptButtonText} + + + )} + + + + ); +} +CheckRequestItem.propTypes = { + reqKey: PropTypes.string, + poultryRequestKey: PropTypes.string, +}; diff --git a/src/features/file/components/city-file-operations/CityFileOperations.js b/src/features/file/components/city-file-operations/CityFileOperations.js new file mode 100644 index 0000000..283f8a9 --- /dev/null +++ b/src/features/file/components/city-file-operations/CityFileOperations.js @@ -0,0 +1,439 @@ +import { + TimelineConnector, + TimelineContent, + // TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { + Button, + // FormControl, + // FormControlLabel, + // FormLabel, + // Radio, + // RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import React, { useState } from "react"; +// import { formatTime } from "../../../../utils/formatTime"; +import { PropTypes } from "prop-types"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { AnimatePresence, motion } from "framer-motion"; +import { useDispatch } from "react-redux"; +import { checkRequestByCity } from "../../services/checkRequestByCity"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { + CLOSE_MODAL, + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { getFileFromApi } from "../../hooks/useRequestFile"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { avicultureGetRequests } from "../../../aviculture/services/aviculture-requests"; +import { getProvinceNewRequests } from "../../../province/services/get-province-new-requests"; +import { avicultureRequestsStateProcessService } from "../../../aviculture/services/aviculture-requests-state-process"; + +const CityFileOperations = ({ id, file, updateTable }) => { + // const myFile = useRequestFile(id); + // const file = myFile?.file?.process; + const [openNotif, , selectedDate1, , selectedDate2, ,] = + useContext(AppContext); + const [isSubmited] = useState(false); + const [roles] = useUserProfile(); + + // useEffect(() => { + // if (file?.city !== null) { + // setIsSubmited(true); + // } + // }, []); + + const formik = useFormik({ + initialValues: { + rejectText: "", + canHaching: "False", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + const [isDenyed, setisDenyed] = useState(false); + + const showHatchingAllowed = + file?.hatching?.allowHatching === "pending" && + file?.hatching?.leftOver !== 0; + const buttonState = !formik.values.canHaching && showHatchingAllowed; + + // const animationControl = useAnimation(); + + // useEffect(() => { + // if (isDenyed) { + // animationControl.start({ + // x: -10, + // display: "block", + // transition: { duration: 0.3 }, + // }); + // } + // }, [isDenyed]); + + // const MotionInput = motion(TextField); + const dispatch = useDispatch(); + const acceptButtonText = + getRoleFromUrl() === "ProvinceOperator" + ? "تایید اطلاعات بجای شهرستان" + : "ثبت اطلاعات و ارسال به استان"; + return ( + <> + {!isSubmited && ( + + + + + + + + + + انجام عملیات + + + + + + در این مرحله درخواست را تایید یا رد کنید. + + + + + + + + + {isDenyed ? ( + + + + + + + + + + + + + + + + + ) : ( + + + + + تعداد درخواست کشتار: + + + {file?.quantity?.toLocaleString()} قطعه + + + + + تعداد باقی مانده از جوجه ریزی: + + + {file?.hatching?.leftOver?.toLocaleString()} قطعه + + + {!!showHatchingAllowed && ( + + {/* + + + مرغدار اجازه جوجه ریزی ...... + + { + formik.setFieldValue( + "canHaching", + event.currentTarget.value + ); + }} + value={formik.values.canHaching} + > + } + label="دارد" + /> + } + label="ندارد" + /> + + + + مرغ دار اجازه جوجه ریزی دارد بدین معناست + که باقی مانده مرغ صفر در نظر گرفته می شود + و مرغ دار اجازه جوجه ریزی برای سالن خود را + خواهد داشت. + + + + */} + + )} + + + + + + + + ), + }) + ); + } + } + }); + }} + > + {acceptButtonText} + + + + + )} + + + + + + + )} + + ); +}; +CityFileOperations.propTypes = { + file: PropTypes.object, +}; + +export default CityFileOperations; diff --git a/src/features/file/components/city-information/CityInformation.js b/src/features/file/components/city-information/CityInformation.js new file mode 100644 index 0000000..05574dc --- /dev/null +++ b/src/features/file/components/city-information/CityInformation.js @@ -0,0 +1,153 @@ +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { PropTypes } from "prop-types"; +import { useEffect, useState } from "react"; +import TimelineSeparator from "@mui/lab/TimelineSeparator"; +import TimelineDot from "@mui/lab/TimelineDot"; +import TimelineConnector from "@mui/lab/TimelineConnector"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; +import TimelineContent from "@mui/lab/TimelineContent"; +import { SPACING } from "../../../../data/spacing"; +import TimelineItem from "@mui/lab/TimelineItem"; +import { formatTime } from "../../../../utils/formatTime"; +import { format } from "date-fns-jalali"; + +export const CityInformation = ({ file }) => { + const [cityInfoData, setCityInfo] = useState({ + cityOperatorName: "اپراتور شهرستان", + cityOperatorMobile: "-", + cityUnionName: "-", + acceptedRejectedDate: "", + cityState: "در انتظار تایید", + }); + + const { city, cityOperator } = file; + useEffect(() => { + let cityOperatorName, + cityOperatorMobile, + acceptedRejectedDate, + cityState, + cityUnionName; + if (city) { + cityOperatorName = city.cityOperatorName; + cityOperatorMobile = city.cityOperatorMobile; + acceptedRejectedDate = city.acceptedRejectedDate; + cityUnionName = city.unitName; + cityState = city.cityState === "accept" ? "تایید شده" : "رد شده"; + } else { + cityOperatorName = cityOperator?.cityOperatorName; + cityOperatorMobile = cityOperator.cityOperatorMobile; + cityUnionName = cityOperator.unitName; + acceptedRejectedDate = null; + cityState = "در انتظار تایید"; + } + setCityInfo({ + cityOperatorName, + cityOperatorMobile, + acceptedRejectedDate, + cityUnionName, + cityState, + }); + }, [city]); + + return ( + <> + + + + + + + + + + + مرحله شهرستان + + + + + + + + {cityInfoData.cityState === "در انتظار تایید" ? ( + + درخواست منتظر انجام عملیات توسط اپراتور می باشد. + + ) : ( + <> + + درخواست در تاریخ + + + {cityInfoData.acceptedRejectedDate + ? formatTime(cityInfoData.acceptedRejectedDate) + : "-"} + + + {cityInfoData.cityState} است. + + + )} + + + + + + + + + + + + + + ); +}; + +CityInformation.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/city-information/CityInformationContent.js b/src/features/file/components/city-information/CityInformationContent.js new file mode 100644 index 0000000..432a044 --- /dev/null +++ b/src/features/file/components/city-information/CityInformationContent.js @@ -0,0 +1,79 @@ +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { PropTypes } from "prop-types"; +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { format } from "date-fns-jalali"; + +export const CityInformationContent = ({ file }) => { + const [cityInfoData, setCityInfo] = useState({ + cityOperatorName: "اپراتور شهرستان", + cityOperatorMobile: "-", + cityUnionName: "-", + acceptedRejectedDate: "", + cityState: "در انتظار تایید", + }); + + const { city, cityOperator } = file; + useEffect(() => { + let cityOperatorName, + cityOperatorMobile, + acceptedRejectedDate, + cityState, + cityUnionName; + if (city) { + cityOperatorName = city.cityOperatorName; + cityOperatorMobile = city.cityOperatorMobile; + acceptedRejectedDate = city.acceptedRejectedDate; + cityUnionName = city.unitName; + cityState = city.cityState === "accept" ? "تایید شده" : "رد شده"; + } else { + cityOperatorName = cityOperator?.cityOperatorName; + cityOperatorMobile = cityOperator.cityOperatorMobile; + cityUnionName = cityOperator.unitName; + acceptedRejectedDate = null; + cityState = "در انتظار تایید"; + } + setCityInfo({ + cityOperatorName, + cityOperatorMobile, + acceptedRejectedDate, + cityUnionName, + cityState, + }); + }, [city]); + + return ( + + + + ); +}; + +CityInformationContent.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/city-information/CityInformationTitle.js b/src/features/file/components/city-information/CityInformationTitle.js new file mode 100644 index 0000000..07739c2 --- /dev/null +++ b/src/features/file/components/city-information/CityInformationTitle.js @@ -0,0 +1,96 @@ +import { PropTypes } from "prop-types"; +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; +import TimelineContent from "@mui/lab/TimelineContent"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime } from "../../../../utils/formatTime"; + +export const CityInformationTitle = ({ file }) => { + const [cityInfoData, setCityInfo] = useState({ + cityOperatorName: "اپراتور شهرستان", + cityOperatorMobile: "-", + acceptedRejectedDate: "", + cityState: "در انتظار تایید", + }); + + const { city, cityOperator } = file; + useEffect(() => { + let cityOperatorName, cityOperatorMobile, acceptedRejectedDate, cityState; + if (city) { + cityOperatorName = city.cityOperatorName; + cityOperatorMobile = city.cityOperatorMobile; + acceptedRejectedDate = city.acceptedRejectedDate; + cityState = city.cityState === "accept" ? "تایید شده" : "رد شده"; + } else { + cityOperatorName = cityOperator?.cityOperatorName; + cityOperatorMobile = cityOperator.cityOperatorMobile; + acceptedRejectedDate = null; + cityState = "در انتظار تایید"; + } + setCityInfo({ + cityOperatorName, + cityOperatorMobile, + acceptedRejectedDate, + cityState, + }); + }, [city]); + + return ( + + + + + + مرحله شهرستان + + + + + + + + {cityInfoData.cityState === "در انتظار تایید" ? ( + + درخواست منتظر انجام عملیات توسط اپراتور می باشد. + + ) : ( + <> + + درخواست در تاریخ + + + {cityInfoData.acceptedRejectedDate + ? formatTime(cityInfoData.acceptedRejectedDate) + : "-"} + + + {cityInfoData.cityState} است. + + + )} + + + + + + + ); +}; + +CityInformationTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/close-file-financial-info/CloseFileFinancialInfo.js b/src/features/file/components/close-file-financial-info/CloseFileFinancialInfo.js new file mode 100644 index 0000000..421f532 --- /dev/null +++ b/src/features/file/components/close-file-financial-info/CloseFileFinancialInfo.js @@ -0,0 +1,424 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Button, Typography } from "@mui/material"; +import React, { useEffect } from "react"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime } from "../../../../utils/formatTime"; +import moment from "moment"; +import { Timer } from "../../../../components/timer/Timer"; +import { useDispatch, useSelector } from "react-redux"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +// import { useSelector } from "react-redux"; +import CloseIcon from "@mui/icons-material/Close"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { CloseFileSubmitInfo } from "../close-file-submit-info/CloseFileSubmitInfo"; + +const CloseFileFinancialInfo = ({ data, auction }) => { + const dispatch = useDispatch(); + useEffect(() => { + dispatch(avicultureGetChickenPrice()); + }, []); + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + const liveChickenPrice = avicultureChickenPrice?.liveChickenPrice; + + let barInfoColumns, + barInfoData, + financialColumns, + financialColumnsCash, + financialData, + financialDataCash; + const paymentDate = moment(new Date(data.paymentDeadLine)); + const currentDate = moment(); + const diff = paymentDate.diff(currentDate); + const paymentRemainedSeconds = moment.duration(diff).asSeconds(); + + if (auction) { + // columns = [ + // "کشتارگاه", + // "تعداد", + // "نام راننده", + // "ماشین", + // "وزن بار", + // "سند خودرو بدون بار", + // "سند خودرو با بار", + // "وضعیت", + // ]; + // item = [ + // [ + // data.quantity + " قطعه", + // data.cars.driverName + ` (${data.cars.driverMobile})`, + // `${data.cars.typeCar} با پلاک ${data.cars.pelak}`, + // data.barInfo.killHouseNetWeight + " کیلوگرم", + // data.barInfo.killHouseNetWeight + " کیلوگرم", + // + // بدون بار

+ // , + // + // بدون بار

+ // , + // !data.killHouseFactorToProvince && data.provinceFactorToKillHouse + // ? "در انتظار پرداخت کشتارگاه" + // : "پرداخت شده توسط کشتارگاه", + // ], + // ]; + } else { + let state; + state = + !data.killHouseFactorToProvince && !data.provinceFactorToKillHouse + ? "در انتظار تایید مالی" + : state; + state = + !data.killHouseFactorToProvince && data.provinceFactorToKillHouse + ? "در انتظار پرداخت کشتارگاه" + : state; + state = + data.killHouseFactorToProvince && data.provinceFactorToKillHouse + ? "پرداخت شده توسط کشتارگاه" + : state; + + let timerState; + const isFactorPayed = + data.killHouseFactorToProvince?.factorState === "accepted" || + data.killHouseFactorToPoultry?.factorState === "accepted"; + + const timer = data && ( + + ); + const isPaymentFactorPending = + !data.killHouseFactorToProvince && + !data.provinceFactorToKillHouseForPoultry; + + const isPaymentPendingAndTimerEnabled = Boolean(data.paymentDeadLine); + + // if ( + // !data.provinceFactorToKillHouse || + // !data.provinceFactorToKillHouseForPoultry + // ) { + // timerState = "در انتظار تایید مالی"; + // } else if (isFactorPayed) { + // timerState = "پرداخت شده ✔"; + // } else if (isPaymentPendingAndTimerEnabled) { + // timerState = timer; + // } else if (isPaymentPending) { + // timerState = "در انتظار صدور تمامی فاکتورها"; + // } + + if (isPaymentPendingAndTimerEnabled) { + timerState = timer; + } else if (isPaymentFactorPending) { + timerState = "در انتظار تایید مالی"; + } else { + timerState = "در انتظار صدور تمامی فاکتورها"; + } + if (isFactorPayed) { + timerState = "پرداخت شده ✔"; + } + + barInfoColumns = [ + "کشتارگاه", + "نام راننده", + "ماشین", + "نوع خرید", + "سند خودرو بدون بار", + "سند خودرو با بار", + "تعداد", + "وزن بار", + "میانگین وزن", + "عملیات", + ]; + barInfoData = [ + [ + `${data.killHouseName} (${data.killHouseUserProvince}/${data.killHouseUserCity})`, + data.cars?.driverName + ` (${data.cars?.driverMobile})`, + `${data.cars?.typeCar} با پلاک ${data.cars?.pelak}`, + `${data.paymentType === "credit" ? "زمان دار" : "نقدی"}`, + + بدون بار

{data.barInfo.killHouseWeightWithoutLoad} کیلوگرم

+ , + + بدون بار

{data.barInfo.killHouseWeightWithLoad} کیلوگرم

+ , + data.quantity + " قطعه", + data.barInfo.killHouseNetWeight + " کیلوگرم", + (data.barInfo.killHouseNetWeight / data.quantity).toFixed(2) + + " کیلوگرم", + , + ], + ]; + financialColumns = [ + "قیمت روز", + "قیمت هرکیلو", + "سهم مرغدار", + "سهم اتحادیه", + "مانده تا سررسید 30 روزه", + "سهم مرغدار با ضریب سود", + "سهم اتحادیه با ضریب سود", + "جمع مبلغ قابل پرداخت", + "وضعیت", + "جریمه مرغدار", + "جریمه کشتارگاه", + ]; + + let poultryShareWithProfit; + if (data.provinceFactorToKillHouse?.poultryShareWithProfit) { + poultryShareWithProfit = + data.provinceFactorToKillHouse?.poultryShareWithProfit; + } else if ( + data.provinceFactorToKillHouseForPoultry?.poultryShareWithProfit + ) { + poultryShareWithProfit = + data.provinceFactorToKillHouseForPoultry?.poultryShareWithProfit; + } + financialData = [ + [ + liveChickenPrice + " ﷼", + data.provinceFactorToKillHouse + ? data.provinceFactorToKillHouse.provinceFactorFee + " ریال" + : "نامشخص", + data.provinceFactorToKillHouse + ? data.provinceFactorToKillHouse.provinceFactorFee * + data.barInfo.killHouseNetWeight + + " ریال" + : "نامشخص", + data.provinceFactorToKillHouse?.totalShareAllocation + ? data.provinceFactorToKillHouse?.totalShareAllocation + " ریال" + : "نامشخص", + timerState, + poultryShareWithProfit ? `${poultryShareWithProfit} ریال` : "نامشخص", + data.provinceFactorToKillHouse?.unionShareWithProfit + ? `${data.provinceFactorToKillHouse?.unionShareWithProfit} ریال` + : "نامشخص", + data.provinceFactorToKillHouse?.cost + ? `${ + data.provinceFactorToKillHouse?.cost + + data.provinceFactorToKillHouse?.poultryShareWithProfit + } ریال` + : "نامشخص", + state, + ], + ]; + + financialColumnsCash = [ + "قیمت روز", + "قیمت هرکیلو", + "سهم مرغدار", + "سهم اتحادیه", + "مبلغ قابل پرداخت", + "وضعیت", + ]; + + let pricePayment; + if (data.provinceFactorToKillHouse?.cost) { + pricePayment = `${data.provinceFactorToKillHouse?.cost} ریال`; + } else if (data.provinceFactorToKillHouseForPoultry?.cost) { + pricePayment = `${data.provinceFactorToKillHouseForPoultry?.cost} ریال`; + } else { + pricePayment = "نامشخص"; + } + + financialDataCash = [ + [ + liveChickenPrice + " ﷼", + data.provinceFactorToKillHouse + ? data.provinceFactorToKillHouse.provinceFactorFee + " ریال" + : "ندارد", + // data.provinceFactorToKillHouse + // ? data.provinceFactorToKillHouse.provinceFactorFee * + // data.barInfo.killHouseNetWeight + + // " ریال" + // : "ندارد", + poultryShareWithProfit ? `${poultryShareWithProfit} ریال` : "نامشخص", + data.provinceFactorToKillHouse?.totalShareAllocation + ? data.provinceFactorToKillHouse?.totalShareAllocation + " ریال" + : "نامشخص", + pricePayment, + state, + ], + ]; + + // remove payment fields for aviculture + const urlRole = getRoleFromUrl(); + if (urlRole === "Poultry") { + financialColumnsCash.splice(5, 3); + financialDataCash[0]?.splice(5, 3); + + financialColumns.splice(5, 4); + financialData[0]?.splice(5, 4); + } + } + return ( + + + + + + + + + + + مرحله مالی + + + + + + + {data.barInfo.killHouseAssignmentState === "pending" ? ( + + درخواست در انتظار تایید اپراتور مالی است. + + ) : ( + <> + + درخواست در تاریخ + + + {formatTime(new Date(data.barInfo.acceptRejectDate))} + + + {data.barInfo.killHouseAssignmentState === "accepted" + ? "تایید شده است." + : data.barInfo.killHouseAssignmentState === "pending" + ? "در انتظار تایید" + : "رد شده است."} + + + )} + + + + + + + + {data.paymentType === "cash" ? ( + + ) : ( + + )} + + + + + ); +}; +CloseFileFinancialInfo.propTypes = { + item: PropTypes.array, + data: PropTypes.any, + auction: PropTypes.bool, +}; + +export default CloseFileFinancialInfo; diff --git a/src/features/file/components/close-file-submit-info/CloseFileSubmitInfo.js b/src/features/file/components/close-file-submit-info/CloseFileSubmitInfo.js new file mode 100644 index 0000000..ac15aad --- /dev/null +++ b/src/features/file/components/close-file-submit-info/CloseFileSubmitInfo.js @@ -0,0 +1,346 @@ +import { + Button, + Checkbox, + Divider, + FormControl, + FormControlLabel, + FormLabel, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import React, { useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { fixBase64 } from "../../../../utils/toBase64"; + +export const CloseFileSubmitInfo = () => { + const [closeFileWeightWithoutBar, setCloseFileWeightWithoutBar] = + React.useState([]); + const [closeFileWeightWithoutBarBase64, setCloseFileWeightWithoutBarBase64] = + React.useState([]); + + const closeFileWeightWithoutBarHandler = (imageList, addUpdateIndex) => { + setCloseFileWeightWithoutBar(imageList); + setCloseFileWeightWithoutBarBase64( + imageList.map((img) => fixBase64(img.data_url)) + ); + }; + + const [closeFileWeightWithBar, setCloseFileWeightWithBar] = React.useState( + [] + ); + const [closeFileWeightWithBarBase64, setCloseFileWeightWithBarBase64] = + React.useState([]); + + const closeFileWeightWithBarHandler = (imageList, addUpdateIndex) => { + setCloseFileWeightWithBar(imageList); + setCloseFileWeightWithBarBase64( + imageList.map((img) => fixBase64(img.data_url)) + ); + }; + + const [closeWithNoOperation, setCloseWithNoOperation] = React.useState(false); + const handleToggle = () => { + setCloseWithNoOperation(!closeWithNoOperation); + }; + + const isFormValid = (closeWithNoOperation) => { + if (closeWithNoOperation) { + return false; + } else { + return !formik.isValid; + } + }; + + const formik = useFormik({ + initialValues: { + pultrypenalty: "", + killHousepenalty: "", + image: "", + carweightwithbar: "", + carweightwithoutbar: "", + payablemoney: "", + realLoadCount: "", + }, + validationSchema: Yup.object({ + pultrypenalty: Yup.number().typeError("لطفا عدد وارد کنید!"), + killHousepenalty: Yup.number().typeError("لطفا عدد وارد کنید!"), + carweightwithbar: Yup.number().typeError("لطفا عدد وارد کنید!"), + carweightwithoutbar: Yup.number().typeError("لطفا عدد وارد کنید!"), + payablemoney: Yup.number().typeError("لطفا عدد وارد کنید!"), + realLoadCount: Yup.number().typeError("لطفا عدد وارد کنید!"), + image: Yup.string().typeError("لطفا تصویر را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + } + label="کد بار بدون اقدام بسته شود" + /> + + + + اطلاعات جریمه + + + + پیشنهاد قیمت: 1400,000,000 + + + + + + پیشنهاد قیمت: 1400,000,000 + + + + + اطلاعات بار + + + + + + + + + + تصویر سند وزن خودرو بدون بار + + + تصویر سند وزن خودرو با بار + + + + + + + + + + پیشنهاد قیمت: 1400,000,000 + + + + مبلغ قابل پرداخت: 1400,000,000 + + + + + نوع پرداخت + + + } label="نقدی" /> + } + label="زماندار" + /> + + + + + + + + ); +}; diff --git a/src/features/file/components/factor-payment-share-drawer/FactorPaymentShareDrawer.js b/src/features/file/components/factor-payment-share-drawer/FactorPaymentShareDrawer.js new file mode 100644 index 0000000..6f6920c --- /dev/null +++ b/src/features/file/components/factor-payment-share-drawer/FactorPaymentShareDrawer.js @@ -0,0 +1,137 @@ +import { Button } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { PropTypes } from "prop-types"; +import { useDispatch } from "react-redux"; +import { + CLOSE_MODAL, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { depositeAllocation } from "../../services/deposite-allocation"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceFinancialGetFinalFactorsService } from "../../../province-finacial/services/province-financial-get-final-factors-service"; + +export const FactorPaymentShareDrawer = ({ + share, + allocationKey, + paymentPrice, + fileId, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + factorImg: "", + payment: paymentPrice, + }, + validationSchema: Yup.object({ + factorImg: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + payment: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + const [factorImgs, setFactorImgs] = useState([]); + + const factorImgHandler = (imageList, addUpdateIndex) => { + if (imageList[0]) { + formik.setFieldValue("factorImg", fixBase64(imageList[0]?.data_url)); + } else { + formik.setFieldValue("factorImg", ""); + } + setFactorImgs(imageList); + }; + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + ); +}; + +FactorPaymentShareDrawer.propTypes = { + share: PropTypes.string, + allocationKey: PropTypes.string, + paymentPrice: PropTypes.any, + fileId: PropTypes.any, +}; diff --git a/src/features/file/components/file-auction-status/FileAuctionStatus.js b/src/features/file/components/file-auction-status/FileAuctionStatus.js new file mode 100644 index 0000000..255dc95 --- /dev/null +++ b/src/features/file/components/file-auction-status/FileAuctionStatus.js @@ -0,0 +1,96 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import React from "react"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { Timer } from "../../../../components/timer/Timer"; +import moment from "moment"; + +const FileAuctionStatus = ({ file }) => { + const { ceilingPrice, floorPrice, date, fee, index, totalIndex } = + file.auctionsList[0]; + const { fee: highestBid } = file?.killHouseAuctionsList + ? file.killHouseAuctionsList[0] + : { fee: "پیشنهادی وجود ندارد" }; + const totalBids = file.killHouseAuctionsList?.length; + + const auctionFinishDate = moment(new Date(date)); + const currentDate = moment(); + const diff = auctionFinishDate.diff(currentDate); + let auctionRemainedSeconds = moment.duration(diff).asSeconds(); + return ( + <> + + + + + + + + + + در حال مزایده + + + + + + درخواست درحال مزایده می باشد. + + + + + + , + highestBid === "پیشنهادی وجود ندارد" + ? highestBid + : `${highestBid} ﷼`, + totalBids ? totalBids : "پیشنهادی وجود ندارد", + // file.provinceRequestAuctionList ? "استان" : "مرغدار", + ], + ]} + /> + + + + + ); +}; + +FileAuctionStatus.propTypes = { + file: PropTypes.object, +}; + +export default FileAuctionStatus; diff --git a/src/features/file/components/file-auction-winner/FileAuctionWinner.js b/src/features/file/components/file-auction-winner/FileAuctionWinner.js new file mode 100644 index 0000000..251d746 --- /dev/null +++ b/src/features/file/components/file-auction-winner/FileAuctionWinner.js @@ -0,0 +1,60 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import React from "react"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; + +export const FileAuctionWinner = ({ file }) => { + const { killHouseWinner } = file; + return ( + <> + + + + + + + + + + اطلاعات مزایده + + + + + + در این قسمت اطلاعات برنده خرید در مزایده را مشاهده می کنید. + + + + + + + + + + + ); +}; + +FileAuctionWinner.propTypes = { + file: PropTypes.object, +}; diff --git a/src/features/file/components/file-complaint/FileComplaint.js b/src/features/file/components/file-complaint/FileComplaint.js new file mode 100644 index 0000000..12efa97 --- /dev/null +++ b/src/features/file/components/file-complaint/FileComplaint.js @@ -0,0 +1,106 @@ +import { Typography } from "@mui/material"; +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { PropTypes } from "prop-types"; +import { SPACING } from "../../../../data/spacing"; +import { TimelineOppositeContent } from "@mui/lab"; +import { format } from "date-fns-jalali"; + +export const FileComplaint = ({ item }) => { + return ( + <> + + + + بررسی شکایت + + + + + + { + return [ + + +

+ + , + ]; + }) + : "بدون پیوست", + ], + ]} + /> + {item?.complaint?.reviewer && ( + prop.palette.grey["A700"]} + > + {`تلفات در تاریخ ${formatJustDate( + item?.complaint?.reviewer?.createDate + )} توسط ${item?.complaint?.reviewer?.operatorname} `} + {item?.complaint?.reviewer?.state === "accepted" ? "تایید " : "رد "} + شده است. + + )} + + + ); +}; + +FileComplaint.propTypes = { + item: PropTypes.object, +}; diff --git a/src/features/file/components/file-information/FileInformation.js b/src/features/file/components/file-information/FileInformation.js new file mode 100644 index 0000000..e1ef6de --- /dev/null +++ b/src/features/file/components/file-information/FileInformation.js @@ -0,0 +1,57 @@ +import * as React from "react"; + +import { PropTypes } from "prop-types"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { format } from "date-fns-jalali"; + +export const FileInformation = ({ file }) => { + const requestedSellTypeCash = file.poultry?.sellType?.cash ? "نقدی" : null; + const requestedSellTypeCredit = file.poultry?.sellType?.credit + ? "زمان دار" + : null; + const requestedSellType = [requestedSellTypeCash, requestedSellTypeCredit] + .filter((item) => item) + .join(" یا "); + return ( + + ); +}; + +FileInformation.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/file-operator-check-complaint/FileOperatorCheckComplaint.js b/src/features/file/components/file-operator-check-complaint/FileOperatorCheckComplaint.js new file mode 100644 index 0000000..301925e --- /dev/null +++ b/src/features/file/components/file-operator-check-complaint/FileOperatorCheckComplaint.js @@ -0,0 +1,199 @@ +import { Button, TextField } from "@mui/material"; +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PropTypes } from "prop-types"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { useParams } from "react-router-dom"; +import { AppContext } from "../../../../contexts/AppContext"; +import { AnimatePresence, motion } from "framer-motion"; + +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getFileFromApi } from "../../hooks/useRequestFile"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceCheckComplaint } from "../../services/province-check-complaint"; + +export const FileOperatorCheckComplaint = ({ item }) => { + const [isDenyedComplaint, setisDenyedComplaint] = useState(false); + const [roles] = useUserProfile(); + const { id } = useParams(); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + rejectText: "", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + <> + + + + {item.complaint.state === "pending" && ( + + + {isDenyedComplaint ? ( + + + + + + + + + + + + + + + + + ) : ( + + + + + )} + + + )} + + + + + ); +}; + +FileOperatorCheckComplaint.propTypes = { + item: PropTypes.object, +}; diff --git a/src/features/file/components/final-factor-title/FinalFactorTitle.js b/src/features/file/components/final-factor-title/FinalFactorTitle.js new file mode 100644 index 0000000..5fe2b1f --- /dev/null +++ b/src/features/file/components/final-factor-title/FinalFactorTitle.js @@ -0,0 +1,24 @@ +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; + +export const FinalFactorTitle = ({ file }) => { + return ( + + + + + + فاکتور نهایی + + + + + + ); +}; + +FinalFactorTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/financial-check-request-information/FinancialCheckRequestInformation.js b/src/features/file/components/financial-check-request-information/FinancialCheckRequestInformation.js new file mode 100644 index 0000000..95dc73c --- /dev/null +++ b/src/features/file/components/financial-check-request-information/FinancialCheckRequestInformation.js @@ -0,0 +1,400 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import React, { useEffect } from "react"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime } from "../../../../utils/formatTime"; +import moment from "moment"; +import { Timer } from "../../../../components/timer/Timer"; +import { useDispatch, useSelector } from "react-redux"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +// import { useSelector } from "react-redux"; + +const FinancialCheckRequestInformation = ({ data, auction }) => { + const dispatch = useDispatch(); + useEffect(() => { + dispatch(avicultureGetChickenPrice()); + }, []); + // let columns = []; + // let item = []; + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + const liveChickenPrice = avicultureChickenPrice?.liveChickenPrice; + + let barInfoColumns, + barInfoData, + financialColumns, + financialColumnsCash, + financialData, + financialDataCash; + const paymentDate = moment(new Date(data.paymentDeadLine)); + const currentDate = moment(); + const diff = paymentDate.diff(currentDate); + let paymentRemainedSeconds = moment.duration(diff).asSeconds(); + if (auction) { + // columns = [ + // "کشتارگاه", + // "تعداد", + // "نام راننده", + // "ماشین", + // "وزن بار", + // "سند خودرو بدون بار", + // "سند خودرو با بار", + // "وضعیت", + // ]; + // item = [ + // [ + // data.quantity + " قطعه", + // data.cars.driverName + ` (${data.cars.driverMobile})`, + // `${data.cars.typeCar} با پلاک ${data.cars.pelak}`, + // data.barInfo.killHouseNetWeight + " کیلوگرم", + // data.barInfo.killHouseNetWeight + " کیلوگرم", + // + // بدون بار

+ // , + // + // بدون بار

+ // , + // !data.killHouseFactorToProvince && data.provinceFactorToKillHouse + // ? "در انتظار پرداخت کشتارگاه" + // : "پرداخت شده توسط کشتارگاه", + // ], + // ]; + } else { + let state; + state = + !data.killHouseFactorToProvince && !data.provinceFactorToKillHouse + ? "در انتظار تایید مالی" + : state; + state = + !data.killHouseFactorToProvince && data.provinceFactorToKillHouse + ? "در انتظار پرداخت کشتارگاه" + : state; + state = + data.killHouseFactorToProvince && data.provinceFactorToKillHouse + ? "پرداخت شده توسط کشتارگاه" + : state; + + let timerState; + const isFactorPayed = + data.killHouseFactorToProvince?.factorState === "accepted" || + data.killHouseFactorToPoultry?.factorState === "accepted"; + + const timer = data && ( + + ); + const isPaymentFactorPending = + !data.killHouseFactorToProvince && + !data.provinceFactorToKillHouseForPoultry; + + const isPaymentPendingAndTimerEnabled = Boolean(data.paymentDeadLine); + + // if ( + // !data.provinceFactorToKillHouse || + // !data.provinceFactorToKillHouseForPoultry + // ) { + // timerState = "در انتظار تایید مالی"; + // } else if (isFactorPayed) { + // timerState = "پرداخت شده ✔"; + // } else if (isPaymentPendingAndTimerEnabled) { + // timerState = timer; + // } else if (isPaymentPending) { + // timerState = "در انتظار صدور تمامی فاکتورها"; + // } + + if (isPaymentPendingAndTimerEnabled) { + timerState = timer; + } else if (isPaymentFactorPending) { + timerState = "در انتظار تایید مالی"; + } else { + timerState = "در انتظار صدور تمامی فاکتورها"; + } + if (isFactorPayed) { + timerState = "پرداخت شده ✔"; + } + + barInfoColumns = [ + "کشتارگاه", + "نام راننده", + "ماشین", + // "کد قرنطینه", + // "کد حمل و نقل", + "نوع خرید", + "سند خودرو بدون بار", + "سند خودرو با بار", + "تعداد درخواست", + "تعداد واقعی بارگیری", + "وزن بار", + "میانگین وزن", + ]; + + barInfoData = [ + [ + `${data.killHouseName} (${data.killHouseUserProvince}/${data.killHouseUserCity})`, + data.cars?.driverName + ` (${data.cars?.driverMobile})`, + `${data.cars?.typeCar} با پلاک ${data.cars?.pelak}`, + `${data.paymentType === "credit" ? "زمان دار" : "نقدی"}`, + + بدون بار

{data.barInfo.killHouseWeightWithoutLoad} کیلوگرم

+ , + + بدون بار

{data.barInfo.killHouseWeightWithLoad} کیلوگرم

+ // , + // + // بدون بار

+ // , + // !data.killHouseFactorToProvince && data.provinceFactorToKillHouse + // ? "در انتظار پرداخت کشتارگاه" + // : "پرداخت شده توسط کشتارگاه", + // ], + // ]; + } else { + let state; + state = + !data.killHouseFactorToProvince && !data.provinceFactorToKillHouse + ? "در انتظار تایید مالی" + : state; + state = + !data.killHouseFactorToProvince && data.provinceFactorToKillHouse + ? "در انتظار پرداخت کشتارگاه" + : state; + state = + data.killHouseFactorToProvince && data.provinceFactorToKillHouse + ? "پرداخت شده توسط کشتارگاه" + : state; + + let timerState; + const isFactorPayed = + data.killHouseFactorToProvince?.factorState === "accepted" || + data.killHouseFactorToPoultry?.factorState === "accepted"; + + const timer = data && ( + + ); + const isPaymentFactorPending = + !data.killHouseFactorToProvince && + !data.provinceFactorToKillHouseForPoultry; + + const isPaymentPendingAndTimerEnabled = Boolean(data.paymentDeadLine); + + // if ( + // !data.provinceFactorToKillHouse || + // !data.provinceFactorToKillHouseForPoultry + // ) { + // timerState = "در انتظار تایید مالی"; + // } else if (isFactorPayed) { + // timerState = "پرداخت شده ✔"; + // } else if (isPaymentPendingAndTimerEnabled) { + // timerState = timer; + // } else if (isPaymentPending) { + // timerState = "در انتظار صدور تمامی فاکتورها"; + // } + + if (isPaymentPendingAndTimerEnabled) { + timerState = timer; + } else if (isPaymentFactorPending) { + timerState = "در انتظار تایید مالی"; + } else { + timerState = "در انتظار صدور تمامی فاکتورها"; + } + if (isFactorPayed) { + timerState = "پرداخت شده ✔"; + } + + barInfoColumns = [ + "کشتارگاه", + "نام راننده", + "ماشین", + "نوع خرید", + "سند خودرو بدون بار", + "سند خودرو با بار", + "تعداد درخواست", + "تعداد واقعی بارگیری", + "وزن بار", + "میانگین وزن", + ]; + barInfoData = [ + [ + `${data.killHouseName} (${data.killHouseUserProvince}/${data.killHouseUserCity})`, + data.cars?.driverName + ` (${data.cars?.driverMobile})`, + `${data.cars?.typeCar} با پلاک ${data.cars?.pelak}`, + `${data.paymentType === "credit" ? "زمان دار" : "نقدی"}`, + + بدون بار

{data.barInfo.killHouseWeightWithoutLoad} کیلوگرم

+ , + + بدون بار

{data.barInfo.killHouseWeightWithLoad} کیلوگرم

+ , + data.quantity + " قطعه", + data.barInfo.realQuantity + " قطعه", + data.barInfo.killHouseNetWeight + " کیلوگرم", + (data.barInfo.killHouseNetWeight / data.barInfo.realQuantity).toFixed( + 2 + ) + " کیلوگرم", + ], + ]; + financialColumns = [ + "قیمت روز", + "قیمت هرکیلو", + "سهم مرغدار", + "سهم اتحادیه", + "مانده تا سررسید 30 روزه", + "سهم مرغدار با ضریب سود", + "سهم اتحادیه با ضریب سود", + "جمع مبلغ قابل پرداخت", + "وضعیت", + ]; + + let poultryShareWithProfit; + if (data.provinceFactorToKillHouse?.poultryShareWithProfit) { + poultryShareWithProfit = + data.provinceFactorToKillHouse?.poultryShareWithProfit; + } else if ( + data.provinceFactorToKillHouseForPoultry?.poultryShareWithProfit + ) { + poultryShareWithProfit = + data.provinceFactorToKillHouseForPoultry?.poultryShareWithProfit; + } + financialData = [ + [ + liveChickenPrice + " ﷼", + data.provinceFactorToKillHouse + ? data.provinceFactorToKillHouse.provinceFactorFee + " ریال" + : "نامشخص", + data.provinceFactorToKillHouse + ? data.provinceFactorToKillHouse.provinceFactorFee * + data.barInfo.killHouseNetWeight + + " ریال" + : "نامشخص", + data.provinceFactorToKillHouse?.totalShareAllocation + ? data.provinceFactorToKillHouse?.totalShareAllocation + " ریال" + : "نامشخص", + timerState, + poultryShareWithProfit ? `${poultryShareWithProfit} ریال` : "نامشخص", + data.provinceFactorToKillHouse?.unionShareWithProfit + ? `${data.provinceFactorToKillHouse?.unionShareWithProfit} ریال` + : "نامشخص", + data.provinceFactorToKillHouse?.cost + ? `${ + data.provinceFactorToKillHouse?.cost + + data.provinceFactorToKillHouse?.poultryShareWithProfit + } ریال` + : "نامشخص", + state, + ], + ]; + + financialColumnsCash = [ + "قیمت روز", + "قیمت هرکیلو", + "سهم مرغدار", + "سهم اتحادیه", + "مبلغ قابل پرداخت", + "وضعیت", + ]; + financialDataCash = [ + [ + liveChickenPrice + " ﷼", + data.provinceFactorToKillHouse + ? data.provinceFactorToKillHouse.provinceFactorFee + " ریال" + : "ندارد", + data.provinceFactorToKillHouse + ? data.provinceFactorToKillHouse.provinceFactorFee * + data.barInfo.killHouseNetWeight + + " ریال" + : "ندارد", + data.provinceFactorToKillHouse?.totalShareAllocation + ? data.provinceFactorToKillHouse?.totalShareAllocation + " ریال" + : "نامشخص", + data.provinceFactorToKillHouse?.cost + ? `${data.provinceFactorToKillHouse?.cost} ریال` + : "ندارد", + state, + ], + ]; + + // remove payment fields for aviculture + const urlRole = getRoleFromUrl(); + if (urlRole === "Poultry") { + financialColumnsCash.splice(5, 3); + financialDataCash[0]?.splice(5, 3); + + financialColumns.splice(5, 4); + financialData[0]?.splice(5, 4); + } + } + return ( + + + + + {data.paymentType === "cash" ? ( + + ) : ( + + )} + + + + ); +}; +FinancialCheckRequestInformationContent.propTypes = { + item: PropTypes.array, + data: PropTypes.any, + auction: PropTypes.bool, +}; + +export default FinancialCheckRequestInformationContent; diff --git a/src/features/file/components/financial-check-request-operation/FinancialCheckRequestOperation.js b/src/features/file/components/financial-check-request-operation/FinancialCheckRequestOperation.js new file mode 100644 index 0000000..506f08c --- /dev/null +++ b/src/features/file/components/financial-check-request-operation/FinancialCheckRequestOperation.js @@ -0,0 +1,751 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { + Button, + ButtonGroup, + TextField, + ToggleButton, + ToggleButtonGroup, + Typography, +} from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { AnimatePresence, motion } from "framer-motion"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { financialCheckRequest } from "../../services/financial-check-request"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; +import { provinceFinancialGetPendingRequestsService } from "../../../province-finacial/services/province-financial-get-pending-requests"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const FinancialCheckRequestOperation = ({ item }) => { + const [openNotif, , selectedDate1, , selectedDate2] = useContext(AppContext); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(avicultureGetChickenPrice()); + formik.validateForm(); + formik2.validateForm(); + }, []); + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + const liveChickenPrice = avicultureChickenPrice?.liveChickenPrice; + // calc suggest price + // const chickenWeight = parseFloat( + // file.poultry.poultryIndexWeight.split(" ")[0] + // ); + + const chickenWeight = parseFloat( + (item.barInfo.killHouseNetWeight / item.barInfo.realQuantity).toFixed(2) + ); + // let suggestPrice = liveChickenPrice; + //buildchange + // hamedan & arak & bushehr + const standardChicken = 2.5; + // kermanshah + // const standardChicken = 2.7; + // const checkStep = 0.05; + // const costPerStep = 500; + + if (chickenWeight < standardChicken) { + // const howMuchToReduce = + // ((standardChicken - chickenWeight).toFixed(2) / checkStep) * costPerStep; + // suggestPrice = liveChickenPrice - howMuchToReduce; + } + + const formik = useFormik({ + initialValues: { + rejectText: "", + // wage: "1000", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + + const [activeButtonIndex, setActiveButtonIndex] = useState(false); + + const handleButtonClick = (index) => { + setActiveButtonIndex(index); + if (!activeButtonIndex) { + formik2.setFieldValue("reason", ""); + formik2.setFieldValue("amount", ""); + } + }; + + const formik2 = useFormik({ + initialValues: { + fee: "", + paymentType: "together", + wage: 0, + amount: "", + reason: "", + }, + validationSchema: Yup.object({ + fee: Yup.number().required("این فیلد اجباری است!"), + amount: Yup.number(), + paymentType: Yup.string().required("این فیلد اجباری است!"), + reason: activeButtonIndex + ? Yup.string().required("این فیلد اجباری است!") + : Yup.string(), + wage: Yup.number().required("این فیلد اجباری است!"), + }), + }); + + let totalFactorPrice = + (formik2.values.fee + formik2.values.wage) * item.killHouseNetWeight; + if (activeButtonIndex === "plus") { + totalFactorPrice += Number(formik2.values.amount); + } else if (activeButtonIndex === "decrease") { + totalFactorPrice -= Number(formik2.values.amount); + } + + let finalTotalFactorPrice = + totalFactorPrice - item.killRequestPaymentRemainAmount; + + if (item.smsPayment) { + finalTotalFactorPrice += 50000; + } + + const [isDenyed, setisDenyed] = useState(false); + const btnValidation = !formik2.isValid; + + const [paymentType, setPaymentType] = React.useState("union"); + + const handleChange = (event, newAlignment) => { + if (newAlignment) { + setPaymentType(newAlignment); + } + }; + + return ( + + + + + + + <> + + + + + انجام عملیات + + + + + + درخواست را بررسی و سپس تایید یا رد کنید. + + + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + موجودی کیف پول کشتارگاه: + + + {`${item.killHouseWalletAmount?.toLocaleString()} ﷼`} + + + + + + + + + صدور فاکتور بنام: + + + اتحادیه + مرغدار + + + {paymentType === "union" && ( + + + اطلاعات حساب اتحادیه + + + + شماره کارت: {item?.provinceBank?.card} + + + شماره شبا: {item?.provinceBank?.shaba} + + + شماره حساب: {item?.provinceBank?.account} + + + بانک {item?.provinceBank?.bankName} - بنام{" "} + {item.provinceBank?.nameOfBankUser} + + + + )} + {paymentType === "poultry" && ( + + + اطلاعات حساب مرغدار + + + + شماره کارت:{" "} + {item?.poultryBank?.card + ? item?.poultryBank?.card + : "ندارد"} + + + شماره شبا:{" "} + {item?.poultryBank?.shaba + ? item?.poultryBank?.shaba + : "ندارد"} + + + شماره حساب:{" "} + {item?.poultryBank?.account + ? item?.poultryBank?.account + : "ندارد"} + + + بانک{" "} + {item?.poultryBank?.bankName + ? item?.poultryBank?.bankName + : "نامشخص"}{" "} + - بنام{" "} + {item.poultryBank?.nameOfBankUser + ? item.poultryBank?.nameOfBankUser + : "نامشخص"} + + + + )} + + + + + + + + + + + + + + + + اضافه یا کسر از فاکتور + + + + + + + + {!!activeButtonIndex && ( + + + + + + + + + )} + + + + + + + + + + قیمت مرغ: + + + {liveChickenPrice?.toLocaleString()} ﷼ + + + + + آخرین تاریخ قیمت گذاری: + + + {avicultureChickenPrice?.createDate && + formatJustDate(avicultureChickenPrice?.createDate)} + + + + {/* + prop.palette.grey["A700"]} + variant={"caption"} + > + قیمت پیشنهادی: + + + {suggestPrice > 0 + ? `${suggestPrice?.toLocaleString()} ﷼` + : "نامعتبر"} + + */} + + + + {/* + + + نحوه پرداخت + + { + formik2.setFieldValue("paymentType", e.target.value); + }} + > + } + label="پرداخت جداگانه به اتحادیه و مرغدار" + /> + } + label="پرداخت یکجا به حساب اتحادیه" + /> + + + */} + + + + {isDenyed ? ( + + + + + + + + + + + + + + + + + ) : ( + + + + + )} + + + + + + + + + ); +}; + +FinancialCheckRequestOperation.propTypes = { + item: PropTypes.object, + file: PropTypes.object, +}; diff --git a/src/features/file/components/financial-check-request-title/FinancialCheckRequestTitle.js b/src/features/file/components/financial-check-request-title/FinancialCheckRequestTitle.js new file mode 100644 index 0000000..4fb464a --- /dev/null +++ b/src/features/file/components/financial-check-request-title/FinancialCheckRequestTitle.js @@ -0,0 +1,24 @@ +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; + +export const FinancialCheckRequestTitle = ({ file }) => { + return ( + + + + + + مرحله تایید پرداخت فاکتور + + + + + + ); +}; + +FinancialCheckRequestTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/financial-create-factor-title/FinancialCreateFactorTitle.js b/src/features/file/components/financial-create-factor-title/FinancialCreateFactorTitle.js new file mode 100644 index 0000000..1573c30 --- /dev/null +++ b/src/features/file/components/financial-create-factor-title/FinancialCreateFactorTitle.js @@ -0,0 +1,24 @@ +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; + +export const FinancialCreateFactorTitle = ({ file }) => { + return ( + + + + + + مرحله صدور و پرداخت فاکتور مالی + + + + + + ); +}; + +FinancialCreateFactorTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/inspector-check-request-title/InspectorCheckRequestTitle.js b/src/features/file/components/inspector-check-request-title/InspectorCheckRequestTitle.js new file mode 100644 index 0000000..bb805a0 --- /dev/null +++ b/src/features/file/components/inspector-check-request-title/InspectorCheckRequestTitle.js @@ -0,0 +1,24 @@ +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; + +export const InspectorCheckRequestTitle = ({ file }) => { + return ( + + + + + + تایید بازرس + + + + + + ); +}; + +InspectorCheckRequestTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/inspector-information/InspectorInformation.js b/src/features/file/components/inspector-information/InspectorInformation.js new file mode 100644 index 0000000..08c0ff1 --- /dev/null +++ b/src/features/file/components/inspector-information/InspectorInformation.js @@ -0,0 +1,72 @@ +import * as React from "react"; + +import { PropTypes } from "prop-types"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; + +export const InspectorInformation = ({ data }) => { + return ( + <> + + + + + + + + + + + اطلاعات تایید نهایی بازرس + + + + + + + + وضعیت نهایی پرونده بررسی شده توسط بازرس در این مرحله نمایش + داده شده است. + + + + + + + + + + + + + + ); +}; + +InspectorInformation.propTypes = { + data: PropTypes.any, +}; diff --git a/src/features/file/components/inspector-request-operations/InspectorRequestOperations.js b/src/features/file/components/inspector-request-operations/InspectorRequestOperations.js new file mode 100644 index 0000000..b517dc3 --- /dev/null +++ b/src/features/file/components/inspector-request-operations/InspectorRequestOperations.js @@ -0,0 +1,253 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Button, TextField, Typography } from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { PropTypes } from "prop-types"; +import { AnimatePresence, motion } from "framer-motion"; +import { useDispatch } from "react-redux"; +import { useFormik } from "formik"; + +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Yup } from "../../../../lib/yup/yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { inspectorCheckRequest } from "../../services/inspector-check-request"; +import { getFileFromApi } from "../../hooks/useRequestFile"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { useParams } from "react-router-dom"; +import { inspectorGetNewRequests } from "../../../inspector/services/inspector-new-requests"; + +export const InspectorRequestOperations = ({ process }) => { + const [openNotif] = useContext(AppContext); + const [isSubmited, setIsSubmited] = useState(false); + + useEffect(() => { + if (process === null) { + setIsSubmited(true); + } + }, []); + + const formik = useFormik({ + initialValues: { + rejectText: "", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + const [isDenyed, setisDenyed] = useState(false); + const dispatch = useDispatch(); + const [roles] = useUserProfile(); + const { id } = useParams(); + + return ( + <> + {!isSubmited && ( + + + + + + + + + + انجام عملیات بازرسی + + + + + + در این مرحله درخواست را تایید یا رد کنید. + + + + + + + + + {isDenyed ? ( + + + + + + + + + + + + + + + + + ) : ( + + + + + )} + + + + + + + )} + + ); +}; +InspectorRequestOperations.propTypes = { + process: PropTypes.any, +}; diff --git a/src/features/file/components/province-allocated/ProvinceAllocated.js b/src/features/file/components/province-allocated/ProvinceAllocated.js new file mode 100644 index 0000000..fc9d22c --- /dev/null +++ b/src/features/file/components/province-allocated/ProvinceAllocated.js @@ -0,0 +1,36 @@ +import { format } from "date-fns-jalali"; +import { useEffect, useState } from "react"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; + +export const ProvinceAllocated = ({ allocated }) => { + const [data, setData] = useState([]); + + useEffect(() => { + const d = allocated?.map((item, i) => { + let assignmentState; + if (item.provinceKillRequestState === "accepted") { + assignmentState = "تایید شده"; + } else if (item.provinceKillRequestState === "pending") { + assignmentState = + "در انتظار تایید و تخصیص خودرو توسط کشتارگاه می باشد."; + } else if (item.provinceKillRequestState === "rejected") { + assignmentState = "درخواست توسط کشتارگاه رد شده است!"; + } + return [ + `${item.killHouseName} (${item.killHouseUserName})`, + format(new Date(item.date), "yyyy/MM/dd"), + item.mainQuantity?.toLocaleString(), + item.automaticState ? "تخصیص خودکار" : "تخصیص دستی", + assignmentState, + ]; + }); + setData(d); + }, []); + + return ( + + ); +}; diff --git a/src/features/file/components/province-allocation-information/ProvinceAllocationInformation.js b/src/features/file/components/province-allocation-information/ProvinceAllocationInformation.js new file mode 100644 index 0000000..8dbad7b --- /dev/null +++ b/src/features/file/components/province-allocation-information/ProvinceAllocationInformation.js @@ -0,0 +1,105 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { PropTypes } from "prop-types"; +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import { format } from "date-fns-jalali"; + +export const ProvinceAllocationInformation = ({ item, i }) => { + let columns = []; + let data = []; + let state; + state = + item.provinceKillRequestState === "pending" + ? "در انتظار تایید کشتارگاه" + : state; + state = item.provinceKillRequestState === "accepted" ? "تایید شده" : state; + state = item.provinceKillRequestState === "rejected" ? "رد شده" : state; + if (item.provinceKillRequestMessage) { + columns = [ + "نام کشتارگاه", + "مالک کشتارگاه", + "تعداد تخصیص داده شده", + "تاریخ تخصیص", + "نحوه خرید", + "نوع تخصیص", + "وضعیت درخواست", + "دلیل رد", + ]; + data = [ + item.killHouseName, + item.killHouseUserName, + item.mainQuantity + " قطعه", + format(new Date(item.date), "yyyy/MM/dd"), + item.paymentType, + item.automaticState ? "اتوماتیک" : "دستی", + state, + item.provinceKillRequestMessage, + ]; + } else { + columns = [ + "نام کشتارگاه", + "مالک کشتارگاه", + "تعداد تخصیص داده شده", + "تاریخ تخصیص", + "نوع تخصیص", + "وضعیت درخواست", + ]; + data = [ + item.killHouseName, + item.killHouseUserName, + item.mainQuantity + " قطعه", + format(new Date(item.date), "yyyy/MM/dd"), + item.automaticState ? "اتوماتیک" : "دستی", + state, + ]; + } + + return ( + + + + + + + + + + تخصیصات استان به کشتارگاه + + + + + + در این قسمت جزییات تخصیصات را مشاهده می کنید. + + + + + + + + + + + + + + ); +}; + +ProvinceAllocationInformation.propTypes = { + item: PropTypes.object, + i: PropTypes.any, +}; diff --git a/src/features/file/components/province-allocation-information/ProvinceAllocationInformationContent.js b/src/features/file/components/province-allocation-information/ProvinceAllocationInformationContent.js new file mode 100644 index 0000000..6c71c9b --- /dev/null +++ b/src/features/file/components/province-allocation-information/ProvinceAllocationInformationContent.js @@ -0,0 +1,82 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { PropTypes } from "prop-types"; +import { TimelineOppositeContent } from "@mui/lab"; +import { format } from "date-fns-jalali"; + +export const ProvinceAllocationInformationContent = ({ item, i }) => { + let columns = []; + let data = []; + let state; + state = + item.provinceKillRequestState === "pending" + ? "در انتظار تایید کشتارگاه" + : state; + state = item.provinceKillRequestState === "accepted" ? "تایید شده" : state; + state = item.provinceKillRequestState === "rejected" ? "رد شده" : state; + if (item.provinceKillRequestMessage) { + columns = [ + "نام کشتارگاه", + "مالک کشتارگاه", + "تعداد تخصیص داده شده", + "تاریخ تخصیص", + "نحوه خرید", + "وضعیت درخواست", + "دلیل رد", + ]; + data = [ + item.killHouseName, + item.killHouseUserName, + item.mainQuantity + " قطعه", + format(new Date(item.date), "yyyy/MM/dd"), + item.paymentType, + state, + item.provinceKillRequestMessage, + ]; + } else { + columns = [ + "نام کشتارگاه", + "مالک کشتارگاه", + "تعداد تخصیص داده شده", + "تاریخ تخصیص", + "وضعیت درخواست", + ]; + data = [ + item.killHouseName, + item.killHouseUserName, + item.mainQuantity + " قطعه", + format(new Date(item.date), "yyyy/MM/dd"), + state, + ]; + } + + return ( + + + + + + تخصیصات استان به کشتارگاه + + + + + + + + + + + + + ); +}; + +ProvinceAllocationInformationContent.propTypes = { + item: PropTypes.object, + i: PropTypes.any, +}; diff --git a/src/features/file/components/province-allocation/ProvinceAllocation.js b/src/features/file/components/province-allocation/ProvinceAllocation.js new file mode 100644 index 0000000..660064a --- /dev/null +++ b/src/features/file/components/province-allocation/ProvinceAllocation.js @@ -0,0 +1,666 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + TextField, + // FormControl, + // FormControlLabel, + // Radio, + // RadioGroup, + Typography, +} from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { PropTypes } from "prop-types"; +import TimelineItem from "@mui/lab/TimelineItem"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import useGetAllocationInformation from "../../hooks/useGetAllocationInformation"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +// import PendingIcon from "@mui/icons-material/Pending"; +import AccessTimeIcon from "@mui/icons-material/AccessTime"; +import { format } from "date-fns-jalali"; +// import { getSlaughterHousesRequest } from "../../services/getSlaughterHousesRequest"; +import { ProvinceAuction } from "../province-auction/ProvinceAuction"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import ThumbDownAltIcon from "@mui/icons-material/ThumbDownAlt"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; +import { provinceRemoveAllocation } from "../../services/province-remove-allocation"; +import { SlaghterHouseRequestAllocationItem } from "../slaghterhouse-request-allocation-Item/SlaghterHouseRequestAllocationItem"; +import { poultryRequestIndexWeightService } from "../../services/city-edit-avculture.info"; +import MyTable from "../../../../components/my-table/MyTable"; +import { getAllocationInformation } from "../../services/get-allocation-information"; +import { provinceGetAllRequests } from "../../../province/services/province-get-all-requests"; +import { getSlaughterHousesRequest } from "../../services/getSlaughterHousesRequest"; +import useRequestFile, { getFileFromApi } from "../../hooks/useRequestFile"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { LOADING_END, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +// import useRequestFile from "../../hooks/useRequestFile"; +import { ProvinceEditPoultryRequestForm } from "../../../province/components/province-edit-poultry-request-form/ProvinceEditPoultryRequestForm"; +import { ProvinceAllocated } from "../province-allocated/ProvinceAllocated"; + +export const ProvinceAllocation = ({ + id, + orginalQuantity, + // file, + item, + // remainQuantity, + getItemFreeSaleInProvince, + updateTable, +}) => { + const myFile = useRequestFile(id); + const file = myFile?.file?.process; + const [openNotif, , selectedDate1] = useContext(AppContext); + const remainQuantity = file?.poultry?.poultryRemainQuantity; + let { slaughterHousesRequest } = useSelector((state) => state.fileSlice); + const [, setRequestedWeight] = useState(); + const [, setRequestedBuyType] = useState(); + + const [fileQauntity, setFileQauntity] = useState(remainQuantity); + + useEffect(() => { + setFileQauntity(remainQuantity); + }, [remainQuantity, file]); + + const [allEntredQauntity, setAllEntredQauntity] = useState(null); + + const handleAllEntredQauntity = (q) => { + setAllEntredQauntity(q); + }; + + useEffect(() => { + // if (allEntredQauntity === null) { + // let obj = {}; + // slaughterHousesRequest.map((item, i) => { + // obj = { ...obj, [i]: item.remainQuantity }; + // }); + // setAllEntredQauntity(obj); + // } else { + // const getSum = (a, b) => a + b; + // const dd = Object.values(allEntredQauntity).reduce(getSum, 0); + // setFileQauntity(file.poultry.poultryQuantity - dd); + // } + if (allEntredQauntity !== null) { + const getSum = (a, b) => a + b; + const dd = Object.values(allEntredQauntity).reduce(getSum, 0); + setFileQauntity(remainQuantity - dd); + } + }, [allEntredQauntity]); + + useEffect(() => { + dispatch(poultryRequestIndexWeightService()); + dispatch(getSlaughterHousesRequest(file?.poultry?.poultryRequestKey)); + }, [file]); + // const [allocateOrAuction, setAllocateOrAuction] = useState("allocate"); + const [allocateOrAuction] = useState("allocate"); + + const [slaughterAllocationLimit] = useState(); + + const getSum = (a, b) => a + b; + const avgLast4KillhousesWeight = Array.isArray(slaughterHousesRequest) + ? slaughterHousesRequest + ?.map((item) => item.firstAverageWeight) + ?.reduce(getSum, 0) / slaughterHousesRequest?.length + : ""; + + // useEffect(() => { + // dispatch( + // getSlaughterHousesRequest({ key: file.poultry.poultryRequestKey }) + // ); + // }, []); + + const allocationInformation = useGetAllocationInformation( + file?.poultry?.poultryRequestKey + ); + + const dispatch = useDispatch(); + const [roles] = useUserProfile(); + + // const { avicultureChickenPrice } = useSelector( + // (state) => state.avicultureSlice + // ); + + // const liveChickenPrice = avicultureChickenPrice?.liveChickenPrice; + + // calc suggest price + // const chickenWeight = parseFloat( + // file.poultry.poultryIndexWeight.split(" ")[0] + // ); + // let suggestPrice = liveChickenPrice; + // const standardChicken = 2.75; + // const checkStep = 0.05; + // const costPerStep = 500; + + // if (chickenWeight < 2.7) { + // const howMuchToReduce = + // ((standardChicken - chickenWeight).toFixed(2) / checkStep) * costPerStep; + // suggestPrice = liveChickenPrice - howMuchToReduce; + // } + + useEffect(() => { + dispatch(avicultureGetChickenPrice()); + }, []); + + const formik = useFormik({ + initialValues: { + quantity: "", + slaughterHouse: "", + paymentType: "cash", + // fee: "", + }, + validationSchema: Yup.object({ + quantity: Yup.number() + .test( + "testlimit", + "تعداد باید کمتر یا مساوی ظرفیت کشتارگاه و مانده درخواست باشد", + (val, context) => { + return ( + context.originalValue && + context.originalValue <= allocationInformation.quantity && + context.originalValue <= slaughterAllocationLimit && + context.originalValue > 0 + ); + } + ) + // .max(allocationInformation.quantity, "بالاتر از ظرفیت وارد شده است") + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + slaughterHouse: Yup.string().required("این فیلد اجباری است!"), + paymentType: Yup.string().required("این فیلد اجباری است!"), + // fee: Yup.number().required("این فیلد اجباری است!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (!formik.values.slaughterHouse) { + setRequestedBuyType(null); + setRequestedWeight(null); + } + }, [formik.values.slaughterHouse]); + + const fileWeight = file?.poultry?.IndexWeight; + let weightType; + + const { poultryRequestIndexWeight } = useSelector((state) => state.fileSlice); + const avgPoultryRequestsWeight = poultryRequestIndexWeight?.ave; + + if (fileWeight > avgPoultryRequestsWeight) { + weightType = "high"; + } else if (fileWeight < avgPoultryRequestsWeight) { + weightType = "low"; + } + + slaughterHousesRequest = Array.isArray(slaughterHousesRequest) + ? slaughterHousesRequest + : []; + const sortedSlaughterReqs = [...slaughterHousesRequest]?.sort(function ( + a, + b + ) { + if (weightType === "high") { + if ( + a.firstAverageWeight < b.firstAverageWeight && + a.killHouse.systemAddress?.city?.name === file?.poultry?.poultryCity + ) { + return -1; + // return a.firstAverageWeight - b.firstAverageWeight; + } + } + if (weightType === "low") { + if ( + a.firstAverageWeight > b.firstAverageWeight && + a.killHouse.systemAddress?.city?.name === file?.poultry?.poultryCity + ) { + return -1; + // return b.firstAverageWeight - a.firstAverageWeight; + } + } + return 0; + }); + + const totalAllocatedMainQuantity = allocationInformation?.provinceAssignments + ?.length + ? allocationInformation?.provinceAssignments?.reduce( + (accumulator, currentValue) => { + if (currentValue.provinceKillRequestState !== "rejected") { + return accumulator + currentValue.mainQuantity; + } + return accumulator; + }, + 0 + ) + : 0; + const defaultValueForAllocate = orginalQuantity - totalAllocatedMainQuantity; + + const [searchText, setSearchText] = useState(""); + + return ( + + + + + + + + + + انجام عملیات + + + + + {/* + در این مرحله سفارش را به کشتارگاه تخصیص دهید. + */} + + + تعداد اولیه درخواست کشتار: {orginalQuantity?.toLocaleString()}{" "} + قطعه + + + + تخصیص داده شده: ‌ + {totalAllocatedMainQuantity?.toLocaleString()} قطعه + + + + تعداد قابل تخصیص:‌ {fileQauntity?.toLocaleString()} قطعه + + + + مرغدار:‌{" "} + {`${item?.poultryRequest?.poultry?.unitName} (${item?.poultryRequest?.poultry?.userprofile?.mobile})`} + + + + نوع فروش:‌ {getItemFreeSaleInProvince(item)} + + + + + + {/* + + + فروش از طریق + { + setAllocateOrAuction(e.currentTarget.value); + }} + > + } + label="تخصیص به کشتارگاه" + /> + } + label="مزایده" + /> + + + + */} + + {allocateOrAuction === "allocate" && ( + + + + setSearchText(e.target.value)} + /> + + {sortedSlaughterReqs + ?.filter((item) => { + const buyerNamePrefix = item?.killHouse?.killer + ? "کشتارکن" + : "کشتارگاه"; + const forSearch = + buyerNamePrefix + " " + item?.killHouse?.name; + return forSearch.includes(searchText); + }) + .map((slaughterHouseReq, i) => { + return ( + + ); + })} + + + + {/* + + نحوه فروش + { + formik.setFieldValue( + "paymentType", + event.currentTarget.value + ); + }} + > + } + label="نقدی" + /> + } + label="زمان دار (تا یک ماه)" + /> + + + */} + {/* + + + prop.palette.grey["A700"]} + variant={"caption"} + > + قیمت مرغ استاندارد: + + + {liveChickenPrice} ﷼ + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + قیمت پیشنهادی: + + {suggestPrice} ﷼ + + */} + + {/* + + کدرهگیری سامانه قرنطینه:{" "} + {file?.poultry?.clearanceCode + ? file?.poultry?.clearanceCode + : "در انتظار صدور"} + + */} + + + تخصیص های انجام شده + + + {!allocationInformation?.provinceAssignments?.length && ( + + تخصیصی انجام نشده است. + + )} + {allocationInformation?.provinceAssignments?.map((item, i) => { + let assignmentState; + if (item.provinceKillRequestState === "accept") { + assignmentState = "تایید شده است."; + } else if (item.provinceKillRequestState === "pending") { + assignmentState = + "در انتظار تایید و تخصیص خودرو توسط کشتارگاه می باشد."; + } else if (item.provinceKillRequestState === "rejected") { + assignmentState = "درخواست توسط کشتارگاه رد شده است!"; + } + return ( + + + + + + {item.killHouseName} / {item.killHouseUserName} / + {item.killHouseMobile} + + + + + تاریخ کشتار{" "} + {format(new Date(item.date), "yyyy/MM/dd")} + + + + + {item.mainQuantity?.toLocaleString()} قطعه + + + + + {item?.market + ? "پنل معاملات" + : item.automaticState + ? "تخصیص خودکار" + : "تخصیص دستی"} + + + + + {item.provinceKillRequestState !== "rejected" ? ( + + ) : ( + + )} + + + {assignmentState} + + + + {item.provinceKillRequestState !== "rejected" && + item?.returnToProvince === false && ( + + + + + + )} + + ); + })} + + )} + {allocateOrAuction === "auction" && ( + + + + )} + + + ); +}; + +ProvinceAllocation.propTypes = { + file: PropTypes.object, +}; diff --git a/src/features/file/components/province-allocation/ProvinceAllocationContent.js b/src/features/file/components/province-allocation/ProvinceAllocationContent.js new file mode 100644 index 0000000..1ced5e9 --- /dev/null +++ b/src/features/file/components/province-allocation/ProvinceAllocationContent.js @@ -0,0 +1,613 @@ +import { Autocomplete } from "@mui/lab"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { PropTypes } from "prop-types"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import useSlaughterHousesRequest from "../../hooks/useSlaughterHousesRequest"; +import useGetAllocationInformation from "../../hooks/useGetAllocationInformation"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { provinceDoAllocation } from "../../services/province-do-allocation"; +import { getSlaughterHousesForSelect } from "../../utils/getSlaughterHousesForSelect"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getAllocationInformation } from "../../services/get-allocation-information"; +// import PendingIcon from "@mui/icons-material/Pending"; +import AccessTimeIcon from "@mui/icons-material/AccessTime"; +import { format } from "date-fns-jalali"; +// import { getSlaughterHousesRequest } from "../../services/getSlaughterHousesRequest"; +import { ProvinceAuction } from "../province-auction/ProvinceAuction"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getFileFromApi } from "../../hooks/useRequestFile"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { useParams } from "react-router-dom"; +import ThumbDownAltIcon from "@mui/icons-material/ThumbDownAlt"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; +import { provinceRemoveAllocation } from "../../services/province-remove-allocation"; + +export const ProvinceAllocationContent = ({ file }) => { + const [openNotif] = useContext(AppContext); + + const [selectedSlaughterHouseKey, setSelectedSlaughterHouseKey] = + useState(null); + + const [requestedWeight, setRequestedWeight] = useState(); + const [requestedBuyType, setRequestedBuyType] = useState(); + + // const [allocateOrAuction, setAllocateOrAuction] = useState("allocate"); + const [allocateOrAuction] = useState("allocate"); + + const [slaughterAllocationLimit, setSlaughterAllocationLimit] = useState(); + + const slaughterHousesRequest = useSlaughterHousesRequest( + file.poultry.poultryRequestKey + ); + + // useEffect(() => { + // dispatch( + // getSlaughterHousesRequest({ key: file.poultry.poultryRequestKey }) + // ); + // }, []); + + const allocationInformation = useGetAllocationInformation( + file.poultry.poultryRequestKey + ); + + const dispatch = useDispatch(); + const [roles] = useUserProfile(); + const { id } = useParams(); + + // const { avicultureChickenPrice } = useSelector( + // (state) => state.avicultureSlice + // ); + + // const liveChickenPrice = avicultureChickenPrice?.liveChickenPrice; + + // calc suggest price + // const chickenWeight = parseFloat( + // file.poultry.poultryIndexWeight.split(" ")[0] + // ); + // let suggestPrice = liveChickenPrice; + // const standardChicken = 2.75; + // const checkStep = 0.05; + // const costPerStep = 500; + + // if (chickenWeight < 2.7) { + // const howMuchToReduce = + // ((standardChicken - chickenWeight).toFixed(2) / checkStep) * costPerStep; + // suggestPrice = liveChickenPrice - howMuchToReduce; + // } + + // poultry sellType + const requestedSellTypeCash = file.poultry.sellType.cash ? "نقدی" : null; + const requestedSellTypeCredit = file.poultry.sellType.credit + ? "زمان دار" + : null; + const requestedSellType = [requestedSellTypeCash, requestedSellTypeCredit] + .filter((item) => item) + .join(" یا "); + + useEffect(() => { + dispatch(avicultureGetChickenPrice()); + }, []); + + const formik = useFormik({ + initialValues: { + quantity: "", + slaughterHouse: "", + paymentType: "", + // fee: "", + }, + validationSchema: Yup.object({ + quantity: Yup.number() + .test( + "testlimit", + "تعداد باید کمتر یا مساوی ظرفیت کشتارگاه و مانده درخواست باشد", + (val, context) => { + return ( + context.originalValue && + context.originalValue <= allocationInformation.quantity && + context.originalValue <= slaughterAllocationLimit && + context.originalValue > 0 + ); + } + ) + // .max(allocationInformation.quantity, "بالاتر از ظرفیت وارد شده است") + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + slaughterHouse: Yup.string().required("این فیلد اجباری است!"), + paymentType: Yup.string().required("این فیلد اجباری است!"), + // fee: Yup.number().required("این فیلد اجباری است!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (!formik.values.slaughterHouse) { + setRequestedBuyType(null); + setRequestedWeight(null); + } + }, [formik.values.slaughterHouse]); + + return ( + <> + + {/* + + + فروش از طریق + { + setAllocateOrAuction(e.currentTarget.value); + }} + > + } + label="تخصیص به کشتارگاه" + /> + } + label="مزایده" + /> + + + + */} + + {allocateOrAuction === "allocate" && ( + + + + { + // if (e.target.nodeName === "svg") { + // formik.setFieldValue("slaughterHouse", ""); + // } else { + // const target = e.target || e.srcElement; + formik.setFieldValue("slaughterHouse", e.target.outerText); + if (option?.key) { + setSelectedSlaughterHouseKey(option.key); + } + setSlaughterAllocationLimit(option.remainQuantity); + setRequestedWeight(option.requestedWeight); + setRequestedBuyType(option.requestedBuyType); + // } + }} + onBlur={formik.handleBlur} + sx={{ width: "100%", minWidth: 300 }} + renderInput={(params) => ( + + )} + /> + + + + مرغدار: + + + prop.palette.grey["A700"]} + variant={"caption"} + > + حدود وزنی اعلامی: + + + {file.poultry.poultryIndexWeight} + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + پیشنهاد فروش: + + + {requestedSellType} + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + کشتارگاه های پیشنهادی: + + + {file?.poultry?.killHouseList?.join(" - ")} + + + + + + کشتارگاه: + + + prop.palette.grey["A700"]} + variant={"caption"} + > + پیشنهاد وزن: + + + {requestedWeight} + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + پیشنهاد خرید: + + + {requestedBuyType} + + + + + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + مانده درخواست + + + {allocationInformation.quantity - formik.values.quantity >= + 0 + ? allocationInformation.quantity - formik.values.quantity + : allocationInformation.quantity}{" "} + قطعه + + + + + + نحوه فروش + { + formik.setFieldValue( + "paymentType", + event.currentTarget.value + ); + }} + > + } + label="نقدی" + /> + } + label="زمان دار (تا یک ماه)" + /> + + + + {/* + + + prop.palette.grey["A700"]} + variant={"caption"} + > + قیمت مرغ استاندارد: + + + {liveChickenPrice} ﷼ + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + قیمت پیشنهادی: + + {suggestPrice} ﷼ + + */} + + + + + + + + تخصیص های انجام شده + + + {!allocationInformation?.provinceAssignments?.length && ( + + تخصیصی انجام نشده است. + + )} + {allocationInformation?.provinceAssignments?.map((item, i) => { + let assignmentState; + if (item.provinceKillRequestState === "accept") { + assignmentState = "تایید شده است."; + } else if (item.provinceKillRequestState === "pending") { + assignmentState = + "در انتظار تایید و تخصیص خودرو توسط کشتارگاه می باشد."; + } else if (item.provinceKillRequestState === "rejected") { + assignmentState = "درخواست توسط کشتارگاه رد شده است!"; + } + return ( + + + + + + {item.killHouseName} / {item.killHouseUserName} / + {item.killHouseMobile} + + + + + تاریخ کشتار{" "} + {format(new Date(item.date), "yyyy/MM/dd")} + + + + + {item.quantity} قطعه + + + + + {item.provinceKillRequestState !== "rejected" ? ( + + ) : ( + + )} + + + {assignmentState} + + + + {item.provinceKillRequestState !== "rejected" && ( + + + + + + )} + + ); + })} + + )} + {allocateOrAuction === "auction" && ( + + + + )} + + + ); +}; + +ProvinceAllocationContent.propTypes = { + file: PropTypes.object, +}; diff --git a/src/features/file/components/province-allocation/ProvinceAllocationTitle.js b/src/features/file/components/province-allocation/ProvinceAllocationTitle.js new file mode 100644 index 0000000..afa5ae9 --- /dev/null +++ b/src/features/file/components/province-allocation/ProvinceAllocationTitle.js @@ -0,0 +1,24 @@ +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; + +export const ProvinceAllocationTitle = ({ file }) => { + return ( + + + + + + مرحله تخصیص استان + + + + + + ); +}; + +ProvinceAllocationTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/province-auction/ProvinceAuction.js b/src/features/file/components/province-auction/ProvinceAuction.js new file mode 100644 index 0000000..e39ea25 --- /dev/null +++ b/src/features/file/components/province-auction/ProvinceAuction.js @@ -0,0 +1,311 @@ +import { + Button, + Divider, + FormControl, + FormHelperText, + IconButton, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import moment from "moment"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { PropTypes } from "prop-types"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { avicultureGetChickenPrice } from "../../../aviculture/services/aviculture-get-chicken-price"; +import { avicultureGetRequests } from "../../../aviculture/services/aviculture-requests"; +import DeleteIcon from "@mui/icons-material/Delete"; +import AddIcon from "@mui/icons-material/Add"; +import { provinceRequestAuction } from "../../services/province-request-auction"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getFileFromApi } from "../../hooks/useRequestFile"; +import { useParams } from "react-router-dom"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; + +export const ProvinceAuction = ({ poultryRequestKey }) => { + const [pricingKey, setPriceKey] = useState(); + const { id } = useParams(); + const [roles] = useUserProfile(); + + const { avicultureChickenPrice } = useSelector( + (state) => state.avicultureSlice + ); + + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(avicultureGetChickenPrice()); + }, []); + + const [arr, setArr] = useState([ + { + id: 0, + value: "", + hour: 2, + }, + ]); + + const addInput = () => { + setArr((prevState) => { + return [ + ...prevState, + { + id: prevState.length, + value: "", + hour: 1, + }, + ]; + }); + }; + + const removeInput = (e) => { + let number = arr.length - 1; + + if (number !== 0) { + let filteredArrayPrice = arr.filter((object, i) => i < number); + // let filteredArrayTime = arrPrices.filter((object, i) => i < number); + + setArr(filteredArrayPrice); + // setArrPrices(filteredArrayTime); + } + }; + + const handleChange = (e) => { + const [itemName, itemIndex] = e.target.name.split("-"); + if (itemName === "price") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].value = e.target.value; + return newState; + }); + } else if (itemName === "hour") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].hour = Number(e.target.value); + return newState; + }); + } + }; + useEffect(() => { + if (avicultureChickenPrice) { + setPriceKey(avicultureChickenPrice.key); + } + }, [avicultureChickenPrice]); + + const formik = useFormik({ + initialValues: { + noChicken: "", + price1: "", + price2: "", + price3: "", + slaughterDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + period1: "4", + period2: "4", + period3: "4", + weight: "", + }, + validationSchema: Yup.object({ + price1: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price2: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + price3: Yup.number() + .typeError("لطفا عدد وارد کنید!") + .min( + avicultureChickenPrice?.floorPrice, + "قیمت وارد شده از کف قیمت امروز کمتر است" + ) + .max( + avicultureChickenPrice?.ceilingPrice, + "قیمت وارد شده از سقف قیمت امروز بیشتر است" + ), + weight: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + return ( + + + prop.palette.grey["A700"]} + variant={"caption"} + > + کف قیمت امروز: + + + {avicultureChickenPrice?.floorPrice + ? avicultureChickenPrice?.floorPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + سقف قیمت امروز: + + + {avicultureChickenPrice?.ceilingPrice + ? avicultureChickenPrice?.ceilingPrice.toLocaleString() + : "نامشخص"}{" "} + {" "} + ریال + + + + + + + + {arr.map((item, i) => { + return ( + + + پیشنهاد {i + 1} + + + + + بازه زمانی (ساعت) + + + + {formik.touched.period1 && Boolean(formik.errors.period1) + ? formik.errors.period1 + : null} + + + {/* */} + + ); + })} + + + + + + + + + + + + + + ); +}; + +ProvinceAuction.propTypes = { + poultryRequestKey: PropTypes.any, +}; diff --git a/src/features/file/components/province-check-request/ProvinceCheckRequest.js b/src/features/file/components/province-check-request/ProvinceCheckRequest.js new file mode 100644 index 0000000..07fdf7d --- /dev/null +++ b/src/features/file/components/province-check-request/ProvinceCheckRequest.js @@ -0,0 +1,322 @@ +import { + TimelineConnector, + TimelineContent, + // TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Button, TextField, Typography } from "@mui/material"; +import React, { useEffect, useState } from "react"; +// import { formatTime } from "../../../../utils/formatTime"; +import { PropTypes } from "prop-types"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { AnimatePresence, motion } from "framer-motion"; +import { useDispatch } from "react-redux"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { provinceAcceptRequest } from "../../services/provinceAcceptRequest"; +import { + CLOSE_MODAL, + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceRejectRequest } from "../../services/provinceRejectRequest"; +import useRequestFile from "../../hooks/useRequestFile"; +// import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getProvinceNewRequests } from "../../../province/services/get-province-new-requests"; + +const ProvinceCheckRequest = ({ id, file, item, updateTable }) => { + const myFile = useRequestFile(id); + file = file ? file : myFile?.file?.process; + const [openNotif, , selectedDate1, , selectedDate2, ,] = + useContext(AppContext); + const [isSubmited, setIsSubmited] = useState(false); + // const [roles] = useUserProfile(); + + useEffect(() => { + if (file?.province !== null) { + setIsSubmited(true); + } + }, [file]); + + const formik = useFormik({ + initialValues: { + rejectText: "", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + const [isDenyed, setisDenyed] = useState(false); + // const animationControl = useAnimation(); + + // useEffect(() => { + // if (isDenyed) { + // animationControl.start({ + // x: -10, + // display: "block", + // transition: { duration: 0.3 }, + // }); + // } + // }, [isDenyed]); + + // const MotionInput = motion(TextField); + const dispatch = useDispatch(); + + return ( + <> + {!isSubmited && ( + + + + + + + + + + انجام عملیات + + + + + + در این مرحله درخواست را تایید یا رد کنید. + + + + + + + + + {isDenyed ? ( + + + + + + + + + + + + + + + + + ) : ( + + + + + + ), + }) + ); + dispatch( + getProvinceNewRequests({ + selectedDate1, + selectedDate2, + }) + ); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(LOADING_END()); + updateTable(); + } + }); + }} + > + تایید و اختصاص به کشتارگاه + + + )} + + + + + + + )} + + ); +}; +ProvinceCheckRequest.propTypes = { + file: PropTypes.object, +}; + +export default ProvinceCheckRequest; diff --git a/src/features/file/components/province-financial-slaughter-check-request/ProvinceFinancialSlaughterCheckRequest.js b/src/features/file/components/province-financial-slaughter-check-request/ProvinceFinancialSlaughterCheckRequest.js new file mode 100644 index 0000000..9015590 --- /dev/null +++ b/src/features/file/components/province-financial-slaughter-check-request/ProvinceFinancialSlaughterCheckRequest.js @@ -0,0 +1,254 @@ +import { + TimelineConnector, + TimelineContent, + // TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Button, TextField, Typography } from "@mui/material"; +import React, { useState } from "react"; +// import { formatTime } from "../../../../utils/formatTime"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; + +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch } from "react-redux"; +import { AnimatePresence, motion } from "framer-motion"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceFinancialSlaughterCheckRequest } from "../../services/provinceFinancialSlaughterCheckRequest"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceFinancialGetPayedFactorsService } from "../../../province-finacial/services/province-financial-get-payed-factors-service"; + +const ProvinceFinancialSlaughterCheckRequest = ({ factorKey, factorType }) => { + const [openNotif] = useContext(AppContext); + const [isSubmited] = useState(false); + const [isDenyed, setisDenyed] = useState(false); + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + rejectText: "", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + + return ( + <> + {!isSubmited && ( + + + + + + + + + + انجام عملیات + + + + + + در این مرحله فاکتور پرداخت را تایید یا رد کنید. + + + + + + + + + {isDenyed ? ( + + + + + + + + + + + + + + + + + ) : ( + + + + + )} + + + + + + + )} + + ); +}; +ProvinceFinancialSlaughterCheckRequest.propTypes = { + factorKey: PropTypes.any, + factorType: PropTypes.any, +}; + +export default ProvinceFinancialSlaughterCheckRequest; diff --git a/src/features/file/components/province-information/ProvinceInformation.js b/src/features/file/components/province-information/ProvinceInformation.js new file mode 100644 index 0000000..7fcbc57 --- /dev/null +++ b/src/features/file/components/province-information/ProvinceInformation.js @@ -0,0 +1,143 @@ +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { PropTypes } from "prop-types"; +import { useEffect, useState } from "react"; +import TimelineSeparator from "@mui/lab/TimelineSeparator"; +import TimelineDot from "@mui/lab/TimelineDot"; +import TimelineConnector from "@mui/lab/TimelineConnector"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; +import TimelineContent from "@mui/lab/TimelineContent"; +import { SPACING } from "../../../../data/spacing"; +import TimelineItem from "@mui/lab/TimelineItem"; +import { formatTime } from "../../../../utils/formatTime"; +import { format } from "date-fns-jalali"; + +export const ProvinceInformation = ({ file, quantity }) => { + const [provinceInfoData, setProvinceInfoData] = useState({ + provinceOperatorName: "اپراتور استان", + provinceOperatorMobile: "-", + acceptedRejectedDate: null, + provinceState: "در انتظار تایید", + }); + + const { province, provinceOperator } = file; + + useEffect(() => { + let provinceOperatorName, + provinceOperatorMobile, + acceptedRejectedDate, + provinceState; + if (province) { + provinceOperatorName = province.provinceOperatorName; + provinceOperatorMobile = province.provinceOperatorMobile; + acceptedRejectedDate = province.acceptedRejectedDate; + provinceState = + province.provinceState === "accept" ? "تایید شده" : "رد شده"; + } else { + provinceOperatorName = provinceOperator?.provinceOperatorName; + provinceOperatorMobile = provinceOperator?.provinceOperatorMobile; + acceptedRejectedDate = null; + provinceState = "در انتظار تایید"; + } + setProvinceInfoData({ + provinceOperatorName, + provinceOperatorMobile, + acceptedRejectedDate, + provinceState, + }); + }, [province]); + + return ( + <> + + + + + + + + + + + مرحله استان + + + + + + + {provinceInfoData.provinceState === "در انتظار تایید" ? ( + + درخواست منتظر انجام عملیات توسط اپراتور می باشد. + + ) : ( + <> + + درخواست در تاریخ + + + {provinceInfoData.acceptedRejectedDate + ? formatTime(provinceInfoData.acceptedRejectedDate) + : "-"} + + + {provinceInfoData.provinceState} است. + + + )} + + + + + + + + + + + + + ); +}; + +ProvinceInformation.propTypes = { + file: PropTypes.any, + quantity: PropTypes.any, +}; diff --git a/src/features/file/components/province-information/ProvinceInformationContent.js b/src/features/file/components/province-information/ProvinceInformationContent.js new file mode 100644 index 0000000..e0fbf96 --- /dev/null +++ b/src/features/file/components/province-information/ProvinceInformationContent.js @@ -0,0 +1,80 @@ +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { PropTypes } from "prop-types"; +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { format } from "date-fns-jalali"; + +export const ProvinceInformationContent = ({ file, quantity }) => { + const [provinceInfoData, setProvinceInfoData] = useState({ + provinceOperatorName: "اپراتور استان", + provinceOperatorMobile: "-", + acceptedRejectedDate: null, + provinceState: "در انتظار تایید", + }); + + const { province, provinceOperator } = file; + + useEffect(() => { + let provinceOperatorName, + provinceOperatorMobile, + acceptedRejectedDate, + provinceState; + if (province) { + provinceOperatorName = province.provinceOperatorName; + provinceOperatorMobile = province.provinceOperatorMobile; + acceptedRejectedDate = province.acceptedRejectedDate; + provinceState = + province.provinceState === "accept" ? "تایید شده" : "رد شده"; + } else { + provinceOperatorName = provinceOperator?.provinceOperatorName; + provinceOperatorMobile = provinceOperator?.provinceOperatorMobile; + acceptedRejectedDate = null; + provinceState = "در انتظار تایید"; + } + setProvinceInfoData({ + provinceOperatorName, + provinceOperatorMobile, + acceptedRejectedDate, + provinceState, + }); + }, [province]); + + return ( + <> + + + + + + + ); +}; + +ProvinceInformationContent.propTypes = { + file: PropTypes.any, + quantity: PropTypes.any, +}; diff --git a/src/features/file/components/province-information/ProvinceInformationTitle.js b/src/features/file/components/province-information/ProvinceInformationTitle.js new file mode 100644 index 0000000..06a9277 --- /dev/null +++ b/src/features/file/components/province-information/ProvinceInformationTitle.js @@ -0,0 +1,96 @@ +import { PropTypes } from "prop-types"; +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; +import TimelineContent from "@mui/lab/TimelineContent"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime } from "../../../../utils/formatTime"; + +export const ProvinceInformationTitle = ({ file, quantity }) => { + const [provinceInfoData, setProvinceInfoData] = useState({ + provinceOperatorName: "اپراتور استان", + provinceOperatorMobile: "-", + acceptedRejectedDate: null, + provinceState: "در انتظار تایید", + }); + + const { province, provinceOperator } = file; + + useEffect(() => { + let provinceOperatorName, + provinceOperatorMobile, + acceptedRejectedDate, + provinceState; + if (province) { + provinceOperatorName = province.provinceOperatorName; + provinceOperatorMobile = province.provinceOperatorMobile; + acceptedRejectedDate = province.acceptedRejectedDate; + provinceState = + province.provinceState === "accept" ? "تایید شده" : "رد شده"; + } else { + provinceOperatorName = provinceOperator?.provinceOperatorName; + provinceOperatorMobile = provinceOperator?.provinceOperatorMobile; + acceptedRejectedDate = null; + provinceState = "در انتظار تایید"; + } + setProvinceInfoData({ + provinceOperatorName, + provinceOperatorMobile, + acceptedRejectedDate, + provinceState, + }); + }, [province]); + + return ( + + + + + + مرحله استان + + + + + + + {provinceInfoData.provinceState === "در انتظار تایید" ? ( + + درخواست منتظر انجام عملیات توسط اپراتور می باشد. + + ) : ( + <> + + درخواست در تاریخ + + + {provinceInfoData.acceptedRejectedDate + ? formatTime(provinceInfoData.acceptedRejectedDate) + : "-"} + + + {provinceInfoData.provinceState} است. + + + )} + + + + + + ); +}; + +ProvinceInformationTitle.propTypes = { + file: PropTypes.any, + quantity: PropTypes.any, +}; diff --git a/src/features/file/components/slaghter-check-request-title/SlaghterCheckRequestTitle.js b/src/features/file/components/slaghter-check-request-title/SlaghterCheckRequestTitle.js new file mode 100644 index 0000000..76474a0 --- /dev/null +++ b/src/features/file/components/slaghter-check-request-title/SlaghterCheckRequestTitle.js @@ -0,0 +1,24 @@ +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; + +export const SlaghterCheckRequestTitle = ({ file }) => { + return ( + + + + + + مرحله تایید کشتارگاه + + + + + + ); +}; + +SlaghterCheckRequestTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/slaghterhouse-request-allocation-Item/SlaghterHouseRequestAllocationItem.js b/src/features/file/components/slaghterhouse-request-allocation-Item/SlaghterHouseRequestAllocationItem.js new file mode 100644 index 0000000..0c4ac17 --- /dev/null +++ b/src/features/file/components/slaghterhouse-request-allocation-Item/SlaghterHouseRequestAllocationItem.js @@ -0,0 +1,306 @@ +import { + Button, + Checkbox, + TableCell, + TableRow, + TextField, + Tooltip, +} from "@mui/material"; +import { useFormik } from "formik"; +import React, { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +// import { useParams } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +// import useUserProfile from "../../../authentication/hooks/useUserProfile"; +// import { getFileFromApi } from "../../hooks/useRequestFile"; +import { getAllocationInformation } from "../../services/get-allocation-information"; +import { provinceDoAllocation } from "../../services/province-do-allocation"; +import * as Yup from "yup"; +// import useUserProfile from "../../../authentication/hooks/useUserProfile"; +// import { useParams } from "react-router-dom"; +import { getSlaughterHousesRequest } from "../../services/getSlaughterHousesRequest"; +// import useUserProfile from "../../../authentication/hooks/useUserProfile"; +// import { useParams } from "react-router-dom"; +import { provinceGetAllRequests } from "../../../province/services/province-get-all-requests"; +import { getFileFromApi } from "../../hooks/useRequestFile"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { ProvinceEditKillCapacityForm } from "../../../province/components/province-edit-kill-capacity-form/ProvinceEditKillCapacityForm"; +// import { getSlaughterHousesRequest } from "../../services/getSlaughterHousesRequest"; +import VerifiedIcon from "@mui/icons-material/Verified"; + +const validationSchema = Yup.object().shape({ + quantity: Yup.number() + .required("تعداد اجباری است.") + .positive("تعداد باید بالاتر از 0 باشد.") + .integer("تعداد باید عدد باشد."), +}); + +export function SlaghterHouseRequestAllocationItem({ + slaughterHouseReq, + provinceCheckRequestKey, + poultryRequestId, + poultryRequestKey, + // handleFileQuantity, + handleAllEntredQauntity, + allEntredQauntity, + name, + file, + avgLast4KillhousesWeight, + defaultValueForAllocate, + updateTable, +}) { + const [openNotif, , selectedDate1] = useContext(AppContext); + + const [roles] = useUserProfile(); + // const { id } = useParams(); + const dispatch = useDispatch(); + const [checked, setChecked] = useState(false); + + const handleCheckboxChange = (event) => { + setChecked(event.target.checked); + }; + + const formik = useFormik({ + initialValues: { + quantity: slaughterHouseReq.remainQuantity, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch(LOADING_START()); + dispatch( + provinceDoAllocation({ + kill_request_key: slaughterHouseReq.key, + province_check_request_key: provinceCheckRequestKey, + quantity: values.quantity, + payment_type: "نقدی", + }) + ).then((r) => { + dispatch(LOADING_END()); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + setChecked(false); + // handleAllEntredQauntity(null); + getFileFromApi(roles, poultryRequestId, dispatch); + dispatch(provinceGetAllRequests(selectedDate1)); + dispatch(getSlaughterHousesRequest({ key: poultryRequestKey })); + dispatch(getAllocationInformation({ key: poultryRequestKey })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(); + } + }); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + const num = + Number(defaultValueForAllocate) < 0 ? 0 : Number(defaultValueForAllocate); + formik.setFieldValue("quantity", num); + }, [defaultValueForAllocate]); + + useEffect(() => { + if (checked) { + const num = + Number(formik.values.quantity) < 0 ? 0 : Number(formik.values.quantity); + handleAllEntredQauntity({ + ...allEntredQauntity, + [name]: num, + }); + } else { + handleAllEntredQauntity({ + ...allEntredQauntity, + [name]: Number(0), + }); + } + }, [formik.values.quantity, checked]); + + const { poultryRequestIndexWeight } = useSelector((state) => state.fileSlice); + const avgPoultryRequestsWeight = poultryRequestIndexWeight?.ave; + const fileWeight = file?.poultry?.IndexWeight; + // let weightProirity; + if ( + fileWeight > avgPoultryRequestsWeight && + slaughterHouseReq.firstAverageWeight < avgLast4KillhousesWeight + ) { + // weightType = "high"; + // weightProirity = true; + } else if ( + fileWeight < avgPoultryRequestsWeight && + slaughterHouseReq.firstAverageWeight > avgLast4KillhousesWeight + ) { + // weightType = "low"; + // weightProirity = true; + } else { + // weightProirity = false; + } + + const allocationBtnDisabled = + checked && formik.isValid && defaultValueForAllocate > 0; + + const buyerNamePrefix = slaughterHouseReq?.killHouse?.killer + ? "کشتارکن" + : "کشتارگاه"; + + return ( + + + + + {buyerNamePrefix + " " + slaughterHouseReq?.killHouse?.name} + + {slaughterHouseReq?.priority && ( + + + + )} + + + + {slaughterHouseReq?.killHouse?.killHouseOperator?.user?.fullname} ( + {slaughterHouseReq?.killHouse?.killHouseOperator?.user?.mobile}) + + + + {slaughterHouseReq.firstAverageWeight} کیلوگرم + + + {/* + + {slaughterHouseReq.secondAverageWeight} کیلوگرم + + */} + {/* + {weightProirity ? ( + دارد + ) : ( + ندارد + )} + + + {slaughterHouseReq?.killHouse?.systemAddress?.city?.name === + file?.poultry?.poultryCity ? ( + دارد + ) : ( + ندارد + )} + + + {slaughterHouseReq.debt ? ( + دارد + ) : ( + ندارد + )} + + + + {slaughterHouseReq?.factorAmount?.toLocaleString() + " ﷼"} + + + + + {slaughterHouseReq?.factorDeposit?.toLocaleString() + " ﷼"} + + */} + + + {slaughterHouseReq?.killCapacity} + + + + + + {slaughterHouseReq?.remainQuantity?.toLocaleString()} + + + + + {slaughterHouseReq?.numberOfAllocated?.toLocaleString()} + + + + + + + + + + + + + + + + ); +} + +const DisabledWrap = ({ children, checked }) => { + return {children}; +}; diff --git a/src/features/file/components/slaughter-assign-car-title/SlaughterAssignCarTitle.js b/src/features/file/components/slaughter-assign-car-title/SlaughterAssignCarTitle.js new file mode 100644 index 0000000..4833937 --- /dev/null +++ b/src/features/file/components/slaughter-assign-car-title/SlaughterAssignCarTitle.js @@ -0,0 +1,24 @@ +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import TimelineOppositeContent from "@mui/lab/TimelineOppositeContent"; +import { Typography } from "@mui/material"; + +export const SlaghterAssignCarTitle = ({ file }) => { + return ( + + + + + + مرحله تخصیص و ثبت اطلاعات بار ماشین کشتارگاه + + + + + + ); +}; + +SlaghterAssignCarTitle.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/slaughter-assign-car/SlaughterAssignCar.js b/src/features/file/components/slaughter-assign-car/SlaughterAssignCar.js new file mode 100644 index 0000000..1c5a4ba --- /dev/null +++ b/src/features/file/components/slaughter-assign-car/SlaughterAssignCar.js @@ -0,0 +1,762 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { + Autocomplete, + Button, + FormControl, + FormHelperText, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import React, { useState } from "react"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import { useSlaughterHouseCars } from "../../hooks/useSlaughterHouseCars"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useEffect } from "react"; +// import { useAcceptedSlaughterRequest } from "../../hooks/useAcceptedSlaughterRequest"; +import { useDispatch } from "react-redux"; +import { postSlaughterCarAllocation } from "../../services/postSlaughterCarAllocation"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getAllocationInformation } from "../../services/get-allocation-information"; +import { getAcceptedSlaughterRequest } from "../../services/getAcceptedSlaughterRequest"; +import { useParams } from "react-router-dom"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { slaughterGetActiveRequests } from "../../../slaughter-house/services/slaughter-get-active-requests"; +import { slaughterGetAllocatedCarsService } from "../../../slaughter-house/services/slaughter-get-allocated-cars"; +import { slaughterGetExlusiveKillers } from "../../services/slaughterGetExlusiveKillers"; +import { provincePolicyGetMaximumBarQuantityStatus } from "../../../province/services/province-policy-get-maximum-bar-quantity"; + +const SlaughterAssignCar = ({ + poultryRequestKey, + provinceAllocationLimit, + killRequestKey, + killHouseKey, + // killHouseName, + killHouseCheckKey, + indexWeight, + item, +}) => { + const file = {}; + const [openNotif] = useContext(AppContext); + const slaughterHouseCars = useSlaughterHouseCars( + poultryRequestKey, + killHouseKey, + killRequestKey + ); + + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const [maximumQuantity, setMaximumQuantity] = useState(false); + const fetchData = () => { + dispatch(provincePolicyGetMaximumBarQuantityStatus()).then((r) => { + setMaximumQuantity(r.payload.data); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + const { id } = useParams(); + const buttonText = + getRoleFromUrl() === "ProvinceOperator" + ? "ثبت اطلاعات خودرو بجای کشتارگاه" + : "ثبت اطلاعات خودرو"; + + // const killHouseCheckKey = acceptedSlaughterRequests.filter( + // (item) => item.quantity > 0 + // )[0]?.killHouseCheckKey; + + // useEffect(() => { + // const d = acceptedSlaughterRequests?.reduce( + // (total, item) => (item.quantity > total ? item.quantity : total), + // 0 + // ); + // setLimit(d); + // }, [acceptedSlaughterRequests]); + + const getMaxLimit = () => { + return maximumQuantity?.allow ? maximumQuantity?.limitation : 3100; + }; + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + // selectedRequest: "", + quantity: "", + car: "", + realCar: "", + shippingCode: "", + }, + validationSchema: Yup.object({ + // selectedRequest: Yup.string().required("این فیلد اجباری است!"), + quantity: Yup.number("یک عدد وارد کنید") + .typeError("لطفا ظرفیت را به عدد وارد کنید!") + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مجاز وارد کنید!") + .max( + getMaxLimit(), + `حداکثر میزان تخصیص به ماشین ${getMaxLimit()} قطعه میباشد` + ), + shippingCode: Yup.string().required("این فیلد اجباری است!"), + // .test("len", "ظرفیت بیشتر از حد مجاز است!", (val, context) => { + // return context.originalValue && context.originalValue <= limit; + // }), + car: Yup.object().required("این فیلد اجباری است!"), + realCar: Yup.object(), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (file.killHouseWinner) { + formik.setFieldValue("selectedRequest", "not required"); + } + }, []); + + useEffect(() => { + if (file.killHouseWinner) { + formik.setFieldValue("selectedRequest", "not required"); + } + }, []); + + // const carsOptions = slaughterHouseCars?.map((car, i) => { + // let carType = "اختصاصی"; + // if (car.type === "exclusive") { + // carType = "اختصاصی"; + // } else if (car.type === "rental") { + // carType = "اجاره ای"; + // } + // const carLbl = `${car.driverName} (${car.driverMobile}) ${car.typeCar} پلاک ${car.pelak} ظرفیت ${car.capocity} قطعه (${carType})`; + // // const carLbl = ` ${car.driverName} (${car.driverMobile}) ${car.typeCar} ${car.typeWeight} پلاک ${car.pelak} ظرفیت ${car.capocity} قطعه `; + + // return ( + // + // {carLbl} + // + // ); + // }); + + const [chooseRealCar] = useState(false); + + // const handleChange = (event) => { + // setChooseRealCar(!chooseRealCar); + // }; + + const [exclusiveKillers, setExclusiveKillers] = useState(); + const [selectedOption, setSelectedOption] = useState(); + useEffect(() => { + if (item?.exclusiveKiller) { + dispatch(slaughterGetExlusiveKillers()).then((r) => { + setExclusiveKillers(r.payload.data); + }); + } + }, []); + + const handleOptionChange = (event) => { + setSelectedOption(event?.target.value); + }; + + const getFormValidation = () => { + if (exclusiveKillers && exclusiveKillers.length > 0) { + return selectedOption && formik.isValid; + } else { + return formik.isValid; + } + }; + + return ( + <> + {/* {acceptedSlaughterRequests.some((item) => item.quantity > 0) && ( */} + + + + + + + + + + انجام عملیات + + + + + + {/* ماشین های {killHouseName} خود را به تخصیص اختصاص دهید. */} + + + + + + + + {/* {!file.killHouseWinner && ( + + + + درخواست های تخصیص داده شده شما + + + + {formik.touched.race && Boolean(formik.errors.race) + ? formik.errors.race + : null} + + + + )} */} + + + + خودرو دارای کد بهداشتی حمل + + + + + { + if (car) { + const carType = + car.type === "exclusive" ? "اختصاصی" : "اجاره ای"; + return `${car.driverName} (${car.driverMobile}) ${car.typeCar} پلاک ${car.pelak} (${carType})`; + } + return ""; + }} + value={formik.values.car} + onChange={(e, car) => { + formik.setFieldValue("car", car); + formik.setFieldValue( + "shippingCode", + car ? car.healthCode : "" + ); + }} + onBlur={formik.handleBlur} + renderInput={(params) => ( + + )} + /> + + + {formik.touched.car && Boolean(formik.errors.car) + ? formik.errors.car + : null} + + + {/* + } + onChange={handleChange} + label="انتخاب خودرو واقعی برای حمل مرغ زنده (اختیاری)" + componentsProps={{ + typography: { + sx: { fontSize: "12px", color: "red" }, + }, + }} + /> + */} + + {chooseRealCar && ( + + { + if (car) { + const carType = + car.type === "exclusive" ? "اختصاصی" : "اجاره ای"; + return `${car.driverName} (${car.driverMobile}) ${car.typeCar} پلاک ${car.pelak} ظرفیت ${car.capocity} قطعه (${carType})`; + } + return ""; + }} + value={formik.values.realCar} + onChange={(e, car) => { + formik.setFieldValue("realCar", car); + }} + onBlur={formik.handleBlur} + renderInput={(params) => ( + + )} + /> + + + {formik.touched.realCar && + Boolean(formik.errors.realCar) + ? formik.errors.realCar + : null} + + + )} + + {exclusiveKillers?.length > 0 && ( + <> + + + انتخاب کشتارکن جهت تخصیص + + + + + انتخاب کشتارکن (اجباری) + + + + + )} + + {slaughterHouseCars + .filter((item) => item.busy) + .map((car, i) => { + const carLbl = `راننده ${car.driverName} ${car.typeCar} با پلاک ${car.pelak} جهت حمل بار کشتارگاه دیگری رزرو شده است.`; + // const carLbl = ` ${car.driverName} (${car.driverMobile}) ${car.typeCar} ${car.typeWeight} پلاک ${car.pelak} ظرفیت ${car.capocity} قطعه `; + return ( + + {carLbl} + + ); + })} + + + + + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + ظرفیت مجاز ماشین: + + + {getMaxLimit()} قطعه + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + باقی مانده: + + + {provinceAllocationLimit - + Number(formik.values.quantity) >= + 0 + ? provinceAllocationLimit - + Number(formik.values.quantity) + : 0}{" "} + قطعه + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + مازاد: + + + {Number(formik.values.quantity) > provinceAllocationLimit + ? Math.abs( + Number(formik.values.quantity) - + provinceAllocationLimit + ) + : 0}{" "} + قطعه + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + وزن تقریبی هرقطعه مرغ: + + + {indexWeight.toLocaleString()} کیلوگرم + + + + + + prop.palette.grey["A700"]}> + = + + prop.palette.grey["A700"]} + variant={"caption"} + > + وزن تقریبی بار: + + + {( + Number(formik.values.quantity) * indexWeight + ).toLocaleString()}{" "} + کیلوگرم + + + + + + + + + {/* + + + ماشین های ثبت شده + + + + {!file.killHouseWinner && + acceptedSlaughterRequests?.map((item, i) => { + const head = `برای سفارش ${item.orderCode} با باقی مانده ظرفیت ${item.quantity} قطعه `; + const killHouseAssignments = + item.killHouseAssignments.map((assignment, index) => { + const barItem = `کدبار ${assignment.barcod} تعداد ${assignment.quantity} قطعه با ماشین ${assignment.cars.typeCar} راننده ${assignment.cars.driverName}`; + return ( + + prop.palette.grey["A700"]}> + + + + + + + + + ); + }); + return ( + + + {head} + + {killHouseAssignments} + + ); + })} + + {file.killHouseWinner && + file.auction?.map((item, i) => { + const head = `برای سفارش ${item.orderCode} با باقی مانده ظرفیت ${file.killHouseWinner.quantity} قطعه `; + const barItem = `کدبار ${item.barcod} تعداد ${item.quantity} قطعه با ماشین ${item.cars.typeCar} راننده ${item.cars.driverName}`; + const returnItem = ( + + prop.palette.grey["A700"]}> + + + + + + + + + ); + return ( + + + {head} + + {returnItem} + + ); + })} + + */} + + + + + {/* )} */} + + ); +}; +SlaughterAssignCar.propTypes = { + file: PropTypes.object, + provinceAllocationLimit: PropTypes.any, +}; + +export default SlaughterAssignCar; diff --git a/src/features/file/components/slaughter-check-request/SlaughterCheckRequest.js b/src/features/file/components/slaughter-check-request/SlaughterCheckRequest.js new file mode 100644 index 0000000..c01769e --- /dev/null +++ b/src/features/file/components/slaughter-check-request/SlaughterCheckRequest.js @@ -0,0 +1,93 @@ +import { + TimelineConnector, + TimelineContent, + // TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import React from "react"; +// import { formatTime } from "../../../../utils/formatTime"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; + +import CheckRequestItem from "../check-request-item/CheckRequestItem"; +import { SPACING } from "../../../../data/spacing"; + +const SlaughterCheckRequest = ({ item }) => { + // useEffect(() => { + // if (file.city !== null) { + // setIsSubmited(true); + // } + // }, []); + + // const animationControl = useAnimation(); + + // useEffect(() => { + // ("eeeeeee", isDenyed); + // if (isDenyed) { + // animationControl.start({ + // x: -10, + // display: "block", + // transition: { duration: 0.3 }, + // }); + // } + // }, [isDenyed]); + + // const MotionInput = motion(TextField); + + return ( + <> + + + + + + + + + + انجام عملیات + + + + + + در این مرحله تخصیص را تایید یا رد کنید. + + + + + + + + + + + + + ); +}; +SlaughterCheckRequest.propTypes = { + item: PropTypes.object, + i: PropTypes.any, + poultryRequestKey: PropTypes.any, +}; + +export default SlaughterCheckRequest; diff --git a/src/features/file/components/slaughter-enter-bar-item/SlaughterEnterBarItem.js b/src/features/file/components/slaughter-enter-bar-item/SlaughterEnterBarItem.js new file mode 100644 index 0000000..2ede861 --- /dev/null +++ b/src/features/file/components/slaughter-enter-bar-item/SlaughterEnterBarItem.js @@ -0,0 +1,513 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + Typography, +} from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { PropTypes } from "prop-types"; +import { SPACING } from "../../../../data/spacing"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterEnterBarWeight } from "../../../slaughter-house/services/slaughter-enter-bar-weight"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterUpdateBarWeight } from "../../../slaughter-house/services/slaughter-update-bar-weight"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { resizeImage } from "../../../../utils/resizeImage"; +import { slaughterGetExlusiveKillers } from "../../services/slaughterGetExlusiveKillers"; +import { isValidIndexWeight } from "../../../../utils/isValidIndexWeight"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterEnterBarItem = ({ + data, + reqKey, + // checkKey, + isRejected, + item, + realNumber, + updateTable, +}) => { + const [openNotif] = useContext(AppContext); + + const [weightWithBarImages, setWeightWithBarImages] = React.useState([]); + const [weightWithBarImg, setWeightWithBarImg] = React.useState(null); + const { weightRange } = useSelector((state) => state.provinceSlice); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const weightWithBarImgHandler = (imageList) => { + setWeightWithBarImages(imageList); + formik.setFieldValue("weightWithBarImg", ""); + setWeightWithBarImg(null); + + if (imageList[0]) { + const file = imageList[0]?.file; + resizeImage(file, (resizedDataUrl) => { + const optimizedBase64 = fixBase64(resizedDataUrl); + setWeightWithBarImg(optimizedBase64); + formik.setFieldValue("weightWithBarImg", optimizedBase64); + }); + } else { + formik.setFieldValue("weightWithBarImg", ""); + } + }; + const [barWeight, setBarWeight] = useState(0); + + const dispatch = useDispatch(); + + let numFirstWeight = 0; + + const formik = useFormik({ + initialValues: { + weightWithoutBar: "", + weightWithBar: "", + weightWithBarImg: "", + loadRealNumber: item.acceptedRealQuantity + ? item.acceptedRealQuantity + : realNumber, + exploitedCarcass: 0, + }, + validationSchema: Yup.object({ + weightWithoutBar: Yup.number() + // .test( + // "weightWithoutBar", + // "وزن بدون بار نباید بزرگتر از وزن با بار باشد!", + // (val, context) => { + // return ( + // context.originalValue && context.originalValue < numLastWeight + // ); + // } + // ) + .min(0, "عدد منفی وارد نکنید!") + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + weightWithBar: Yup.number() + .test( + "len", + "وزن با بار باید بیشتر از وزن بدون بار باشد!", + (val, context) => { + return ( + context.originalValue && context.originalValue > numFirstWeight + ); + } + ) + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + weightWithBarImg: Yup.string().required("این فیلد اجباری است!"), + loadRealNumber: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + exploitedCarcass: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + numFirstWeight = Number(formik.values.weightWithoutBar); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + // fill the form if req is rejected + if (isRejected || item) { + formik.setFieldValue( + "weightWithoutBar", + item.assignmentInfo?.carWeightWithoutLoad + ); + formik.setFieldValue( + "weightWithBar", + item.assignmentInfo?.carWeightWithLoad + ); + } + }, []); + + useEffect(() => { + const numFirstWeight = Number(formik.values.weightWithoutBar); + const numLastWeight = Number(formik.values.weightWithBar); + if (numLastWeight) { + if (numFirstWeight < numLastWeight) { + setBarWeight(numLastWeight - numFirstWeight); + } else { + setBarWeight(0); + } + } + }, [formik.values.weightWithoutBar, formik.values.weightWithBar]); + + const [exclusiveKillers, setExclusiveKillers] = useState(); + const [selectedOption, setSelectedOption] = useState(); + + useEffect(() => { + dispatch( + slaughterGetExlusiveKillers({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setExclusiveKillers(r.payload.data); + }); + }, [selectedSubUser?.key]); + + const handleOptionChange = (event) => { + setSelectedOption(event?.target.value); + }; + + const buttonText = + getRoleFromUrl() !== "KillHouse" + ? "ثبت اطلاعات بجای کشتارگاه" + : "ثبت اطلاعات"; + + return ( + + + + + + + + اطلاعات بار با کدبار {data[0][0]} را وارد کنید. + + {(isRejected || item.assignmentInfo) && ( + + توجه: حتما باید اطلاعات جدید دوباره وارد گردد. (سند ماشین و وزن + ماشین) + + )} + + {isRejected && ( + <> + + ({"اطلاعات بار توسط واحد مالی استان رد شده است."}) + + {/* + دلیل رد: {item?.barInfo?.message} + */} + + )} + + + + + + + {item.assignmentInfo.imageWithBar && ( + + +

+ + + سند ماشین با بار بارگذاری شده + + + )} + + + + + + + + + + + + + + + prop.palette.grey["A700"]} + variant={"caption"} + > + وزن بار وارد شده + + {barWeight} کیلوگرم + + {exclusiveKillers?.length > 1 && ( + + + + انتخاب کشتارکن + + + + + + ویرایش کشتارکن اختصاصی (اختیاری) + + + + )} + + + + + + + + ); +}; + +SlaughterEnterBarItem.propTypes = { + data: PropTypes.array, + reqKey: PropTypes.string, + checkKey: PropTypes.string, + isRejected: PropTypes.bool, + item: PropTypes.any, + realNumber: PropTypes.any, +}; diff --git a/src/features/file/components/slaughter-enter-bar-weight/SlaughterEnterBarWeight.js b/src/features/file/components/slaughter-enter-bar-weight/SlaughterEnterBarWeight.js new file mode 100644 index 0000000..01e0a09 --- /dev/null +++ b/src/features/file/components/slaughter-enter-bar-weight/SlaughterEnterBarWeight.js @@ -0,0 +1,101 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Grid } from "../../../../components/grid/Grid"; +import { Typography } from "@mui/material"; +import React, { useEffect } from "react"; +import { PropTypes } from "prop-types"; +import TimelineItem from "@mui/lab/TimelineItem"; +import { SlaughterEnterBarItem } from "../slaughter-enter-bar-item/SlaughterEnterBarItem"; +import { format } from "date-fns-jalali"; +import { provincePolicyGetWeightRange } from "../../../province/services/province-policy-get-weight-range"; +import { useDispatch, useSelector } from "react-redux"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterEnterBarWeight = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const sum = item?.acceptedRealWeight / item?.acceptedRealQuantity; + const data = [ + [ + item.barCode, + `${item.poultryRequest?.poultry?.unitName} (${item.poultryRequest.poultry?.user?.mobile})`, + item.quantity.toLocaleString(), + item?.acceptedRealQuantity + ? item?.acceptedRealQuantity?.toLocaleString() + : "وارد نشده", + item?.acceptedRealWeight + ? item?.acceptedRealWeight?.toLocaleString() + : "وارد نشده", + sum ? sum.toFixed(2) : "وارد نشده", + item?.poultryRequest?.age, + format(new Date(item?.poultryRequest?.sendDate), "yyyy/MM/dd"), + item?.killer?.name, + ], + ]; + + useEffect(() => { + dispatch( + provincePolicyGetWeightRange({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedSubUser?.key]); + + return ( + + + + + + + + + + انجام عملیات + + + + + + در این مرحله اطلاعات مربوط به وزن و سند باسکول را وارد نمایید. + + + + + + + + + + + + ); +}; + +SlaughterEnterBarWeight.propTypes = { + file: PropTypes.object, +}; diff --git a/src/features/file/components/slaughter-house-vet-cancel-bar/SlaughterHouseVetCancelBar.js b/src/features/file/components/slaughter-house-vet-cancel-bar/SlaughterHouseVetCancelBar.js new file mode 100644 index 0000000..b3973f4 --- /dev/null +++ b/src/features/file/components/slaughter-house-vet-cancel-bar/SlaughterHouseVetCancelBar.js @@ -0,0 +1,40 @@ +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, +} from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +export const SlaughterHouseVetCancelBar = () => { + const [selectedOption, setSelectedOption] = useState(null); + + const handleSelectChange = (event) => { + setSelectedOption(event.target.value); + }; + return ( + + + دلیل لغو بار + + + + + ); +}; diff --git a/src/features/file/components/slaughter-house-vet-check-request/SlaughterHouseVetCheckRequest.js b/src/features/file/components/slaughter-house-vet-check-request/SlaughterHouseVetCheckRequest.js new file mode 100644 index 0000000..f71e8f6 --- /dev/null +++ b/src/features/file/components/slaughter-house-vet-check-request/SlaughterHouseVetCheckRequest.js @@ -0,0 +1,181 @@ +import { Button, TextField, Typography } from "@mui/material"; +import React, { useState } from "react"; +import { SPACING } from "../../../../data/spacing"; +import { AnimatePresence } from "framer-motion"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterHouseVetSendCheckRequest } from "../../services/slaughter-house-vet-send-check-request"; +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { slaughterHouseVetNewRequests } from "../../../slaughter-house-vet/services/slaughter-house-vet-new-requests"; +// import { SlaughterHouseVetCancelBar } from "../slaughter-house-vet-cancel-bar/SlaughterHouseVetCancelBar"; +import { VetFarmCancelBar } from "../../../vet-farm/components/vet-farm-cancel-bar/VetFarmCancelBar"; + +export default function SlaughterHouseVetCheckRequest({ item }) { + const dispatch = useDispatch(); + const [openNotif, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const [value, setValue] = useState(item.quantity); + const [realWeight, setRealWeight] = useState(); + + const handleInputChange = (event) => { + setValue(event.target.value); + }; + + const handleInputChangeRealWeight = (event) => { + setRealWeight(event.target.value); + }; + + return ( + + + + + + + + + + انجام عملیات + + + + + + در این مرحله درخواست را بررسی و تایید کنید. + + + + + + + + + + + + + + + + + + + + + + ); +} +SlaughterHouseVetCheckRequest.propTypes = { + file: PropTypes.any, +}; diff --git a/src/features/file/components/slaughter-pay-factor-bank-gateway/SlaughterPayFactorBankGateway.js b/src/features/file/components/slaughter-pay-factor-bank-gateway/SlaughterPayFactorBankGateway.js new file mode 100644 index 0000000..85d0bb2 --- /dev/null +++ b/src/features/file/components/slaughter-pay-factor-bank-gateway/SlaughterPayFactorBankGateway.js @@ -0,0 +1,36 @@ +import { Button, InputAdornment } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { useState } from "react"; +import { SPACING } from "../../../../data/spacing"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const SlaughterPayFactorBankGateway = ({ + provinceFactorToKillHouse, + price, + isRejected, + barCode, + killHouseFactorToProvince, +}) => { + const [inputValue, setInputValue] = useState(""); + return ( + + + ریال, + }} + value={inputValue} + onChange={(event) => setInputValue(event.target.value)} + /> + + + + + + ); +}; diff --git a/src/features/file/components/slaughter-pay-factor-manual/SlaughterPayFactorManual.js b/src/features/file/components/slaughter-pay-factor-manual/SlaughterPayFactorManual.js new file mode 100644 index 0000000..df9be61 --- /dev/null +++ b/src/features/file/components/slaughter-pay-factor-manual/SlaughterPayFactorManual.js @@ -0,0 +1,279 @@ +import { + Button, + IconButton, + InputAdornment, + TextField, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { BankAccountInformation } from "../bank-account-information/BankAccountInformation"; +import ImgUploader from "../../../../components/img-uploader/ImgUploader"; +import { slaughterGetPayFactorRequestsService } from "../../../slaughter-house/services/slaughter-get-pay-factor-requests"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { slaughterGetPaiedFactorsService } from "../../../slaughter-house/services/slaughter-get-paied-factors"; +import { slaughterUpdatePayProvinceFactor } from "../../services/slaughterUpdatePayProvinceFactor"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { slaughterPayProvinceFactor } from "../../services/slaughterPayProvinceFactor"; +import { useDispatch } from "react-redux"; +import { useContext, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import AddIcon from "@mui/icons-material/Add"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const SlaughterPayFactorManual = ({ + provinceFactorToKillHouse, + price, + isRejected, + barCode, + killHouseFactorToProvince, +}) => { + const dispatch = useDispatch(); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + const [openNotif] = useContext(AppContext); + const [inputValues, setInputValues] = useState([ + { id: 11, paymentId: "", doc: "", amount: "" }, + { id: 22, paymentId: "", doc: "", amount: "" }, + ]); + + const totalAmount = inputValues.reduce( + (acc, item) => acc + Number(item.amount), + 0 + ); + + return ( + + + + + + + + + + + مبلغ قابل پرداخت + + + {totalAmount + ? (Number(price) - totalAmount)?.toLocaleString() + : Number(price)?.toLocaleString()}{" "} + ریال + + + + + شناسه پرداخت + + + {barCode} + + + + + + {/* {info} */} + + + + + {inputValues + .sort((a, b) => a.id - b.id) + .map((item, i) => { + return ( + + {i + 1}. + + ریال + ), + }} + label="مبلغ پرداخت شده" + value={item.amount} + onChange={(e) => { + setInputValues((prevState) => { + const idToRemove = item.id; + const filteredArray = prevState.filter( + (obj) => obj.id !== idToRemove + ); + return [ + ...filteredArray, + { + ...item, + id: item.id, + amount: e.target.value, + }, + ]; + }); + }} + /> + + + { + setInputValues((prevState) => { + const idToRemove = item.id; + const filteredArray = prevState.filter( + (obj) => obj.id !== idToRemove + ); + return [ + ...filteredArray, + { + ...item, + id: item.id, + paymentId: e.target.value, + }, + ]; + }); + }} + /> + + + + + + { + setInputValues((prevState) => { + const idToRemove = item.id; + const filteredArray = prevState.filter( + (obj) => obj.id !== idToRemove + ); + return filteredArray; + }); + }} + > + + + + + ); + })} + + + + + + + + + + ); +}; diff --git a/src/features/file/components/slaughter-pay-poultry-factor-form/SlaughterPayPoultryFactorForm.js b/src/features/file/components/slaughter-pay-poultry-factor-form/SlaughterPayPoultryFactorForm.js new file mode 100644 index 0000000..892e789 --- /dev/null +++ b/src/features/file/components/slaughter-pay-poultry-factor-form/SlaughterPayPoultryFactorForm.js @@ -0,0 +1,226 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Button, TextField, Typography } from "@mui/material"; +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { BankAccountInformation } from "../bank-account-information/BankAccountInformation"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { useDispatch } from "react-redux"; +import { PropTypes } from "prop-types"; + +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getFileFromApi } from "../../hooks/useRequestFile"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { useParams } from "react-router-dom"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { slaughterUpdatePayPoultryFactor } from "../../services/slaughterUpdatePayPoultryFactor"; +import { slaughterPayPoultryFactor } from "../../services/slaughterPayPoultryFactor"; + +export const SlaughterPayPoultryFactorForm = ({ + factorKey, + price, + provinceFactorToPoultry, + killHouseFactorToPoultry, + isRejected, +}) => { + const [openNotif] = useContext(AppContext); + const [factorPaymentImages, setFactorPaymentImages] = useState([]); + const [factorPaymentImg, setFactorPaymentImg] = useState(); + const dispatch = useDispatch(); + const [roles] = useUserProfile(); + const { id } = useParams(); + + const formik = useFormik({ + initialValues: { + paymentId: "", + factorPaymentImg: "", + }, + validationSchema: Yup.object({ + paymentId: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + factorPaymentImg: Yup.string().required("این فیلد اجباری است!"), + }), + }); + + const factorPaymentHandler = (imageList, addUpdateIndex) => { + if (imageList[0]) { + setFactorPaymentImg(fixBase64(imageList[0]?.data_url)); + formik.setFieldValue( + "factorPaymentImg", + fixBase64(imageList[0]?.data_url) + ); + } else { + formik.setFieldValue("factorPaymentImg", ""); + } + setFactorPaymentImages(imageList); + }; + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + // fill the form if req is rejected + if (isRejected) { + formik.setFieldValue("paymentId", killHouseFactorToPoultry.paymentCode); + } + }, []); + + return ( + + + + + + + + + + انجام عملیات - پرداخت به مرغدار + + + + + + + در این مرحله مبلغ را پرداخت کنید و شناسه پرداخت را وارد و سند + آن را بارگذاری کنید. + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; +SlaughterPayPoultryFactorForm.propTypes = { + factorKey: PropTypes.string, + price: PropTypes.any, + provinceFactorToPoultry: PropTypes.any, + killHouseFactorToPoultry: PropTypes.any, + isRejected: PropTypes.any, +}; diff --git a/src/features/file/components/slaughter-pay-province-factor-form/SlaughterPayProvinceFactorForm.js b/src/features/file/components/slaughter-pay-province-factor-form/SlaughterPayProvinceFactorForm.js new file mode 100644 index 0000000..3fe3d7b --- /dev/null +++ b/src/features/file/components/slaughter-pay-province-factor-form/SlaughterPayProvinceFactorForm.js @@ -0,0 +1,166 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { FormControlLabel, Radio, RadioGroup, Typography } from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +// import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +// import { fixBase64 } from "../../../../utils/toBase64"; +import { PropTypes } from "prop-types"; +// import { slaughterPayProvinceFactor } from "../../services/slaughterPayProvinceFactor"; +// import { useContext } from "react"; +// import { AppContext } from "../../../../contexts/AppContext"; +// import { slaughterUpdatePayProvinceFactor } from "../../services/slaughterUpdatePayProvinceFactor"; +// import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +// import { slaughterGetPayFactorRequestsService } from "../../../slaughter-house/services/slaughter-get-pay-factor-requests"; +// import { slaughterGetPaiedFactorsService } from "../../../slaughter-house/services/slaughter-get-paied-factors"; +// import ImgUploader from "../../../../components/img-uploader/ImgUploader"; +import { SlaughterPayFactorManual } from "../slaughter-pay-factor-manual/SlaughterPayFactorManual"; +import { SlaughterPayFactorBankGateway } from "../slaughter-pay-factor-bank-gateway/SlaughterPayFactorBankGateway"; + +export const SlaughterPayProvinceFactorForm = ({ + factorKey, + price, + provinceFactorToKillHouse, + killHouseFactorToProvince, + isRejected, + barCode, + item, +}) => { + // const [factorPaymentImages, setFactorPaymentImages] = React.useState([]); + // const [factorPaymentImg, setFactorPaymentImg] = React.useState(); + // const dispatch = useDispatch(); + // const [roles] = useUserProfile(); + // const { id } = useParams(); + + const formik = useFormik({ + initialValues: { + paymentId: "", + // factorPaymentImg: "", + }, + validationSchema: Yup.object({ + paymentId: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + // factorPaymentImg: Yup.string().required("این فیلد اجباری است!"), + }), + }); + + // const factorPaymentHandler = (imageList, addUpdateIndex) => { + // if (imageList[0]) { + // setFactorPaymentImg(fixBase64(imageList[0]?.data_url)); + // formik.setFieldValue( + // "factorPaymentImg", + // fixBase64(imageList[0]?.data_url) + // ); + // } else { + // formik.setFieldValue("factorPaymentImg", ""); + // } + // setFactorPaymentImages(imageList); + // }; + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + // fill the form if req is rejected + if (isRejected) { + formik.setFieldValue("paymentId", killHouseFactorToProvince.paymentCode); + } + }, []); + + let paymentTo = ""; + if (item?.factorPersonType === "union") { + paymentTo = "اتحادیه"; + } else { + paymentTo = "مرغدار"; + } + + const [selectedOption, setSelectedOption] = useState("option1"); + + const handleChange = (event) => { + setSelectedOption(event.target.value); + }; + + return ( + + + + + + + + + + انجام عملیات - پرداخت به {paymentTo} + + + + + + + در این مرحله مبلغ را پرداخت کنید و شناسه پرداخت را وارد و سند + آن را بارگذاری کنید. + + + + + + + + } + label="پرداخت از طریق درگاه پرداخت" + /> + } + label="ثبت سند پرداخت" + /> + + + + {selectedOption === "bank-gateway" && ( + + )} + {selectedOption === "manual-payment" && ( + + )} + + + + ); +}; + +SlaughterPayProvinceFactorForm.propTypes = { + factorKey: PropTypes.string, + price: PropTypes.any, + provinceFactorToKillHouse: PropTypes.any, + killHouseFactorToProvince: PropTypes.any, + isRejected: PropTypes.any, +}; diff --git a/src/features/file/components/slaughter-pay-province-factor/SlaughterPayProvinceFactor.js b/src/features/file/components/slaughter-pay-province-factor/SlaughterPayProvinceFactor.js new file mode 100644 index 0000000..0f375a0 --- /dev/null +++ b/src/features/file/components/slaughter-pay-province-factor/SlaughterPayProvinceFactor.js @@ -0,0 +1,68 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import React from "react"; +// import { formatTime } from "../../../../utils/formatTime"; +import { PropTypes } from "prop-types"; +import { Grid } from "../../../../components/grid/Grid"; + +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; + +const SlaughterPayProvinceFactor = ({ file }) => { + return ( + + + + + + + + + + + مرحله صدور فاکتور توسط استان + + + + + + + + در این مرحله اطلاعات مربوط به فاکتور های صادر شده توسط استان + را مشاهده می کنید. + + + + + + + + + + + + + ); +}; +SlaughterPayProvinceFactor.propTypes = { + file: PropTypes.object, +}; + +export default SlaughterPayProvinceFactor; diff --git a/src/features/file/components/slaughter-payment-factor-poultry/SlaughterPaymentFactorPoultry.js b/src/features/file/components/slaughter-payment-factor-poultry/SlaughterPaymentFactorPoultry.js new file mode 100644 index 0000000..d7ab46c --- /dev/null +++ b/src/features/file/components/slaughter-payment-factor-poultry/SlaughterPaymentFactorPoultry.js @@ -0,0 +1,98 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PropTypes } from "prop-types"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime } from "../../../../utils/formatTime"; + +export const SlaughterPaymentFactorPoultry = ({ data, barCode }) => { + return ( + <> + + + + + + + + + + + اطلاعات پرداختی کشتارگاه به مرغدار + + + + + + + + اطلاعات پرداختی کشتارگاه در این قسمت نمایش داده میشود. + + + + + + + + + Slaughter Payment Factor

+ , + ], + ]} + /> + + + + + + ); +}; + +SlaughterPaymentFactorPoultry.propTypes = { + data: PropTypes.any, + barCode: PropTypes.any, +}; diff --git a/src/features/file/components/slaughter-payment-factor/SlaughterPaymentFactor.js b/src/features/file/components/slaughter-payment-factor/SlaughterPaymentFactor.js new file mode 100644 index 0000000..0c63d70 --- /dev/null +++ b/src/features/file/components/slaughter-payment-factor/SlaughterPaymentFactor.js @@ -0,0 +1,99 @@ +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { Typography } from "@mui/material"; +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PropTypes } from "prop-types"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { formatTime } from "../../../../utils/formatTime"; + +const SlaughterPaymentFactor = ({ data, barCode }) => { + return ( + <> + + + + + + + + + + + اطلاعات پرداختی کشتارگاه + + + + + + + + اطلاعات پرداختی کشتارگاه در این قسمت نمایش داده میشود. + + + + + + + + + Slaughter Payment Factor

+ , + ], + ]} + /> + + + + + + ); +}; +SlaughterPaymentFactor.propTypes = { + data: PropTypes.any, + barCode: PropTypes.any, +}; + +export default SlaughterPaymentFactor; diff --git a/src/features/file/hooks/useAcceptedSlaughterRequest.js b/src/features/file/hooks/useAcceptedSlaughterRequest.js new file mode 100644 index 0000000..2c94d65 --- /dev/null +++ b/src/features/file/hooks/useAcceptedSlaughterRequest.js @@ -0,0 +1,23 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { getAcceptedSlaughterRequest } from "../services/getAcceptedSlaughterRequest"; + +export const useAcceptedSlaughterRequest = (id) => { + const dispatch = useDispatch(); + const { acceptedSlaughterRequest } = useSelector((state) => state.fileSlice); + const [data, setData] = useState(acceptedSlaughterRequest); + + useEffect(() => { + dispatch(getAcceptedSlaughterRequest({ id })); + }, []); + + useEffect(() => { + setData( + acceptedSlaughterRequest?.filter( + (item) => item.quantity > 0 && item.provinceKillState === "accepted" + ) + ); + }, [acceptedSlaughterRequest]); + + return data ? data : []; +}; diff --git a/src/features/file/hooks/useGetAllocationInformation.js b/src/features/file/hooks/useGetAllocationInformation.js new file mode 100644 index 0000000..41c318e --- /dev/null +++ b/src/features/file/hooks/useGetAllocationInformation.js @@ -0,0 +1,23 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { getAllocationInformation } from "../services/get-allocation-information"; + +const useGetAllocationInformation = (id) => { + const dispatch = useDispatch(); + const { allocationInformation } = useSelector((state) => state.fileSlice); + const [data, setData] = useState(allocationInformation); + + useEffect(() => { + if (id) { + dispatch(getAllocationInformation({ key: id })); + } + }, [id]); + + useEffect(() => { + setData(allocationInformation); + }, [allocationInformation]); + + return data ? data : []; +}; + +export default useGetAllocationInformation; diff --git a/src/features/file/hooks/useRequestFile.js b/src/features/file/hooks/useRequestFile.js new file mode 100644 index 0000000..aa4202f --- /dev/null +++ b/src/features/file/hooks/useRequestFile.js @@ -0,0 +1,55 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { + getFileProcess, + getFileProcessOther, +} from "../services/getFileProcess"; +import useUserProfile from "../../authentication/hooks/useUserProfile"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export function getFileFromApi(roles, id, dispatch) { + if ( + (getRoleFromUrl() === "CityOperator" || + getRoleFromUrl() === "Poultry" || + getRoleFromUrl() === "KillHouse") && + (roles.includes("Poultry") || + roles.includes("CityOperator") || + roles.includes("KillHouse")) + ) { + dispatch(getFileProcessOther(id)); + } else { + dispatch(getFileProcess(id)); + } +} + +const useRequestFile = (id) => { + const dispatch = useDispatch(); + const file = useSelector((state) => state.fileSlice); + const [data, setData] = useState(file); + const [roles] = useUserProfile(); + + useEffect(() => { + if ( + (getRoleFromUrl() === "CityOperator" || + getRoleFromUrl() === "Poultry" || + getRoleFromUrl() === "KillHouse" || + getRoleFromUrl() === "KillHouseVet") && + (roles.includes("Poultry") || + roles.includes("CityOperator") || + roles.includes("KillHouse") || + roles.includes("KillHouseVet")) + ) { + dispatch(getFileProcessOther(id)); + } else { + dispatch(getFileProcess(id)); + } + }, []); + + useEffect(() => { + setData(file); + }, [file]); + + return data ? data : []; +}; + +export default useRequestFile; diff --git a/src/features/file/hooks/useSlaughterAllocatedRequests.js b/src/features/file/hooks/useSlaughterAllocatedRequests.js new file mode 100644 index 0000000..8b181fa --- /dev/null +++ b/src/features/file/hooks/useSlaughterAllocatedRequests.js @@ -0,0 +1,19 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { getAcceptedSlaughterRequest } from "../services/getAcceptedSlaughterRequest"; + +export const useSlaughterAllocatedRequests = (id) => { + const dispatch = useDispatch(); + const { acceptedSlaughterRequest } = useSelector((state) => state.fileSlice); + const [data, setData] = useState(acceptedSlaughterRequest); + + useEffect(() => { + dispatch(getAcceptedSlaughterRequest({ id })); + }, []); + + useEffect(() => { + setData(acceptedSlaughterRequest); + }, [acceptedSlaughterRequest]); + + return data ? data : []; +}; diff --git a/src/features/file/hooks/useSlaughterHouseCars.js b/src/features/file/hooks/useSlaughterHouseCars.js new file mode 100644 index 0000000..2652a81 --- /dev/null +++ b/src/features/file/hooks/useSlaughterHouseCars.js @@ -0,0 +1,25 @@ +import { useState, useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { slaughterGetCars } from "../../slaughter-house/services/slaughter-get-cars"; + +export const useSlaughterHouseCars = (id, killHouseKey, killRequestKey) => { + const dispatch = useDispatch(); + // const { slaughterHouseCars } = useSelector((state) => state.slaughterSlice); + const [data, setData] = useState([]); + + useEffect(() => { + if (id) { + dispatch(slaughterGetCars({ id, killHouseKey, killRequestKey })).then( + (r) => setData(r.payload.data) + ); + } else { + dispatch(slaughterGetCars()).then((r) => setData(r.payload.data)); + } + }, []); + + // useEffect(() => { + // setData(slaughterHouseCars); + // }, [slaughterHouseCars]); + + return data ? data : []; +}; diff --git a/src/features/file/hooks/useSlaughterHousesRequest.js b/src/features/file/hooks/useSlaughterHousesRequest.js new file mode 100644 index 0000000..8cca135 --- /dev/null +++ b/src/features/file/hooks/useSlaughterHousesRequest.js @@ -0,0 +1,21 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { getSlaughterHousesRequest } from "../services/getSlaughterHousesRequest"; + +const useSlaughterHousesRequest = (id) => { + const dispatch = useDispatch(); + const { slaughterHousesRequest } = useSelector((state) => state.fileSlice); + const [data, setData] = useState(slaughterHousesRequest); + + useEffect(() => { + dispatch(getSlaughterHousesRequest({ key: id })); + }, []); + + useEffect(() => { + setData(slaughterHousesRequest); + }, [slaughterHousesRequest]); + + return data ? data : []; +}; + +export default useSlaughterHousesRequest; diff --git a/src/features/file/services/checkRequestByCity.js b/src/features/file/services/checkRequestByCity.js new file mode 100644 index 0000000..ed6a68b --- /dev/null +++ b/src/features/file/services/checkRequestByCity.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const checkRequestByCity = createAsyncThunk( + "REJECT_REQUEST_CITY", + async (d) => { + const { data, status } = await axios.post( + `city_operator_check_request/`, + d + ); + return { data, status }; + } +); diff --git a/src/features/file/services/checkRequestBySlaughter.js b/src/features/file/services/checkRequestBySlaughter.js new file mode 100644 index 0000000..a649e1b --- /dev/null +++ b/src/features/file/services/checkRequestBySlaughter.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const checkRequestBySlaughter = createAsyncThunk( + "CHECK_REQUEST_BY_SLAUGHTER", + async (d) => { + const { data, status } = await axios.post(`kill_house_check_request/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/city-edit-avculture.info.js b/src/features/file/services/city-edit-avculture.info.js new file mode 100644 index 0000000..66679f4 --- /dev/null +++ b/src/features/file/services/city-edit-avculture.info.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const poultryRequestIndexWeightService = createAsyncThunk( + "POULTRY_REQUEST_INDEX_WEIGHT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/poultry_request_index_weight/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/file/services/deposite-allocation.js b/src/features/file/services/deposite-allocation.js new file mode 100644 index 0000000..642318f --- /dev/null +++ b/src/features/file/services/deposite-allocation.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const depositeAllocation = createAsyncThunk( + "DEPOSITE_ALLOCATION", + async (d) => { + const { data, status } = await axios.put(`deposit_allocation/0/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/financial-check-request.js b/src/features/file/services/financial-check-request.js new file mode 100644 index 0000000..c03d9ea --- /dev/null +++ b/src/features/file/services/financial-check-request.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const financialCheckRequest = createAsyncThunk( + "PROVINCE_CHECK_REQUEST", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post(`province_check_info/`, d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/file/services/get-allocation-information.js b/src/features/file/services/get-allocation-information.js new file mode 100644 index 0000000..be04d1f --- /dev/null +++ b/src/features/file/services/get-allocation-information.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const getAllocationInformation = createAsyncThunk( + "GET_ALLOCATION_INFORMATION", + async (d) => { + const { data, status } = await axios.get( + `province_check_operator_request/`, + { params: { ...d, role: getRoleFromUrl() } } + ); + return { data, status }; + } +); diff --git a/src/features/file/services/get-monthly-percent.js b/src/features/file/services/get-monthly-percent.js new file mode 100644 index 0000000..bebfc2a --- /dev/null +++ b/src/features/file/services/get-monthly-percent.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getMonthlyPercent = createAsyncThunk( + "GET_MONTHLY_PERCENT", + async (d) => { + const { data, status } = await axios.get(`monthly_percent/`); + return { data, status }; + } +); diff --git a/src/features/file/services/getAcceptedSlaughterRequest.js b/src/features/file/services/getAcceptedSlaughterRequest.js new file mode 100644 index 0000000..3a16e67 --- /dev/null +++ b/src/features/file/services/getAcceptedSlaughterRequest.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const getAcceptedSlaughterRequest = createAsyncThunk( + "GET_ACCEPTED_SLAUGHTER_REQUEST", + async ({ id, role_key }) => { + const { data, status } = await axios.get("province_kill_request", { + params: { + id, + role: getRoleFromUrl(), + role_key: role_key || "", + }, + }); + return { data, status }; + } +); diff --git a/src/features/file/services/getFileProcess.js b/src/features/file/services/getFileProcess.js new file mode 100644 index 0000000..2705812 --- /dev/null +++ b/src/features/file/services/getFileProcess.js @@ -0,0 +1,27 @@ +import axios from "axios"; +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getFileProcess = createAsyncThunk( + "GET_FILE", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`/Poultry_Request/${id}/`); + dispatch(LOADING_END()); + + return { data, status }; + } +); + +export const getFileProcessOther = createAsyncThunk( + "GET_FILE_OTHER", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "process/?id=" + id + `&role=${getRoleFromUrl()}` + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/file/services/getSlaughterHousesRequest.js b/src/features/file/services/getSlaughterHousesRequest.js new file mode 100644 index 0000000..076eabd --- /dev/null +++ b/src/features/file/services/getSlaughterHousesRequest.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getSlaughterHousesRequest = createAsyncThunk( + "GET_SLAUGHTER_HOUSES_REQUEST", + async (d) => { + const { data, status } = await axios.get("/kill_request", { + params: d, + }); + return { data, status }; + } +); diff --git a/src/features/file/services/getUserInformation.js b/src/features/file/services/getUserInformation.js new file mode 100644 index 0000000..3a853ab --- /dev/null +++ b/src/features/file/services/getUserInformation.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getUserInformation = createAsyncThunk( + "USER_INFO_REQUESTS", + async () => { + const { data, status } = await axios.get("user-profile/?type=user"); + return { data, status }; + } +); diff --git a/src/features/file/services/inspector-check-request.js b/src/features/file/services/inspector-check-request.js new file mode 100644 index 0000000..847a3ef --- /dev/null +++ b/src/features/file/services/inspector-check-request.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const inspectorCheckRequest = createAsyncThunk( + "INSPECTOR_REQUEST_OPERATIONS", + async (d) => { + const { data, status } = await axios.post("inspector/", d); + return { data, status }; + } +); diff --git a/src/features/file/services/postSlaughterCarAllocation.js b/src/features/file/services/postSlaughterCarAllocation.js new file mode 100644 index 0000000..dd33ba3 --- /dev/null +++ b/src/features/file/services/postSlaughterCarAllocation.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const postSlaughterCarAllocation = createAsyncThunk( + "POST_SLAUGHTER_CAR_ALLOCATION", + async (d, { dispatch }) => { + try { + const { data, status } = await axios.post(`kill_house_request/`, d); + dispatch(LOADING_START()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/file/services/province-check-complaint.js b/src/features/file/services/province-check-complaint.js new file mode 100644 index 0000000..77163a2 --- /dev/null +++ b/src/features/file/services/province-check-complaint.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceCheckComplaint = createAsyncThunk( + "PROVINCE_CHECK_COMPLAINT", + async (d) => { + const { data, status } = await axios.post(`check_losses/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/province-do-allocation.js b/src/features/file/services/province-do-allocation.js new file mode 100644 index 0000000..c043077 --- /dev/null +++ b/src/features/file/services/province-do-allocation.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceDoAllocation = createAsyncThunk( + "PROVINCE_DO_ALLOCATION", + async (d, { dispatch }) => { + try { + const { data, status } = await axios.post(`province_kill_request/`, d); + dispatch(LOADING_START()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/file/services/province-remove-allocation.js b/src/features/file/services/province-remove-allocation.js new file mode 100644 index 0000000..9d419e8 --- /dev/null +++ b/src/features/file/services/province-remove-allocation.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceRemoveAllocation = createAsyncThunk( + "PROVINCE_REMOVE_ALLOCATION", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.delete(`province_kill_request/0/`, { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/file/services/province-request-auction.js b/src/features/file/services/province-request-auction.js new file mode 100644 index 0000000..ec7b9f6 --- /dev/null +++ b/src/features/file/services/province-request-auction.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceRequestAuction = createAsyncThunk( + "PROVINCE_REQUEST_AUCTION", + async (d) => { + const { data, status } = await axios.post(`province_request_auction/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/provinceAcceptRequest.js b/src/features/file/services/provinceAcceptRequest.js new file mode 100644 index 0000000..b78eff9 --- /dev/null +++ b/src/features/file/services/provinceAcceptRequest.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceAcceptRequest = createAsyncThunk( + "PROVINCE_ACCEPT_REQUEST", + async (d) => { + const { data, status } = await axios.post( + `province_check_operator_request/`, + d + ); + return { data, status }; + } +); diff --git a/src/features/file/services/provinceFinancialSlaughterCheckRequest.js b/src/features/file/services/provinceFinancialSlaughterCheckRequest.js new file mode 100644 index 0000000..4ca9437 --- /dev/null +++ b/src/features/file/services/provinceFinancialSlaughterCheckRequest.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialSlaughterCheckRequest = createAsyncThunk( + "PROVINCE_FINANCIAL_CHECK_REQUEST", + async (d) => { + const { data, status } = await axios.post(`province_check_factor/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/provinceRejectRequest.js b/src/features/file/services/provinceRejectRequest.js new file mode 100644 index 0000000..1acf761 --- /dev/null +++ b/src/features/file/services/provinceRejectRequest.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceRejectRequest = createAsyncThunk( + "PROVINCE_REJECT_REQUEST", + async (d) => { + const { data, status } = await axios.post( + `province_check_operator_request/`, + d + ); + return { data, status }; + } +); diff --git a/src/features/file/services/slaughter-house-vet-send-check-request.js b/src/features/file/services/slaughter-house-vet-send-check-request.js new file mode 100644 index 0000000..a1e8a90 --- /dev/null +++ b/src/features/file/services/slaughter-house-vet-send-check-request.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const slaughterHouseVetSendCheckRequest = createAsyncThunk( + "SLAUGHTER_HOUSE_VET_SEND_CHECK_REQUEST", + async (d, { dispatch }) => { + try { + const { data, status } = await axios.post(`vet_check/`, d); + dispatch(LOADING_START()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/file/services/slaughterGetExlusiveKillers.js b/src/features/file/services/slaughterGetExlusiveKillers.js new file mode 100644 index 0000000..34bf8a4 --- /dev/null +++ b/src/features/file/services/slaughterGetExlusiveKillers.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const slaughterGetExlusiveKillers = createAsyncThunk( + "SLAUGHTER_GET_EXCLUSIVE_KILLERS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_house/?exclusive-killers=true", + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/file/services/slaughterPayPoultryFactor.js b/src/features/file/services/slaughterPayPoultryFactor.js new file mode 100644 index 0000000..64a3e5d --- /dev/null +++ b/src/features/file/services/slaughterPayPoultryFactor.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const slaughterPayPoultryFactor = createAsyncThunk( + "SLAUGHTER_PAY_POULTRY_FACTOR", + async (d) => { + const { data, status } = await axios.post(`kill_house_factor_poultry/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/slaughterPayProvinceFactor.js b/src/features/file/services/slaughterPayProvinceFactor.js new file mode 100644 index 0000000..9f6e9a9 --- /dev/null +++ b/src/features/file/services/slaughterPayProvinceFactor.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const slaughterPayProvinceFactor = createAsyncThunk( + "SLAUGHTER_PAY_PROVINCE_FACTOR", + async (d) => { + const { data, status } = await axios.post(`kill_house_factor_province/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/slaughterUpdatePayPoultryFactor.js b/src/features/file/services/slaughterUpdatePayPoultryFactor.js new file mode 100644 index 0000000..f439126 --- /dev/null +++ b/src/features/file/services/slaughterUpdatePayPoultryFactor.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const slaughterUpdatePayPoultryFactor = createAsyncThunk( + "SLAUGHTER_UPDATE_PAY_POULTRY_FACTOR", + async (d) => { + const { data, status } = await axios.put(`kill_house_factor_poultry/0/`, d); + return { data, status }; + } +); diff --git a/src/features/file/services/slaughterUpdatePayProvinceFactor.js b/src/features/file/services/slaughterUpdatePayProvinceFactor.js new file mode 100644 index 0000000..afe1290 --- /dev/null +++ b/src/features/file/services/slaughterUpdatePayProvinceFactor.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const slaughterUpdatePayProvinceFactor = createAsyncThunk( + "SLAUGHTER_UPDATE_PAY_PROVINCE_FACTOR", + async (d) => { + const { data, status } = await axios.put( + `kill_house_factor_province/0/`, + d + ); + return { data, status }; + } +); diff --git a/src/features/file/utils/getAllocatedAndAcceptedRequests.js b/src/features/file/utils/getAllocatedAndAcceptedRequests.js new file mode 100644 index 0000000..e7ca2ab --- /dev/null +++ b/src/features/file/utils/getAllocatedAndAcceptedRequests.js @@ -0,0 +1,18 @@ +import moment from "moment/moment"; +import { format } from "date-fns-jalali"; + +export const getAllocatedAndAcceptedRequests = (requests) => { + return requests + .filter((item) => item.provinceKillRequestState === "accepted") + .map((item, i) => { + return { + label: `${item.killHouse.name} (${ + item.killHouse.user.fullname + }) - تاریخ کشتار ${format( + new Date(moment(new Date(item.reciveDate)).format("YYYY-MM-DD")), + "yyyy/MM/dd" + )} `, + key: item.key, + }; + }); +}; diff --git a/src/features/file/utils/getSlaughterHousesForSelect.js b/src/features/file/utils/getSlaughterHousesForSelect.js new file mode 100644 index 0000000..821ac49 --- /dev/null +++ b/src/features/file/utils/getSlaughterHousesForSelect.js @@ -0,0 +1,38 @@ +import moment from "moment/moment"; +import { format } from "date-fns-jalali"; + +export const getSlaughterHousesForSelect = (slaughterHouses) => { + return slaughterHouses + .filter((item) => item.remainQuantity > 0) + .map((item, i) => { + const requestedHighWeight = item?.weightType?.highWeight + ? "بالای 2.5 کیلو" + : null; + const requestedLowWeight = item?.weightType?.lowWeight + ? "بین 2 تا 2.5 کیلو" + : null; + const requestedWeight = [requestedLowWeight, requestedHighWeight] + .filter((item) => item) + .join(" و "); + const requestedBuyTypeCash = item.buyType?.cash ? "نقدی" : null; + const requestedBuyTypeCredit = item.buyType?.credit ? "زمان دار" : null; + const requestedBuyType = [requestedBuyTypeCash, requestedBuyTypeCredit] + .filter((item) => item) + .join(" یا "); + + return { + label: `${item.killHouse.name} (${ + item.killHouse.killHouseOperator.user.fullname + }) - تاریخ کشتار ${format( + new Date(moment(new Date(item.reciveDate)).format("YYYY-MM-DD")), + "yyyy/MM/dd" + )} با تعداد مانده درخواست ${ + item.remainQuantity + } قطعه با وزن درخواستی: ${requestedWeight} و پرداخت بصورت ${requestedBuyType}`, + key: item.key, + remainQuantity: item.remainQuantity, + requestedWeight: requestedWeight, + requestedBuyType: requestedBuyType, + }; + }); +}; diff --git a/src/features/guild-room/components/guild-room-operations/GuildRoomOperations.js b/src/features/guild-room/components/guild-room-operations/GuildRoomOperations.js new file mode 100644 index 0000000..b18ffe0 --- /dev/null +++ b/src/features/guild-room/components/guild-room-operations/GuildRoomOperations.js @@ -0,0 +1,65 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_GUILD_ROOM_ROUTE_GUILDS, + ROUTE_GUILD_ROOM_ROUTE_GUILDS_REQUESTS, + // ROUTE_GUILD_ROOM_ROUTE_GUILDS_SETTINGS, + ROUTE_GUILD_ROOM_ROUTE_STEWARDS, + // ROUTE_PROVINCE_ROUTE_GUILDS_SETTINGS, + // ROUTE_PROVINCE_ROUTE_IN_PROVINCE_STEWARDS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { MdCorporateFare } from "react-icons/md"; +import { IoIosPeople } from "react-icons/io"; + +export const GuildRoomOperations = () => { + const { pathname } = useLocation(); + + return ( + + + } + title="درخواست های ثبت صنف" + /> + + + } + title="اصناف" + /> + + + } + title="مباشرین" + /> + + {/* + } + title="مدیریت فرآیند" + /> + */} + + ); +}; diff --git a/src/features/guild/components/GuildAddSteward.js b/src/features/guild/components/GuildAddSteward.js new file mode 100644 index 0000000..b80b5a2 --- /dev/null +++ b/src/features/guild/components/GuildAddSteward.js @@ -0,0 +1,335 @@ +import { + Autocomplete, + Button, + FormControl, + InputAdornment, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../contexts/AppContext"; +import { Yup } from "../../../lib/yup/yup"; +import { CLOSE_MODAL } from "../../../lib/redux/slices/appSlice"; +import { SPACING } from "../../../data/spacing"; +import { Grid } from "../../../components/grid/Grid"; +import { guildGetStewardsService } from "../services/guild-get-guilds"; +import { guildGetAllocationData } from "../services/guildGetAllocationData"; +import { guildGetStewards } from "../services/guild-get-stewards"; +import { slaughterAllocateStewardService } from "../../slaughter-house/services/slaughter-allocate-steward"; +import { guildGetInventoryStockService } from "../services/guild-get-inventory-stock"; +import { GuildEditAllocateStewardService } from "../services/guildEditAllocateStewardService"; +import { NumberInput } from "../../../components/number-format-custom/NumberFormatCustom"; + +export const GuildAddSteward = ({ + stewardKey, + guildKey, + sellType, + isGuild, + weight, + quantity, + item, + totalAverageWeightOfCarcasses, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [, , selectedDate1] = useContext(AppContext); + const [price, setPrice] = useState(); + + const { guildGetStewardsState } = useSelector((state) => state.generalSlice); + + useEffect(() => { + if (sellType !== "exclusive") { + dispatch(guildGetStewardsService()); + } + }, []); + + const getOptionLabel = (option) => option.label; + + const validationSchema = Yup.object({ + slaughteSteward: Yup.string(), + // price: Yup.number().when("quantity", { + // is: quantity, + // then: Yup.number().required("لطفا این فیلد را پر کنید"), + // otherwise: Yup.number(), + // }), + wholePrice: Yup.number().when("quantity", { + is: quantity, + then: Yup.number().required("لطفا این فیلد را پر کنید"), + otherwise: Yup.number(), + }), + numberOfPieces: Yup.number() + .required("حجم لاشه را وارد کنید") + .min(1, "حداقل یک قطعه"), + weight: Yup.number() + .required("وزن لاشه را وارد کنید") + .min(0.01, "حداقل 0.01 کیلوگرم"), + }); + + let defaultKey; + + if (isGuild) { + defaultKey = guildKey; + } else { + defaultKey = stewardKey; + } + + const formik = useFormik({ + initialValues: { + slaughteSteward: defaultKey, + numberOfPieces: "", + wholePrice: "", + weight: weight ? weight : "", + }, + validationSchema, + onSubmit: (values) => { + let req; + + if (quantity) { + dispatch( + GuildEditAllocateStewardService({ + steward_allocation_key: item.key, + number_of_carcasses: Number(values.numberOfPieces), + weight_of_carcasses: Number(values.weight), + }) + ).then(() => { + dispatch( + guildGetAllocationData({ + date: selectedDate1, + }) + ); + dispatch(guildGetStewards({ date: selectedDate1 })); + dispatch( + guildGetAllocationData({ + date: selectedDate1, + }) + ); + dispatch( + guildGetInventoryStockService({ + date: selectedDate1, + }) + ); + + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + }); + } else { + if (isGuild) { + req = { + guild_key: values.slaughteSteward, + number_of_carcasses: Number(values.numberOfPieces), + weight_of_carcasses: Number(values.weight), + sell_type: sellType, + date: selectedDate1, + broadcast_type: "steward_broadcast", + amount: Number(price), + total_amount: Number(values.wholePrice), + }; + } else { + req = { + guild_key: values.slaughteSteward, + number_of_carcasses: Number(values.numberOfPieces), + weight_of_carcasses: Number(values.weight), + sell_type: sellType, + date: selectedDate1, + broadcast_type: "steward_broadcast", + amount: Number(price), + total_amount: Number(values.wholePrice), + }; + } + dispatch(slaughterAllocateStewardService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(guildGetStewards({ date: selectedDate1 })); + dispatch( + guildGetAllocationData({ + date: selectedDate1, + }) + ); + dispatch( + guildGetInventoryStockService({ + date: selectedDate1, + }) + ); + + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }, + }); + + useEffect(() => { + const finalQuantity = formik.values.weight / totalAverageWeightOfCarcasses; + formik.setFieldValue("numberOfPieces", Number(finalQuantity).toFixed(0)); + }, [formik.values.weight]); + + useEffect(() => { + const calcPrice = formik.values.wholePrice / Number(formik.values.weight); + setPrice(Number(calcPrice.toFixed(0))); + }, [formik.values.wholePrice]); + + return ( +

+ + {!stewardKey && !guildKey && !isGuild && !quantity && ( + + formik.setFieldValue("slaughteSteward", value.value) + } + onBlur={formik.handleBlur("slaughteSteward")} + // value={formik.values.slaughteSteward} + renderInput={(params) => } + /> + )} + + {isGuild && !quantity && !stewardKey && !guildKey && ( + + formik.setFieldValue("slaughteSteward", value.value) + } + onBlur={formik.handleBlur("slaughteSteward")} + // value={formik.values.slaughteSteward} + renderInput={(params) => } + /> + )} + + کیلوگرم + ), + }} + {...formik.getFieldProps("weight")} + error={formik.touched.weight && formik.errors.weight} + helperText={formik.touched.weight && formik.errors.weight} + /> + + {!quantity && ( + <> + ریال + ), + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice + ? Boolean(formik.errors.wholePrice) + : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + + خودرو حمل لاشه + + + ریال + ), + readOnly: true, + }} + value={price} + /> + + )} + + قطعه, + }} + {...formik.getFieldProps("numberOfPieces")} + error={formik.touched.numberOfPieces && formik.errors.numberOfPieces} + helperText={ + formik.touched.numberOfPieces && formik.errors.numberOfPieces + } + /> + + + +

+ ); +}; diff --git a/src/features/guild/components/GuildBroadCastManagement.js b/src/features/guild/components/GuildBroadCastManagement.js new file mode 100644 index 0000000..13457dc --- /dev/null +++ b/src/features/guild/components/GuildBroadCastManagement.js @@ -0,0 +1,778 @@ +import { + Button, + Collapse, + IconButton, + List, + ListItem, + ListItemText, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import axios from "axios"; +import moment from "moment/moment"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import ExpandLessIcon from "@mui/icons-material/ExpandLess"; +import { AppContext } from "../../../contexts/AppContext"; +import { guildGetInventoryStockService } from "../services/guild-get-inventory-stock"; +import { guildGetStewards } from "../services/guild-get-stewards"; +import { formatJustDate } from "../../../utils/formatTime"; +import { SPACING } from "../../../data/spacing"; +import { Grid } from "../../../components/grid/Grid"; +import { SimpleTable } from "../../../components/simple-table/SimpleTable"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; + +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../lib/redux/slices/appSlice"; +import { GuildAddSteward } from "./GuildAddSteward"; +import { guildGetAllocationData } from "../services/guildGetAllocationData"; +import { GuildManageInventoryAllocationOperations } from "./GuildManageInventoryAllocationOperations"; +import { guildInventoryFinalSubmitService } from "../services/guildInventoryFinalSubmitService"; +import BoxList from "../../../components/box-list/BoxList"; +import { RespSlaughterGuildListItem } from "../../slaughter-house/components/resp-slaughter-guild-list-item/RespSlaughterGuildListItem"; +import { RespGuildExclusiveItem } from "../../slaughter-house/components/resp-guild-exclusive-item/RespGuildExclusiveItem"; +import { SlaughterSubmitOutProvinceSell } from "../../slaughter-house/components/slaughter-submit-out-province-sell/SlaughterSubmitOutProvinceSell"; +import { guildGetFreeSaleBarService } from "../services/guild-get-free-sale-bar"; +import { guildDeleteOutOfProvinceSell } from "../services/guild-delete-free-sale"; + +export const GuildBroadCastManagement = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [, , selectedDate1, setSelectedDate1] = useContext(AppContext); + const [stewardsDataTable, setStewardsDataTable] = useState([]); + const [inventoryAllocationsDataTable, setInventoryAllocationsDataTable] = + useState([]); + + const { + guildGetInventoryStock, + guildStewards, + guildGetGuildData, + guildFreeSaleBars, + } = useSelector((state) => state.generalSlice); + + const [outOfProvinceSells, setOutOfProvinceSells] = useState([]); + + useEffect(() => { + dispatch( + guildGetInventoryStockService({ + date: selectedDate1, + }) + ).then(() => { + dispatch( + guildGetFreeSaleBarService({ + date: selectedDate1, + steward_key: guildGetInventoryStock?.stewardKey, + }) + ); + }); + dispatch(guildGetStewards({ date: selectedDate1 })); + dispatch( + guildGetAllocationData({ + date: selectedDate1, + }) + ); + }, [selectedDate1]); + + useEffect(() => { + const inventoryAllocationsData = guildGetGuildData?.map((item, i) => { + let sellType, sellerType; + if (item.sellerType === "guilds") { + sellerType = "صنف"; + } else if (item.sellerType === "steward") { + sellerType = "مباشر"; + } + + if (item.sellType === "free") { + sellType = "آزاد"; + } else { + if (item.type === "manual") { + sellType = "اختصاصی (دستی)"; + } else { + sellType = "اختصاصی (اتوماتیک)"; + } + } + + return [ + i + 1, + item?.guilds?.guildsId, + formatJustDate(item.date), + sellerType, + sellType, + item?.guilds?.guildsName, + item?.guilds?.user?.fullname, + item?.guilds?.user?.nationalId, + item?.guilds?.user?.mobile, + item?.guilds?.typeActivity, + item?.guilds?.areaActivity, + item?.guilds?.licenseNumber, + item?.guilds?.address?.city.name, + item?.numberOfCarcasses, + item?.weightOfCarcasses, + item?.loggedRegistrationCode ? item.loggedRegistrationCode : "-", + , + ]; + }); + setInventoryAllocationsDataTable(inventoryAllocationsData); + + const d1 = guildStewards?.map((item, i) => { + return [ + item?.guildsId, + "صنف", + item.guildsName, + item.user.fullname, + item.user.nationalId, + item.user.mobile, + item.typeActivity, + item.areaActivity, + item.licenseNumber, + item.address.city.name, + item?.allocationLimit + ? `${item?.allocationLimit?.toLocaleString()} کیلوگرم` + : "بدون محدودیت", + , + ]; + }); + + setStewardsDataTable(d1); + + const sells = guildFreeSaleBars?.map((item, i) => { + return [ + i + 1, + formatJustDate(item?.createDate), + item?.buyerName, + item?.buyerMobile, + item?.province, + item?.city, + item?.driverName, + item?.driverMobile, + item?.driverName, + item?.clearanceCode, + item?.numberOfCarcasses, + item?.weightOfCarcasses, + <> + { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ویرایش فروش خارج از استان", + content: ( + + ), + }) + ); + }} + > + + + { + dispatch(guildDeleteOutOfProvinceSell(item?.key)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch( + guildGetFreeSaleBarService({ + date: selectedDate1, + steward_key: guildGetInventoryStock?.stewardKey, + }) + ); + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.data.result, + severity: "success", + }); + } + }); + }} + > + + + , + ]; + }); + + setOutOfProvinceSells(sells); + }, [guildStewards, guildGetGuildData, guildFreeSaleBars]); + + const finalSubmitDisabled = + (Array.isArray(guildGetGuildData) && !guildGetGuildData?.length) || + (Array.isArray(guildGetGuildData) && + guildGetGuildData[0]?.finalRegistration); + + const [inventoryDate, setInventoryDate] = useState(new Date(selectedDate1)); + + useEffect(() => { + const tempDate = new Date(inventoryDate); + tempDate.setDate(new Date(selectedDate1).getDate() - 1); + setInventoryDate(tempDate); + }, [selectedDate1]); + + const [isMessageVisible, setMessageVisible] = useState(true); + + const toggleMessageVisibility = () => { + setMessageVisible(!isMessageVisible); + }; + + const isMobile = window.innerWidth <= 600; + + const [value, setValue] = useState(""); + const [searchFilter, setSearchFilter] = useState([]); + + const handleChange = (event) => { + setValue(event.target.value); + const regex = new RegExp(value, "i"); + const d = stewardsDataTable.filter((item) => regex.test(item)); + setSearchFilter(d); + }; + + return ( + + مدیریت پخش + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + {isMobile ? ( + + + + موجودی انبار + + + + + + + + + + + + + + ) : ( + + + موجودی انبار + + + + + + + + + + + + } + columns={[ + "حجم لاشه ها", + "وزن لاشه ها (کیلوگرم)", + // "تعداد تخصیصات", + "حجم لاشه تخصیص داده شده", + "وزن تخصیص داده شده (کیلوگرم)", + "حجم لاشه قابل تخصیص", + "وزن قابل تخصیص (کیلوگرم)", + "وزن بار فروش آزاد (کیلوگرم)", + "حجم بار فروش آزاد (قطعه)", + ]} + data={[ + [ + guildGetInventoryStock?.realNumberOfCarcasses?.toLocaleString(), + guildGetInventoryStock?.realWeightOfCarcasses?.toLocaleString(), + guildGetInventoryStock?.allocatedTotalNumberOfCarcasses?.toLocaleString(), + guildGetInventoryStock?.allocatedTotalWeightOfCarcasses?.toLocaleString(), + guildGetInventoryStock?.remainTotalNumberOfCarcasses?.toLocaleString(), + guildGetInventoryStock?.remainTotalWeightOfCarcasses?.toLocaleString(), + guildGetInventoryStock?.freeSaleWeight?.toLocaleString(), + guildGetInventoryStock?.freeSaleQuantity?.toLocaleString(), + ], + ]} + /> + )} + + + + + + + + + + + + + {isMobile ? ( + + ) : ( + + + + )} + + + + {isMobile ? ( + <> + + مدیریت کل تخصیصات + + + + + + + ), + }) + ); + }} + > + ارسال یکجا کداحراز + + + + + {!!outOfProvinceSells?.length && ( + + + + )} + + ) : ( + + + مدیریت کل تخصیصات + + + + + + + ), + }) + ); + }} + > + ارسال یکجا کداحراز + + + + } + columns={[ + "ردیف", + "شناسه صنف", + "تاریخ ثبت", + "ماهیت", + "نوع تخصیص", + "نام واحد صنفی", + "نام شخص/شرکت", + "کدملی", + "موبایل", + "نوع فعالیت", + "حوزه فعالیت", + "شماره مجوز", + "شهرستان", + "حجم لاشه", + "وزن لاشه", + "کداحراز", + "عملیات", + ]} + data={inventoryAllocationsDataTable} + /> + {!!outOfProvinceSells?.length && ( + + + + )} + + )} + + ); +}; diff --git a/src/features/guild/components/GuildInventoryOperation.js b/src/features/guild/components/GuildInventoryOperation.js new file mode 100644 index 0000000..bb265a2 --- /dev/null +++ b/src/features/guild/components/GuildInventoryOperation.js @@ -0,0 +1,78 @@ +import { VscNewFolder } from "react-icons/vsc"; +import { useLocation } from "react-router-dom"; +import { Grid } from "../../../components/grid/Grid"; +import LinkItem from "../../../components/link-item/LinkItem"; +import { NavLink } from "../../../components/nav-link/NavLink"; +import { SPACING } from "../../../data/spacing"; +import { + ROUTE_STEWARD_SALE_IN_PROVINCE, + ROUTE_STEWARD_INVENTORY_STOCK, + ROUTE_STEWARD_PURCHASE_OUT_PROVINCE, + ROUTE_STEWARD_SALE_OUT_PROVINCE, + ROUTE_STEWARD_SEGMENT, +} from "../../../routes/routes"; + +export const GuildInventoryOperation = () => { + const { pathname } = useLocation(); + + return ( + + + } + title="ورود به انبار" + /> + + + } + title="فروش داخل استان" + /> + + + } + title="خرید خارج استان" + /> + + + } + title="فروش به خارج استان" + /> + + + } + title="قطعه بندی" + /> + + + ); +}; diff --git a/src/features/guild/components/GuildManageGuilds.js b/src/features/guild/components/GuildManageGuilds.js new file mode 100644 index 0000000..bd01696 --- /dev/null +++ b/src/features/guild/components/GuildManageGuilds.js @@ -0,0 +1,415 @@ +import { + Button, + Pagination, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useEffect, useState } from "react"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { RiSearchLine } from "react-icons/ri"; + +import { ManageGuildsOperations } from "../../province/components/manage-guilds-operations/ManageGuildsOperations"; +import { Grid } from "../../../components/grid/Grid"; +import { SPACING } from "../../../data/spacing"; +import { CreateGuilds } from "../../province/components/create-guilds/CreateGuilds"; +import { PageTable } from "../../../components/page-table/PageTable"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import BoxList from "../../../components/box-list/BoxList"; + +const GuildMaangeGuilds = () => { + const dispatch = useDispatch(); + const [dataTableM, setDataTableM] = useState([]); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + let response = await axios.get( + `total_guilds/?role=Guilds&steward=true&search=filter&value=${textValue}&page=${page}&page_size=${perPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + + let response = await axios.get( + `total_guilds/?role=Guilds&steward=true&search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + dispatch(LOADING_END()); + }; + + const [page, setPage] = useState(0); + const handleChangePageM = (event, newPage) => { + dispatch(LOADING_START()); + setPage(newPage); + fetchApiData(newPage + 1, textValue); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const updateTable = () => { + fetchApiData(1); + }; + + const columns = [ + { + name: "شناسه صنف", + selector: (item) => item.guildsId, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "نام واحد صنفی", + selector: (item) => item?.guildsName, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "نام شخص/شرکت", + selector: (item) => `${item?.user?.fullname} (${item?.user?.mobile})`, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "100px", + }, + { + name: "کدملی", + selector: (item) => item?.user?.nationalId, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "100px", + }, + { + name: "نوع فعالیت", + selector: (item) => item?.typeActivity, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "حوزه فعالیت", + selector: (item) => item?.areaActivity, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "کدپستی", + selector: (item) => item?.address?.postalCode, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "استان/شهر/آدرس", + selector: (item) => + `${item?.address?.province.name}/${item?.address?.city.name}/${item?.address?.address}`, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "مباشر", + selector: (item) => (item?.steward ? "می باشد" : "نمی باشد"), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "محدودیت تخصیص", + selector: (item) => (item?.limitationAllocation ? "دارد" : "ندارد"), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "حداکثر تخصیص", + selector: (item) => item?.allocationLimit, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "مباشر", + selector: (item) => + item?.centersAllocation?.map((item) => item.label).join(" - "), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "کشتارگاه", + selector: (item) => { + return item?.killHouseInfo + ?.map((item) => `${item.name} (${item.mobile})`) + .join(" - "); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وضعیت", + selector: (item) => { + let state = ""; + if (item?.provinceAcceptState === "accepted") { + state = "تایید شده"; + } else if (item?.provinceAcceptState === "rejected") { + state = "رد شده"; + } else if (item?.provinceAcceptState === "pending") { + state = "در انتظار تایید"; + } + return state; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "عملیات", + selector: (item, i) => ( + + ), + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "110px", + }, + ]; + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + try { + const response = await axios.get( + `total_guilds/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&steward=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + if (getRoleFromUrl() === "CityJahad") { + columns.pop(); + } + + const getItemState = (item) => { + let state = ""; + if (item?.provinceAcceptState === "accepted") { + state = "تایید شده"; + } else if (item?.provinceAcceptState === "rejected") { + state = "رد شده"; + } else if (item?.provinceAcceptState === "pending") { + state = "در انتظار تایید"; + } + return state; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + item.guildsId, + item?.guildsName, + `${item?.user?.fullname} (${item?.user?.mobile})`, + item?.user?.nationalId, + item?.typeActivity, + item?.areaActivity, + item?.address?.postalCode, + `${item?.address?.province.name}/${item?.address?.city.name}/${item?.address?.address}`, + item?.steward ? "می باشد" : "نمی باشد", + item?.limitationAllocation ? "دارد" : "ندارد", + item?.allocationLimit, + item?.centersAllocation?.map((item) => item.label).join(" - "), + item?.killHouseInfo + ?.map((item) => `${item.name} (${item.mobile})`) + .join(" - "), + getItemState(item), + , + ]; + }); + + setDataTableM(d); + }, [data]); + + const columnNames = columns.map((column) => column.name); + const isMobile = window.innerWidth <= 600; + + const tableTitle = ( + + + + + {getRoleFromUrl() !== "CityJahad" && ( + + )} + + + + + + + + + + ); + + return ( + + {isMobile ? ( + + {tableTitle} + + { + handleChangePageM(event, newPage - 1); + }} + /> + + ) : ( + + )} + + ); +}; + +export default GuildMaangeGuilds; diff --git a/src/features/guild/components/GuildManageInventoryAllocationOperations.js b/src/features/guild/components/GuildManageInventoryAllocationOperations.js new file mode 100644 index 0000000..04559c0 --- /dev/null +++ b/src/features/guild/components/GuildManageInventoryAllocationOperations.js @@ -0,0 +1,197 @@ +import { Button, Typography } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { GuildAddSteward } from "./GuildAddSteward"; +import { Grid } from "../../../components/grid/Grid"; +import { + CLOSE_MODAL, + LOADING_END, + OPEN_MODAL, +} from "../../../lib/redux/slices/appSlice"; +import { guildGetAllocationData } from "../services/guildGetAllocationData"; +import { guildGetStewards } from "../services/guild-get-stewards"; +import { guildGetInventoryStockService } from "../services/guild-get-inventory-stock"; +import { AppContext } from "../../../contexts/AppContext"; +import { useContext } from "react"; +import { guildDeleteAllocatedService } from "../services/guildDeleteAllocatedService"; +import { SPACING } from "../../../data/spacing"; +import { guildInventoryFinalSubmitService } from "../services/guildInventoryFinalSubmitService"; +import { GuildSubmitAuthCode } from "./GuildSubmitAuthCode"; + +export const GuildManageInventoryAllocationOperations = ({ item }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [, , selectedDate1] = useContext(AppContext); + // const { inventorySelectedKillHouse } = useSelector( + // (state) => state.slaughterSlice + // ); + + return ( + + {item.systemRegistrationCode && ( + + )} + {!item.systemRegistrationCode && ( + + + + + ), + }) + ); + }} + > + ارسال کداحراز + + )} + + {!item.systemRegistrationCode && ( + <> + + + + )} + + ); +}; diff --git a/src/features/guild/components/GuildProfile.js b/src/features/guild/components/GuildProfile.js new file mode 100644 index 0000000..2d4a155 --- /dev/null +++ b/src/features/guild/components/GuildProfile.js @@ -0,0 +1,67 @@ +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../components/grid/Grid"; +import { SimpleTable } from "../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../data/spacing"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { guildGetProfile } from "../services/guild-get-profile"; + +export const GuildProfile = () => { + const { guildProfile } = useSelector((state) => state.generalSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(guildGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + item.label) + .join(" - "), + guildProfile?.killHouseCentersAllocation + ?.map((item) => item.label) + .join(" - "), + ], + ]} + /> + + + + + + + ); +}; diff --git a/src/features/guild/components/GuildReceiveBarOperation.js b/src/features/guild/components/GuildReceiveBarOperation.js new file mode 100644 index 0000000..fd2fb6e --- /dev/null +++ b/src/features/guild/components/GuildReceiveBarOperation.js @@ -0,0 +1,317 @@ +import { + Button, + Checkbox, + Divider, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../components/grid/Grid"; +import { SPACING } from "../../../data/spacing"; +import { Yup } from "../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { guildAllocatedStockOperationService } from "../services/guild-allocated-stock-operation"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../contexts/AppContext"; +import { guildGetInventoryStockService } from "../services/guild-get-inventory-stock"; +import { guildGetInventoryAllocatedService } from "../services/guild-get-inventory-allocated"; +import { CLOSE_MODAL } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { senfGetInventoryStockService } from "../services/senf-get-inventory-stock"; +import { senfGetInventoryAllocatedService } from "../services/senf-get-inventory-allocated"; + +export const GuildReceiveBarOperation = ({ item }) => { + const dispatch = useDispatch(); + const [, , selectedDate1] = useContext(AppContext); + const [openNotif] = useContext(AppContext); + const [selectedValue, setSelectedValue] = useState("option1"); + + const handleChange = (event) => { + setSelectedValue(event.target.value); + }; + + const initialValues = { + authCode: "", + }; + + const validationSchema = Yup.object({ + authCode: Yup.string().required("کداحراز اجباری است"), + }); + + const onSubmit = () => { + // Handle form submission here + // console.log("Form submitted with values:", values); + }; + + const formik = useFormik({ + initialValues, + validationSchema, + onSubmit, + }); + + const [isChecked, setChecked] = useState(false); + + const handleCheckboxChange = () => { + setChecked(!isChecked); + }; + + const formikRealInfo = useFormik({ + initialValues: { + number: "", + weight: "", + }, + validationSchema: Yup.object({ + weight: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + formikRealInfo.validateForm(); + }, []); + + return ( + + + + وزن تخصیصی: {item.weightOfCarcasses.toLocaleString()} کیلوگرم + + + تعداد تخصیصی: {item.numberOfCarcasses.toLocaleString()} قطعه + + + + + + + + } + label="ثبت تعداد واقعی تحویلی" + /> + + + + + + + + + + } + label="تحویل بار با کداحراز" + /> + } + label="تحویل بار بدون کداحراز" + /> + + + + {selectedValue === "option1" && ( + + )} + + + + ); +}; diff --git a/src/features/guild/components/GuildSubmitAuthCode.js b/src/features/guild/components/GuildSubmitAuthCode.js new file mode 100644 index 0000000..de4708e --- /dev/null +++ b/src/features/guild/components/GuildSubmitAuthCode.js @@ -0,0 +1,87 @@ +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext } from "react"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../lib/yup/yup"; +import { AppContext } from "../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { guildGetAllocationData } from "../services/guildGetAllocationData"; +import { Grid } from "../../../components/grid/Grid"; +import { SPACING } from "../../../data/spacing"; +import { guildAuthCodeSubmitService } from "../services/guild-auth-code-submit"; + +const validationSchema = Yup.object({ + phoneNumber: Yup.string() + .matches(/^\d+$/, "فقط عدد مجاز است") + .required("کداحراز اجباری است"), +}); + +export const GuildSubmitAuthCode = ({ item }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [, , selectedDate1] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + phoneNumber: "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + guildAuthCodeSubmitService({ + logged_registration_code: values.phoneNumber, + steward_allocation_key: item.key, + role: getRoleFromUrl(), + }) + ).then((r) => { + dispatch(CLOSE_MODAL()); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch( + guildGetAllocationData({ + date: selectedDate1, + }) + ); + + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( + + ); +}; diff --git a/src/features/guild/components/GuildSubmitFreeBar.js b/src/features/guild/components/GuildSubmitFreeBar.js new file mode 100644 index 0000000..bf75566 --- /dev/null +++ b/src/features/guild/components/GuildSubmitFreeBar.js @@ -0,0 +1,380 @@ +import { Button, InputAdornment, TextField, Typography } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useFormik } from "formik"; +// import moment from "moment/moment"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../lib/yup/yup"; +import { AppContext } from "../../../contexts/AppContext"; +import { fixBase64 } from "../../../utils/toBase64"; +import { Grid } from "../../../components/grid/Grid"; +import { SPACING } from "../../../data/spacing"; +import { ImageUpload } from "../../../components/image-upload/ImageUpload"; +import { guildSubmitFreeBar } from "../services/guild-submit-free-bar"; +import { guildGetInventoryStockService } from "../services/guild-get-inventory-stock"; +import { guildGetInventoryAllocatedService } from "../services/guild-get-inventory-allocated"; +import { DRAWER } from "../../../lib/redux/slices/appSlice"; +import { guildGetFreeBars } from "../services/guild-get-free-bars"; +import { guildEditFreeBar } from "../services/guild-edit-free-bar"; + +const ValidationSchema = Yup.object().shape({ + // kill_house_key: Yup.string().required("کد خانه کشتار الزامی است"), + slaughter_name: Yup.string().required("نام کشتارگاه الزامی است"), + slaughter_mobile: Yup.string() + .required("شماره موبایل کشتارگاه الزامی است") + .min(11, "شماره موبایل باید دقیقاً 11 رقم باشد") + .max(11, "شماره موبایل باید دقیقاً 11 رقم باشد"), + province: Yup.string().required("استان الزامی است"), + city: Yup.string().required("شهر الزامی است"), + vet_farm_name: Yup.string().required("نام دامپزشک مربوطه الزامی است"), + vet_farm_mobile: Yup.string() + .required("شماره موبایل دامپزشک مربوطه الزامی است") + .min(11, "شماره موبایل باید دقیقاً 11 رقم باشد") + .max(11, "شماره موبایل باید دقیقاً 11 رقم باشد"), + driver_name: Yup.string().required("نام راننده الزامی است"), + driver_mobile: Yup.string() + .required("شماره موبایل راننده الزامی است") + .min(11, "شماره موبایل باید دقیقاً 11 رقم باشد") + .max(11, "شماره موبایل باید دقیقاً 11 رقم باشد"), + car: Yup.string().required("نوع خودرو الزامی است"), + number_of_carcasses: Yup.number() + .required("حجم لاشه الزامی است") + .min(1, "حجم لاشه باید بیشتر از 0 باشد"), + weight_of_carcasses: Yup.number() + .required("وزن لاشه الزامی است") + .min(0.01, "وزن باید بیشتر از 0 باشد"), + bar_image: Yup.string(), + selectedDate: Yup.date().required("تاریخ الزامی است"), +}); + +export const GuildSubmitFreeBar = ({ guildKey, item, editMode }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + // const { inventorySelectedKillHouse } = useSelector( + // (state) => state.slaughterSlice + // ); + const [, , selectedDate1] = useContext(AppContext); + + const thenCallback = (r) => { + dispatch( + guildGetInventoryStockService({ + date: selectedDate1, + }) + ); + dispatch( + guildGetInventoryAllocatedService({ + date: selectedDate1, + }) + ); + + dispatch( + guildGetFreeBars({ + date: selectedDate1, + }) + ); + + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }; + + const [profileImages, setProfileImages] = useState([]); + + const formik = useFormik({ + initialValues: { + kill_house_key: "", + slaughter_name: item ? item.killHouseName : "", + slaughter_mobile: item ? item.killHouseMobile : "", + province: item ? item.province : "", + city: item ? item.city : "", + vet_farm_name: item ? item.killHouseVetName : "", + vet_farm_mobile: item ? item.killHouseVetMobile : "", + driver_name: item ? item.driverName : "", + driver_mobile: item ? item.driverMobile : "", + car: item ? item.car : "", + number_of_carcasses: item ? item.numberOfCarcasses : "", + weight_of_carcasses: item ? item.weightOfCarcasses : "", + bar_image: "", + selectedDate: item ? new Date(item.date) : new Date(), + }, + validationSchema: ValidationSchema, + }); + + useEffect(() => { + formik.validateForm(); + if (item?.barImage) { + factorPaymentHandler([{ data_url: item?.barImage }]); + } + }, []); + + const factorPaymentHandler = (imageList, addUpdateIndex) => { + if (imageList[0]) { + formik.setFieldValue("bar_image", fixBase64(imageList[0]?.data_url)); + } + setProfileImages(imageList); + }; + + return ( + +

+ ( + + )} + value={formik.values.selectedDate} + onChange={(e) => { + formik.setFieldValue("selectedDate", new Date(e)); + }} + /> + + + + + + + + + + + + + + + + + + قطعه, + }} + value={formik.values.number_of_carcasses} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + error={ + formik.touched.number_of_carcasses && + Boolean(formik.errors.number_of_carcasses) + } + helperText={ + formik.touched.number_of_carcasses && + formik.errors.number_of_carcasses + } + /> + + کیلوگرم + ), + }} + value={formik.values.weight_of_carcasses} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + error={ + formik.touched.weight_of_carcasses && + Boolean(formik.errors.weight_of_carcasses) + } + helperText={ + formik.touched.weight_of_carcasses && + formik.errors.weight_of_carcasses + } + /> + + + + {formik.touched.driver_mobile && + Boolean(formik.errors.driver_mobile) && ( + ثبت تصویر بار الزامی است + )} + + + +

+ ); +}; diff --git a/src/features/guild/components/GuilldBroadcast.js b/src/features/guild/components/GuilldBroadcast.js new file mode 100644 index 0000000..67a1884 --- /dev/null +++ b/src/features/guild/components/GuilldBroadcast.js @@ -0,0 +1,5 @@ +import { GuildBroadCastManagement } from "./GuildBroadCastManagement"; + +export const GuildBroadcast = () => { + return ; +}; diff --git a/src/features/guild/components/RegisterEditDeliveryNumberAndWeight.js b/src/features/guild/components/RegisterEditDeliveryNumberAndWeight.js new file mode 100644 index 0000000..fd62700 --- /dev/null +++ b/src/features/guild/components/RegisterEditDeliveryNumberAndWeight.js @@ -0,0 +1,143 @@ +import { useFormik } from "formik"; +import { Grid } from "../../../components/grid/Grid"; +import { Button, InputAdornment, TextField } from "@mui/material"; +import { Yup } from "../../../lib/yup/yup"; +import { useContext, useEffect } from "react"; +import { SPACING } from "../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +import { guildUpdateAllocatedStockService } from "../services/guild-update-allocated-stock"; +import { AppContext } from "../../../contexts/AppContext"; +import { guildGetInventoryStockService } from "../services/guild-get-inventory-stock"; +import { guildGetInventoryAllocatedService } from "../services/guild-get-inventory-allocated"; +import { CLOSE_MODAL } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { senfGetInventoryStockService } from "../services/senf-get-inventory-stock"; +import { senfGetInventoryAllocatedService } from "../services/senf-get-inventory-allocated"; +import { checkPathStartsWith } from "../../../utils/checkPathStartsWith"; + +const schema = Yup.object().shape({ + quantity: Yup.number().required("وارد کردن تعداد اجباری است"), + weight: Yup.number().required("وارد کردن وزن اجباری است"), +}); + +export const RegisterEditDeliveryNumberAndWeight = ({ item }) => { + const [openNotif] = useContext(AppContext); + const [, , selectedDate1] = useContext(AppContext); + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const formik = useFormik({ + initialValues: { + quantity: item?.receiverRealNumberOfCarcasses, + weight: item?.receiverRealWeightOfCarcasses, + }, + validationSchema: schema, + onSubmit: (values) => { + dispatch( + guildUpdateAllocatedStockService({ + steward: true, + allocation_key: item.key, + receiver_real_number_of_carcasses: Number(values.quantity), + receiver_real_weight_of_carcasses: Number(values.weight), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + if (getRoleFromUrl() === "senf") { + dispatch( + senfGetInventoryStockService({ + date: selectedDate1, + }) + ); + dispatch( + senfGetInventoryAllocatedService({ + date: selectedDate1, + }) + ); + } else { + dispatch( + guildGetInventoryStockService({ + date: selectedDate1, + role_key: checkPathStartsWith("senf") + ? selectedSubUser?.key + : "", + }) + ); + dispatch( + guildGetInventoryAllocatedService({ + date: selectedDate1, + role_key: checkPathStartsWith("senf") + ? selectedSubUser?.key + : "", + }) + ); + } + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + const quantity = formik.values.weight / item.indexWeight; + formik.setFieldValue("quantity", quantity.toFixed(0)); + }, [formik.values.weight]); + + return ( + + + + ); +}; diff --git a/src/features/guild/components/StewardAllocationToGuild.js b/src/features/guild/components/StewardAllocationToGuild.js new file mode 100644 index 0000000..77ca761 --- /dev/null +++ b/src/features/guild/components/StewardAllocationToGuild.js @@ -0,0 +1,890 @@ +import React, { useContext, useEffect, useState, useCallback } from "react"; +import { + Autocomplete, + Button, + Checkbox, + FormControl, + FormControlLabel, + InputAdornment, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { useFormik } from "formik"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../contexts/AppContext"; +import { provincePolicyGetUploadImageService } from "../../province/services/province-policy-upload-image"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { slaughterGetProductsService } from "../../slaughter-house/services/slaughter-inventory-gets"; +import { slaughterGetGuildsForAllocateService } from "../../slaughter-house/services/slaughter-get-guilds-for-allocate"; +import { Yup } from "../../../lib/yup/yup"; +import { fixBase64 } from "../../../utils/toBase64"; +import { CLOSE_MODAL, DRAWER } from "../../../lib/redux/slices/appSlice"; +import { NumberInput } from "../../../components/number-format-custom/NumberFormatCustom"; +import { ImageUpload } from "../../../components/image-upload/ImageUpload"; +import { Grid } from "../../../components/grid/Grid"; +import { + slaughterAllocateStewardService, + slaughterEditAllocateStewardService, +} from "../../slaughter-house/services/slaughter-allocate-steward"; +import { fetchSlaughterBroadcastAndProducts } from "../../slaughter-house/services/handle-fetch-slaughter-products"; +import MonthlyDataCalendar from "../../../components/date-picker/MonthlyDataCalendar"; +import PersianDate from "persian-date"; +import axios from "axios"; +import { LabelField } from "../../../components/label-field/LabelField"; +import { SPACING } from "../../../data/spacing"; +import { checkPathStartsWith } from "../../../utils/checkPathStartsWith"; + +export const StewardAllocationToGuild = ({ + item, + key, + sellerType, + fetchData, + buyerType, + allocationType, + sellType, + updateTable, + fetchApiData, + editData, + coldHouseKey, + coldHouseItemKey, + killHouseAllocation, + priceInfo, +}) => { + const dispatch = useDispatch(); + const [productData, setProductData] = useState([]); + const [guildsData, setGuildsData] = useState([]); + const [selectedInventory, setSelectedInventory] = useState("governmental"); + const [approvedStatus, setApprovedStatus] = useState("true"); + const [productKey, setProductKey] = useState(null); + const [openNotif] = useContext(AppContext); + const [profileImages, setProfileImages] = useState( + editData?.image ? [{ data_url: editData.image }] : [] + ); + + const [value, setValue] = useState("own"); + const [imageUploadLimit, setImageUploadLimit] = useState(1); + const [imageChanged, setImageChanged] = useState(false); + const [changeMobile, setChangeMobile] = useState(false); + const [selectedCalendarDate, setSelectedCalendarDate] = useState(null); + const [calendarDayData, setCalendarDayData] = useState({}); + const [productionDate, setProductionDate] = useState(null); + const [selectedDateAmount, setSelectedDateAmount] = useState(null); + const [calendarRawData, setCalendarRawData] = useState({ + governmental: [], + free: [], + }); + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const handleChange = (event) => { + setValue(event.target.value); + setBuyerData({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + }; + + useEffect(() => { + if (priceInfo?.active === false) { + setApprovedStatus("false"); + } + }, [priceInfo?.active]); + + useEffect(() => { + if (approvedStatus === "true" && priceInfo?.active) { + formik.setFieldValue("price", priceInfo?.killHousePrice); + } + }, [approvedStatus]); + + const handleSellType = (event) => { + const newType = event.target.value; + setSelectedInventory(newType); + }; + + const handleApprovedPrice = (event) => { + const newType = event.target.value; + setApprovedStatus(newType); + }; + + const handleDateSelect = (dateInfo) => { + if (dateInfo && dateInfo.formattedDate) { + setSelectedCalendarDate(dateInfo.formattedDate); + + const data = calendarDayData[dateInfo.formattedDate]; + + if (data && data.originalDay) { + setProductionDate(data.originalDay); + } + + if (data && (data.amount !== undefined || data.value1 !== undefined)) { + const rawAmount = data.amount !== undefined ? data.amount : data.value1; + const normalizedAmount = + typeof rawAmount === "string" + ? Number(rawAmount.replace(/,/g, "")) + : Number(rawAmount); + setSelectedDateAmount( + Number.isFinite(normalizedAmount) ? normalizedAmount : null + ); + } else { + setSelectedDateAmount(null); + } + } + }; + + const transformCalendarData = useCallback((dataArray) => { + if (!Array.isArray(dataArray)) return {}; + + const transformedData = {}; + dataArray.forEach((item) => { + if (item.day && item.amount !== undefined) { + const persianDate = new PersianDate(new Date(item.day)); + const persianDateStr = persianDate.format("YYYY/MM/DD"); + const rawAmount = item.amount; + const normalizedAmount = + typeof rawAmount === "string" + ? Number(rawAmount.replace(/,/g, "")) + : Number(rawAmount); + transformedData[persianDateStr] = { + value1: normalizedAmount, + originalDay: item.day, + active: item.active === true, // Store active status + }; + } + }); + return transformedData; + }, []); + + const updateCalendarData = useCallback((dataArray) => { + const transformed = transformCalendarData(dataArray); + setCalendarDayData(transformed); + }, []); + + const fetchCalendarData = useCallback( + async (dateParam = selectedDate1) => { + try { + const response = await axios.get("/steward-remain-weight/", { + params: { + date: dateParam, + role_key: checkPathStartsWith("steward") + ? selectedSubUser?.key + : "", + }, + }); + if (response.data) { + setCalendarRawData({ + governmental: response.data.governmental || [], + free: response.data.free || [], + }); + const dataToShow = + selectedInventory === "governmental" + ? response.data.governmental + : response.data.free; + updateCalendarData(dataToShow || []); + } + } catch (error) { + console.error("Error fetching calendar data:", error); + } + }, + [selectedInventory, updateCalendarData, selectedDate1, selectedSubUser] + ); + + const [buyerData, setBuyerData] = useState({ + key, + item, + buyerType, + allocationType, + }); + + useEffect(() => { + if (getRoleFromUrl() === "Steward") { + setValue("free"); + } + }, []); + + useEffect(() => { + fetchCalendarData(selectedDate1); + }, [selectedDate1]); + + useEffect(() => { + if ( + calendarRawData.governmental.length > 0 || + calendarRawData.free.length > 0 + ) { + const dataToShow = + selectedInventory === "governmental" + ? calendarRawData.governmental + : calendarRawData.free; + updateCalendarData(dataToShow); + setSelectedCalendarDate(null); + setProductionDate(null); + setSelectedDateAmount(null); + } + }, [selectedInventory, calendarRawData]); + + useEffect(() => { + dispatch( + provincePolicyGetUploadImageService({ + role_key: checkPathStartsWith("steward") ? selectedSubUser?.key : "", + }) + ).then((r) => { + if (r.payload?.data) { + setImageUploadLimit(r.payload.data.killHouseAllocation); + } + }); + + if (!editData) { + dispatch( + slaughterGetProductsService({ + role_key: checkPathStartsWith("steward") ? selectedSubUser?.key : "", + }) + ).then((r) => { + setProductData(r.payload.data); + }); + if (!item) { + dispatch( + slaughterGetGuildsForAllocateService({ + free: value === "free" ? true : false, + role_key: checkPathStartsWith("steward") + ? selectedSubUser?.key + : "", + }) + ).then((r) => { + setGuildsData(r.payload.data); + }); + } + } + }, [value, selectedSubUser?.key]); + + const validationSchema = Yup.object({ + mobile: Yup.string().when([], { + is: () => !editData, + then: (schema) => + schema + .required("شماره موبایل الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches( + /^09\d{9}$/, + "شماره موبایل باید با 09 شروع شود و 11 رقم باشد" + ), + otherwise: (schema) => schema.notRequired(), + }), + weight: Yup.number() + .required("این فیلد اجباری است!") + .integer("عدد باید صحیح باشد!") + .min(1, "یک مقدار مثبت وارد کنید!") + .test( + "max-production-date-amount", + `وزن نمی‌تواند بیشتر از موجودی تاریخ تولید (${ + selectedDateAmount?.toLocaleString() || 0 + } کیلوگرم) باشد!`, + function (value) { + if (!selectedDateAmount || selectedDateAmount === null) return true; + return ( + value <= selectedDateAmount + (editData?.realWeightOfCarcasses || 0) + ); + } + ), + price: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + wholePrice: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + ...(killHouseAllocation && { + image: Yup.string().when([], { + is: () => (!editData || imageChanged) && imageUploadLimit > 0, + then: Yup.string().required("عکس الزامی است"), + otherwise: Yup.string().notRequired(), + }), + }), + }); + + const factorPaymentHandler = (imageList) => { + if (imageList[0]) { + formik.setFieldValue("image", fixBase64(imageList[0]?.data_url)); + setImageChanged(true); + } else { + formik.setFieldValue("image", ""); + setImageChanged(true); + } + setProfileImages(imageList); + }; + + const formik = useFormik({ + initialValues: { + mobile: "", + weight: editData?.realWeightOfCarcasses || "", + wholePrice: editData?.totalAmount || "", + price: editData?.amount || "", + image: editData?.image || "", + }, + validationSchema, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + formik.validateForm(); + }, [selectedDateAmount]); + + useEffect(() => { + if (formik.values.weight && formik.values.price) { + formik.setFieldValue( + "wholePrice", + formik.values.price * formik.values.weight + ); + } + }, [formik.values.price, formik.values.weight]); + + const successSubmit = () => { + dispatch( + fetchSlaughterBroadcastAndProducts({ + role_key: checkPathStartsWith("steward") ? selectedSubUser?.key : "", + }) + ); + dispatch( + DRAWER({ + right: false, + bottom: false, + left: false, + content: null, + }) + ); + fetchApiData && fetchApiData(1); + updateTable && updateTable(); + fetchData && fetchData(1); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + }; + + const [dateRangeError, setDateRangeError] = useState(null); + + return ( + + {!editData && ( + ( + + )} + shouldDisableDate={(date) => { + const d = moment(date); + const today = moment(); + const yesterday = moment().subtract(1, "day"); + return !(d.isSame(today, "day") || d.isSame(yesterday, "day")); + }} + value={selectedDate1} + onChange={(e) => { + if (!e) { + setDateRangeError(null); + return; + } + const d = moment(e); + const today = moment(); + const yesterday = moment().subtract(1, "day"); + const isAllowed = + d.isSame(today, "day") || d.isSame(yesterday, "day"); + if (!isAllowed) { + setDateRangeError( + "تنها امکان انتخاب «امروز» یا «دیروز» وجود دارد." + ); + return; + } + setDateRangeError(null); + const formatted = moment(e).format("YYYY-MM-DD"); + setSelectedDate1(formatted); + fetchCalendarData(formatted); + }} + /> + )} + + {!editData && !coldHouseKey && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setProductKey(value.data); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!editData && ( + + + + } + label="اختصاصی" + /> + } label="آزاد" /> + + + + )} + + {!item && !editData && ( + + { + return { + data: i, + label: `${i?.guildsName} ${i?.user?.fullname} (${i?.user?.mobile})`, + }; + }) + : [] + } + onChange={(event, value) => { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: "steward_guild", + buyerType: "Guild", + }); + formik.setFieldValue("mobile", value?.data?.user?.mobile); + formik.setFieldTouched("mobile", true, false); + formik.validateField("mobile"); + const reg = new RegExp(/^09\d{9}$/); + if (!reg.test(value?.data?.user?.mobile)) { + setChangeMobile(true); + } + }} + renderInput={(params) => ( + + )} + /> + + )} + {!item && !editData && ( + + + setChangeMobile(!changeMobile)} + /> + از این قسمت میتوانید تلفن صنف را ویرایش کنید. + + + {buyerData?.key && changeMobile && ( + + )} + + )} + + {!item && !editData && priceInfo?.active !== false && ( + + + + } + label="قیمت دولتی" + /> + } + label="قیمت آزاد" + /> + + + + )} + + {!item && !editData && ( + + + + } + label="دولتی" + /> + } label="آزاد" /> + + + + )} + + + {productionDate && + selectedDate1 && + moment(productionDate).isAfter(moment(selectedDate1), "day") && ( + + تاریخ تولید نمی‌تواند بعد از تاریخ انتخابی باشد + + )} + + selectedDateAmount + } + onChange={(e) => { + const value = e.target.value; + if (value === "" || value === null || value === undefined) { + formik.setFieldValue("weight", ""); + return; + } + const intValue = Math.floor(Number(value)); + if (intValue > 0) { + formik.setFieldValue("weight", intValue); + } else if (intValue === 0) { + formik.setFieldValue("weight", ""); + } + }} + onBlur={formik.handleBlur} + helperText={ + !selectedDateAmount && !productionDate + ? "لطفاً ابتدا تاریخ تولید را انتخاب کنید!" + : formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + disabled={!selectedDateAmount && !productionDate} + sx={{ + "& .MuiFormHelperText-root": { + color: + selectedDateAmount && formik.values.weight > selectedDateAmount + ? "error.main" + : undefined, + }, + }} + /> + + ریال, + }} + value={formik.values.price} + error={formik.touched.price ? Boolean(formik.errors.price) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.price && Boolean(formik.errors.price) + ? formik.errors.price + : null + } + /> + + ریال, + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice ? Boolean(formik.errors.wholePrice) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + {(killHouseAllocation || (editData && editData.image)) && ( + + + {formik.touched.image && Boolean(formik.errors.image) && ( + ثبت تصویر الزامی است + )} + + )} + + + + + + + + + + + ); +}; diff --git a/src/features/guild/components/StewardDailyList.js b/src/features/guild/components/StewardDailyList.js new file mode 100644 index 0000000..d14d97e --- /dev/null +++ b/src/features/guild/components/StewardDailyList.js @@ -0,0 +1,609 @@ +import React, { useContext, useEffect, useRef, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import InfoIcon from "@mui/icons-material/Info"; +import TextField from "@mui/material/TextField"; +import InputAdornment from "@mui/material/InputAdornment"; +import SearchIcon from "@mui/icons-material/Search"; +import axios from "axios"; +import { + Box, + Button, + Card, + CardContent, + IconButton, + Typography, +} from "@mui/material"; + +import moment from "moment"; +import AddIcon from "@mui/icons-material/Add"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../lib/redux/slices/appSlice"; +import { slaughterGetProductsService } from "../../slaughter-house/services/slaughter-inventory-gets"; +import { + slaughterDeleteDailyListService, + slaughterGetPriceService, + submitBatchAllocationsService, +} from "../../slaughter-house/services/slaughter-add-daily-list"; +import { SlaughterAddDailyList } from "../../slaughter-house/components/slaughter-add-daily-list/SlaughterAddDailyList"; +import { Grid } from "../../../components/grid/Grid"; +import { NumberInput } from "../../../components/number-format-custom/NumberFormatCustom"; +import ResponsiveTable from "../../../components/responsive-table/ResponsiveTable"; +import { AppContext } from "../../../contexts/AppContext"; +import { checkPathStartsWith } from "../../../utils/checkPathStartsWith"; + +export const StewardDailyList = () => { + const [productsTable, setProductsTable] = useState(); + const [slaughterProducts, setSlaughterProducts] = useState(); + const [prices, setPrices] = useState([]); + const [rendered, setrendered] = useState(false); + const [weights, setWeights] = useState([]); + const [data, setData] = useState([]); + const [tableData, setTableData] = useState([]); + const [searchTerm, setSearchTerm] = useState(""); + const [filteredData, setFilteredData] = useState([]); + + const [openNotif] = useContext(AppContext); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const priceRefs = useRef([]); + const weightRefs = useRef([]); + + const dispatch = useDispatch(); + + const [priceState, setPriceState] = useState({ + active: false, + killHousePrice: 0, + stewardPrice: 0, + guildPrice: 0, + }); + + const getPriceByRole = () => { + const role = getRoleFromUrl(); + if (role === "KillHouse") return priceState.killHousePrice; + if (role === "Steward") return priceState.stewardPrice; + if (role === "Guilds") return priceState.guildPrice; + return 0; + }; + + useEffect(() => { + priceRefs.current = priceRefs.current.slice(0, data?.length || 0); + weightRefs.current = weightRefs.current.slice(0, data?.length || 0); + }, [data]); + + useEffect(() => { + if (searchTerm) { + const filtered = tableData.filter((item) => + item.some((cell) => + String(cell).toLowerCase().includes(searchTerm.toLowerCase()) + ) + ); + setFilteredData(filtered); + } else { + setFilteredData(tableData); + } + }, [searchTerm, tableData]); + + const handleKeyDown = (e, index, fieldType) => { + if (e.key === "Enter") { + e.preventDefault(); + + if (fieldType === "price") { + const updatedPrices = [...prices]; + updatedPrices[index] = Number(e.target.value.replace(/,/g, "")); + setPrices(updatedPrices); + + if (weightRefs.current[index]) { + weightRefs.current[index].focus(); + } + } else if (fieldType === "weight") { + const updatedWeights = [...weights]; + updatedWeights[index] = Number(e.target.value.replace(/,/g, "")); + setWeights(updatedWeights); + + if (priceState?.active) { + let nextIndex = index + 1; + while (nextIndex < data.length) { + if (weightRefs.current[nextIndex]) { + weightRefs.current[nextIndex].focus(); + break; + } + nextIndex++; + } + + if (nextIndex >= data.length && weightRefs.current[0]) { + weightRefs.current[0]?.focus(); + } + } else { + let nextIndex = index + 1; + while (nextIndex < data.length) { + if (priceRefs.current[nextIndex]) { + priceRefs.current[nextIndex].focus(); + break; + } + nextIndex++; + } + + if (nextIndex >= data.length && priceRefs.current[0]) { + priceRefs.current[0]?.focus(); + } + } + } + } + }; + const fetchPriceStatus = async () => { + dispatch( + slaughterGetPriceService({ + role: getRoleFromUrl(), + role_key: checkPathStartsWith("steward") ? selectedSubUser?.key : "", + }) + ).then((r) => { + setPriceState(r.payload.data); + }); + }; + + const fetchApiData = async () => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `commonly-used/?search=filter&value=&role=${getRoleFromUrl()}${ + checkPathStartsWith("steward") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&page=1&page_size=10000` + ); + setrendered(true); + setData(response.data.results || []); + } catch (e) { + console.error(e); + } finally { + dispatch(LOADING_END()); + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const getPrice = + parseInt(priceState?.active ? getPriceByRole() : prices[i]) * + parseInt(weights[i]); + return [ + i + 1, + item?.guild?.steward ? "مباشر" : "صنف", + `${item?.guild?.guildsName}/${item?.guild?.user?.fullname}/${item?.guild?.user?.city}/${item?.guild?.user?.mobile}`, + item?.exclusive ? "اختصاصی" : "آزاد", + handleKeyDown(e, i, "price")} + inputRef={(el) => (priceRefs.current[i] = el)} + variant="outlined" + style={{ width: 100 }} + />, + + { + handleKeyDown(e, i, "weight"); + }} + inputRef={(el) => (weightRefs.current[i] = el)} + variant="outlined" + style={{ width: 100 }} + />, + isNaN(getPrice) ? "وارد نشده! " : getPrice?.toLocaleString() + " ریال", + + handleDeleteItem(item.key)} /> + , + ]; + }); + + setTableData(d); + setFilteredData(d); + }, [data, prices, weights, priceState]); + + useEffect(() => { + fetchApiData(); + fetchPriceStatus(); + dispatch(slaughterGetProductsService()).then((r) => { + setSlaughterProducts(r.payload.data); + }); + }, [selectedSubUser?.key]); + + useEffect(() => { + const d = slaughterProducts?.map((item) => { + return [item?.name, item?.totalRemainWeight?.toLocaleString()]; + }); + + setProductsTable(d); + }, [slaughterProducts]); + + const handleDeleteItem = (key) => { + dispatch(slaughterDeleteDailyListService(key)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + + fetchApiData(1); + } + }); + }; + + const handleSendAllocate = () => { + const filterdData = data?.map((item, i) => { + const price = priceState?.active ? getPriceByRole() : prices[i]; + let d = { + seller_type: "Steward", + buyer_type: item?.guild?.steward ? "Steward" : "Guild", + guild_key: !item?.guild?.steward ? item?.guild?.key : null, + steward_key: item?.guild?.steward ? item?.guild?.key : null, + product_key: slaughterProducts[0]?.key, + type: "manual", + allocation_type: item?.steward ? "steward_steward" : "steward_guild", + number_of_carcasses: 0, + weight_of_carcasses: weights[i] || null, + sell_type: "free", + amount: price || null, + total_amount: price * weights[i], + approved_price_status: priceState?.active, + date: moment(new Date()).format("YYYY-MM-DD"), + }; + d = Object.fromEntries( + Object.entries(d).filter(([_, value]) => value !== null) + ); + return d; + }); + + const finalData = filterdData.filter( + (option) => + option.total_amount > 1 && option?.amount && option?.weight_of_carcasses + ); + + dispatch(submitBatchAllocationsService(finalData)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + setPrices([]); + setWeights([]); + fetchApiData(1); + fetchPriceStatus(); + dispatch(slaughterGetProductsService()).then((r) => { + setSlaughterProducts(r.payload.data); + }); + } + }); + }; + + return ( + + + + + + + + + + + + + + + + مجموع وزن وارد شده + + + {weights?.length + ? weights.reduce((a, b) => a + b, 0).toLocaleString() + : "۰"} + + + + + وزن باقیمانده + a + b, 0) > + slaughterProducts[0]?.totalRemainWeight + ? "error" + : "text.secondary" + : "text.secondary" + } + > + {slaughterProducts?.[0]?.totalRemainWeight !== undefined + ? weights?.length + ? ( + slaughterProducts[0]?.totalRemainWeight - + weights.reduce((a, b) => a + b, 0) + ).toLocaleString() + : slaughterProducts[0]?.totalRemainWeight.toLocaleString() + : "۰"} + + + + + + + + + + + + + + + + پس از وارد کردن هر مقدار، کلید Enter را فشار دهید! + + + + + + + صرفا تخصیصاتی که هر دو مقدار قیمت و وزن آنها را وارد کنید ثبت خواهند + شد. + + + + + setSearchTerm(e.target.value)} + InputProps={{ + startAdornment: ( + + + + ), + }} + sx={{ mb: 2 }} + /> + + + {filteredData?.length ? ( + + {filteredData?.map((item, i) => ( + + + {item[0]} + + + + + ماهیت: + + + {item[1]} + + + + + + خریدار: + + + {item[2]} + + + + + + نوع فروش: + + + {item[3]} + + + + + + قیمت هرکیلو: + + + {item[4]} + + + + + + وزن لاشه: + + + {item[5]} + + + + + + قیمت کل: + + + {item[6]} + + + + {item[7]} + + + + {!priceState?.active && + (!prices[i] || !weights[i]) && + (prices[i] || weights[i]) && ( + + لطفا همه موارد را وارد کنید و کلید Enter را بزنید + + )} + + + ))} + + ) : ( + + {!rendered + ? searchTerm + ? "نتیجه‌ای یافت نشد" + : "در حال بارگزاری..." + : "موردی یافت نشد!"} + + )} + + ); +}; diff --git a/src/features/guild/components/StewardDispenserSaleOutDashboard.js b/src/features/guild/components/StewardDispenserSaleOutDashboard.js new file mode 100644 index 0000000..03fe756 --- /dev/null +++ b/src/features/guild/components/StewardDispenserSaleOutDashboard.js @@ -0,0 +1,21 @@ +import { Grid } from "../../../components/grid/Grid"; +import ResponsiveTable from "../../../components/responsive-table/ResponsiveTable"; + +export const StewardDispenserSaleOutDashboard = ({ dashboardData }) => { + return ( + + + + ); +}; diff --git a/src/features/guild/components/StewardNorEnterdBarChangeState.js b/src/features/guild/components/StewardNorEnterdBarChangeState.js new file mode 100644 index 0000000..e9055d3 --- /dev/null +++ b/src/features/guild/components/StewardNorEnterdBarChangeState.js @@ -0,0 +1,230 @@ +import React, { useContext } from "react"; +import { + Grid, + TextField, + Button, + RadioGroup, + FormControlLabel, + Radio, + FormControl, +} from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { useDispatch } from "react-redux"; +import { guildAllocatedStockOperationService } from "../services/guild-allocated-stock-operation"; +import { AppContext } from "../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../lib/redux/slices/appSlice"; + +export const StewardNorEnterdBarChangeState = ({ + item, + handleUpdate, + updateTable, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + decision: "approve", + weight: item?.realWeightOfCarcasses, + volume: item?.realNumberOfCarcasses, + weightLoss: item?.weightLossOfCarcasses, + regCode: "", + regState: "with_code", + }, + validationSchema: Yup.object({ + decision: Yup.string().required("انتخاب گزینه الزامی است"), + regState: Yup.string(), + weight: Yup.string().when("decision", { + is: "approve", + then: Yup.string().required("وزن الزامی است"), + }), + volume: Yup.string().when("decision", { + is: "approve", + then: Yup.string().required("حجم الزامی است"), + }), + weightLoss: Yup.string().when("decision", { + is: "approve", + then: Yup.string().required("افت وزن الزامی است"), + }), + regCode: Yup.string() + .matches(/^\d{5}$/, "کد باید یک عدد پنج رقمی باشد") + .typeError("یک عدد پنج رقمی وارد کنید!") + .when(["regState", "decision"], { + is: (regState, decision) => + regState === "with_code" && decision === "approve", + then: Yup.string().required("کد احراز الزامی است"), + }), + }), + onSubmit: (values) => { + const baseRequest = { + check_allocation: true, + allocation_key: item?.key, + }; + + const req = + values.decision === "reject" + ? { ...baseRequest, state: "rejected" } + : { + ...baseRequest, + state: "accepted", + ...(values.regState === "with_code" && { + registration_code: parseInt(values.regCode), + }), + receiver_real_number_of_carcasses: parseInt(values.volume), + receiver_real_weight_of_carcasses: parseInt(values.weight), + weight_loss_of_carcasses: parseInt(values.weightLoss), + }; + + dispatch(guildAllocatedStockOperationService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + handleUpdate(); + updateTable && updateTable(); + } + }); + }, + }); + + const handleDecisionChange = (event) => { + formik.setFieldValue("decision", event.target.value); + }; + + return ( + + + + + } + label="تایید" + /> + } label="رد" /> + + + {formik.touched.decision && formik.errors.decision && ( +

+ {formik.errors.decision} +

+ )} + + + {formik.values.decision === "approve" && ( + <> + + + + + + + + + + + + { + formik.setFieldValue("regState", e.target.value); + }} + > + } + label="با کد احراز" + /> + } + label="بدون کد احراز" + /> + + + {formik.touched.regState && formik.errors.regState && ( +

+ {formik.errors.regState} +

+ )} + + {formik.values.regState === "with_code" && ( + + + + )} + + )} + + + + + + ); +}; diff --git a/src/features/guild/components/StewardSaleDispenserWithinDashboard.js b/src/features/guild/components/StewardSaleDispenserWithinDashboard.js new file mode 100644 index 0000000..b519e1d --- /dev/null +++ b/src/features/guild/components/StewardSaleDispenserWithinDashboard.js @@ -0,0 +1,27 @@ +import { Grid } from "../../../components/grid/Grid"; +import ResponsiveTable from "../../../components/responsive-table/ResponsiveTable"; + +export const StewardSaleDispenserWithinDashboard = ({ dashboardData }) => { + return ( + + + + ); +}; diff --git a/src/features/guild/components/StewardSegmant.js b/src/features/guild/components/StewardSegmant.js new file mode 100644 index 0000000..af8e597 --- /dev/null +++ b/src/features/guild/components/StewardSegmant.js @@ -0,0 +1,316 @@ +import { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../contexts/AppContext"; +import { useDispatch, useSelector } from "react-redux"; +import ResponsiveTable from "../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../components/grid/Grid"; +import moment from "moment"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { RiSearchLine } from "react-icons/ri"; +import { SPACING } from "../../../data/spacing"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { StewardSegmentSubmitOperation } from "./StewardSegmentSubmitOperation"; +import { stewardGetOutSellService } from "../services/steward-get-sell-out-service"; +import { formatJustDate, formatTime } from "../../../utils/formatTime"; +import { StewardSegmentOperation } from "./StewardSegmentOperation"; +import { stawardGetSegmentDashboardService } from "../services/steward-get-dashboard-service"; +import { checkPathStartsWith } from "../../../utils/checkPathStartsWith"; + +export const StewardSegmant = () => { + const [data, setData] = useState([]); + const [products, setProducts] = useState([]); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [dashboardData, setDashboardData] = useState([]); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + // const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const getDashboardData = () => { + dispatch( + stawardGetSegmentDashboardService({ + value: textValue, + date1: selectedDate1, + date2: selectedDate2, + role_key: checkPathStartsWith("steward") ? selectedSubUser?.key : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `app-segmentation/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}${ + checkPathStartsWith("steward") + ? `&role_key=${selectedSubUser?.key}` + : "" + }` + ); + + getDashboardData(); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + const updateTable = () => { + fetchApiData(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + fetchApiData(1); + dispatch( + stewardGetOutSellService({ + role_key: checkPathStartsWith("steward") ? selectedSubUser?.key : "", + }) + ).then((r) => { + setProducts(r.payload.data); + }); + }, [selectedSubUser?.key]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.toGuild ? "قطعه بند" : "مباشر", + `${item?.buyer?.fullname}(${item?.buyer?.mobile})`, + item?.toGuild + ? `${item?.toGuild?.user?.fullname}(${item?.toGuild?.user?.mobile})` + : "-", + item?.date ? formatTime(item?.date) : "-", + item?.productionDate ? formatJustDate(item?.productionDate) : "-", + item?.distributionType === "web" + ? "سایت" + : item?.distributionType === "app" + ? "موبایل" + : item?.distributionType === "pos" + ? "پوز" + : item?.distributionType || "-", + item?.weight, + item?.quota === "governmental" + ? "دولتی" + : item?.quota === "free" + ? "آزاد" + : "-", + item?.saleType === "governmental" + ? "دولتی" + : item?.saleType === "free" + ? "آزاد" + : "-", + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + try { + const response = await axios.get( + `app-segmentation/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&role=${getRoleFromUrl()}${ + checkPathStartsWith("steward") + ? `&role_key=${selectedSubUser?.key}` + : "" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + getDashboardData(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + +

+ + + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => + setSelectedDate1(moment(e).format("YYYY-MM-DD")) + } + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => + setSelectedDate2(moment(e).format("YYYY-MM-DD")) + } + /> + + {/* + + */} + +

+ + + + + ); +}; diff --git a/src/features/guild/components/StewardSegmentOperation.js b/src/features/guild/components/StewardSegmentOperation.js new file mode 100644 index 0000000..57d12d8 --- /dev/null +++ b/src/features/guild/components/StewardSegmentOperation.js @@ -0,0 +1,108 @@ +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { stewardDeleteSegmentService } from "../services/steward-segment-delete-operation"; +import { + IconButton, + Popover, + List, + ListItem, + ListItemButton, + ListItemIcon, + Typography, +} from "@mui/material"; +import { DRAWER } from "../../../lib/redux/slices/appSlice"; +import { StewardSegmentSubmitOperation } from "./StewardSegmentSubmitOperation"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditOutlinedIcon from "@mui/icons-material/EditOutlined"; +import DeleteOutlineOutlinedIcon from "@mui/icons-material/DeleteOutlineOutlined"; + +export const StewardSegmentOperation = ({ item, updateTable, productKey }) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const handleDelete = () => { + handleClose(); + dispatch(stewardDeleteSegmentService(item.key)).then(() => { + updateTable(); + }); + }; + + return ( +

+ + + + + + + { + handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ویرایش قطعه بندی", + content: ( + + ), + }) + ); + }} + > + + + + ویرایش + + + + + + + + + حذف + + + + + +

+ ); +}; diff --git a/src/features/guild/components/StewardSegmentSubmitOperation.js b/src/features/guild/components/StewardSegmentSubmitOperation.js new file mode 100644 index 0000000..6348ab5 --- /dev/null +++ b/src/features/guild/components/StewardSegmentSubmitOperation.js @@ -0,0 +1,654 @@ +import { + Autocomplete, + Button, + FormControl, + FormControlLabel, + InputAdornment, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { SPACING } from "../../../data/spacing"; +import { Grid } from "../../../components/grid/Grid"; +import { DRAWER } from "../../../lib/redux/slices/appSlice"; +import { stewardSegmentSubmitService } from "../services/steward-segment-submit-service"; +import { useDispatch, useSelector } from "react-redux"; +import { useContext, useEffect, useState, useCallback } from "react"; +import { AppContext } from "../../../contexts/AppContext"; +import { useFormik } from "formik"; +import { Yup } from "../../../lib/yup/yup"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { stewardEditSegmentService } from "../services/steward-segment-edit-operation"; +import MonthlyDataCalendar from "../../../components/date-picker/MonthlyDataCalendar"; +import PersianDate from "persian-date"; +import axios from "axios"; +import { LabelField } from "../../../components/label-field/LabelField"; +import { checkPathStartsWith } from "../../../utils/checkPathStartsWith"; +import { + slaughterGetGuildsForAllocateService, + slaughterGetStewardsForAllocateService, +} from "../../slaughter-house/services/slaughter-get-guilds-for-allocate"; +import { Typography } from "@mui/material"; + +const getValidationSchema = (selectedDateAmount) => + Yup.object().shape({ + weight: Yup.number() + .required("وزن لاشه الزامی است") + .min(0.01, "وزن باید بیشتر از 0 باشد") + .test( + "max-production-date-amount", + `وزن نمی‌تواند بیشتر از موجودی تاریخ تولید (${ + selectedDateAmount?.toLocaleString() || 0 + } کیلوگرم) باشد!`, + function (value) { + if (!selectedDateAmount || selectedDateAmount === null) return true; + return value <= selectedDateAmount; + } + ), + product_key: Yup.string().when("segmentType", { + is: "own", + then: Yup.string().required("انتخاب کلید الزامی است"), + }), + }); + +export const StewardSegmentSubmitOperation = ({ + updateTable, + productKey, + editData, + item, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [segmentType, setSegmentType] = useState("own"); + const [selectedInventory] = useState("free"); + const [approvedStatus, setApprovedStatus] = useState("governmental"); + const [buyerCategory, setBuyerCategory] = useState(""); // "stewards" or "guilds" + const [guildsData, setGuildsData] = useState([]); + const [stewardsData, setStewardsData] = useState([]); + const [buyerData, setBuyerData] = useState({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const [selectedCalendarDate, setSelectedCalendarDate] = useState(null); + const [calendarDayData, setCalendarDayData] = useState({}); + const [productionDate, setProductionDate] = useState(null); + const [selectedDateAmount, setSelectedDateAmount] = useState(null); + const [calendarRawData, setCalendarRawData] = useState({ + governmental: [], + free: [], + }); + + const formik = useFormik({ + initialValues: { + product_key: productKey || editData?.productkey || "", + weight: editData?.weight || "", + segmentType: editData ? (editData?.guildkey ? "free" : "own") : "own", + }, + validationSchema: getValidationSchema(selectedDateAmount), + onSubmit: (values) => { + if (editData) { + const req = { + weight: values.weight, + key: item?.key, + }; + + dispatch(stewardEditSegmentService(req)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } else { + let req; + + if (segmentType === "own") { + req = { + product_key: values?.product_key, + weight: values.weight, + sale_type: selectedInventory, + quota: approvedStatus, + production_date: productionDate, + distribution_type: "web", + }; + } else { + if (!buyerData?.key) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا مباشر یا صنف را انتخاب کنید", + severity: "error", + }); + return; + } + + req = { + guild_key: buyerData?.buyerType === "Guild" ? buyerData?.key : null, + steward_key: + buyerData?.buyerType === "Steward" ? buyerData?.key : null, + weight: values.weight, + product_key: productKey || "", + sale_type: selectedInventory, + quota: approvedStatus, + production_date: productionDate, + distribution_type: "web", + }; + req = Object.fromEntries( + Object.entries(req).filter(([, val]) => val !== null) + ); + } + + dispatch(stewardSegmentSubmitService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }, + }); + + const handleSegmentTypeChange = (event) => { + const newType = event.target.value; + setSegmentType(newType); + formik.setFieldValue("segmentType", newType); + }; + + // const handleSellType = (event) => { + // const newType = event.target.value; + // setSelectedInventory(newType); + // }; + + const handleApprovedPrice = (event) => { + const newType = event.target.value; + setApprovedStatus(newType); + }; + + const handleBuyerCategoryChange = (event) => { + const newCategory = event.target.value; + setBuyerCategory(newCategory); + setBuyerData({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + setGuildsData([]); + setStewardsData([]); + }; + + // Calendar functions + const handleDateSelect = (dateInfo) => { + if (dateInfo && dateInfo.formattedDate) { + setSelectedCalendarDate(dateInfo.formattedDate); + + // Get the data for the selected date + const data = calendarDayData[dateInfo.formattedDate]; + + if (data && data.originalDay) { + setProductionDate(data.originalDay); + } + + // Get the amount for the selected date + if (data && data.value1 !== undefined) { + setSelectedDateAmount(data.value1); + } else { + setSelectedDateAmount(null); + } + } + }; + + const transformCalendarData = useCallback((dataArray) => { + if (!Array.isArray(dataArray)) return {}; + + const transformedData = {}; + dataArray.forEach((item) => { + if (item.day && item.amount !== undefined) { + const persianDate = new PersianDate(new Date(item.day)); + const persianDateStr = persianDate.format("YYYY/MM/DD"); + transformedData[persianDateStr] = { + value1: item.amount, + originalDay: item.day, + active: item.active === true, + }; + } + }); + return transformedData; + }, []); + + const updateCalendarData = useCallback( + (dataArray) => { + const transformed = transformCalendarData(dataArray); + setCalendarDayData(transformed); + }, + [transformCalendarData] + ); + + // Fetch calendar data from API + const fetchCalendarData = useCallback(async () => { + try { + const currentRole = getRoleFromUrl(); + console.log(getRoleFromUrl()); + let remainWeightEndpoint = "kill-house-remain-weight"; + if (currentRole === "Steward") { + remainWeightEndpoint = "steward-remain-weight"; + } else if (currentRole === "Guilds") { + remainWeightEndpoint = "guild-remain-weight"; + } + + const response = await axios.get(`${remainWeightEndpoint}/`, { + params: { + role_key: + checkPathStartsWith("slaughter") || + checkPathStartsWith("steward") || + checkPathStartsWith("senf") + ? selectedSubUser?.key || "" + : "", + }, + }); + if (response.data) { + setCalendarRawData({ + governmental: response.data.governmental || [], + free: response.data.free || [], + }); + const dataToShow = + approvedStatus === "governmental" + ? response.data.governmental + : response.data.free; + updateCalendarData(dataToShow); + } + } catch (error) { + console.error("Error fetching calendar data:", error); + } + }, [approvedStatus, updateCalendarData, selectedSubUser]); + + useEffect(() => { + fetchCalendarData(); + }, []); + + useEffect(() => { + if (!editData && buyerCategory) { + if (buyerCategory === "guilds") { + dispatch( + slaughterGetGuildsForAllocateService({ + free: true, + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setGuildsData(r.payload.data || []); + }); + } else if (buyerCategory === "stewards") { + dispatch( + slaughterGetStewardsForAllocateService({ + free: true, + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setStewardsData(r.payload.data || []); + }); + } + } + }, [buyerCategory, selectedSubUser?.key, editData]); + + useEffect(() => { + if ( + calendarRawData.governmental.length > 0 || + calendarRawData.free.length > 0 + ) { + const dataToShow = + approvedStatus === "governmental" + ? calendarRawData.governmental + : calendarRawData.free; + updateCalendarData(dataToShow); + setSelectedCalendarDate(null); + setProductionDate(null); + setSelectedDateAmount(null); + } + }, [approvedStatus, calendarRawData, updateCalendarData]); + + useEffect(() => { + formik.validateForm(); + }, [selectedDateAmount]); + + // Set segmentType to "own" for Guilds role + useEffect(() => { + const currentRole = getRoleFromUrl(); + if (currentRole === "Guilds" && !editData) { + setSegmentType("own"); + formik.setFieldValue("segmentType", "own"); + } + }, [editData]); + + return ( + + +

+ {!editData && getRoleFromUrl() !== "Guilds" && ( + + + + } + label="قطعه بندی (کاربر)" + /> + } + label="تخصیص به قطعه بند" + /> + + + + )} + + {!editData && segmentType === "free" && ( + <> + + + + } + label="مباشرین" + /> + } + label="اصناف" + /> + + + + + {buyerCategory && ( + + {(() => { + const currentData = + buyerCategory === "guilds" ? guildsData : stewardsData; + const isEmpty = !currentData || currentData.length === 0; + + if (isEmpty) { + return ( + + {buyerCategory === "guilds" + ? "هیچ صنفی یافت نشد" + : "هیچ مباشری یافت نشد"} + + ); + } + + return ( + { + return { + data: i, + label: `${i?.guildsName} ${i?.user?.fullname} (${i?.user?.mobile})`, + }; + }) + : stewardsData.map((i) => { + return { + data: i, + label: `${i?.name || ""} - ${ + i?.user?.fullname || "" + } (${i?.user?.mobile || ""})`, + }; + }) + } + onChange={(event, value) => { + if (buyerCategory === "guilds") { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: value?.data?.steward + ? "steward_steward" + : "steward_guild", + buyerType: value?.data?.steward + ? "Steward" + : "Guild", + }); + } else if (buyerCategory === "stewards") { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: "steward_steward", + buyerType: "Steward", + }); + } + }} + renderInput={(params) => ( + + )} + /> + ); + })()} + + )} + + )} + + {/* {!editData && ( + + + + } + label="قیمت دولتی" + /> + } + label="قیمت آزاد" + /> + + + + )} */} + {!editData && ( + + + + } + label="دولتی" + /> + } + label="آزاد" + /> + + + + )} + {!editData && ( + + + + )} + + کیلوگرم + ), + }} + value={formik.values.weight} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + error={ + (formik.touched.weight && Boolean(formik.errors.weight)) || + (selectedDateAmount && formik.values.weight > selectedDateAmount) + } + helperText={ + selectedDateAmount && formik.values.weight > selectedDateAmount + ? `وزن نمی‌تواند بیشتر از موجودی تاریخ تولید (${selectedDateAmount?.toLocaleString()} کیلوگرم) باشد!` + : formik.touched.weight && formik.errors.weight + } + fullWidth + /> + + + + + + + + + + +

+ + ); +}; diff --git a/src/features/guild/components/guild-psp-devices/AddAccessLevelModal.js b/src/features/guild/components/guild-psp-devices/AddAccessLevelModal.js new file mode 100644 index 0000000..f3db663 --- /dev/null +++ b/src/features/guild/components/guild-psp-devices/AddAccessLevelModal.js @@ -0,0 +1,141 @@ +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + Button, + FormControl, + Grid, + InputLabel, + MenuItem, + Select, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SPACING } from "../../../../data/spacing"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; + +export const AddAccessLevelModal = ({ device, onSuccess }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [selectedAccessLevel, setSelectedAccessLevel] = useState(""); + const [submitting, setSubmitting] = useState(false); + + const accessLevelOptions = ["Steward", "KillHouse", "Guilds"]; + + const handleCloseModal = () => { + dispatch(CLOSE_MODAL()); + }; + + const handleSubmit = async () => { + if (!selectedAccessLevel) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "لطفاً یک سطح دسترسی را انتخاب کنید.", + }); + return; + } + + if (!device?.key && !device?.id) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "شناسه دستگاه یافت نشد. لطفاً دوباره تلاش کنید.", + }); + return; + } + + setSubmitting(true); + try { + const payload = { + pos_key: device?.key || device?.id, + name: selectedAccessLevel, + }; + + await axios.post("/pos-access-level/", payload); + + openNotif({ + vertical: "top", + horizontal: "center", + severity: "success", + msg: "سطح دسترسی با موفقیت افزوده شد.", + }); + + if (onSuccess) { + onSuccess(); + } + handleCloseModal(); + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: + error?.response?.data?.result || + error?.response?.data?.detail || + "افزودن سطح دسترسی با خطا مواجه شد.", + }); + } finally { + setSubmitting(false); + } + }; + + return ( + + + دستگاه انتخاب شده:{" "} + {device?.serial || + device?.pos_unique_id || + device?.pos_id || + device?.posId || + "-"} + + + سطح دسترسی + + + + + + + + ); +}; diff --git a/src/features/guild/components/guild-psp-devices/AssignSubUserModal.js b/src/features/guild/components/guild-psp-devices/AssignSubUserModal.js new file mode 100644 index 0000000..7446ef9 --- /dev/null +++ b/src/features/guild/components/guild-psp-devices/AssignSubUserModal.js @@ -0,0 +1,354 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { + Autocomplete, + Button, + CircularProgress, + FormControl, + FormControlLabel, + Grid, + MenuItem, + Radio, + RadioGroup, + Select, + TextField, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { LabelField } from "../../../../components/label-field/LabelField"; +import { SPACING } from "../../../../data/spacing"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const AssignSubUserModal = ({ device, onSuccess }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [options, setOptions] = useState([]); + const [selectedUser, setSelectedUser] = useState(null); + const [selectedAccessLevel, setSelectedAccessLevel] = useState(""); + const [loading, setLoading] = useState(false); + const [submitting, setSubmitting] = useState(false); + const [fetchError, setFetchError] = useState(""); + const [userType, setUserType] = useState("delegate"); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + useEffect(() => { + let isMounted = true; + + const fetchUsers = async () => { + setLoading(true); + setFetchError(""); + setSelectedUser(null); + setSelectedAccessLevel(""); + try { + let response; + const role = getRoleFromUrl(); + + if (userType === "delegate") { + response = await axios.get( + `/get_representatives/?role=${role}${ + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? `&role_key=${selectedSubUser?.key}` + : "" + }` + ); + } else { + response = await axios.get( + `/get_dispensers/?role=${role}${ + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? `&role_key=${selectedSubUser?.key}` + : "" + }` + ); + } + + if (isMounted) { + const rawOptions = Array.isArray(response?.data?.results) + ? response?.data?.results + : Array.isArray(response?.data) + ? response?.data + : Array.isArray(response?.data?.data) + ? response?.data?.data + : Array.isArray(response) + ? response + : []; + + // Normalize the data - both delegates and dispensers have the same structure + const normalizedOptions = rawOptions.map((item) => { + const fullname = item?.fullname || "-"; + const mobile = item?.mobile || ""; + const mobileLabel = mobile ? ` (${mobile})` : ""; + const label = `${fullname}${mobileLabel}`; + + return { + ...item, + label: label || "-", + }; + }); + + setOptions(normalizedOptions); + } + } catch (error) { + if (isMounted) { + setFetchError("دریافت لیست کاربران با خطا مواجه شد."); + console.error("Error fetching users:", error); + } + } finally { + if (isMounted) { + setLoading(false); + } + } + }; + + fetchUsers(); + + return () => { + isMounted = false; + }; + }, [userType, selectedSubUser?.key]); + + const handleCloseModal = () => { + dispatch(CLOSE_MODAL()); + }; + + const getSubAccessLevels = (user) => { + if (!user) return []; + + const subAccessLevels = []; + + // Common excluded boolean fields that are not access levels + const excludedFields = [ + "active", + "trash", + "deleted", + "isActive", + "isDeleted", + ]; + + // Get all boolean fields that represent sub access levels + // These are fields in the object that are boolean and indicate sub access levels + Object.keys(user).forEach((key) => { + if (typeof user[key] === "boolean" && user[key] === true) { + // Exclude common boolean fields that aren't access levels + if (!excludedFields.includes(key.toLowerCase())) { + // Use getFaUserRole to get the Persian translation + const translatedLabel = getFaUserRole(key); + subAccessLevels.push({ + key: key, + label: translatedLabel || key, + }); + } + } + }); + + return subAccessLevels; + }; + + const handleSubmit = async () => { + if (!selectedUser) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "لطفاً یک کاربر را انتخاب کنید.", + }); + return; + } + + if (!device?.key && !device?.id) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "شناسه دستگاه یافت نشد. لطفاً دوباره تلاش کنید.", + }); + return; + } + + setSubmitting(true); + try { + const payload = { + key: device?.key || device?.id, + recipient_type: + userType === "delegate" ? "representative" : "dispenser", + recipient_key: selectedUser?.key || selectedUser?.id, + }; + + await axios.put("/user-pos-machine/0/", payload); + + openNotif({ + vertical: "top", + horizontal: "center", + severity: "success", + msg: "دستگاه با موفقیت به کاربر فرعی اختصاص داده شد.", + }); + + if (onSuccess) { + onSuccess(); + } + handleCloseModal(); + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: + error?.response?.data?.result || + error?.response?.data?.detail || + "اختصاص دستگاه با خطا مواجه شد.", + }); + } finally { + setSubmitting(false); + } + }; + + const selectedUserSubAccessLevels = selectedUser + ? getSubAccessLevels(selectedUser) + : []; + + return ( + + + دستگاه انتخاب شده:{" "} + {device?.serial || + device?.pos_unique_id || + device?.pos_id || + device?.posId || + "-"} + + + + setUserType(e.target.value)} + > + } + label="نماینده‌ها" + /> + } + label="پخش‌کنندگان" + /> + + + + {loading ? ( + + + + ) : ( + { + setSelectedUser(value); + setSelectedAccessLevel(""); + }} + isOptionEqualToValue={(option, value) => + option?.key === value?.key || option?.id === value?.id + } + getOptionLabel={(option) => option?.label || ""} + renderOption={(props, option) => { + if (!option) return null; + return ( +

+ + + {option?.label || "-"} + + {option?.city && ( + + {option.city} + + )} + +

+ ); + }} + renderInput={(params) => ( + + {loading ? ( + + ) : null} + {params.InputProps.endAdornment} + + ), + }} + /> + )} + /> + )} + {fetchError && ( + + {fetchError} + + )} + {selectedUser && selectedUserSubAccessLevels.length > 0 && ( + + + + )} + + + + + + ); +}; diff --git a/src/features/guild/components/guild-psp-devices/DeviceOperations.js b/src/features/guild/components/guild-psp-devices/DeviceOperations.js new file mode 100644 index 0000000..cb4ac01 --- /dev/null +++ b/src/features/guild/components/guild-psp-devices/DeviceOperations.js @@ -0,0 +1,266 @@ +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + Box, + Grid, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Typography, + Button, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import PersonAddAlt1RoundedIcon from "@mui/icons-material/PersonAddAlt1Rounded"; +import AddIcon from "@mui/icons-material/Add"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_START, + LOADING_END, + CLOSE_MODAL, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { AssignSubUserModal } from "./AssignSubUserModal"; +import { AddAccessLevelModal } from "./AddAccessLevelModal"; +import { EditSubSectionsModal } from "./EditSubSectionsModal"; + +export const DeviceOperations = ({ + device, + onSubUserAssigned, + fetchApiData, + page, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleAssignSubUser = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "اختصاص دستگاه به کاربر فرعی", + width: "auto", + content: ( + + ), + }) + ); + }; + + const handleAddAccessLevel = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "افزودن سطح دسترسی", + width: "auto", + content: ( + + ), + }) + ); + }; + + const handleEditSubSections = (accessLevel) => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ویرایش زیربخش‌های سطح دسترسی", + width: "auto", + content: ( + fetchApiData(page)} + /> + ), + }) + ); + }; + + const handleDeleteAccessLevel = (accessLevel) => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "حذف سطح دسترسی", + size: 320, + content: ( + + + + آیا از حذف سطح دسترسی{" "} + {getFaUserRole(accessLevel?.name) || accessLevel?.name} مطمئن + هستید؟ + + + + + + + + + + ), + }) + ); + }; + + const open = Boolean(anchorEl); + const id = open ? "device-operations-popover" : undefined; + + const accessLevels = Array.isArray(device?.accessLevels) + ? device.accessLevels.filter((level) => !level?.trash) + : []; + + return ( + <> + + + + + + + + + + + + + + + + + + {accessLevels.length > 0 && ( + <> + + + مدیریت سطح دسترسی: + + + {accessLevels.map((level, idx) => ( + + + + {getFaUserRole(level?.name) || level?.name || "-"} + + + handleEditSubSections(level)} + > + + + handleDeleteAccessLevel(level)} + > + + + + + + ))} + + )} + + + + ); +}; diff --git a/src/features/guild/components/guild-psp-devices/EditSubSectionsModal.js b/src/features/guild/components/guild-psp-devices/EditSubSectionsModal.js new file mode 100644 index 0000000..3cc4cd1 --- /dev/null +++ b/src/features/guild/components/guild-psp-devices/EditSubSectionsModal.js @@ -0,0 +1,202 @@ +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + Button, + Checkbox, + FormControlLabel, + Grid, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { LabelField } from "../../../../components/label-field/LabelField"; +import { SPACING } from "../../../../data/spacing"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; + +export const EditSubSectionsModal = ({ accessLevel, device, onSuccess }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [submitting, setSubmitting] = useState(false); + const [values, setValues] = useState({ + in_province_sale: accessLevel?.in_province_sale || false, + out_province_sale: accessLevel?.out_province_sale || false, + cutting: accessLevel?.cutting || false, + freezing: accessLevel?.freezing || false, + warehouse: accessLevel?.warehouse || false, + retail: accessLevel?.retail || false, + }); + + const handleCloseModal = () => { + dispatch(CLOSE_MODAL()); + }; + + const handleChange = (field) => (event) => { + setValues((prev) => ({ + ...prev, + [field]: event.target.checked, + })); + }; + + const handleSubmit = async () => { + if (!accessLevel?.key) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "شناسه سطح دسترسی یافت نشد. لطفاً دوباره تلاش کنید.", + }); + return; + } + + setSubmitting(true); + try { + const payload = { + key: accessLevel.key, + in_province_sale: values.in_province_sale, + out_province_sale: values.out_province_sale, + cutting: values.cutting, + freezing: values.freezing, + warehouse: values.warehouse, + retail: values.retail, + }; + + await axios.put("/pos-access-level/0/", payload); + + openNotif({ + vertical: "top", + horizontal: "center", + severity: "success", + msg: "زیربخش‌های سطح دسترسی با موفقیت ویرایش شد.", + }); + + if (onSuccess) { + onSuccess(); + } + handleCloseModal(); + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: + error?.response?.data?.result || + error?.response?.data?.detail || + "ویرایش زیربخش‌ها با خطا مواجه شد.", + }); + } finally { + setSubmitting(false); + } + }; + + return ( + + + سطح دسترسی:{" "} + {getFaUserRole(accessLevel?.name) || accessLevel?.name || "-"} + + + دستگاه:{" "} + {device?.serial || + device?.pos_unique_id || + device?.pos_id || + device?.posId || + "-"} + + + + + + } + label="فروش داخل استان" + /> + + + + } + label="فروش خارج استان" + /> + + + + } + label="قطعه بندی" + /> + + + + } + label="انجماد" + /> + + + + } + label="انبار" + /> + + + + } + label="خرده‌فروشی" + /> + + + + + + + + + ); +}; diff --git a/src/features/guild/components/guild-psp-devices/GuildPspDevices.js b/src/features/guild/components/guild-psp-devices/GuildPspDevices.js new file mode 100644 index 0000000..d639e0b --- /dev/null +++ b/src/features/guild/components/guild-psp-devices/GuildPspDevices.js @@ -0,0 +1,284 @@ +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { BackButton } from "../../../../components/back-button/BackButton"; +import { Autocomplete, Button, TextField, Box, Chip } from "@mui/material"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { DeviceOperations } from "./DeviceOperations"; +import { Lock } from "@mui/icons-material"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +const GuildPspDevices = () => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [brands, setBrands] = useState([]); + const [selectedBrand, setSelectedBrand] = useState(""); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const dispatch = useDispatch(); + + const fetchBrands = async () => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + `/get_all_pos_company/?role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? `&role_key=${selectedSubUser?.key}` + : "" + }` + ); + setBrands(response.data); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching brands:", error); + dispatch(LOADING_END()); + } + }; + + const canDoAction = (item) => { + if (item?.owner?.role?.includes("KillHouse")) { + return getRoleFromUrl() === "KillHouse"; + } + if (item?.owner?.includes("Steward")) { + return getRoleFromUrl() === "Steward"; + } + return false; + }; + + const fetchApiData = async (page) => { + try { + dispatch(LOADING_START()); + let url = `/user-pos-machine/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&page=${page}&page_size=${perPage}`; + if (selectedBrand) { + url += `&company=${selectedBrand}`; + } + const response = await axios.get(url); + + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + } catch (error) { + console.error("Error fetching devices:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const owner = item?.owner || {}; + const posCompany = item?.posCompany || {}; + + // Format recipient information + const recipientDisplay = item?.recipient + ? `${item?.recipient?.firstName || ""} ${ + item?.recipient?.lastName || "" + }`.trim() + + (item?.recipient?.mobile + ? ` (${item?.recipient?.mobile} - ${ + item?.recipient?.agentType === "dispenser" + ? "توزیع کننده" + : "نماینده" + })` + : "") + : "-"; + + // Format access_levels to display as chips only (filter out trash items) + const activeAccessLevels = Array.isArray(item?.accessLevels) + ? item.accessLevels.filter((level) => !level?.trash) + : []; + const accessLevelsDisplay = + activeAccessLevels.length > 0 ? ( + + {activeAccessLevels.map((level, idx) => ( + + ))} + + ) : ( + "-" + ); + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + posCompany?.name || "-", + item?.serial ?? "-", + item?.receiverNumber ?? "-", + item?.terminalNumber ?? "-", + item?.password ?? "-", + item?.posUniqueId || item?.posId || "-", + owner?.fullname ? `${owner?.fullname} (${owner?.mobile ?? "-"})` : "-", + owner?.nationalId || owner?.nationalCode || "-", + item?.createDate ? formatJustDate(item?.createDate) : "-", + accessLevelsDisplay, + recipientDisplay, + item?.active ? "فعال" : "غیرفعال", + canDoAction(item) ? ( + + ) : ( + + ), + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchBrands(); + }, [dispatch, selectedSubUser?.key]); + + useEffect(() => { + fetchApiData(page); + }, [selectedBrand, perPage, selectedSubUser?.key]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + }; + + const tableTitle = ( + + + + { + return { + data: i, + label: `${i?.name || ""}`, + }; + }) + : [] + } + onChange={(event, value) => { + setSelectedBrand(value?.data?.key); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + ); + + return ( + + + + {tableTitle} + + + + ); +}; + +export default GuildPspDevices; diff --git a/src/features/guild/services/guilDeleteFreeBar.js b/src/features/guild/services/guilDeleteFreeBar.js new file mode 100644 index 0000000..d65c4f1 --- /dev/null +++ b/src/features/guild/services/guilDeleteFreeBar.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildDeleteFreeBar = createAsyncThunk( + "GUILD_DELETE_FREE_BAR", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "/steward_free_bar/0/?key=" + id + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guild-allocated-stock-operation.js b/src/features/guild/services/guild-allocated-stock-operation.js new file mode 100644 index 0000000..b54fed3 --- /dev/null +++ b/src/features/guild/services/guild-allocated-stock-operation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildAllocatedStockOperationService = createAsyncThunk( + "GUILD_ALLOCATED_STOCK_OPERATION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("steward-allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guild-auth-code-submit.js b/src/features/guild/services/guild-auth-code-submit.js new file mode 100644 index 0000000..ab6800a --- /dev/null +++ b/src/features/guild/services/guild-auth-code-submit.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildAuthCodeSubmitService = createAsyncThunk( + "GUILD_AUTH_CODE_SUBMIT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "steward-guild-allocation/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guild-delete-free-sale.js b/src/features/guild/services/guild-delete-free-sale.js new file mode 100644 index 0000000..171953b --- /dev/null +++ b/src/features/guild/services/guild-delete-free-sale.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildDeleteOutOfProvinceSell = createAsyncThunk( + "GUILD_DELETE_OUT_OF_PROVINCE_SELL", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `steward_free_sale_bar/0/?key=${d}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guild-edit-free-bar.js b/src/features/guild/services/guild-edit-free-bar.js new file mode 100644 index 0000000..e39e000 --- /dev/null +++ b/src/features/guild/services/guild-edit-free-bar.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildEditFreeBar = createAsyncThunk( + "GUILD_EDIT_FREE_BAR", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("steward_free_bar/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guild-get-free-bars.js b/src/features/guild/services/guild-get-free-bars.js new file mode 100644 index 0000000..9a046c3 --- /dev/null +++ b/src/features/guild/services/guild-get-free-bars.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildGetFreeBars = createAsyncThunk( + "GUILD_GET_FREE_BARS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("steward_free_bar/", { + params: { date: d.date }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guild-get-free-sale-bar.js b/src/features/guild/services/guild-get-free-sale-bar.js new file mode 100644 index 0000000..020a78f --- /dev/null +++ b/src/features/guild/services/guild-get-free-sale-bar.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildGetFreeSaleBarService = createAsyncThunk( + "GUILD_GET_FREE_SALE_BARS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("steward_free_sale_bar/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guild-get-guilds.js b/src/features/guild/services/guild-get-guilds.js new file mode 100644 index 0000000..54cbfc8 --- /dev/null +++ b/src/features/guild/services/guild-get-guilds.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildGetStewardsService = createAsyncThunk( + "GUILD_GET_GUILDS_SERVICE", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "guilds/?other_guilds_for_steward=true/", + { + params: { role: getRoleFromUrl() }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guild-get-inventory-allocated.js b/src/features/guild/services/guild-get-inventory-allocated.js new file mode 100644 index 0000000..9c4378a --- /dev/null +++ b/src/features/guild/services/guild-get-inventory-allocated.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildGetInventoryAllocatedService = createAsyncThunk( + "GUILD_GET_INVENTORY_ALLOCATED_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("steward-allocation/", { + params: { date: d.date, steward: true, role_key: d.role_key || "" }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guild-get-inventory-stock.js b/src/features/guild/services/guild-get-inventory-stock.js new file mode 100644 index 0000000..5fc9aa2 --- /dev/null +++ b/src/features/guild/services/guild-get-inventory-stock.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildGetInventoryStockService = createAsyncThunk( + "GUILD_GET_INVENTORY_STOCK_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("steward_warehouse/", { + params: { date: d.date, role_key: d.role_key || "" }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guild-get-profile.js b/src/features/guild/services/guild-get-profile.js new file mode 100644 index 0000000..d1e6e43 --- /dev/null +++ b/src/features/guild/services/guild-get-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const guildGetProfile = createAsyncThunk( + "GUILD_GET_PROFILE", + async () => { + const { data, status } = await axios.get("guilds/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/guild/services/guild-get-stewards.js b/src/features/guild/services/guild-get-stewards.js new file mode 100644 index 0000000..1b898b1 --- /dev/null +++ b/src/features/guild/services/guild-get-stewards.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildGetStewards = createAsyncThunk( + "GUILD_GET_STEWARDS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("guilds/", { + params: { + date: d.date, + steward_sub_guilds: true, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guild-sales-info-dashboard.js b/src/features/guild/services/guild-sales-info-dashboard.js new file mode 100644 index 0000000..ec43597 --- /dev/null +++ b/src/features/guild/services/guild-sales-info-dashboard.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const guildSalesInfoDashboardService = createAsyncThunk( + "GUILD_SALES_INFO_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.get("guild-sales-info-dashboard/", { + params: { + role: d.role || getRoleFromUrl(), + role_key: d.role_key || "", + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result }; + } + } +); diff --git a/src/features/guild/services/guild-submit-free-bar.js b/src/features/guild/services/guild-submit-free-bar.js new file mode 100644 index 0000000..76b8093 --- /dev/null +++ b/src/features/guild/services/guild-submit-free-bar.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildSubmitFreeBar = createAsyncThunk( + "GUILD_SUBMIT_FREE_BAR", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post("steward_free_bar/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guild-update-allocated-stock.js b/src/features/guild/services/guild-update-allocated-stock.js new file mode 100644 index 0000000..3776626 --- /dev/null +++ b/src/features/guild/services/guild-update-allocated-stock.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildUpdateAllocatedStockService = createAsyncThunk( + "GUILD_UPDATE_ALLOCATED_STOCK_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("steward-allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guildDeleteAllocatedService.js b/src/features/guild/services/guildDeleteAllocatedService.js new file mode 100644 index 0000000..4182bee --- /dev/null +++ b/src/features/guild/services/guildDeleteAllocatedService.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildDeleteAllocatedService = createAsyncThunk( + "GUILD_DELETE_ALLOCATED_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.delete("steward-guild-allocation/0/", { + params: { + steward_allocation_key: d.steward_allocation_key, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guildEditAllocateStewardService.js b/src/features/guild/services/guildEditAllocateStewardService.js new file mode 100644 index 0000000..715f194 --- /dev/null +++ b/src/features/guild/services/guildEditAllocateStewardService.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const GuildEditAllocateStewardService = createAsyncThunk( + "GUILD_EDIT_ALLOCATE_STEWARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "steward-guild-allocation/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/guildGetAllocationData.js b/src/features/guild/services/guildGetAllocationData.js new file mode 100644 index 0000000..be6eaa8 --- /dev/null +++ b/src/features/guild/services/guildGetAllocationData.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildGetAllocationData = createAsyncThunk( + "GUILD_GET_ALLOCATION_DATA", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "steward-allocation/?steward_guilds_allocations=true/", + { + params: { + date: d.date, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/guildInventoryFinalSubmitService.js b/src/features/guild/services/guildInventoryFinalSubmitService.js new file mode 100644 index 0000000..971985f --- /dev/null +++ b/src/features/guild/services/guildInventoryFinalSubmitService.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const guildInventoryFinalSubmitService = createAsyncThunk( + "GUILD_INVENTORY_FINAL_SUBMIT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "steward-guild-allocation/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/senf-get-allocation-dashboard.js b/src/features/guild/services/senf-get-allocation-dashboard.js new file mode 100644 index 0000000..239d67c --- /dev/null +++ b/src/features/guild/services/senf-get-allocation-dashboard.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const senfGetAllocationDashboardService = createAsyncThunk( + "SENF_GET_ALLOCATION_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("guild-allocation-dashbord/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/senf-get-inventory-allocated.js b/src/features/guild/services/senf-get-inventory-allocated.js new file mode 100644 index 0000000..a5ae66a --- /dev/null +++ b/src/features/guild/services/senf-get-inventory-allocated.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const senfGetInventoryAllocatedService = createAsyncThunk( + "SENF_GET_INVENTORY_ALLOCATED_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("steward-allocation/", { + params: { + date1: d.date1, + date2: d.date2, + type: d.type || "", + role_key: d.role_key || "", + role: getRoleFromUrl(), + search: d.search, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/senf-get-inventory-stock.js b/src/features/guild/services/senf-get-inventory-stock.js new file mode 100644 index 0000000..0022790 --- /dev/null +++ b/src/features/guild/services/senf-get-inventory-stock.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const senfGetInventoryStockService = createAsyncThunk( + "SENF_GET_INVENTORY_STOCK_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("guilds_warehouse/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/steward-edit-sell-out-buyer.js b/src/features/guild/services/steward-edit-sell-out-buyer.js new file mode 100644 index 0000000..ff42078 --- /dev/null +++ b/src/features/guild/services/steward-edit-sell-out-buyer.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const stewardEditBuyerDataService = createAsyncThunk( + "SLAUGHTER_EDIT_BUYER_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("steward_free_sale_bar/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/steward-get-dashboard-service.js b/src/features/guild/services/steward-get-dashboard-service.js new file mode 100644 index 0000000..b517936 --- /dev/null +++ b/src/features/guild/services/steward-get-dashboard-service.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const stawardGetSegmentDashboardService = createAsyncThunk( + "STEWARD_GET_SEGMENT_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("segmentation-dashboard/", { + params: { + search: "filter", + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/steward-get-out-dashboard.js b/src/features/guild/services/steward-get-out-dashboard.js new file mode 100644 index 0000000..50d45dd --- /dev/null +++ b/src/features/guild/services/steward-get-out-dashboard.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const stawardGetOutDashboardService = createAsyncThunk( + "STEWARD-GET-OUT_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("steward_free_bar_dashboard", { + params: { + ...d, + role: getRoleFromUrl(), + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/steward-get-segmant-role.js b/src/features/guild/services/steward-get-segmant-role.js new file mode 100644 index 0000000..aa35ad1 --- /dev/null +++ b/src/features/guild/services/steward-get-segmant-role.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const stawardGetSegmantRoleService = createAsyncThunk( + "STEWARD_GET_SEGMANT_ROLE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("guilds/?&all=true", { + params: { + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/steward-get-sell-out-service.js b/src/features/guild/services/steward-get-sell-out-service.js new file mode 100644 index 0000000..5208da9 --- /dev/null +++ b/src/features/guild/services/steward-get-sell-out-service.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const stewardGetOutSellService = createAsyncThunk( + "STEWRD_GET_OUT_SELL_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("roles-products", { + params: { + role: getRoleFromUrl(), + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/steward-segment-delete-operation.js b/src/features/guild/services/steward-segment-delete-operation.js new file mode 100644 index 0000000..b4c7a76 --- /dev/null +++ b/src/features/guild/services/steward-segment-delete-operation.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const stewardDeleteSegmentService = createAsyncThunk( + "STEWARD_DELETE_SEGMENT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `app-segmentation/0/?key=${d}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e }; + } + } +); diff --git a/src/features/guild/services/steward-segment-edit-operation.js b/src/features/guild/services/steward-segment-edit-operation.js new file mode 100644 index 0000000..d6de9b4 --- /dev/null +++ b/src/features/guild/services/steward-segment-edit-operation.js @@ -0,0 +1,18 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const stewardEditSegmentService = createAsyncThunk( + "STEWARD_EDIT_SEGMENT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put(`app-segmentation/0/`, d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result }; + } + } +); diff --git a/src/features/guild/services/steward-segment-submit-service.js b/src/features/guild/services/steward-segment-submit-service.js new file mode 100644 index 0000000..d184bf0 --- /dev/null +++ b/src/features/guild/services/steward-segment-submit-service.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const stewardSegmentSubmitService = createAsyncThunk( + "STEWARD_SUBMIT_SEGMANT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("app-segmentation/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/steward-sell-out-delete-service.js b/src/features/guild/services/steward-sell-out-delete-service.js new file mode 100644 index 0000000..6e5bf01 --- /dev/null +++ b/src/features/guild/services/steward-sell-out-delete-service.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const stewardDeleteOutSellService = createAsyncThunk( + "STEWARD_DELETE_OUT_OF_PROVINCE_SELL", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `steward_free_sale_bar/0/?key=${d}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e }; + } + } +); diff --git a/src/features/guild/services/steward-sell-out-get-buyers.js b/src/features/guild/services/steward-sell-out-get-buyers.js new file mode 100644 index 0000000..a0cdcc6 --- /dev/null +++ b/src/features/guild/services/steward-sell-out-get-buyers.js @@ -0,0 +1,41 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const stewardSellOutGetBuyers = createAsyncThunk( + "STEWARD_GET_BUYERS_SELL_OUT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("out-province-carcasses-buyer/", { + params: { + role: getRoleFromUrl(), + role_key: d?.role_key || "", + mobile: d?.mobile, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const stewatdSubmitBuyerDataService = createAsyncThunk( + "STEWARD_SUBMIT_BUYER_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "out-province-carcasses-buyer/", + { + ...d, + } + ); + + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/steward-sell-out-get-dashboard.js b/src/features/guild/services/steward-sell-out-get-dashboard.js new file mode 100644 index 0000000..92ec464 --- /dev/null +++ b/src/features/guild/services/steward-sell-out-get-dashboard.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const stewardSellOutGetDashboard = createAsyncThunk( + "SLAUGHTRE_SELL_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `steward_free_sale_bar_dashboard`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + role_key: d.role_key || "", + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/guild/services/steward-sell-out-submit-sell.js b/src/features/guild/services/steward-sell-out-submit-sell.js new file mode 100644 index 0000000..6b465d0 --- /dev/null +++ b/src/features/guild/services/steward-sell-out-submit-sell.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const stewardSellOuutSubmitSell = createAsyncThunk( + "STEWARD_SELL_OUT_SUBMIT_SERVICE", + async (d, { dispatch }) => { + try { + const { data, status } = await axios.post(`steward_free_sale_bar/`, d); + dispatch(LOADING_START()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/guild/services/steward-submit-free-bar-service.js b/src/features/guild/services/steward-submit-free-bar-service.js new file mode 100644 index 0000000..f622102 --- /dev/null +++ b/src/features/guild/services/steward-submit-free-bar-service.js @@ -0,0 +1,50 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const stewardSubmitFreeBarService = createAsyncThunk( + "STEWARD_FREE_BAR_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post("steward_free_bar/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result }; + } + } +); + +export const stewardEditFreeBarService = createAsyncThunk( + "STEWARD_EDIT_FREE_BAR_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put(`steward_free_bar/0/`, d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result }; + } + } +); + +export const stewardDeleteFreeBarService = createAsyncThunk( + "STEWARD_DELETE_FREE_BAR_SERVICE", + async (key, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `steward_free_bar/0/?key=${key}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در حذف اطلاعات" }; + } + } +); diff --git a/src/features/inspector/components/inspector-add-vet-to-kill-house/InspectorAddVetToKillHouse.js b/src/features/inspector/components/inspector-add-vet-to-kill-house/InspectorAddVetToKillHouse.js new file mode 100644 index 0000000..58fdf19 --- /dev/null +++ b/src/features/inspector/components/inspector-add-vet-to-kill-house/InspectorAddVetToKillHouse.js @@ -0,0 +1,141 @@ +import { Autocomplete, Button, TextField, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { inspectorDeleteKillhouseVetService } from "../../services/inspector-delete-killhouse-vet"; +import { inspectorGetKillHousesService } from "../../services/inspector-get-kill-houses"; +import { inspectorSetKillhouseVetService } from "../../services/inspector-set-killhouse-vet"; +import { manageFarmGetFarmsService } from "../../services/manage-farm-get-farms"; + +export const InspectorAddVetToKillHouse = ({ userKey, item }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const { inspectorGetKillHouses } = useSelector( + (state) => state.inspectorSlice + ); + + const [value, setValue] = useState(null); + const [killhouses, setKillhouses] = useState([]); + + useEffect(() => { + dispatch(inspectorGetKillHousesService()); + }, []); + + useEffect(() => { + const d = inspectorGetKillHouses + ?.filter((item) => item.killer === false) + .map((item) => { + return { title: item.name, value: item.key }; + }); + setKillhouses(d); + }, [inspectorGetKillHouses]); + + return ( + + + option.title} + renderInput={(params) => ( + + )} + value={value} + onChange={(event, newValue) => { + setValue(newValue); + }} + /> + + + + + + + کشتارگاه های ثبت شده + + + {item.killHouses?.map((it, i) => { + return ( + + + {i + 1}. {it.KillHouseName} + + + + ); + })} + + + + ); +}; diff --git a/src/features/inspector/components/inspector-archived-requests/InspectorArchivedRequests.js b/src/features/inspector/components/inspector-archived-requests/InspectorArchivedRequests.js new file mode 100644 index 0000000..914272d --- /dev/null +++ b/src/features/inspector/components/inspector-archived-requests/InspectorArchivedRequests.js @@ -0,0 +1,80 @@ +import { Grid, IconButton } from "@mui/material"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useDispatch, useSelector } from "react-redux"; +import { useEffect, useState } from "react"; +import { inspectorGetNewRequests } from "../../services/inspector-new-requests"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { ROUTE_INSPECTOR_FILE } from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const InspectorArchivedRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { inspectorNewRequests } = useSelector((state) => state.inspectorSlice); + + useEffect(() => { + dispatch(inspectorGetNewRequests()); + }, []); + + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + const d = inspectorNewRequests + ?.filter((item) => item.inspector === "accepted") + ?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + + navigate( + ROUTE_INSPECTOR_FILE + item?.process?.poultry?.poultryRequestId + ) + } + > + + , + ]; + }); + setDataTable(d); + }, [inspectorNewRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + + return ( + <> + + + + + ); +}; diff --git a/src/features/inspector/components/inspector-edit-aviculture/InspectorEditAviculture.js b/src/features/inspector/components/inspector-edit-aviculture/InspectorEditAviculture.js new file mode 100644 index 0000000..89785c5 --- /dev/null +++ b/src/features/inspector/components/inspector-edit-aviculture/InspectorEditAviculture.js @@ -0,0 +1,493 @@ +import React from "react"; +import { PropTypes } from "prop-types"; +import { Yup } from "../../../../lib/yup/yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; + +import { useFormik } from "formik"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { inspectorUpdateUserProfile } from "../../services/inspector-update-user-profile"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; +import { useState } from "react"; +import { cityGetCity } from "../../../city/services/city-get-city"; +import { useEffect } from "react"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; + +export const InspectorEditAviculture = ({ + id, + address, + postal, + name_of_bank_user, + card, + shaba, + account, + accountHolder, + type, + poultry, + halls, + uniqueId, + farmName, +}) => { + const [openNotif] = useContext(AppContext); + + const [provinceData, setProvinceData] = useState(); + const [cityData, setCityData] = useState(); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + const [isExistProvince, setIsExistProvince] = useState(true); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + address: address ? address : "", + postal: postal ? postal : "", + bankName: name_of_bank_user ? name_of_bank_user : "", + cardNumber: card ? card : "", + accountNumber: account ? account : "", + shabaNumber: shaba ? shaba : "", + accountHolder: accountHolder ? accountHolder : "", + halls: halls ? halls : "", + uniqueId: uniqueId ? uniqueId : "", + farmName: farmName ? farmName : "", + }, + validationSchema: Yup.object({ + cardNumber: Yup.number().typeError("لطفا شماره کارتتان را وارد کنید!"), + accountNumber: Yup.number().typeError("لطفا شماره حسابتان را وارد کنید!"), + shabaNumber: Yup.number().typeError("لطفا شماره شبا را وارد کنید!"), + accountHolder: Yup.string().typeError("لطفا نام صاحب حساب را وارد کنید!"), + address: Yup.string().typeError("لطفا آدرس را وارد کنید!"), + postal: Yup.number().typeError("لطفا عدد وارد کنید!"), + halls: Yup.number().typeError("لطفا عدد وارد کنید!"), + uniqueId: Yup.number().typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + <> + + + + + + + + + + + + + + + + + + + + + + + ({ + id: i.key, + label: i.name, + })) + : [] + } + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ id: i.key, label: i.name })) + : [] + } + onChange={(e, value) => { + setCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + بانک + + + + + + + + + + + + + + + + + + + + + + ); +}; + +InspectorEditAviculture.propTypes = { + id: PropTypes.any, + address: PropTypes.any, + postal: PropTypes.any, + name_of_bank_user: PropTypes.any, + bank_name: PropTypes.any, + card: PropTypes.any, + shaba: PropTypes.any, + account: PropTypes.any, + accountHolder: PropTypes.any, + type: PropTypes.any, + poultry: PropTypes.any, + halls: PropTypes.any, + uniqueId: PropTypes.any, +}; diff --git a/src/features/inspector/components/inspector-edit-driver/InspectorEditDriver.js b/src/features/inspector/components/inspector-edit-driver/InspectorEditDriver.js new file mode 100644 index 0000000..fce4e74 --- /dev/null +++ b/src/features/inspector/components/inspector-edit-driver/InspectorEditDriver.js @@ -0,0 +1,473 @@ +import { + Button, + Chip, + Divider, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import React, { useState } from "react"; +import { useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { PropTypes } from "prop-types"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { inspectorUpdateUserProfile } from "../../services/inspector-update-user-profile"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { CarPelak } from "../../../../components/car-pelak/CarPelak"; + +export const InspectorEditDriver = ({ + id, + capocity, + healthCode, + driverName, + mobile, + name_of_bank_user, + card, + shaba, + account, + accountHolder, + type, +}) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const formikDriver = useFormik({ + initialValues: { + driver_name: driverName ? driverName : "", + driver_mobile: mobile ? mobile : "", + type_car: "ایسوزو", + type_weight: "سنگین", + capocity: capocity ? capocity : "", + health_code: healthCode ? healthCode : "", + }, + validationSchema: Yup.object({ + driver_name: Yup.string() + .matches( + /^[ض‌ص‌ث‌ق‌ف‌غ‌ع‌ه‌خ‌خ‌ح‌ج‌چ‌ش‌س‌ی‌ب‌ل‌ا‌ت‌ن‌ن‌م‌ک‌گ‌ظ‌ط‌ز‌ر‌ذ‌د‌و‌پ‌آ‌ژ ]+$/, + "فقط حروف فارسی وارد کنید" + ) + .typeError("لطفا فیلد را به درستی وارد کنید!"), + driver_mobile: Yup.string() + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }) + .typeError("لطفا عدد وارد کنید!"), + type_weight: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + capocity: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + name: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + health_code: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + const formikUserBankInfo = useFormik({ + initialValues: { + bankName: name_of_bank_user ? name_of_bank_user : "", + cardNumber: card ? card : "", + accountNumber: account ? account : "", + shabaNumber: shaba ? shaba : "", + accountHolder: accountHolder ? accountHolder : "", + }, + validationSchema: Yup.object({ + cardNumber: Yup.number().typeError("لطفا شماره کارتتان را وارد کنید!"), + accountNumber: Yup.number().typeError("لطفا شماره حسابتان را وارد کنید!"), + shabaNumber: Yup.number().typeError("لطفا شماره شبا را وارد کنید!"), + accountHolder: Yup.string().typeError("لطفا نام صاحب حساب را وارد کنید!"), + }), + }); + + const [driverPelak, setDriverPelak] = useState([]); + + const carPelakHandleChange = (pelak1, pelak2, pelak3, pelak4) => { + setDriverPelak([pelak1, pelak2, pelak3, pelak4]); + }; + + useEffect(() => { + formikDriver.validateForm(); + formikUserBankInfo.validateForm(); + }, []); + + return ( + <> + + + + + + + + مدل خودرو + + + + + + + + مشخصات پلاک + + + + + + + + + + + بانک + + + + + + + + + + + + + + + + ); +}; + +InspectorEditDriver.propTypes = { + id: PropTypes.any, + capocity: PropTypes.any, + healthCode: PropTypes.any, + driverName: PropTypes.any, + mobile: PropTypes.any, + name_of_bank_user: PropTypes.any, + bank_name: PropTypes.any, + card: PropTypes.any, + shaba: PropTypes.any, + account: PropTypes.any, + accountHolder: PropTypes.any, + type: PropTypes.any, +}; diff --git a/src/features/inspector/components/inspector-edit-killhouse-vet/InspectorEditKillHousevet.js b/src/features/inspector/components/inspector-edit-killhouse-vet/InspectorEditKillHousevet.js new file mode 100644 index 0000000..01b2b2c --- /dev/null +++ b/src/features/inspector/components/inspector-edit-killhouse-vet/InspectorEditKillHousevet.js @@ -0,0 +1,116 @@ +import { Autocomplete, Button, TextField } from "@mui/material"; +import React from "react"; +import { useEffect } from "react"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { PropTypes } from "prop-types"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceGetKillHouses } from "../../../province/services/province-get-kill-houses"; +import { inspectorUpdateUserProfile } from "../../services/inspector-update-user-profile"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; +import { SPACING } from "../../../../data/spacing"; + +export const InspectorEditKillHouseVet = ({ id }) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const [killHouseData, setKillHouseData] = useState(); + const [killHouseKey, setKillHouseKey] = useState(); + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceGetKillHouses()).then((r) => { + setKillHouseData(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + return ( + <> + + + + ({ + id: i.key, + label: i.name, + })) + : [] + } + onChange={(e, value) => { + setKillHouseKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + ); +}; + +InspectorEditKillHouseVet.propTypes = { + id: PropTypes.any, +}; diff --git a/src/features/inspector/components/inspector-edit-operator/InspectorEditOperator.js b/src/features/inspector/components/inspector-edit-operator/InspectorEditOperator.js new file mode 100644 index 0000000..1324d20 --- /dev/null +++ b/src/features/inspector/components/inspector-edit-operator/InspectorEditOperator.js @@ -0,0 +1,411 @@ +import React from "react"; +import { PropTypes } from "prop-types"; +import { Yup } from "../../../../lib/yup/yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; + +import { useFormik } from "formik"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { inspectorUpdateUserProfile } from "../../services/inspector-update-user-profile"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; +import { useState } from "react"; +import { cityGetCity } from "../../../city/services/city-get-city"; +import { useEffect } from "react"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; + +export const InspectorEditOperator = ({ + id, + address, + postal, + name_of_bank_user, + card, + shaba, + account, + accountHolder, + type, +}) => { + const [openNotif] = useContext(AppContext); + + const [provinceData, setProvinceData] = useState(); + const [cityData, setCityData] = useState(); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + const [isExistProvince, setIsExistProvince] = useState(true); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + address: address ? address : "", + postal: postal ? postal : "", + bankName: name_of_bank_user ? name_of_bank_user : "", + cardNumber: card ? card : "", + accountNumber: account ? account : "", + shabaNumber: shaba ? shaba : "", + accountHolder: accountHolder ? accountHolder : "", + }, + validationSchema: Yup.object({ + cardNumber: Yup.number().typeError("لطفا شماره کارتتان را وارد کنید!"), + accountNumber: Yup.number().typeError("لطفا شماره حسابتان را وارد کنید!"), + shabaNumber: Yup.number().typeError("لطفا شماره شبا را وارد کنید!"), + accountHolder: Yup.string().typeError("لطفا نام صاحب حساب را وارد کنید!"), + address: Yup.string().typeError("لطفا نام صاحب حساب را وارد کنید!"), + postal: Yup.number().typeError("لطفا نام صاحب حساب را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + <> + + + + + + + + + + + + ({ + id: i.key, + label: i.name, + })) + : [] + } + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ id: i.key, label: i.name })) + : [] + } + onChange={(e, value) => { + setCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + بانک + + + + + + + + + + + + + + + + + + + + + + ); +}; + +InspectorEditOperator.propTypes = { + id: PropTypes.any, + address: PropTypes.any, + postal: PropTypes.any, + name_of_bank_user: PropTypes.any, + bank_name: PropTypes.any, + card: PropTypes.any, + shaba: PropTypes.any, + account: PropTypes.any, + accountHolder: PropTypes.any, + type: PropTypes.any, +}; diff --git a/src/features/inspector/components/inspector-edit-user-profile/InspectorEditUserProfile.js b/src/features/inspector/components/inspector-edit-user-profile/InspectorEditUserProfile.js new file mode 100644 index 0000000..6c35e3e --- /dev/null +++ b/src/features/inspector/components/inspector-edit-user-profile/InspectorEditUserProfile.js @@ -0,0 +1,345 @@ +import React, { useState } from "react"; +import { PropTypes } from "prop-types"; +import { Yup } from "../../../../lib/yup/yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useFormik } from "formik"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { inspectorUpdateUserProfile } from "../../services/inspector-update-user-profile"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; +import { useEffect } from "react"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; +import { cityGetCity } from "../../../city/services/city-get-city"; + +export const InspectorEditUserProfile = ({ + id, + birthday, + nationalCode, + nationalId, + firstName, + lastName, + password, + phone, +}) => { + const [openNotif] = useContext(AppContext); + + const [, setProvinceData] = useState([]); + const [, setCityData] = useState([]); + const [provinceKey] = useState(); + // const [cityKey, setCityKey] = useState(); + const [, setIsExistProvince] = useState(true); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + fname: firstName ? firstName : "", + lname: lastName ? lastName : "", + nationalcode: nationalId ? nationalId : "", + nationalId: nationalCode ? nationalCode : "", + password: password ? password : "", + phone: phone ? phone : "", + birthday: birthday + ? birthday + : moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + fname: Yup.string().typeError("لطفا فیلد را پر کنید!"), + lname: Yup.string().typeError("لطفا فیلد را پر کنید!"), + nationalcode: Yup.string().typeError( + "لطفا مقادیر را به درستی وارد کنید!" + ), + nationalId: Yup.number().test( + "len", + "کد ملی میبایست ده رقم باشد.", + (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 10; + } + } + ), + password: Yup.string().typeError("لطفا مقادیر را به درستی وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + dispatch(cityGetProvinces())?.then((r) => { + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + return ( + <> + + + + + + + + + + {/* + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ id: i.key, label: i.name }))} + onChange={(e, value) => { + setCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + */} + + + } + value={formik.values.birthday} + error={ + formik.touched.birthday ? Boolean(formik.errors.birthday) : null + } + onChange={(e) => { + formik.setFieldValue( + "birthday", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.birthday && Boolean(formik.errors.birthday) + ? formik.errors.birthday + : null + } + /> + + + + + + + + + + + + + + + + + + + + + + ); +}; + +InspectorEditUserProfile.propTypes = { + id: PropTypes.any, + firstName: PropTypes.any, + lastName: PropTypes.any, + birthday: PropTypes.any, + nationalCode: PropTypes.any, + nationalId: PropTypes.any, + password: PropTypes.any, +}; diff --git a/src/features/inspector/components/inspector-killhouse-new-request/inspector-killhouse-new-request.js b/src/features/inspector/components/inspector-killhouse-new-request/inspector-killhouse-new-request.js new file mode 100644 index 0000000..12d6c7e --- /dev/null +++ b/src/features/inspector/components/inspector-killhouse-new-request/inspector-killhouse-new-request.js @@ -0,0 +1,504 @@ +import { + Button, + Checkbox, + // Checkbox, + FormControl, + FormControlLabel, + // FormControlLabel, + // FormGroup, + // FormHelperText, + Grid, + InputLabel, + ListItem, + ListItemIcon, + ListItemText, + MenuItem, + Select, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Yup } from "../../../../lib/yup/yup"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DialogAlert } from "../../../../components/dialog-alert/DialogAlert"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import DoneIcon from "@mui/icons-material/Done"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +import { provinceGetPricing } from "../../../province/services/province-get-pricing"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { slaughterNewRequest } from "../../../slaughter-house/services/slaughter-new-request"; +import { inspectorGetKillHousesService } from "../../services/inspector-get-kill-houses"; +import { getSlaughtersKillRequestService } from "../../../city/services/get-slaughters-kill-request"; + +export const InspectorKillHouseNewRequest = () => { + const [openNotif, , selectedDate1, , selectedDate2, ,] = + useContext(AppContext); + const dispatch = useDispatch(); + const [, userProfile] = useUserProfile(); + const { inspectorGetKillHouses } = useSelector( + (state) => state.inspectorSlice + ); + const [killhouses, setKillhouses] = useState([]); + const [onlyKillhouses, setOnlyKillhouses] = useState([]); + const [isKiller, setIsKiller] = useState(false); + + useEffect(() => { + const d = inspectorGetKillHouses?.map((item) => { + return { name: item.name, key: item.key, killer: item.killer }; + }); + setKillhouses(d); + }, [inspectorGetKillHouses]); + + useEffect(() => { + if (isKiller === "true") { + const c = inspectorGetKillHouses + ?.filter((item) => item.killer === false) + ?.map((item) => { + return { name: item.name, key: item.key, killer: item.killer }; + }); + setOnlyKillhouses(c); + } + }, [inspectorGetKillHouses, isKiller]); + + const formik = useFormik({ + initialValues: { + capacity: "", + recieveTime: "", + selectedKillhouse: "", + selectedKillerKillhouse: "", + race: "", + sellType: { + cash: true, + haveTime: false, + }, + weightType: { + under2AndHalf: false, + over2AndHalf: false, + }, + recieveDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + isAccepted: getRoleFromUrl() !== "KillHouse" ? true : false, + indexWeight: "", + }, + validationSchema: Yup.object({ + capacity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + selectedKillhouse: Yup.string().required("این فیلد اجباری است!"), + selectedKillerKillhouse: + isKiller === "true" + ? Yup.string().required("این فیلد اجباری است!") + : Yup.string(), + recieveTime: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + sellType: Yup.object() + .test("sellType", "نحوه فروش را انتخاب کنید!", (val, context) => { + return ( + context.originalValue && + Object.values(context.originalValue).some((item) => item === true) + ); + }) + .required("این فیلد اجباری است!"), + isAccepted: Yup.boolean() + .test("req", "باید تعهد نامه را بپذیرید!", (val, context) => { + return context.originalValue && context.originalValue === true; + }) + .required("این فیلد اجباری است!"), + // weightType: Yup.object() + // .test("weightType", "وزن را انتخاب کنید!", (val, context) => { + // return ( + // context.originalValue && + // Object.values(context.originalValue).some((item) => item === true) + // ); + // }) + // .required("این فیلد اجباری است!"), + }), + }); + + const penaltyPrice = formik.values.capacity * 1000; + const dialogContent = ( + <> + + اینجانب {userProfile?.fullname} موافقت خود را نسبت به موارد ذکر شده + اعلام می نمایم. + + + + + + + + + ); + + useEffect(() => { + dispatch(inspectorGetKillHousesService()); + formik.validateForm(); + }, []); + + // const handleSellTypeChange = (event) => { + // formik.setFieldValue("sellType", { + // ...formik.values.sellType, + // [event.target.name]: event.target.checked, + // }); + // }; + // const handleWeightTypeChange = (event) => { + // formik.setFieldValue("weightType", { + // ...formik.values.weightType, + // [event.target.name]: event.target.checked, + // }); + // }; + + const [checkedSms, setCheckedSms] = useState(true); + + const handleChangeCheckedSms = (event) => { + setCheckedSms(event.target.checked); + }; + + useEffect(() => { + dispatch(provinceGetPricing()); + }, []); + + return ( + <> + + + {/* */} + + + + انتخاب کشتارگاه یا کشتارکن + + {formik.errors.selectedKillhouse && + formik.touched.selectedKillhouse && ( +

{formik.errors.selectedKillhouse}

+ )} + + + {isKiller === "true" && ( + + محل کشتار را انتخاب کنید + + {formik.errors.selectedKillerKillhouse && + formik.touched.selectedKillerKillhouse && ( +

{formik.errors.selectedKillerKillhouse}

+ )} + + )} + + + + + + + بازه زمانی دریافت مرغ مرغدار + + + + + + } + value={formik.values.recieveDate} + error={ + formik.touched.recieveDate + ? Boolean(formik.errors.recieveDate) + : null + } + onChange={(e) => { + formik.setFieldValue( + "recieveDate", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.recieveDate && Boolean(formik.errors.recieveDate) + ? formik.errors.recieveDate + : null + } + /> + + + {/* + + نحوه خرید + + + + } + label="نقدی" + /> + + } + label="زمان دار (تا یک ماه)" + /> + + + {formik.touched.sellType && Boolean(formik.errors.sellType) + ? formik.errors.sellType + : null} + + */} + {/* + + وزن پیشنهادی + + + + } + label="2 تا 2.5 کیلوگرم" + /> + + } + label="2.5 کیلوگرم به بالا" + /> + + */} + + {getRoleFromUrl() === "KillHouse" && ( + + + + + } + btnTitle={"با تعهد نامه موافق هستم!"} + isAccepted={formik.values.isAccepted} + /> + )} + + + + } + label={ + + + مایل به دریافت پیامک اطلاع رسانی هستم! + + + } + /> + + + + + + + + ); +}; diff --git a/src/features/inspector/components/inspector-new-requests/InspectorNewRequests.js b/src/features/inspector/components/inspector-new-requests/InspectorNewRequests.js new file mode 100644 index 0000000..d7f310d --- /dev/null +++ b/src/features/inspector/components/inspector-new-requests/InspectorNewRequests.js @@ -0,0 +1,103 @@ +import { Grid, IconButton } from "@mui/material"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useDispatch, useSelector } from "react-redux"; +import { useEffect, useState } from "react"; +import { inspectorGetNewRequests } from "../../services/inspector-new-requests"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { ROUTE_INSPECTOR_FILE } from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { InspectorRequestOperations } from "../../../file/components/inspector-request-operations/InspectorRequestOperations"; +import EditIcon from "@mui/icons-material/Edit"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const InspectorNewRequests = () => { + const navigate = useNavigate(); + const { inspectorNewRequests } = useSelector((state) => state.inspectorSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(inspectorGetNewRequests()); + }, []); + + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + const d = inspectorNewRequests + ?.filter((item) => !item.inspector || item.inspector === "pending") + ?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + { + dispatch( + DRAWER({ + title: "عملیات تایید / رد بازرس", + // right: !(window.innerWidth <= 600), + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + , + + navigate( + ROUTE_INSPECTOR_FILE + item?.process?.poultry?.poultryRequestId + ) + } + > + + , + ]; + }); + setDataTable(d); + }, [inspectorNewRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "عملیات", + "مشاهده", + ]); + + return ( + <> + + + + + ); +}; diff --git a/src/features/inspector/components/inspector-operations/InspectorOperations.js b/src/features/inspector/components/inspector-operations/InspectorOperations.js new file mode 100644 index 0000000..4df22ad --- /dev/null +++ b/src/features/inspector/components/inspector-operations/InspectorOperations.js @@ -0,0 +1,122 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_INSPECTOR_ARCHIVED_REQUESTS, + ROUTE_INSPECTOR_REJECTED_REQUESTS, + ROUTE_INSPECTOR_REQUESTS_NEW_REQUESTS, + ROUTE_PROVINCE_INSPECTOR_AWAITING_INSPECTION_REQUESTS, + ROUTE_PROVINCE_INSPECTOR_AWAITING_PAYMENT_REQUESTS, + // ROUTE_PROVINCE_FINANCIAL_REJECTED_REQUESTS, +} from "../../../../routes/routes"; +import { VscNewFolder } from "react-icons/vsc"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { GiMoneyStack } from "react-icons/gi"; +import { GrInspect } from "react-icons/gr"; +import { RiFolderWarningLine } from "react-icons/ri"; +import { FaArchive } from "react-icons/fa"; + +export const InspectorOperations = () => { + const { pathname } = useLocation(); + return ( + + + + + } + title="درخواست های جدید" + description="درخواست های در انتظار بررسی" + /> + + + + } + title="در انتظار پرداخت" + description="مشاهده درخواست های در انتظار پرداخت کشتارگاه" + /> + + + + } + title="در انتظار بازرسی" + description="درخواست های در انتظار بررسی بازرس" + /> + + + + + } + title="درخواست های رد شده" + description="مشاهده درخواست هایی که به دلایل مختلف توسط اتحادیه رد شده است" + /> + + + + + } + title="بایگانی" + description="درخواست های پایان یافته" + /> + + + + + ); +}; diff --git a/src/features/inspector/components/inspector-profile/InspectorProfile.js b/src/features/inspector/components/inspector-profile/InspectorProfile.js new file mode 100644 index 0000000..a8cce97 --- /dev/null +++ b/src/features/inspector/components/inspector-profile/InspectorProfile.js @@ -0,0 +1,57 @@ +import { Grid } from "@mui/material"; +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +// import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +import { inspectorGetProfile } from "../../services/inspector-get-profile"; + +export const InspectorProfile = () => { + const { profile } = useSelector((state) => state.inspectorSlice); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(inspectorGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + {/* */} + + + + + + ); +}; diff --git a/src/features/inspector/components/inspector-rejected-requests/InspectorRejectedRequests.js b/src/features/inspector/components/inspector-rejected-requests/InspectorRejectedRequests.js new file mode 100644 index 0000000..a4a128d --- /dev/null +++ b/src/features/inspector/components/inspector-rejected-requests/InspectorRejectedRequests.js @@ -0,0 +1,78 @@ +import { Grid, IconButton } from "@mui/material"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useDispatch, useSelector } from "react-redux"; +import { useEffect, useState } from "react"; +import { inspectorGetNewRequests } from "../../services/inspector-new-requests"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { ROUTE_INSPECTOR_FILE } from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const InspectorRejectedRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { inspectorNewRequests } = useSelector((state) => state.inspectorSlice); + + useEffect(() => { + dispatch(inspectorGetNewRequests()); + }, []); + + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + const d = inspectorNewRequests + ?.filter((item) => item.inspector === "rejected") + ?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + + navigate( + ROUTE_INSPECTOR_FILE + item?.process?.poultry?.poultryRequestId + ) + } + > + + , + ]; + }); + setDataTable(d); + }, [inspectorNewRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + + return ( + + + + ); +}; diff --git a/src/features/inspector/components/manage-farm-component/ManageFarmComponent.js b/src/features/inspector/components/manage-farm-component/ManageFarmComponent.js new file mode 100644 index 0000000..73e3070 --- /dev/null +++ b/src/features/inspector/components/manage-farm-component/ManageFarmComponent.js @@ -0,0 +1,469 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Tab, + Tabs, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { VetFarmSubmitFarmInfoForm } from "../../../vet-farm/components/vet-farm-submit-farm-info-form/VetFarmSubmitFarmInfoForm"; +import { SPACING } from "../../../../data/spacing"; +import { InspectorAddVetToKillHouse } from "../inspector-add-vet-to-kill-house/InspectorAddVetToKillHouse"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import TuneIcon from "@mui/icons-material/Tune"; +import AddBusinessIcon from "@mui/icons-material/AddBusiness"; +import FileDownloadIcon from "@mui/icons-material/FileDownload"; +import AddHomeWorkIcon from "@mui/icons-material/AddHomeWork"; + +export const ManageFarmComponent = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [selectedTab, setSelectedTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + + const vetFarmParam = + selectedTab === 0 + ? "&vet_farm=true" + : selectedTab === 2 // تب کشتارگاه حالا سومین تب است (ایندکس 2) + ? "&vet_farm=false" + : ""; // تب بدون فارم (ایندکس 1) پارامتر خاصی ندارد + + try { + const response = await axios.get( + `vet/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}${vetFarmParam}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching users", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + setPage(1); + fetchApiData(1); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const VetFarmActions = ({ vetFarm }) => { + const [anchorEl, setAnchorEl] = useState(null); + const open = Boolean(anchorEl); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleRegisterFarm = () => { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ثبت فارم", + content: ( + + ), + }) + ); + handleClose(); + }; + + const handleDownloadExcel = () => { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل در حال دانلود می باشد، این عملیات ممکن است زمان بر باشد لطفا صبر کنید.", + severity: "success", + }); + const link = `${axios.defaults.baseURL}technical_responsible_performance_excel/?key=${vetFarm?.key}`; + window.location.href = link; + handleClose(); + }; + + return ( + + + + + + + + + + + + + + ثبت فارم + + } + /> + + + + + + + خروجی اکسل + + } + /> + + + + + ); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + const KillHouseActions = ({ vet }) => { + const [anchorEl, setAnchorEl] = useState(null); + const open = Boolean(anchorEl); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleRegisterKillHouse = () => { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ثبت کشتارگاه", + content: ( + + ), + }) + ); + handleClose(); + }; + + return ( + + + + + + + + + + + + + + ثبت کشتارگاه + + } + /> + + + + + ); + }; + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage, selectedTab]); + + useEffect(() => { + const d = data?.map((item, i) => { + const index = page === 1 ? i + 1 : i + perPage * (page - 1) + 1; + const baseInfo = [ + index, + item.user.fullname, + item.user.nationalId, + item.user.mobile, + item.user.province, + item.user.city, + ]; + + if (selectedTab === 0) { + return [ + ...baseInfo, + + {item?.farms?.length + ? item?.farms.map((option, idx) => ( + + + {option.poultryName} ({option.poultryFullName}) + + + {option.poultryMobile} + + + )) + : "-"} + , + , + ]; + } + + if (selectedTab === 2) { + // تب کشتارگاه (حالا سومین تب است) + return [ + ...baseInfo, + + {item?.killHouses?.length + ? item?.killHouses.map((option, idx) => ( + + + {option.KillHouseName} ({option.KillHouseUserFullName}) + + + {option.KillHouseUserMobile} + + + )) + : "-"} + , + , + ]; + } + + // تب دوم: دامپزشکان بدون فارم + return [ + ...baseInfo, + , + ]; + }); + + setTableData(d); + }, [data, page, perPage, selectedTab]); + + return ( + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/inspector/components/province-edit-tenant/ProvinceEditTenant.js b/src/features/inspector/components/province-edit-tenant/ProvinceEditTenant.js new file mode 100644 index 0000000..74415d4 --- /dev/null +++ b/src/features/inspector/components/province-edit-tenant/ProvinceEditTenant.js @@ -0,0 +1,133 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import TextField from "@mui/material/TextField"; +import Button from "@mui/material/Button"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { provinceUpdateTenantService } from "../../services/province-update-tenant"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = Yup.object({ + uniqueId: Yup.string().required("شناسه یکتا الزامی است."), + firstName: Yup.string().required("نام الزامی است."), + lastName: Yup.string().required("نام خانوادگی الزامی است"), + mobileNumber: Yup.string() + .matches(/^[0-9]{11}$/, "شماره موبایل نامعتبر است") + .required("موبایل الزامی است"), + nationalCode: Yup.string().required("کدملی الزامی است"), +}); + +export const ProvinceEditTenant = ({ tenant, updateData }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + uniqueId: tenant.breedingUniqueId, + firstName: tenant.firstName, + lastName: tenant.lastName, + mobileNumber: tenant.mobile, + nationalCode: tenant.nationalId, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + // Handle form submission logic here + dispatch( + provinceUpdateTenantService({ + breeding_unique_id: values.uniqueId, + first_name: values.firstName, + last_name: values.lastName, + mobile: values.mobileNumber, + national_id: values.nationalCode, + tenant_key: tenant.key, + }) + ).then((r) => { + updateData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + }); + }, + }); + + return ( + + ); +}; diff --git a/src/features/inspector/components/province-user-file-info/ProvinceUserFileInfo.js b/src/features/inspector/components/province-user-file-info/ProvinceUserFileInfo.js new file mode 100644 index 0000000..e78f4f0 --- /dev/null +++ b/src/features/inspector/components/province-user-file-info/ProvinceUserFileInfo.js @@ -0,0 +1,1457 @@ +import { + Button, + FormControlLabel, + IconButton, + Switch, + Tooltip, + Typography, +} from "@mui/material"; +import React from "react"; +import { useEffect } from "react"; +import { useNavigate, useParams } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import NavigateNextIcon from "@mui/icons-material/NavigateNext"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceGetUserByKey } from "../../../province/services/province-get-user-by-key"; +import { useState } from "react"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import EditIcon from "@mui/icons-material/Edit"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { inspectorChangeUserState } from "../../services/inspector-change-user-state"; +import { InspectorEditUserProfile } from "../inspector-edit-user-profile/InspectorEditUserProfile"; +import { InspectorEditOperator } from "../inspector-edit-operator/InspectorEditOperator"; +import { InspectorEditKillHouseVet } from "../inspector-edit-killhouse-vet/InspectorEditKillHousevet"; +import { InspectorEditDriver } from "../inspector-edit-driver/InspectorEditDriver"; +import { CitySubmitTenantForm } from "../../../city/components/city-submit-tenant-form/CitySubmitTenantForm"; +// import { inspectorUpdateUserProfile } from "../../services/inspector-update-user-profile"; +import InfoIcon from "@mui/icons-material/Info"; +import { InspectorEditAviculture } from "../inspector-edit-aviculture/InspectorEditAviculture"; +import { format } from "date-fns-jalali"; +import { ProvinceEditTenant } from "../province-edit-tenant/ProvinceEditTenant"; + +export const ProvinceUserFileInfo = () => { + const { userid } = useParams(); + const dispatch = useDispatch(); + const navigate = useNavigate(); + const [dataTable, setDataTable] = useState([]); + + const { provinceUserInfo } = useSelector((state) => state.provinceSlice); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceGetUserByKey(userid)).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + const updateData = () => { + dispatch(provinceGetUserByKey(userid)).then((r) => { + dispatch(LOADING_END()); + }); + }; + + useEffect(() => { + const userRoles = provinceUserInfo?.profile?.role?.map((item, i) => { + let name = ""; + switch (item) { + case "ProvinceOperator": + name = "اپراتور تخصیص استان"; + break; + case "CityOperator": + name = "اپراتور شهرستان"; + break; + case "KillHouseVet": + name = "دامپزشک کشتارگاه"; + break; + case "VetFarm": + name = "دامپزشک"; + break; + case "Poultry": + name = "مرغدار"; + break; + case "KillHouse": + name = "کشتارگاه"; + break; + case "Vet": + name = "دامپزشک"; + break; + case "ProvinceInspector": + name = "بازرس استان"; + break; + case "ProvinceFinancial": + name = "اپراتور مالی"; + break; + case "Driver": + name = "راننده"; + break; + case "Admin": + name = "ادمین"; + break; + default: + name = "کاربر پایه"; + break; + } + return

{name}

; + }); + + const userProfilePic = + provinceUserInfo?.profile?.image?.length > 5 ? ( + +

+ + ) : ( + "موجود نیست" + ); + const b = [ + [ + provinceUserInfo?.profile?.fullname + ? provinceUserInfo?.profile?.fullname + : provinceUserInfo?.profile?.firstName + + " " + + provinceUserInfo?.profile?.lastName, + userRoles, + provinceUserInfo?.profile?.mobile, + provinceUserInfo?.profile?.birthday + ? format(new Date(provinceUserInfo?.profile?.birthday), "yyyy/MM/dd") + : "نامشخص", + provinceUserInfo?.profile?.city, + + {provinceUserInfo?.profile?.password} + , + userProfilePic, + { + // dispatch(inspectorUpdateUserProfile()); + dispatch( + DRAWER({ + title: "ویرایش پروفایل کاربر", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + , + ], + ]; + + setDataTable(b); + }, [provinceUserInfo]); + + return ( + <> + + navigate(-1)} + > + + بازگشت + + + + + + + + + {provinceUserInfo?.rolesData?.map((item, i) => { + if (Object.keys(item).includes("ProvinceOperator")) { + return ( + <> + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات اپراتور", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.ProvinceOperator.trash === true + ? "Activate" + : "Deactivate", + role_data_key: + item.ProvinceOperator.key, + role: "ProvinceOperator", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + ); + } else if (Object.keys(item).includes("ProvinceInspector")) { + return ( + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات بازرس استان", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.ProvinceInspector.trash === true + ? "Activate" + : "Deactivate", + role_data_key: item.ProvinceInspector.key, + role: "ProvinceInspector", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + ); + } else if (Object.keys(item).includes("CityOperator")) { + return ( + <> + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات اپراتور", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.CityOperator.trash === true + ? "Activate" + : "Deactivate", + role_data_key: item.CityOperator.key, + role: "CityOperator", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + + + ); + } else if (Object.keys(item).includes("VetFarm")) { + return ( + <> + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات اپراتور", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.VetFarm.trash === true + ? "Activate" + : "Deactivate", + role_data_key: item.VetFarm.key, + role: "Vet", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + + + ); + } else if (Object.keys(item).includes("KillHouse")) { + return ( + <> + {" "} + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات کشتارگاه", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.KillHouse?.trash === true + ? "Activate" + : "Deactivate", + role_data_key: item.KillHouse?.key, + role: "KillHouse", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + + ); + } else if (Object.keys(item).includes("Poultry")) { + return ( + <> + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات مرغدار", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.Poultry.trash === true + ? "Activate" + : "Deactivate", + role_data_key: item.Poultry.key, + role: "Poultry", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + + + {Object.keys(item.Poultry?.poultryTenant).length > 0 ? ( + + اطلاعات مستاجر مرغدار + + + } + expandable + columns={[ + "شناسه یکتا", + "نام کامل", + "تلفن همراه", + "کد ملی", + ]} + data={[ + [ + item.Poultry.poultryTenant?.breedingUniqueId, + item.Poultry.poultryTenant?.fullName, + item.Poultry.poultryTenant?.mobile, + item.Poultry.poultryTenant?.nationalId, + ], + ]} + /> + ) : ( + !item.Poultry.poultryOwner.length > 0 && ( + + + + مرغدار مستاجر ندارد + + + + ) + )} + + ); + } else if (Object.keys(item).includes("ProvinceFinancial")) { + return ( + <> + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات اپراتور مالی", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.ProvinceFinancial.trash === true + ? "Activate" + : "Deactivate", + role_data_key: + item.ProvinceFinancial.key, + role: "ProvinceFinancial", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + + + ); + } else if (Object.keys(item).includes("KillHouseVet")) { + return ( + <> + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات دامپزشک کشتارگاه", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.KillHouseVet.vet.trash === true + ? "Activate" + : "Deactivate", + role_data_key: item.KillHouseVet.key, + role: "KillHouseVet", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + + + ); + } else if (Object.keys(item).includes("Driver")) { + return ( + <> + + { + dispatch( + DRAWER({ + title: "ویرایش اطلاعات راننده", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + + { + dispatch(LOADING_START()); + dispatch( + inspectorChangeUserState({ + type: + item.Driver.trash === true + ? "Activate" + : "Deactivate", + role_data_key: item.Driver.key, + role: "Driver", + }) + ).then((r) => { + dispatch(LOADING_END()); + window.location.reload(false); + }); + }} + /> + } + /> + , + ], + ]} + /> + + + + ); + } + + return null; + })} + + + + + ); +}; diff --git a/src/features/inspector/components/province-users/ProvinceUsers.js b/src/features/inspector/components/province-users/ProvinceUsers.js new file mode 100644 index 0000000..93eedc5 --- /dev/null +++ b/src/features/inspector/components/province-users/ProvinceUsers.js @@ -0,0 +1,137 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { UserPagination } from "../users-pagination/UsersPagination"; + +export const ProvinceUsers = () => { + // const navigate = useNavigate(); + + // const { provinceUsers } = useSelector((state) => state.provinceSlice); + + // useEffect(() => { + // dispatch(LOADING_START()); + // dispatch(provinceGetUserProfiles()).then((r) => { + // dispatch(LOADING_END()); + // }); + // }, []); + + // const [filteredData, setFilteredData] = useState(provinceUsers); + // useEffect(() => { + // if (rolesSelected.length > 0) { + // const newUsers = provinceUsers?.filter((item, i) => { + // return item?.profile?.role.includes(...rolesSelected); + // }); + + // setFilteredData(newUsers); + // } else if (justBaseUsers) { + // const newUsers = provinceUsers?.filter((item, i) => { + // return item?.profile?.role.length === 0; + // }); + // setFilteredData(newUsers); + // } else { + // setFilteredData(provinceUsers); + // } + + // const d = filteredData?.map((item, i) => { + // return [ + // i + 1, + // item?.profile?.fullname + // ? item?.profile?.fullname + // : item?.profile?.firstName + " " + item?.profile?.lastName, + // + // {!(item?.profile?.role.length > 0) && "کاربر پایه"} + // {item?.profile?.role?.map((item, i) => { + // var name = ""; + // switch (item) { + // case "ProvinceOperator": + // name = "اپراتور تخصیص استان"; + // break; + // case "CityOperator": + // name = "اپراتور شهرستان"; + // break; + // case "KillHouseVet": + // name = "دامپزشک کشتارگاه"; + // break; + // case "VetFarm": + // name = "دامپزشک"; + // break; + // case "Poultry": + // name = "مرغدار"; + // break; + // case "KillHouse": + // name = "کشتارگاه"; + // break; + // case "Vet": + // name = "دامپزشک"; + // break; + // case "ProvinceInspector": + // name = "بازرس استان"; + // break; + // case "ProvinceFinancial": + // name = "اپراتور مالی"; + // break; + // case "Driver": + // name = "راننده"; + // break; + // case "Admin": + // name = "ادمین"; + // break; + + // default: + // break; + // } + // return [{name}]; + // })} + // , + // item?.profile?.mobile, + // item?.profile?.baseOrder, + // item?.profile?.city, + // + // {item?.profile?.password} + // , + // + // + // { + // navigate(ROUTE_PROVINCE_USER_FILE + item?.profile?.key); + // }} + // > + // + // + // + // , + // ]; + // }); + + // setDataTable(d); + // }, [provinceUsers, rolesSelected, filteredData, justBaseUsers]); + + return ( + + + {/* */} + + + + ); +}; diff --git a/src/features/inspector/components/users-pagination/UsersPagination.js b/src/features/inspector/components/users-pagination/UsersPagination.js new file mode 100644 index 0000000..0bdc521 --- /dev/null +++ b/src/features/inspector/components/users-pagination/UsersPagination.js @@ -0,0 +1,387 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useNavigate } from "react-router-dom"; +import { SET_ADMIN_TOKEN } from "../../../../lib/redux/slices/userSlice"; +import VpnKeyIcon from "@mui/icons-material/VpnKey"; +import { loginWithPassword } from "../../../authentication/services/login"; +import ContactPageIcon from "@mui/icons-material/ContactPage"; +import TuneIcon from "@mui/icons-material/Tune"; +import { + ROUTE_ADMINX_OPERATOR_USER_FILE, + ROUTE_PROVINCE_USER_FILE, + ROUTE_SUPER_ADMIN_OPERATOR_USER_FILE, +} from "../../../../routes/routes"; +import { ProvinceSubmitUser } from "../../../province/components/province-submit-user/ProvinceSubmitUser"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { SPACING } from "../../../../data/spacing"; +import { SelectCheck } from "../../../../components/select-check/SelectCheck"; +import { RiSearchLine } from "react-icons/ri"; + +export const UserPagination = () => { + const navigate = useNavigate(); + const authToken = useSelector((state) => state.userSlice.authToken); + + useContext(AppContext); + const dispatch = useDispatch(); + + const UserActions = ({ item }) => { + const [anchorEl, setAnchorEl] = useState(null); + const open = Boolean(anchorEl); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleNavigateToFile = () => { + navigate( + getRoleFromUrl() === "AdminX" + ? ROUTE_ADMINX_OPERATOR_USER_FILE + item?.key + : getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_OPERATOR_USER_FILE + item?.key + : getRoleFromUrl() === "ProvinceOperator" + ? ROUTE_PROVINCE_USER_FILE + item?.key + : ROUTE_PROVINCE_USER_FILE + item?.key + ); + handleClose(); + }; + + const handleLoginToPanel = () => { + dispatch(SET_ADMIN_TOKEN(authToken)); + dispatch(LOADING_START()); + dispatch( + loginWithPassword({ + mobile: item?.mobile, + password: item?.password, + }) + ).then(() => { + dispatch(LOADING_END()); + navigate("/"); + }); + handleClose(); + }; + + const canLogin = + getRoleFromUrl() === "AdminX" || getRoleFromUrl() === "SuperAdmin"; + + return ( + + + + + + + + + + + + + + پرونده کاربر + + } + /> + + {canLogin && ( + + + + + + ورود به پنل + + } + /> + + )} + + + + ); + }; + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [rolesSelected, setRolesSelected] = useState([]); + const rolesQueryParam = rolesSelected.length ? rolesSelected.join() : ""; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `system_user_profile/?users_info&search=filter&value=${ + textValue || "" + }&page=${page}&page_size=${perPage}&roles=${rolesQueryParam}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const getPassword = (item) => { + if (getRoleFromUrl() !== "ProvinceOperator") { + return [item?.password]; + } else { + return []; + } + }; + const getPasswordColumn = () => { + if (getRoleFromUrl() !== "ProvinceOperator") { + return ["کلمه عبور"]; + } else { + return []; + } + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.fullname + ? item?.fullname + : item?.firstName + " " + item?.lastName, + + {!(item?.role?.length > 0) && "کاربر پایه"} + {item?.role?.map((item, i) => { + let name = ""; + switch (item) { + case "ProvinceOperator": + name = "اپراتور تخصیص استان"; + break; + case "CityOperator": + name = "اپراتور شهرستان"; + break; + case "KillHouseVet": + name = "دامپزشک کشتارگاه"; + break; + case "VetFarm": + name = "دامپزشک"; + break; + case "Poultry": + name = "مرغدار"; + break; + case "KillHouse": + name = "کشتارگاه"; + break; + case "Vet": + name = "دامپزشک"; + break; + case "ProvinceInspector": + name = "بازرس استان"; + break; + case "ProvinceFinancial": + name = "اپراتور مالی"; + break; + case "Driver": + name = "راننده"; + break; + case "Admin": + name = "ادمین"; + break; + + default: + break; + } + return {name}; + })} + , + item?.mobile, + item?.baseOrder, + item?.city, + ...getPassword(item), + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `system_user_profile/?users_info&search=filter&value=${ + textValue || "" + }&page=${page}&page_size=${perPage}&roles=${rolesQueryParam}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + کاربران + + setRolesSelected(e)} + options={[ + { label: "اپراتور تخصیص استان", value: "ProvinceOperator" }, + { label: "اپراتور شهرستان", value: "CityOperator" }, + { label: "بازرس استان", value: "ProvinceInspector" }, + { label: "دامپزشک", value: "VetFarm" }, + { label: "کشتارگاه", value: "KillHouse" }, + { label: "دامپزشک کشتارگاه", value: "KillHouseVet" }, + { label: "مرغدار", value: "Poultry" }, + { label: "اپراتور مالی", value: "ProvinceFinancial" }, + { label: "راننده", value: "Driver" }, + { label: "ادمین", value: "Admin" }, + ]} + /> + + + + + + + + + + + + + + ); +}; diff --git a/src/features/inspector/services/inspector-change-user-state.js b/src/features/inspector/services/inspector-change-user-state.js new file mode 100644 index 0000000..3dfbcc1 --- /dev/null +++ b/src/features/inspector/services/inspector-change-user-state.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const inspectorChangeUserState = createAsyncThunk( + "INSPECTOR_CHANGE_USER_STATE", + async (d) => { + const { data, status } = await axios.delete("system_user_profile/0/", { + params: d, + }); + return { data, status }; + } +); diff --git a/src/features/inspector/services/inspector-delete-killhouse-vet.js b/src/features/inspector/services/inspector-delete-killhouse-vet.js new file mode 100644 index 0000000..271bca5 --- /dev/null +++ b/src/features/inspector/services/inspector-delete-killhouse-vet.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const inspectorDeleteKillhouseVetService = createAsyncThunk( + "INSPECTOR_SET_KILLHOUSE_VET_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete("kill_house_vet/0/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/inspector/services/inspector-delete-vet-farm.js b/src/features/inspector/services/inspector-delete-vet-farm.js new file mode 100644 index 0000000..d0fde85 --- /dev/null +++ b/src/features/inspector/services/inspector-delete-vet-farm.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const inspectorDeleteVetFarmService = createAsyncThunk( + "INSPECTOR_DELETE_VET_FARM_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete("vet_farm/0/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/inspector/services/inspector-get-kill-houses.js b/src/features/inspector/services/inspector-get-kill-houses.js new file mode 100644 index 0000000..affe833 --- /dev/null +++ b/src/features/inspector/services/inspector-get-kill-houses.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const inspectorGetKillHousesService = createAsyncThunk( + "INSPECTOR_GET_KILL_HOUSES", + async () => { + const { data, status } = await axios.get( + `kill_house/?role=${getRoleFromUrl()}` + ); + return { data, status }; + } +); diff --git a/src/features/inspector/services/inspector-get-poultry-science-report.js b/src/features/inspector/services/inspector-get-poultry-science-report.js new file mode 100644 index 0000000..65d5736 --- /dev/null +++ b/src/features/inspector/services/inspector-get-poultry-science-report.js @@ -0,0 +1,9 @@ +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const inspectorGetPoultryScienceReport = async (page, pageSize) => { + const response = await axios.get( + `poultry_science_report/?role=${getRoleFromUrl()}&page=${page}&page_size=${pageSize}` + ); + return response.data; +}; diff --git a/src/features/inspector/services/inspector-get-profile.js b/src/features/inspector/services/inspector-get-profile.js new file mode 100644 index 0000000..925483c --- /dev/null +++ b/src/features/inspector/services/inspector-get-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const inspectorGetProfile = createAsyncThunk( + "INSPECTOR_GET_PROFILE", + async () => { + const { data, status } = await axios.get("inspector_operator/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/inspector/services/inspector-get-reporting.js b/src/features/inspector/services/inspector-get-reporting.js new file mode 100644 index 0000000..75c5e73 --- /dev/null +++ b/src/features/inspector/services/inspector-get-reporting.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const inspectorGetReporting = createAsyncThunk( + "INSPECTOR_GET_REPORTING", + async (d) => { + const { data, status } = await axios.get( + "reporting-all-poultry/?type=filter&value=" + d + ); + return { data, status }; + } +); diff --git a/src/features/inspector/services/inspector-new-requests.js b/src/features/inspector/services/inspector-new-requests.js new file mode 100644 index 0000000..0724699 --- /dev/null +++ b/src/features/inspector/services/inspector-new-requests.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const inspectorGetNewRequests = createAsyncThunk( + "INSPECTOR_GET_NEW_REQUESTS", + async () => { + const { data, status } = await axios.get( + "Poultry_Request/?role=ProvinceInspector" + ); + return { data, status }; + } +); diff --git a/src/features/inspector/services/inspector-set-killhouse-vet.js b/src/features/inspector/services/inspector-set-killhouse-vet.js new file mode 100644 index 0000000..4072453 --- /dev/null +++ b/src/features/inspector/services/inspector-set-killhouse-vet.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const inspectorSetKillhouseVetService = createAsyncThunk( + "INSPECTOR_SET_KILLHOUSE_VET_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post("kill_house_vet/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/inspector/services/inspector-update-user-profile.js b/src/features/inspector/services/inspector-update-user-profile.js new file mode 100644 index 0000000..bb7fc0a --- /dev/null +++ b/src/features/inspector/services/inspector-update-user-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const inspectorUpdateUserProfile = createAsyncThunk( + "INSPECTOR_UPDATE_USER_PROFILE", + async (d) => { + const { data, status } = await axios.put("system_user_profile/0/", d); + return { data, status }; + } +); diff --git a/src/features/inspector/services/manage-farm-get-farms.js b/src/features/inspector/services/manage-farm-get-farms.js new file mode 100644 index 0000000..2d2a3ef --- /dev/null +++ b/src/features/inspector/services/manage-farm-get-farms.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const manageFarmGetFarmsService = createAsyncThunk( + "MANAGE_FARM_GET_FARMS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("vet/"); + dispatch(LOADING_END()); + + return { data, status }; + } +); diff --git a/src/features/inspector/services/province-update-tenant.js b/src/features/inspector/services/province-update-tenant.js new file mode 100644 index 0000000..eb19eb9 --- /dev/null +++ b/src/features/inspector/services/province-update-tenant.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdateTenantService = createAsyncThunk( + "PROVINCE_UPDATE_TENANT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("poultry_tenant_update/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/jahad/components/jahad-illegal-killing/JahadIllegalKillingComponent.js b/src/features/jahad/components/jahad-illegal-killing/JahadIllegalKillingComponent.js new file mode 100644 index 0000000..f36eecc --- /dev/null +++ b/src/features/jahad/components/jahad-illegal-killing/JahadIllegalKillingComponent.js @@ -0,0 +1,71 @@ +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { jahadIllegalKillingService } from "../../services/jahad-illegal-killing"; + +export const JahadIllegalKillingComponent = () => { + const dispatch = useDispatch(); + const { jahadIllegalKilling } = useSelector((state) => state.jahadSlice); + + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(jahadIllegalKillingService()); + }, []); + + useEffect(() => { + const d = jahadIllegalKilling?.map((item, i) => { + const killedNumber = item.quantity - item.losses - item.leftOver; + return [ + i + 1, + item.poultry.unitName, + item.poultry.userprofile.baseOrder, + item.poultry.userprofile.mobile, + item.hall, + item.period, + formatJustDate(item?.createDate), + formatJustDate(item?.date), + item.chickenBreed, + item.age, + item.quantity, + `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + killedNumber + + ` (%${((killedNumber * 100) / item.quantity).toFixed(0)})`, + `${item.leftOver} (%${((item.leftOver * 100) / item.quantity).toFixed( + 0 + )})`, + item.message, + ]; + }); + + setDataTable(d); + }, [jahadIllegalKilling]); + + return ( + + + + ); +}; diff --git a/src/features/jahad/components/jahad-kill-stats/JahadKillStatsComponent.js b/src/features/jahad/components/jahad-kill-stats/JahadKillStatsComponent.js new file mode 100644 index 0000000..e8a49bc --- /dev/null +++ b/src/features/jahad/components/jahad-kill-stats/JahadKillStatsComponent.js @@ -0,0 +1,141 @@ +import React, { useEffect, useState } from "react"; +import { Bar, Line } from "react-chartjs-2"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { Chart as ChartJs } from "chart.js/auto"; +import { defaults } from "chart.js"; +import { IconButton } from "@mui/material"; +import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf"; +import { useDispatch, useSelector } from "react-redux"; +import { killsDailyReportService } from "../../services/kills-daily-report-service"; +import { format } from "date-fns-jalali"; +import { SPACING } from "../../../../data/spacing"; +defaults.font.family = "iranyekan"; +console.log(ChartJs); + +export const JahadKillStatsComponent = () => { + const dispatch = useDispatch(); + + const { killsDailyReport } = useSelector((state) => state.jahadSlice); + + const [tableData, setTableData] = useState([]); + + const [barChartData] = useState({ + labels: killsDailyReport?.map((item) => + format(new Date(item.date), "yyyy/MM/dd") + ), + datasets: [ + { + label: "درخواست کشتار", + data: killsDailyReport?.map((item) => item.totalPoultryRequestQuantity), + backgroundColor: "#ff6384", + }, + { + label: "تایید شده", + data: killsDailyReport?.map((item) => item.acceptedRequestQuantity), + backgroundColor: "#36a2eb", + }, + ], + options: { + title: { + display: true, + text: "Monthly Sales and Expenses Report", + fontSize: 18, + }, + legend: { + position: "bottom", + }, + scales: { + yAxes: [ + { + ticks: { + beginAtZero: true, + }, + }, + ], + }, + }, + }); + const [chartData] = useState({ + labels: killsDailyReport?.map((item) => + format(new Date(item.date), "yyyy/MM/dd") + ), + datasets: [ + { + label: "میانگین وزن", + data: killsDailyReport?.map((item) => item.indexWeight), + borderColor: "#ff6384", + fill: false, + }, + ], + options: { + title: { + display: true, + text: "Monthly Sales Report", + fontSize: 18, + }, + legend: { + position: "bottom", + }, + tooltips: { + mode: "index", + intersect: false, + }, + }, + }); + + useEffect(() => { + dispatch(killsDailyReportService()); + }, []); + + useEffect(() => { + const d = killsDailyReport?.map((item, i) => { + return [ + item.province, + item.date, + item.indexWeight, + item.remainQuantity, + item.provinceQuantity, + item.countryQuantity, + + + + + , + ]; + }); + setTableData(d); + }, [killsDailyReport]); + + return ( + + + + + + + + + + + + + ); +}; diff --git a/src/features/jahad/components/jahad-profile/JahadProfile.js b/src/features/jahad/components/jahad-profile/JahadProfile.js new file mode 100644 index 0000000..883f878 --- /dev/null +++ b/src/features/jahad/components/jahad-profile/JahadProfile.js @@ -0,0 +1,58 @@ +import React, { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { jahadGetProfile } from "../../services/jahadGetProfile"; +import { Box } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; + +export const JahadProfile = () => { + const dispatch = useDispatch(); + const { profile } = useSelector((state) => state.jahadSlice); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(jahadGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + {/* + + */} + + + + + + ); +}; diff --git a/src/features/jahad/services/jahad-illegal-killing.js b/src/features/jahad/services/jahad-illegal-killing.js new file mode 100644 index 0000000..1c3e7e3 --- /dev/null +++ b/src/features/jahad/services/jahad-illegal-killing.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const jahadIllegalKillingService = createAsyncThunk( + "JAHAD_ILLEGAL_KILLING_SERVICE", + async (d) => { + const { data, status } = await axios.get("poultry_hatching/?illegal"); + return { data, status }; + } +); diff --git a/src/features/jahad/services/jahadGetProfile.js b/src/features/jahad/services/jahadGetProfile.js new file mode 100644 index 0000000..1b86ea3 --- /dev/null +++ b/src/features/jahad/services/jahadGetProfile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const jahadGetProfile = createAsyncThunk( + "JAHAD_GET_PROFILE", + async (d) => { + const { data, status } = await axios.get("jahad/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/jahad/services/kills-daily-report-service.js b/src/features/jahad/services/kills-daily-report-service.js new file mode 100644 index 0000000..6b41d61 --- /dev/null +++ b/src/features/jahad/services/kills-daily-report-service.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const killsDailyReportService = createAsyncThunk( + "KILLS_DAILY_REPORT_SERVICE", + async (d) => { + const { data, status } = await axios.get("letter_report/?daily_report"); + return { data, status }; + } +); diff --git a/src/features/live-stock-support/components/live-stock-all-freezing-requests/LiveStockAllFreezingRequests.js b/src/features/live-stock-support/components/live-stock-all-freezing-requests/LiveStockAllFreezingRequests.js new file mode 100644 index 0000000..ba4e3dd --- /dev/null +++ b/src/features/live-stock-support/components/live-stock-all-freezing-requests/LiveStockAllFreezingRequests.js @@ -0,0 +1,323 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch, useSelector } from "react-redux"; +import { liveStockGetFreezingRequests } from "../../services/live-stock-get-freezing-requests"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { DatePicker } from "@mui/x-date-pickers"; +import { SPACING } from "../../../../data/spacing"; +import { + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Tab, + Tabs, + TextField, +} from "@mui/material"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { LiveStockEnterQuantityWeight } from "../live-stock-enter-quantity-weight/LiveStockEnterQuantityWeight"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { liveStockChangeFreezingState } from "../../services/live-stock-change-freezing-state"; +import TuneIcon from "@mui/icons-material/Tune"; +import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline"; +import CancelOutlinedIcon from "@mui/icons-material/CancelOutlined"; + +export const LiveStockAllFreezingRequests = () => { + const dispatch = useDispatch(); + + const [value, setValue] = React.useState("0"); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const [tableData, setTableData] = useState([]); + const [tableDataArchived, setTableDataArchived] = useState([]); + const [openNotif] = useContext(AppContext); + + const { freezingRequests } = useSelector((state) => state.liveStockSlice); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const [actionMenuState, setActionMenuState] = useState({ + anchorPosition: null, + item: null, + }); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApi = () => { + if (!selectedDate1 || !selectedDate2) { + return; + } + dispatch( + liveStockGetFreezingRequests({ + role: getRoleFromUrl(), + date1: selectedDate1, + date2: selectedDate2, + }) + ); + }; + + useEffect(() => { + fetchApi(); + }, [selectedDate1, selectedDate2]); + + const handleOpenActionMenu = (event, item) => { + const rect = event.currentTarget.getBoundingClientRect(); + setActionMenuState({ + anchorPosition: { + top: rect.bottom + window.scrollY, + left: rect.left + rect.width / 2 + window.scrollX, + }, + item, + }); + }; + + const handleCloseActionMenu = () => { + setActionMenuState({ + anchorPosition: null, + item: null, + }); + }; + + const handleApproveRequest = (item) => { + if (!item) { + return; + } + dispatch( + OPEN_MODAL({ + title: "تایید درخواست", + content: ( + + ), + }) + ); + handleCloseActionMenu(); + }; + + const handleRejectRequest = (item) => { + if (!item) { + return; + } + handleCloseActionMenu(); + dispatch( + liveStockChangeFreezingState({ + allocation_key: item?.key, + role: getRoleFromUrl(), + state: "rejected", + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchApi(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + handleCloseActionMenu(); + }); + }; + + useEffect(() => { + if (!freezingRequests || !Array.isArray(freezingRequests)) { + setTableData([]); + setTableDataArchived([]); + return; + } + + const d = freezingRequests + .filter((item) => item?.state === "pending") + .map((item, i) => { + return [ + i + 1, + item?.coldHouse?.name || "-", + item?.killHouseRequest?.killHouseRequestInfo?.poultryName || "-", + item?.killHouseRequest?.killHouseRequestInfo?.killHouseFullname || + "-", + item?.quantity || "-", + item?.weight || "-", + formatJustDate(item?.createDate) || "-", + "در انتظار تایید", + + handleOpenActionMenu(event, item)} + > + + + , + ]; + }); + + setTableData(d || []); + + const a = freezingRequests + .filter((item) => item?.state !== "pending") + .map((item, i) => { + let state = "تایید شده"; + if (item?.state === "rejected") { + state = "رد شده"; + } + return [ + i + 1, + item?.coldHouse?.name || "-", + item?.killHouseRequest?.killHouseRequestInfo?.poultryName || "-", + item?.killHouseRequest?.killHouseRequestInfo?.killHouseFullname || + "-", + item?.quantity || "-", + item?.weight || "-", + formatJustDate(item?.createDate) || "-", + state, + ]; + }); + + setTableDataArchived(a || []); + }, [freezingRequests]); + + const tableTitle = + value === "0" ? "تخصیص برای انجماد" : "تخصیص برای انجماد تایید / رد شده"; + + const tableFilters = ( + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ); + + return ( + + + + + + + {value === "0" ? ( + + ) : ( + + )} + + + handleApproveRequest(actionMenuState.item)} + > + + + + + + handleRejectRequest(actionMenuState.item)} + > + + + + + + + + + ); +}; diff --git a/src/features/live-stock-support/components/live-stock-cold-house/LiveStockColdHouse.js b/src/features/live-stock-support/components/live-stock-cold-house/LiveStockColdHouse.js new file mode 100644 index 0000000..b93fe9b --- /dev/null +++ b/src/features/live-stock-support/components/live-stock-cold-house/LiveStockColdHouse.js @@ -0,0 +1,156 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch, useSelector } from "react-redux"; +import { liveStockGetInventoryData } from "../../services/live-stock-get-inventory-data"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { liveStockGetFreezingRequests } from "../../services/live-stock-get-freezing-requests"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { TextField, Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { DatePicker } from "@mui/x-date-pickers"; + +export const LiveStockColdHouseComponent = () => { + const { inventoryData } = useSelector((item) => item.liveStockSlice); + const [tableData, setTableData] = useState([]); + + const dispatch = useDispatch(); + useEffect(() => { + dispatch(liveStockGetInventoryData()); + }, []); + + const { freezingRequests } = useSelector((state) => state.liveStockSlice); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApi = () => { + if (!selectedDate1 || !selectedDate2) { + return; + } + dispatch( + liveStockGetFreezingRequests({ + role: getRoleFromUrl(), + date1: selectedDate1, + date2: selectedDate2, + }) + ); + }; + + useEffect(() => { + fetchApi(); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + if (!freezingRequests || !Array.isArray(freezingRequests)) { + setTableData([]); + return; + } + + const d = freezingRequests + .filter((item) => item?.state === "accepted") + .map((item, i) => { + return [ + i + 1, + item?.coldHouse?.name || "-", + item?.killHouseRequest?.killHouseRequestInfo?.poultryName || "-", + item?.killHouseRequest?.killHouseRequestInfo?.killHouseFullname || + "-", + item?.quantity || "-", + item?.weight || "-", + formatJustDate(item?.createDate) || "-", + "در انتظار تایید", + ]; + }); + + setTableData(d || []); + }, [freezingRequests]); + + const tableTitle = ( + + + تخصیص برای انجماد + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + ); + + return ( + + + + + + + + ); +}; diff --git a/src/features/live-stock-support/components/live-stock-enter-quantity-weight/LiveStockEnterQuantityWeight.js b/src/features/live-stock-support/components/live-stock-enter-quantity-weight/LiveStockEnterQuantityWeight.js new file mode 100644 index 0000000..0ab9ec4 --- /dev/null +++ b/src/features/live-stock-support/components/live-stock-enter-quantity-weight/LiveStockEnterQuantityWeight.js @@ -0,0 +1,92 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { TextField, Button } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { liveStockChangeFreezingState } from "../../services/live-stock-change-freezing-state"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const LiveStockEnterQuantityWeight = ({ item, fetchApi }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const validationSchema = yup.object({ + quantity: yup + .number() + .required("مقدار اجباری است") + .positive("عدد مثبت وارد کنید"), + weight: yup + .number() + .required("وزن اجباری است") + .positive("عدد مثبت وارد کنید"), + }); + const formik = useFormik({ + initialValues: { + quantity: item.quantity ? item?.quantity : "", + weight: item.weight ? item?.weight : "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + liveStockChangeFreezingState({ + allocation_key: item?.key, + role: getRoleFromUrl(), + state: "accepted", + accepted_quantity: parseInt(formik.values.quantity), + accepted_weight: parseInt(formik.values.weight), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchApi(); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( + + ); +}; diff --git a/src/features/live-stock-support/components/live-stock-profile/LiveStockProfile.js b/src/features/live-stock-support/components/live-stock-profile/LiveStockProfile.js new file mode 100644 index 0000000..e22ddac --- /dev/null +++ b/src/features/live-stock-support/components/live-stock-profile/LiveStockProfile.js @@ -0,0 +1,68 @@ +import React, { useEffect, useState } from "react"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { liveStockProfile } from "../../services/live-stock-profile"; +import { useDispatch } from "react-redux"; +import { Box } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; + +const LiveStockProfile = () => { + const [profileInfo, setProfileInfo] = useState(); + + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(liveStockProfile()).then((r) => { + setProfileInfo(r.payload.data); + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + + + + + + ); +}; + +export default LiveStockProfile; diff --git a/src/features/live-stock-support/services/live-stock-change-freezing-state.js b/src/features/live-stock-support/services/live-stock-change-freezing-state.js new file mode 100644 index 0000000..03200e7 --- /dev/null +++ b/src/features/live-stock-support/services/live-stock-change-freezing-state.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const liveStockChangeFreezingState = createAsyncThunk( + "LIVE_STOCK_CHANGE_FREEZING_STATE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "check-cold-house-allocations/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/live-stock-support/services/live-stock-get-freezing-requests.js b/src/features/live-stock-support/services/live-stock-get-freezing-requests.js new file mode 100644 index 0000000..acfc0d7 --- /dev/null +++ b/src/features/live-stock-support/services/live-stock-get-freezing-requests.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const liveStockGetFreezingRequests = createAsyncThunk( + "LIVE_STOCK_GET_FREEZING_REQUESTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("cold-house-allocations/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/live-stock-support/services/live-stock-get-inventory-data.js b/src/features/live-stock-support/services/live-stock-get-inventory-data.js new file mode 100644 index 0000000..c4ae9e9 --- /dev/null +++ b/src/features/live-stock-support/services/live-stock-get-inventory-data.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const liveStockGetInventoryData = createAsyncThunk( + "SLAUGHTER_GET_COLD_HOUSES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("cold-house/", { + params: { role: getRoleFromUrl(), ...d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const liveStockGetInventoryDataDashboard = createAsyncThunk( + "SLAUGHTER_GET_COLD_HOUSES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("cold-house-dashboard/", { + params: { role: getRoleFromUrl(), ...d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/live-stock-support/services/live-stock-profile.js b/src/features/live-stock-support/services/live-stock-profile.js new file mode 100644 index 0000000..49a515d --- /dev/null +++ b/src/features/live-stock-support/services/live-stock-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const liveStockProfile = createAsyncThunk( + "LIVE_STOCK_PROFILE", + async () => { + const { data, status } = await axios.get("live_stock_support/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/messages/components/messages-recivers/MessagesRecivers.js b/src/features/messages/components/messages-recivers/MessagesRecivers.js new file mode 100644 index 0000000..f806631 --- /dev/null +++ b/src/features/messages/components/messages-recivers/MessagesRecivers.js @@ -0,0 +1,89 @@ +import React from "react"; + +import { PropTypes } from "prop-types"; + +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; + +import { Accordion, Chip, Divider, Typography } from "@mui/material"; + +import AccordionSummary from "@mui/material/AccordionSummary"; +import AccordionDetails from "@mui/material/AccordionDetails"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; + +const MessagesRecivers = ({ + heading, + message, + linkText, + link, + image, + time, + number, +}) => { + return ( + + } + aria-controls="panel1a-content" + id="panel1a-header" + > + + {heading ? number + 1 + " - " + heading : number + 1 + " بدون عنوان "} + + + + + {message ? message : "برای این پیغام توضیحی نوشته نشده است"} +

+ + تاریخ ثبت پیام: {formatJustDate(time)} - ساعت {formatJustTime(time)} + + + + {linkText && ( + <> + + + + + + + {linkText} + + + + )} + + {image?.length ? ( + + + + ) : ( + "" + )} + + {image?.length + ? image.map((item, i) => { + return [ + + +

+ + , + ]; + }) + : ""} + + ); +}; +MessagesRecivers.propTypes = { + message: PropTypes.string, + heading: PropTypes.string, + link: PropTypes.string, + linkText: PropTypes.string, + image: PropTypes.any, + time: PropTypes.string, + number: PropTypes.any, +}; +export default MessagesRecivers; diff --git a/src/features/messages/components/messages-senders/MessagesSenders.js b/src/features/messages/components/messages-senders/MessagesSenders.js new file mode 100644 index 0000000..24af63f --- /dev/null +++ b/src/features/messages/components/messages-senders/MessagesSenders.js @@ -0,0 +1,103 @@ +import React, { useState } from "react"; +import { PropTypes } from "prop-types"; +import { + List, + ListItem, + ListItemText, + Divider, + Typography, + Chip, + Button, + Collapse, +} from "@mui/material"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import ExpandLessIcon from "@mui/icons-material/ExpandLess"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; + +const MessagesSenders = ({ + heading, + message, + linkText, + link, + image, + time, + number, +}) => { + const [isMessageVisible, setMessageVisible] = useState(false); + + const toggleMessageVisibility = () => { + setMessageVisible(!isMessageVisible); + }; + + return ( + + + + + + + + + + {message ? message : "برای این پیام توضیحی نوشته نشده است"} + + + + + + + تاریخ ثبت پیام: {formatJustDate(time)} - ساعت {formatJustTime(time)} + + + + {linkText && ( + <> + + + + + + + {linkText} + + + + )} + + + + {image && image.length > 0 && ( +

+ + + + {image.map((item, i) => ( + + +

+ + + ))} +

+ )} + + ); +}; + +MessagesSenders.propTypes = { + message: PropTypes.string, + heading: PropTypes.string, + link: PropTypes.string, + linkText: PropTypes.string, + image: PropTypes.array, + time: PropTypes.string, + number: PropTypes.number, +}; + +export default MessagesSenders; diff --git a/src/features/messages/services/messages-get-reciver-messages.js b/src/features/messages/services/messages-get-reciver-messages.js new file mode 100644 index 0000000..ee54fab --- /dev/null +++ b/src/features/messages/services/messages-get-reciver-messages.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const messagesGetReciverMessages = createAsyncThunk( + "MESSAGES_GET_RECIVER_MESSAGES", + async () => { + const { data, status } = await axios.get("user_message/?receiver"); + return { data, status }; + } +); diff --git a/src/features/messages/services/messages-get-sender-messages.js b/src/features/messages/services/messages-get-sender-messages.js new file mode 100644 index 0000000..a874fe4 --- /dev/null +++ b/src/features/messages/services/messages-get-sender-messages.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const messagesGetSenderMessages = createAsyncThunk( + "MESSAGES_GET_SENDER_MESSAGES", + async () => { + const { data, status } = await axios.get("user_message/?sender"); + return { data, status }; + } +); diff --git a/src/features/payment/components/PaymentFailed.js b/src/features/payment/components/PaymentFailed.js new file mode 100644 index 0000000..21ab049 --- /dev/null +++ b/src/features/payment/components/PaymentFailed.js @@ -0,0 +1,114 @@ +import { Button, Typography, Paper, Box, Divider } from "@mui/material"; +import { format } from "date-fns-jalali"; +import { useNavigate } from "react-router-dom"; +import { motion } from "framer-motion"; +import MoodBadIcon from "@mui/icons-material/MoodBad"; + +export const PaymentFailed = ({ params }) => { + const navigate = useNavigate(); + + return ( + + + + + + + + + + تراکنش انجام نشد! + + + + {params?.error || "خطای ناشناخته"} + + + + در صورت کسر مبلغ از حساب با پشتیبانی تماس بگیرید. + + + + + تاریخ و زمان: + + {format( + new Date(params?.date || new Date()), + "yyyy/MM/dd hh:mm:ss" + )} + + + + + + + + + + ); +}; diff --git a/src/features/payment/components/PaymentResult.js b/src/features/payment/components/PaymentResult.js new file mode 100644 index 0000000..be6ba11 --- /dev/null +++ b/src/features/payment/components/PaymentResult.js @@ -0,0 +1,16 @@ +import { useLocation } from "react-router-dom"; +import { PaymentFailed } from "./PaymentFailed"; +import { PaymentSuccess } from "./PaymentSuccess"; + +export const PaymentResult = () => { + const location = useLocation(); + const urlParams = new URLSearchParams(location.search); + const params = Object.fromEntries(urlParams.entries()); + + return ( + <> + {params?.error && } + {!params?.error && } + + ); +}; diff --git a/src/features/payment/components/PaymentSuccess.js b/src/features/payment/components/PaymentSuccess.js new file mode 100644 index 0000000..8b55e5e --- /dev/null +++ b/src/features/payment/components/PaymentSuccess.js @@ -0,0 +1,135 @@ +import { Button, Typography, Paper, Box, Divider } from "@mui/material"; +import { CheckCircleOutline, CreditCard, Paid } from "@mui/icons-material"; +import { format } from "date-fns-jalali"; +import { useNavigate } from "react-router-dom"; +import { motion } from "framer-motion"; +import DialpadIcon from "@mui/icons-material/Dialpad"; + +export const PaymentSuccess = ({ params }) => { + const navigate = useNavigate(); + + return ( + + + + + + + + تراکنش با موفقیت انجام شد. + + + + + + } + /> + } + /> + } + /> + + + + + + + + + + ); +}; + +const DetailRow = ({ label, value, icon }) => ( + + + {label}: + + + {icon} + {value} + + +); diff --git a/src/features/province-finacial/components/factor-to-print/FactorToPrint.js b/src/features/province-finacial/components/factor-to-print/FactorToPrint.js new file mode 100644 index 0000000..86a06d3 --- /dev/null +++ b/src/features/province-finacial/components/factor-to-print/FactorToPrint.js @@ -0,0 +1,192 @@ +import React from "react"; +import { PropTypes } from "prop-types"; +// import style from "./style.css"; +const style = null; +export const FactorToPrint = ({ process }) => { + return ( + <> +

مشخصات شهرستان

+ + + + + + + + + + + + + + + + + +

نام اپراتور	استان	کدملی	تلفن	شهرستان	نشانی
{process.city?.cityOperatorName}	{process.city?.cityOperatorProvince}	{process.city?.cityOperatorNationalId}	{process.city?.cityOperatorMobile}	{process.city?.cityOperatorCity}	{process.city?.cityOperatorAddress}

+ +

مشخصات استان

+ + + + + + + + + + + + + + + + + +

نام اپراتور	استان	شهرستان	کدملی	تلفن	نشانی
{process.province?.provinceOperatorName}	{process.province?.provinceOperatorProvinc}	{process.province?.provinceOperatorCity}	{process.province?.provinceOperatorNationalId}	{process.province?.provinceOperatorMobile}	{process.province?.provinceOperatorAddress}

+ + {process.provinceKillRequests?.map((item, i) => { + return [ + <> +

مشخصات کشتارگاه

+ + + + + + + + + + + + + + + + + + +

نام کشتارگاه	نشانی	استان	شهرستان	کدملی	تلفن
{item.killHouseName}	{item.killHouseUserAddress}	{item.killHouseUserProvince}	{item.killHouseUserCity}	{item.killHouseName}	{item.killHouseMobile}

+ + {process.provinceKillRequests[i].killHouseRequests?.map( + (item, i) => { + return [ + <> + + + + + + + + + + + + + + + +

کد بار	وزن	مقدار	مبلغ واحد	مبلغ کل
{item.barcod}	{item.provinceFactorToKillHouse?.weight}	{item.quantity}	{item.fee + " ریال "}	+ {item.provinceFactorToKillHouse?.cost + " ریال "} +

+ , + ]; + } + )} + +

مشخصات کالا یا خدمات مورد معامله

+ + + + + + + + + + + + + + + + +

کالا	تعداد	واحد	بهای واحد	بهای کل
مرغ	{process.poultry?.poultryQuantity}	قطعه	+ {process.allocation.fee + ? process.allocation?.fee + " ریال " + : "-"} +	+ {process.allocation.totalMoney + ? process.allocation.totalMoney + " ریال " + : "-"} +

+ , + ]; + })} + +

+ سهم اتحادیه:{" "} + {process.allocation?.provinceShareDigit.toLocaleString() + " ریال"}{" "} + ({process.allocation?.provinceShareChar}) +
+ سهم شهرستان:{" "} + {process.allocation?.cityShareDigit.toLocaleString() + " ریال"} ( + {process.allocation?.cityShareChar}) +
+ سهم فن آوا:{" "} + {process.allocation?.fanavaShareDigit.toLocaleString() + " ریال"} ( + {process.allocation?.fanavaShareShareChar}) +
+ سهم شرکت:{" "} + {process.allocation?.companyShareDigit.toLocaleString() + " ریال"} ( + {process.allocation?.companyShareChar}) +
+ سهم اتحادیه مرکزی:{" "} + {process.allocation?.centralUnionShareDigit.toLocaleString() + + " ریال"}{" "} + ({process.allocation?.centralUnionShareChar}) +
+ پرداختی مرغدار:{" "} + {process.allocation?.poultryShareDigit.toLocaleString() + " ریال"} ( + {process.allocation?.poultryShareChar}) +
+ مبلغ کل: {process.allocation?.totalMoney.toLocaleString() + " ریال"}{" "} + ({process.allocation?.totalMoneyChar}) +

+ + ); +}; + +FactorToPrint.propTypes = { + process: PropTypes.any, +}; diff --git a/src/features/province-finacial/components/factor-to-print/style.css b/src/features/province-finacial/components/factor-to-print/style.css new file mode 100644 index 0000000..95d4df7 --- /dev/null +++ b/src/features/province-finacial/components/factor-to-print/style.css @@ -0,0 +1,28 @@ +table { + font-family: arial, sans-serif; + border-collapse: collapse; + width: 100%; +} + +td, +th { + border: 1px solid #dddddd; + text-align: center; + padding: 5px; +} + +tr:nth-child(even) { + background-color: #dddddd; +} + +h4 { + text-align: center; +} + +ul { + text-align: initial; +} + +h4 { + margin: 0px; +} diff --git a/src/features/province-finacial/components/factor/Factor.js b/src/features/province-finacial/components/factor/Factor.js new file mode 100644 index 0000000..6209449 --- /dev/null +++ b/src/features/province-finacial/components/factor/Factor.js @@ -0,0 +1,591 @@ +import { IconButton, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +// import PrintIcon from "@mui/icons-material/Print"; +import { PropTypes } from "prop-types"; +// import { FactorToPrint } from "../factor-to-print/FactorToPrint"; +import { formatTime } from "../../../../utils/formatTime"; +import { + TimelineConnector, + TimelineContent, + TimelineDot, + TimelineItem, + TimelineOppositeContent, + TimelineSeparator, +} from "@mui/lab"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import NoteAddIcon from "@mui/icons-material/NoteAdd"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { FactorPaymentShareDrawer } from "../../../file/components/factor-payment-share-drawer/FactorPaymentShareDrawer"; +import { useDispatch } from "react-redux"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import useRequestFile from "../../../file/hooks/useRequestFile"; +// import { useRef } from "react"; +// import ReactToPrint from "react-to-print"; + +export const Factor = ({ process, id }) => { + const dispatch = useDispatch(); + const myFile = useRequestFile(id); + process = process ? process : myFile?.file?.process; + + // const slaughterAllocatedRequests = useSlaughterAllocatedRequests(id); + // const { id } = useParams(); + // const componentRef = useRef(); + // const handlePrint = () => { + // var printWindow = window.open(FactorToPrint); + // printWindow.print(); + // }; + let provinceShare, + cityShare, + fanavaShare, + companyShare, + unionShare, + poultryShare; + + const isProvinceSubmitDocEnabled = + getRoleFromUrl() === "ProvinceFinancial" && + !process.allocation?.provincePaymentDocuments?.length && + !!process.allocation?.provinceShareRemaining; + const isFanavaSubmitDocEnabled = + getRoleFromUrl() === "ProvinceFinancial" && + !process.allocation?.fanavaPaymentDocuments?.length && + !!process.allocation?.fanavaShareRemaining; + const isCitySubmitDocEnabled = + getRoleFromUrl() === "ProvinceFinancial" && + !process.allocation?.cityPaymentDocuments?.length && + !!process.allocation?.cityShareRemaining; + const isCompanySubmitDocEnabled = + getRoleFromUrl() === "ProvinceFinancial" && + !process.allocation?.companyPaymentDocuments?.length && + !!process.allocation?.companyShareRemaining; + const isCentralUnionSubmitDocEnabled = + getRoleFromUrl() === "ProvinceFinancial" && + !process.allocation?.centralUnionPaymentDocuments?.length && + !!process.allocation?.centralUnionShareRemaining; + const isPoultrySubmitDocEnabled = + getRoleFromUrl() === "ProvinceFinancial" && + !process.allocation?.poultryPaymentDocuments?.length && + !!process.allocation?.poultryRemaining; + + if (process.allocation?.provinceShareDigit) { + provinceShare = [ + `سهم اتحادیه`, + process.allocation?.provinceCardNumber, + process.allocation?.provinceShaba, + process.allocation?.provinceBankInfo, + process.allocation?.provinceShareDigit + " ریال", + process.allocation?.provinceSharePayment + " ریال", + process.allocation?.provinceShareRemaining + " ریال", + process.allocation?.provincePaymentDocuments?.map((doc, i) => { + return ( + +

+ + ); + }), + { + dispatch( + OPEN_MODAL({ + title: "ثبت سند مالی", + content: ( + + ), + }) + ); + }} + > + + , + ]; + } + + if (process.allocation?.fanavaShareDigit) { + fanavaShare = [ + `سهم فن آوا`, + process.allocation?.fanavaCardNumber, + process.allocation?.fanavaShaba, + process.allocation?.fanavaBankInfo, + process.allocation?.fanavaShareDigit + " ریال", + process.allocation?.fanavaSharePayment + " ریال", + process.allocation?.fanavaShareRemaining + " ریال", + process.allocation?.fanavaPaymentDocuments?.map((doc, i) => { + return ( + +

+ + ); + }), + { + dispatch( + DRAWER({ + right: true, + title: "ثبت سند مالی", + content: ( + + ), + }) + ); + }} + > + + , + ]; + } + + if (process.allocation?.cityShareDigit) { + cityShare = [ + `سهم شهرستان`, + process.allocation?.cityCardNumber, + process.allocation?.cityShaba, + process.allocation?.cityBankInfo, + process.allocation?.cityShareDigit + " ریال", + process.allocation?.citySharePayment + " ریال", + process.allocation?.cityShareRemaining + " ریال", + process.allocation?.cityPaymentDocuments?.map((doc, i) => { + return ( + +

+ + ); + }), + { + dispatch( + OPEN_MODAL({ + title: "ثبت سند مالی", + content: ( + + ), + }) + ); + }} + > + + , + ]; + } + + if (process.allocation?.companyShareDigit) { + companyShare = [ + `سهم شرکت`, + process.allocation?.companyCardNumber, + process.allocation?.companyShaba, + process.allocation?.companyBankInfo, + process.allocation?.companyShareDigit + " ریال", + process.allocation?.companySharePayment + " ریال", + process.allocation?.companyShareRemaining + " ریال", + process.allocation?.companyPaymentDocuments?.map((doc, i) => { + return ( + +

+ + ); + }), + { + dispatch( + OPEN_MODAL({ + right: true, + title: "ثبت سند مالی", + content: ( + + ), + }) + ); + }} + > + + , + ]; + } + + if (process.allocation?.centralUnionShareDigit) { + unionShare = [ + `سهم اتحادیه مرکزی`, + process.allocation?.centralUnionCardNumber, + process.allocation?.centralUnionShaba, + process.allocation?.centralUnionBankInfo, + process.allocation?.centralUnionShareDigit + " ریال", + process.allocation?.centralUnionSharePayment + " ریال", + process.allocation?.centralUnionShareRemaining + " ریال", + process.allocation?.centralUnionPaymentDocuments?.map((doc, i) => { + return ( + +

+ + ); + }), + { + dispatch( + OPEN_MODAL({ + title: "ثبت سند مالی", + content: ( + + ), + }) + ); + }} + > + + , + ]; + } + + if (process.allocation?.poultryShareDigit) { + poultryShare = [ + `سهم مرغدار`, + process.allocation?.poultryCardNumber, + process.allocation?.poultryShaba, + process.allocation?.poultryBankInfo, + process.allocation?.poultryShareDigit + " ریال", + process.allocation?.poultrySharePayment + " ریال", + process.allocation?.poultryRemaining + " ریال", + process.allocation?.poultryPaymentDocuments?.map((doc, i) => { + return ( + +

+ + ); + }), + { + dispatch( + OPEN_MODAL({ + title: "ثبت سند مالی", + content: ( + + ), + }) + ); + }} + > + + , + ]; + } + + const factorTableData = [ + provinceShare, + cityShare, + fanavaShare, + companyShare, + unionShare, + poultryShare, + ].filter((item) => !!item); + + return ( + <> + + + + + + + + + + + فاکتور نهایی + + + + + + + + ﺷﻤﺎﺭﻩ ﻓﺎﮐﺘﻮﺭ: + + + {process?.poultry?.poultryOrderCode} + + + تاریخ: + + + {formatTime(process?.poultry?.poultrySendDate)} + + + {/* + ( + + )} + content={() => componentRef.current} + /> + + */} + + + + + + + + + {process.allocation?.totalMoney && ( + + )} + + + {/* + {process.allocation?.provinceShareChar && ( + + + + سهم اتحادیه:{" "} + {process.allocation?.provinceShareDigit.toLocaleString() + + " ریال"}{" "} + ({process.allocation?.provinceShareChar}) + + + )} + {process.allocation?.cityShareChar && ( + + + + سهم شهرستان:{" "} + {process.allocation?.cityShareDigit.toLocaleString() + + " ریال"}{" "} + ({process.allocation?.cityShareChar}) + + + )} + {process.allocation?.fanavaShareShareChar && ( + + + + سهم فن آوا:{" "} + {process.allocation?.fanavaShareDigit.toLocaleString() + + " ریال"}{" "} + ({process.allocation?.fanavaShareShareChar}) + + + )} + {process.allocation?.companyShareChar && ( + + + + سهم شرکت:{" "} + {process.allocation?.companyShareDigit.toLocaleString() + + " ریال"}{" "} + ({process.allocation?.companyShareChar}) + + + )} + + {process.allocation?.centralUnionShareChar && ( + + + + سهم اتحادیه مرکزی:{" "} + {process.allocation?.centralUnionShareDigit.toLocaleString() + + " ریال"}{" "} + ({process.allocation?.centralUnionShareChar}) + + + )} + {process.allocation?.poultryShareChar && ( + + + + پرداختی مرغدار:{" "} + {process.allocation?.poultryShareDigit.toLocaleString() + + " ریال"}{" "} + ({process.allocation?.poultryShareChar}) + + + )} + {process.allocation?.totalMoneyChar && ( + + + + مبلغ کل:{" "} + {process.allocation?.totalMoney.toLocaleString() + " ریال"}{" "} + ({process.allocation?.totalMoneyChar}) + + + )} + */} + + + {/* */} + + + ); +}; + +Factor.propTypes = { + process: PropTypes.any, +}; diff --git a/src/features/province-finacial/components/final-factors-requests/FinalFactorsRequests.js b/src/features/province-finacial/components/final-factors-requests/FinalFactorsRequests.js new file mode 100644 index 0000000..8a08171 --- /dev/null +++ b/src/features/province-finacial/components/final-factors-requests/FinalFactorsRequests.js @@ -0,0 +1,95 @@ +import { Card } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_FINANCIAL_FILE } from "../../../../routes/routes"; +import IconButton from "@mui/material/IconButton"; +import { useDispatch, useSelector } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { provinceFinancialGetFinalFactorsService } from "../../services/province-financial-get-final-factors-service"; +import { Factor } from "../factor/Factor"; + +export const FinalFactorsRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { provinceFinancialGetFinalFactors } = useSelector( + (state) => state.provinceFinancialSlice + ); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(provinceFinancialGetFinalFactorsService()); + }, []); + + useEffect(() => { + const d = provinceFinancialGetFinalFactors?.map((item, i) => { + return [ + i + 1, + item?.poultry?.orderCode, + item?.poultry?.poultry?.unitName, + item?.poultry?.poultry?.userprofile?.mobile, + item?.poultry?.quantity + " قطعه", + { + dispatch( + DRAWER({ + title: "فاکتور نهایی", + // right: !(window.innerWidth <= 600), + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + + + ), + }) + ); + }} + > + + , + { + navigate( + ROUTE_PROVINCE_FINANCIAL_FILE + + item.poultry.process.poultry.poultryRequestId + ); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceFinancialGetFinalFactors]); + + const [tableDataCol] = useState([ + "ردیف", + "کدسفارش", + "مرغدار", + "تلفن مرغدار", + "تعداد", + "عملیات", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-active-requests/ProvinceFinancialActiveRequests.js b/src/features/province-finacial/components/province-financial-active-requests/ProvinceFinancialActiveRequests.js new file mode 100644 index 0000000..e63e9c5 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-active-requests/ProvinceFinancialActiveRequests.js @@ -0,0 +1,80 @@ +import { Card } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_FINANCIAL_FILE } from "../../../../routes/routes"; +import IconButton from "@mui/material/IconButton"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceGetAllRequests } from "../../../province/services/province-get-all-requests"; +import { format } from "date-fns-jalali"; + +export const ProvinceFinancialActiveRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { provinceAllRequests } = useSelector((state) => state.provinceSlice); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(provinceGetAllRequests()); + }, []); + + useEffect(() => { + const filteredData = provinceAllRequests?.filter( + (item, i) => + item.state === "accept" && + item?.poultryRequest?.finalState !== "archive" + ); + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item?.poultryRequest?.orderCode, + format(new Date(item?.poultryRequest?.createDate), "yyyy/MM/dd"), + format(new Date(item?.poultryRequest?.sendDate), "yyyy/MM/dd"), + item?.poultryRequest?.process?.poultry?.poultryName, + item?.poultryRequest?.process?.poultry?.poultryMobile, + item?.poultryRequest?.process?.poultry?.poultryCity, + item?.poultryRequest?.process?.poultry?.poultryProvince, + item?.poultryRequest?.process?.poultry?.age, + item?.poultryRequest?.process?.poultry?.poultryQuantity, + { + navigate( + ROUTE_PROVINCE_FINANCIAL_FILE + + item?.poultryRequest?.process?.poultry?.poultryRequestId + ); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceAllRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-check-payed-factor-requests/ProvinceFinancialCheckPayedFactorRequests.js b/src/features/province-finacial/components/province-financial-check-payed-factor-requests/ProvinceFinancialCheckPayedFactorRequests.js new file mode 100644 index 0000000..edb7b87 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-check-payed-factor-requests/ProvinceFinancialCheckPayedFactorRequests.js @@ -0,0 +1,127 @@ +import { Card } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_FINANCIAL_FILE } from "../../../../routes/routes"; +import IconButton from "@mui/material/IconButton"; +import { useDispatch, useSelector } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { provinceFinancialGetPayedFactorsService } from "../../services/province-financial-get-payed-factors-service"; +import ProvinceFinancialSlaughterCheckRequest from "../../../file/components/province-financial-slaughter-check-request/ProvinceFinancialSlaughterCheckRequest"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const ProvinceFinancialCheckPayedFactorRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { provinceFinancialGetPayedFactors } = useSelector( + (state) => state.provinceFinancialSlice + ); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(provinceFinancialGetPayedFactorsService()); + }, []); + + useEffect(() => { + const d = provinceFinancialGetPayedFactors?.map((item, i) => { + let state = ""; + if (item.state === "pending") { + state = "در انتظار تایید"; + } else if (item.state === "accepted") { + state = "تایید نهایی"; + } else if (item.state === "rejected") { + state = "رد شده"; + } + return [ + i + 1, + item?.provinceFactor?.factorBarCode, + item?.provinceFactor?.provinceCheckInfo?.killHouseAssignment + ?.killHouseRequest?.killRequest?.killHouse?.name, + item?.provinceFactor?.provinceCheckInfo?.killHouseAssignment + ?.killHouseRequest?.killRequest?.killHouse?.killHouseOperator?.user + ?.mobile, + formatJustDate(item?.provinceFactor?.createDate), + formatJustDate(item?.createDate), + item?.provinceFactor?.totalPrice.toLocaleString() + " ﷼", + Number(item?.paymentCode), + +

+ , + state, + { + dispatch( + DRAWER({ + title: "انجام عملیات تایید / رد درخواست", + // right: !(window.innerWidth <= 600), + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + {/* */} + + + ), + }) + ); + }} + > + + , + { + navigate( + ROUTE_PROVINCE_FINANCIAL_FILE + + item?.poultryRequest?.process?.poultry?.poultryRequestId + ); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceFinancialGetPayedFactors]); + + const [tableDataCol] = useState([ + "ردیف", + "شناسه فاکتور", + "کشتارگاه", + "تلفن کشتارگاه", + "تاریخ صدور فاکتور", + "تاریخ پرداخت فاکتور", + "مبلغ فاکتور نهایی", + "شناسه پرداخت", + "سند پرداختی", + "وضعیت", + "عملیات", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-check-request-info/ProvinceFinancialCheckRequestInfo.js b/src/features/province-finacial/components/province-financial-check-request-info/ProvinceFinancialCheckRequestInfo.js new file mode 100644 index 0000000..c583d78 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-check-request-info/ProvinceFinancialCheckRequestInfo.js @@ -0,0 +1,65 @@ +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; + +export const ProvinceFinancialCheckRequestInfo = ({ data }) => { + const columns = [ + "خریدار", + "مرغدار", + "محل کشتار", + "دامپزشک کشتارگاه", + "راننده/ماشین", + "تعداد تخصیصی", + "وزن تخصیصی (کیلوگرم)", + "تعداد واقعی", + "وزن خالص (کیلوگرم)", + "سند خودرو بدون بار", + "سند خودرو با بار", + ]; + + const item = [ + [ + `${data.killHouseName} (${data.killHouseMobile})`, + `${data?.unitName} (${data?.mobile})`, + `${data?.killPlace}`, + `${data?.killHouseVetName} (${data?.killHouseVetMobile})`, + data.cars.driverName + + ` (${data.cars.driverMobile})/${data.cars.typeCar} با پلاک ${data.cars.pelak}`, + data?.quantity?.toLocaleString(), + data?.firstWeight?.toLocaleString(), + data?.acceptedRealQuantity + ? data?.acceptedRealQuantity?.toLocaleString() + : "وارد نشده", + data?.acceptedRealWeight + ? data?.acceptedRealWeight?.toLocaleString() + : "وارد نشده", + +

+ , + +

+ , + ], + ]; + + return ; +}; diff --git a/src/features/province-finacial/components/province-financial-debtor-info/ProvinceFinancialDebtorInfo.js b/src/features/province-finacial/components/province-financial-debtor-info/ProvinceFinancialDebtorInfo.js new file mode 100644 index 0000000..e3a3f8e --- /dev/null +++ b/src/features/province-finacial/components/province-financial-debtor-info/ProvinceFinancialDebtorInfo.js @@ -0,0 +1,79 @@ +import { Button, Typography } from "@mui/material"; +import React, { useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import DownloadIcon from "@mui/icons-material/Download"; +import { SPACING } from "../../../../data/spacing"; +import { PropTypes } from "prop-types"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceFinancialGetTransactionInfo } from "../../services/province-financial-get-transaction-info"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceFinancialDebtorInfo = ({ paymentCode }) => { + const dispatch = useDispatch(); + const { transactionInfo } = useSelector( + (state) => state.provinceFinancialSlice + ); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceFinancialGetTransactionInfo(paymentCode)).then(() => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + مبلغ بدهی: {transactionInfo?.cost.toLocaleString()} + + + شناسه پرداخت: {paymentCode} + + + + توضیحات: + {transactionInfo?.description ? transactionInfo?.description : "ندارد"} + + {transactionInfo?.image?.length ? ( + + پیوست سند: + {transactionInfo?.image?.map((item, i) => { + return [ + +

+ , + , + ]; + })} + + ) : ( + + سند ثبت نشده است + + )} + + ); +}; + +ProvinceFinancialDebtorInfo.propTypes = { + paymentCode: PropTypes.any, +}; diff --git a/src/features/province-finacial/components/province-financial-document-register/ProvinceFinancialDocumentRegister.js b/src/features/province-finacial/components/province-financial-document-register/ProvinceFinancialDocumentRegister.js new file mode 100644 index 0000000..93b78b3 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-document-register/ProvinceFinancialDocumentRegister.js @@ -0,0 +1,488 @@ +import { + Accordion, + AccordionDetails, + AccordionSummary, + Autocomplete, + Button, + Grid, + TextField, + Typography, +} from "@mui/material"; +import { useNavigate } from "react-router-dom"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { SPACING } from "../../../../data/spacing"; +import { ROUTE_PROVINCE__FINANCIAL_USER_FINACIAL_FILE } from "../../../../routes/routes"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import SearchIcon from "@mui/icons-material/Search"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; +import { cityGetCity } from "../../../city/services/city-get-city"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { provinceFinancialGetUsersWaletinfo } from "../../services/province-financial-get-users-walet-info"; +import FilterAltIcon from "@mui/icons-material/FilterAlt"; +import { provinceFinancialSearchUserDocument } from "../../services/province-financial-search-user-document"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; + +export const ProvinceFinancialDocumentRegistration = () => { + const [expanded, setExpanded] = useState(true); + const [isFitered, setIsFitered] = useState(false); + const handleChange = () => { + setExpanded(!expanded); + }; + + const dispatch = useDispatch(); + + const [provinceData, setProvinceData] = useState(); + const [cityData, setCityData] = useState(); + const [provinceKey, setProvinceKey] = useState(); + const [citylabel, setcitylabel] = useState(); + const [isExistProvince, setIsExistProvince] = useState(true); + + const [dataTable, setDataTable] = useState([]); + const users = useSelector( + (state) => state.provinceFinancialSlice.userWaletInfo + ); + + const formik = useFormik({ + initialValues: { + username: "", + fullname: "", + mobile: "", + nationalcode: "", + }, + validationSchema: Yup.object({ + fullname: Yup.string().typeError("لطفا فیلد را پر کنید!"), + username: Yup.number().typeError("لطفا عدد وارد کنید!"), + mobile: Yup.number() + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + if (context.originalValue?.length > 0) { + return ( + context.originalValue && context.originalValue.startsWith("0") + ); + } + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue?.length > 0) { + if (context.originalValue) { + return context.originalValue.length === 11; + } + } + }) + .typeError("لطفا عدد وارد کنید!"), + nationalcode: Yup.number(), + }), + }); + + useEffect(() => { + formik.validateForm(); + dispatch(LOADING_START()); + dispatch(provinceFinancialGetUsersWaletinfo()).then(() => { + dispatch(cityGetProvinces())?.then((r) => { + setProvinceData(r.payload.data); + dispatch(LOADING_END()); + }); + }); + }, []); + + const handleSearch = () => { + const values = Object.values(formik.values).filter( + (item) => item.length > 0 + ); + let finalValue = ""; + + for (let index = 0; index < values.length; index++) { + finalValue = finalValue + values[index] + ","; + } + finalValue = finalValue.substring(0, finalValue.length - 1); + + if (citylabel) { + if (finalValue) { + finalValue = finalValue + "," + citylabel; + } else { + finalValue = citylabel; + } + } + + dispatch(LOADING_START()); + + dispatch(provinceFinancialSearchUserDocument(finalValue)).then((r) => { + dispatch(LOADING_END()); + const data = r.payload.data; + const d = data?.map((item, i) => { + const name = getFaUserRole(item.role); + + return [ + i + 1, + item.fullname, + name, + item.mobile, + item.nationalId, + item.province, + item.city, + item.creditor.toLocaleString() + " ریال", + item.debtor.toLocaleString() + " ریال", + item.penalty.toLocaleString() + " ریال", + Math.abs(item.depositable).toLocaleString(), + , + ]; + }); + + setDataTable(d); + }); + }; + + useEffect(() => { + const d = users?.map((item, i) => { + const name = getFaUserRole(item.role); + + return [ + i + 1, + item.fullname, + name, + item.mobile, + item.nationalId, + item.province, + item.city, + item.creditor.toLocaleString() + " ریال", + item.debtor.toLocaleString() + " ریال", + item.penalty.toLocaleString() + " ریال", + Math.abs(item.depositable).toLocaleString(), + , + ]; + }); + + setDataTable(d); + }, [users]); + + const handleShowTransactions = () => { + setIsFitered(!isFitered); + }; + + useEffect(() => { + if (isFitered) { + const filteredData = users.filter( + (item) => item.creditor > 1 || item.debtor > 1 || item.penalty > 1 + ); + + const d = filteredData?.map((item, i) => { + const name = getFaUserRole(item.role); + return [ + i + 1, + item.fullname, + name, + item.mobile, + item.nationalId, + item.province, + item.city, + item.creditor.toLocaleString() + " ریال", + item.debtor.toLocaleString() + " ریال", + item.penalty.toLocaleString() + " ریال", + Math.abs(item.depositable).toLocaleString() + " ریال", + , + ]; + }); + setDataTable(d); + } else { + const d = users?.map((item, i) => { + const name = getFaUserRole(item.role); + + return [ + i + 1, + item.fullname, + name, + item.mobile, + item.nationalId, + item.province, + item.city, + item.creditor.toLocaleString() + " ریال", + item.debtor.toLocaleString() + " ریال", + item.penalty.toLocaleString() + " ریال", + Math.abs(item.depositable).toLocaleString() + " ریال", + + , + ]; + }); + + setDataTable(d); + } + }, [isFitered]); + + const handleValidForm = () => { + if (formik.isValid) { + if ( + Object.values(formik.values).filter((item) => item.length > 0) + .length === 0 && + !citylabel + ) { + return true; + } else { + return false; + } + } else { + return true; + } + }; + + useEffect(() => { + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + const navigate = useNavigate(); + return ( + <> + + + + } + aria-controls="panel1a-content" + id="panel1a-header" + > + جستجو + + + + + + + + + + + + + + + + + + ({ + id: i.key, + label: i.name, + })) + : [] + } + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + ({ id: i.key, label: i.name })) + : [] + } + onChange={(e, value) => { + setcitylabel(value.label); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-financial-history/ProvinceFinancialFinancialHistory.js b/src/features/province-finacial/components/province-financial-financial-history/ProvinceFinancialFinancialHistory.js new file mode 100644 index 0000000..477356a --- /dev/null +++ b/src/features/province-finacial/components/province-financial-financial-history/ProvinceFinancialFinancialHistory.js @@ -0,0 +1,101 @@ +import React, { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { provinceFinancialGetFinancialHistory } from "../../services/province-financial-get-financial-history"; +import { PropTypes } from "prop-types"; + +export default function ProvinceFinancialFinancialHistory({ profileid }) { + const [dataTable, setTableData] = useState(); + const { financialHistory } = useSelector( + (state) => state.provinceFinancialSlice + ); + + const dispatch = useDispatch(); + useEffect(() => { + dispatch(provinceFinancialGetFinancialHistory(profileid)); + }, []); + + useEffect(() => { + const d = financialHistory?.map((item, i) => { + return [ + i + 1, + item.totalCreditor - item.totalDebtors < 0 ? "بدهی" : "طلبکار", + item.nationalId, + item.totalCreditor, + item.totalDebtors, + item.cost, + item.paymentCode, + item.image.length + ? item.image.map((item, i) => { + return [ + + +

+ + , + ]; + }) + : "بدون پیوست", + item.description, + // , + ]; + }); + setTableData(d); + }, [financialHistory]); + return ( + + + + ); +} + +ProvinceFinancialFinancialHistory.propTypes = { + profileid: PropTypes.string, +}; diff --git a/src/features/province-finacial/components/province-financial-new-complaint/ProvinceFinancialNewComplaint.js b/src/features/province-finacial/components/province-financial-new-complaint/ProvinceFinancialNewComplaint.js new file mode 100644 index 0000000..5a2eeea --- /dev/null +++ b/src/features/province-finacial/components/province-financial-new-complaint/ProvinceFinancialNewComplaint.js @@ -0,0 +1,116 @@ +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import React, { useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { fixBase64 } from "../../../../utils/toBase64"; + +export const ProvinceFinancialNewComplaint = () => { + const [age, setAge] = React.useState(""); + + const [complaintImages, setComplaintImages] = React.useState([]); + const [complaintImagesBase64, setComplaintImagesBase64] = React.useState([]); + + const complaintImageHandler = (imageList, addUpdateIndex) => { + setComplaintImages(imageList); + setComplaintImagesBase64(imageList.map((img) => fixBase64(img.data_url))); + }; + + const handleChange = (event) => { + setAge(event.target.value); + }; + + const formik = useFormik({ + initialValues: { + description: "", + }, + validationSchema: Yup.object({ + description: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + موضوع + + + + + + پیوست تصویر + + + + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-new-requests/ProvinceFinancialNewRequests.js b/src/features/province-finacial/components/province-financial-new-requests/ProvinceFinancialNewRequests.js new file mode 100644 index 0000000..53c5455 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-new-requests/ProvinceFinancialNewRequests.js @@ -0,0 +1,75 @@ +import { Card } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_FILE } from "../../../../routes/routes"; +import IconButton from "@mui/material/IconButton"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceGetAllRequests } from "../../../province/services/province-get-all-requests"; +import { format } from "date-fns-jalali"; + +export const ProvinceFinancialNewRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { provinceAllRequests } = useSelector((state) => state.provinceSlice); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(provinceGetAllRequests()); + }, []); + + useEffect(() => { + const filteredData = provinceAllRequests?.filter( + (item, i) => item.state === "pending" + ); + + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item?.poultryRequest?.orderCode, + format(new Date(item?.poultryRequest?.createDate), "yyyy/MM/dd"), + format(new Date(item?.poultryRequest?.sendDate), "yyyy/MM/dd"), + item?.poultryRequest?.process?.poultry?.poultryName, + item?.poultryRequest?.process?.poultry?.poultryMobile, + item?.poultryRequest?.process?.poultry?.poultryCity, + item?.poultryRequest?.process?.poultry?.poultryProvince, + item?.poultryRequest?.process?.poultry?.age, + item?.poultryRequest?.process?.poultry?.poultryQuantity, + { + navigate( + ROUTE_PROVINCE_FILE + + item?.poultryRequest?.process?.poultry?.poultryRequestId + ); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceAllRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-number/FinancialDocumentNumber.js b/src/features/province-finacial/components/province-financial-number/FinancialDocumentNumber.js new file mode 100644 index 0000000..9a51e55 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-number/FinancialDocumentNumber.js @@ -0,0 +1,14 @@ +import { Grid } from "@mui/material"; +import React from "react"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; + +export const FinancialDocumentNumber = () => { + return ( + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-operations/ProvinceFinancialOperations.js b/src/features/province-finacial/components/province-financial-operations/ProvinceFinancialOperations.js new file mode 100644 index 0000000..cba837f --- /dev/null +++ b/src/features/province-finacial/components/province-financial-operations/ProvinceFinancialOperations.js @@ -0,0 +1,211 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_PROVINCE_FINANCIAL_ACTIVE_REQUESTS, + ROUTE_PROVINCE_FINANCIAL_ARCHIVED_REQUESTS, + ROUTE_PROVINCE_FINANCIAL_AWAITING_INSPECTION_REQUESTS, + ROUTE_PROVINCE_FINANCIAL_AWAITING_PAYMENT_REQUESTS, + ROUTE_PROVINCE_FINANCIAL_CHECK_PAYED_FACTOR_REQUESTS, + ROUTE_PROVINCE_FINANCIAL_FINAL_FACTORS_REQUESTS, + ROUTE_PROVINCE_FINANCIAL_PENDING_REQUESTS, + ROUTE_PROVINCE_FINANCIAL_TRANSACTIONS, + // ROUTE_PROVINCE_FINANCIAL_REJECTED_REQUESTS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { MdOutlinePendingActions } from "react-icons/md"; +import { GiMoneyStack } from "react-icons/gi"; +import { CiMoneyCheck1 } from "react-icons/ci"; +import { VscFolderActive } from "react-icons/vsc"; +import { GrInspect } from "react-icons/gr"; +import { FaArchive, FaExchangeAlt } from "react-icons/fa"; +import { LineWithText } from "../../../../components/line-with-text/LineWithText"; + +export const ProvinceFinancialOperations = () => { + const { pathname } = useLocation(); + + return ( + + {/* + + */} + + + + + + + + } + title="صدور فاکتور" + description="درخواست های در انتظار تایید و صدور فاکتور" + /> + + + + } + title="در انتظار پرداخت" + description="مشاهده درخواست های در انتظار پرداخت کشتارگاه" + /> + + + + } + title="فاکتورهای پرداخت شده" + description="بررسی فاکتورهای پرداخت شده" + /> + + + + } + title="تراکنش ها" + /> + + + + + + + + + + + } + title="اسناد مالی" + description="مشاهده و بررسی فاکتور های نهایی" + /> + + + } + title="درخواست های فعال" + description="مشاهده درخواست های در جریان" + /> + + + + } + title="در انتظار بازرسی" + description="درخواست های در انتظار بررسی بازرس" + /> + + + {/* + + */} + + + + } + title="بایگانی" + description="درخواست های پایان یافته" + /> + + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-pending-requests/ProvinceFinancialPendingRequests.js b/src/features/province-finacial/components/province-financial-pending-requests/ProvinceFinancialPendingRequests.js new file mode 100644 index 0000000..2f001b4 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-pending-requests/ProvinceFinancialPendingRequests.js @@ -0,0 +1,148 @@ +import { TextField } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_FINANCIAL_FILE } from "../../../../routes/routes"; +import IconButton from "@mui/material/IconButton"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceFinancialGetPendingRequestsService } from "../../services/province-financial-get-pending-requests"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { FinancialCheckRequestOperation } from "../../../file/components/financial-check-request-operation/FinancialCheckRequestOperation"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { ProvinceFinancialCheckRequestInfo } from "../province-financial-check-request-info/ProvinceFinancialCheckRequestInfo"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { SPACING } from "../../../../data/spacing"; +import moment from "moment/moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceFinancialPendingRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { provinceFinancialGetPendingRequests } = useSelector( + (state) => state.provinceFinancialSlice + ); + const [dataTable, setDataTable] = useState([]); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch( + provinceFinancialGetPendingRequestsService({ + selectedDate1, + selectedDate2, + }) + ); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const d = provinceFinancialGetPendingRequests?.map((item, i) => { + return [ + i + 1, + item?.barCode, + formatJustDate(item?.sendDate), + `${item?.fullName} (${item?.mobile})`, + item?.unitName, + `${item?.killHouseName} (${item.killHouseMobile})`, + `${item?.killPlace}`, + `${item?.province}/${item?.city}`, + item?.age, + item?.acceptedRealQuantity?.toLocaleString(), + item?.killHouseNetWeight?.toLocaleString() + " کیلوگرم", + { + dispatch( + DRAWER({ + title: "انجام عملیات تایید / رد درخواست", + // right: !(window.innerWidth <= 600), + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + + + + ), + }) + ); + }} + > + + , + { + navigate( + ROUTE_PROVINCE_FINANCIAL_FILE + + item?.poultryRequest?.process?.poultry?.poultryRequestId + ); + }} + > + + , + ]; + }); + setDataTable(d || []); + }, [provinceFinancialGetPendingRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد بار", + "تاریخ کشتار", + "مرغدار", + "نام مرغداری", + "خریدار", + "محل کشتار", + "استان/شهر", + "سن مرغ", + "تعداد", + "وزن بار", + "عملیات", + "مشاهده", + ]); + return ( + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-profile/ProvinceFinancialProfile.js b/src/features/province-finacial/components/province-financial-profile/ProvinceFinancialProfile.js new file mode 100644 index 0000000..5eab435 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-profile/ProvinceFinancialProfile.js @@ -0,0 +1,59 @@ +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +import { provinceGetProfile } from "../../../province/services/province-get-profile"; + +export const ProvinceFinancialProfile = () => { + const dispatch = useDispatch(); + const { profile } = useSelector((state) => state.provinceSlice); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + + + + + + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-register-debt/ProvinceFinancialRegisterDebt.js b/src/features/province-finacial/components/province-financial-register-debt/ProvinceFinancialRegisterDebt.js new file mode 100644 index 0000000..f34420b --- /dev/null +++ b/src/features/province-finacial/components/province-financial-register-debt/ProvinceFinancialRegisterDebt.js @@ -0,0 +1,153 @@ +import { Autocomplete, Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import React, { useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; + +export const ProvinceFinancialRegisterDebt = () => { + const formik = useFormik({ + initialValues: { + price: "", + description: "", + }, + validationSchema: Yup.object({ + description: Yup.string() + .required("لطفا پیغام خود را بنویسید!") + .typeError("لطفا فیلد را پر کنید!"), + price: Yup.number() + .required("لطفا عدد وارد کنید!") + .typeError("لطفا فیلد را پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + ({ + // id: i.key, + // label: i.name, + // })) + // : [] + // } + // onChange={(e, value) => { + // setPoultryProvinceKey(value.id); + // }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + {/* + + */} + + + + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-settlement-slaughter-form/ProvinceFinancialSettlementSlaughterForm.js b/src/features/province-finacial/components/province-financial-settlement-slaughter-form/ProvinceFinancialSettlementSlaughterForm.js new file mode 100644 index 0000000..10aea63 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-settlement-slaughter-form/ProvinceFinancialSettlementSlaughterForm.js @@ -0,0 +1,85 @@ +import { Button } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceFinancialGetSlaughterSattlementService } from "../../services/province-financial-get-slaughter-sattlement-service"; +import { provinceFinancialSettlmentService } from "../../services/province-financial-settlment"; + +const validate = (values, maxValue) => { + const errors = {}; + if (!values.price) { + errors.price = "این فیلد اجباری است."; + } else if (!/^[0-9]*$/i.test(values.price)) { + errors.price = "لطفا عدد وارد کنید."; + } else if (parseInt(values.price) > parseInt(maxValue)) { + errors.price = `عدد نمی تواند بزرگتر از ${maxValue} ﷼ باشد.`; + } + return errors; +}; + +export const ProvinceFinancialSettlementSlaughterForm = ({ item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + price: item.amount, + }, + validate: (values) => validate(values, item.amount), + onSubmit: (values) => { + dispatch( + provinceFinancialSettlmentService({ + amount: values.price, + key: item.key, + }) + ).then((r) => { + dispatch(provinceFinancialGetSlaughterSattlementService()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch( + DRAWER({ right: false, bottom: false, content: null, size: null }) + ); + }); + }, + }); + + useEffect(() => { + formik.setFieldValue("price", item.amount); + }, []); + return ( + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-settlement-slaughter/ProvinceFinancialSettlementSlaughter.js b/src/features/province-finacial/components/province-financial-settlement-slaughter/ProvinceFinancialSettlementSlaughter.js new file mode 100644 index 0000000..be8ca9e --- /dev/null +++ b/src/features/province-finacial/components/province-financial-settlement-slaughter/ProvinceFinancialSettlementSlaughter.js @@ -0,0 +1,68 @@ +import { IconButton } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +// import { useNavigate } from "react-router-dom"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceFinancialGetSlaughterSattlementService } from "../../services/province-financial-get-slaughter-sattlement-service"; +import { ProvinceFinancialSettlementSlaughterForm } from "../province-financial-settlement-slaughter-form/ProvinceFinancialSettlementSlaughterForm"; +import EditIcon from "@mui/icons-material/Edit"; + +export const ProvinceFinancialSettlementSlaughter = () => { + // const navigate = useNavigate(); + const dispatch = useDispatch(); + const { provinceFinancialGetSlaughterSattlement } = useSelector( + (state) => state.provinceFinancialSlice + ); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(provinceFinancialGetSlaughterSattlementService()); + }, []); + + useEffect(() => { + const d = provinceFinancialGetSlaughterSattlement?.map((item, i) => { + return [ + item.killHouse.name, + item.killHouse.killHouseOperator.user.fullname, + item.killHouse.killHouseOperator.user.mobile, + item.killHouse.killHouseOperator.user.city, + item.killHouse.killHouseOperator.user.province, + item.amount.toLocaleString() + " ﷼", + { + dispatch( + DRAWER({ + title: "انجام عملیات تسویه حساب", + right: !(window.innerWidth <= 600), + // top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + , + ]; + }); + + setDataTable(d); + }, [provinceFinancialGetSlaughterSattlement]); + + return ( + + + + ); +}; diff --git a/src/features/province-finacial/components/province-financial-submit-debt-document/ProvinceFinancialSubmitDebtDocument.js b/src/features/province-finacial/components/province-financial-submit-debt-document/ProvinceFinancialSubmitDebtDocument.js new file mode 100644 index 0000000..afe372c --- /dev/null +++ b/src/features/province-finacial/components/province-financial-submit-debt-document/ProvinceFinancialSubmitDebtDocument.js @@ -0,0 +1,233 @@ +import { + Button, + FormControl, + FormHelperText, + InputAdornment, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { PropTypes } from "prop-types"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ProvinceFinancialSubmitFinancialTransaction } from "../../services/province-financial-submit-financial-transaction"; +import { AppContext } from "../../../../contexts/AppContext"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +const ProvinceFinancialSubmitDebtDocument = ({ profileid, walletkey }) => { + const [documentImages, setDocumentImages] = React.useState([]); + const [documentImagesBase64, setDocumentImagesBase64] = React.useState([]); + + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const documentImageHandler = (imageList, addUpdateIndex) => { + setDocumentImages(imageList); + setDocumentImagesBase64(imageList.map((img) => fixBase64(img.data_url))); + }; + + const formik = useFormik({ + initialValues: { + debt: "", + // paymentId: "", + description: "", + transactionType: "", + }, + validationSchema: Yup.object({ + debt: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + // paymentId: Yup.string() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به درستی پر کنید!"), + description: Yup.string().typeError("لطفا فیلد را به درستی پر کنید!"), + transactionType: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + نوع تراکنش + + + {formik.touched.transactionType && + Boolean(formik.errors.transactionType) + ? formik.errors.transactionType + : null} + + + + ریال + ), + }} + value={formik.values.debt} + error={formik.touched.debt ? Boolean(formik.errors.debt) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.debt && Boolean(formik.errors.debt) + ? formik.errors.debt + : null + } + /> + + {/* */} + + + + پیوست تصویر + + + + + + ); +}; + +export default ProvinceFinancialSubmitDebtDocument; + +ProvinceFinancialSubmitDebtDocument.propTypes = { + profileid: PropTypes.any, + walletkey: PropTypes.any, +}; diff --git a/src/features/province-finacial/components/province-financial-submit-financial-document/ProvinceFinancialSubmitFinancialDocument.js b/src/features/province-finacial/components/province-financial-submit-financial-document/ProvinceFinancialSubmitFinancialDocument.js new file mode 100644 index 0000000..08660dc --- /dev/null +++ b/src/features/province-finacial/components/province-financial-submit-financial-document/ProvinceFinancialSubmitFinancialDocument.js @@ -0,0 +1,234 @@ +import { Button, TextField, Typography } from "@mui/material"; +import { useFormik } from "formik"; +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { PropTypes } from "prop-types"; +import Num2persian from "num2persian"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ProvinceFinancialSubmitNewFinancialDocument } from "../../services/province-financial-submit-financial-document"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceFinancialSubmitFinancialDocument = ({ + payable, + transactionsList, + userId, + paymentType, + userKey, +}) => { + const [openNotif] = useContext(AppContext); + + const [documentImages, setDocumentImages] = React.useState([]); + const [documentImagesBase64, setDocumentImagesBase64] = React.useState([]); + const dispatch = useDispatch(); + + const documentImageHandler = (imageList, addUpdateIndex) => { + setDocumentImages(imageList); + setDocumentImagesBase64(imageList.map((img) => fixBase64(img.data_url))); + }; + + const formik = useFormik({ + initialValues: { + paymentId: "", + description: "", + // paymentType: "", + }, + validationSchema: Yup.object({ + paymentId: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی پر کنید!"), + description: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی پر کنید!"), + // paymentType: Yup.string() + // .required("این فیلد اجباری است!") + // .typeError("لطفا فیلد را به درستی پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + prop.palette.grey["A700"]} + > + مبلغ: + + + {Math.abs(payable).toLocaleString()} + + + + + prop.palette.grey["A700"]} + > + به حروف: + + + {Num2persian(Math.abs(payable))} ریال + + + + + {/* + روش پرداخت + + + {formik.touched.paymentType && Boolean(formik.errors.paymentType) + ? formik.errors.paymentType + : null} + + */} + + + + + + پیوست تصویر + + + + + + + + ); +}; + +ProvinceFinancialSubmitFinancialDocument.propTypes = { + payable: PropTypes.any, + transactionsList: PropTypes.any, + userId: PropTypes.any, + paymentType: PropTypes.any, + userKey: PropTypes.any, +}; diff --git a/src/features/province-finacial/components/province-financial-user-financial/ProvinceFinancialUserFinancial.js b/src/features/province-finacial/components/province-financial-user-financial/ProvinceFinancialUserFinancial.js new file mode 100644 index 0000000..f2d1b51 --- /dev/null +++ b/src/features/province-finacial/components/province-financial-user-financial/ProvinceFinancialUserFinancial.js @@ -0,0 +1,683 @@ +import { Button, IconButton, Tooltip, Typography } from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { useNavigate, useParams } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import NavigateNextIcon from "@mui/icons-material/NavigateNext"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import BlockIcon from "@mui/icons-material/Block"; +import InfoIcon from "@mui/icons-material/Info"; +import List from "@mui/material/List"; +import Card from "@mui/material/Card"; +import CardHeader from "@mui/material/CardHeader"; +import ListItemText from "@mui/material/ListItemText"; +import ListItemIcon from "@mui/material/ListItemIcon"; +import Checkbox from "@mui/material/Checkbox"; +import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank"; +import Divider from "@mui/material/Divider"; +import { + CLOSE_MODAL, + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch, useSelector } from "react-redux"; +import ProvinceFinancialSubmitDebtDocument from "../province-financial-submit-debt-document/ProvinceFinancialSubmitDebtDocument"; +import { ProvinceFinancialSubmitFinancialDocument } from "../province-financial-submit-financial-document/ProvinceFinancialSubmitFinancialDocument"; +import { Box } from "@mui/system"; +import { ProvinceFinancialDebtorInfo } from "../province-financial-debtor-info/ProvinceFinancialDebtorInfo"; +import { provinceFinancialGetUserFinancialInfo } from "../../services/province-financial-get-user-financial-info"; +import { formatJustDate } from "../../../../utils/formatTime"; +import Num2persian from "num2persian"; +import ProvinceFinancialFinancialHistory from "../province-financial-financial-history/ProvinceFinancialFinancialHistory"; +import { ROUTE_PROVINCE_FINANCIAL_FILE } from "../../../../routes/routes"; +import { provinceFinancialChangeTransactionState } from "../../services/province-financial-change-transaction-state"; + +function not(a, b) { + return a.filter((value) => b.indexOf(value) === -1); +} + +function intersection(a, b) { + return a.filter((value) => b.indexOf(value) !== -1); +} + +function union(a, b) { + return [...a, ...not(b, a)]; +} + +const ProvinceFinancialUserFinancial = () => { + const { userFinancialInfo } = useSelector( + (state) => state.provinceFinancialSlice + ); + + const [leftObject, setLeftObject] = useState({ + creditor: "", + debtor: "", + payable: "", + }); + const [rightObject, setRighObject] = useState({ + creditor: "", + debtor: "", + payable: "", + }); + + const [selectedTransactions, setSelectedTransactions] = useState([]); + const dispatch = useDispatch(); + const navigate = useNavigate(); + const { userid } = useParams(); + const { profileid } = useParams(); + + const [checked, setChecked] = React.useState([]); + const [left, setLeft] = React.useState([]); + const [right, setRight] = React.useState([]); + + const leftChecked = intersection(checked, left); + const rightChecked = intersection(checked, right); + + const [dispatched, setDispatched] = useState(false); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceFinancialGetUserFinancialInfo(userid)).then(() => { + dispatch(LOADING_END()); + setDispatched(!dispatched); + }); + }, []); + + useEffect(() => { + setRight(userFinancialInfo); + }, [dispatched]); + + const handleToggle = (value) => () => { + const currentIndex = checked.indexOf(value); + const newChecked = [...checked]; + + if (currentIndex === -1) { + newChecked.push(value); + } else { + newChecked.splice(currentIndex, 1); + } + + setChecked(newChecked); + }; + + const isValidSelect = (rightChecked) => { + if (rightChecked?.length === 0) { + return true; + } else { + for (let index = 0; index < rightChecked?.length; index++) { + if (rightChecked[index].transactionType === "creditor") { + return true; + } else { + return false; + } + } + } + }; + + const numberOfChecked = (items) => intersection(checked, items).length; + + const handleToggleAll = (items) => () => { + const checkable = items.filter( + (item) => + item.transactionType === "penalty" || + item.transactionType === "negative" || + item.transactionType === "positive" || + item.transactionType === "debtor" || + item.transactionType === "deposit" + ); + if (numberOfChecked(checkable) === checkable?.length) { + setChecked(not(checked, checkable)); + } else { + setChecked(union(checked, checkable)); + } + }; + + const handleCheckedRight = () => { + setRight(right.concat(leftChecked)); + setLeft(not(left, leftChecked)); + setChecked(not(checked, leftChecked)); + }; + + const handleCheckedLeft = () => { + setLeft(left.concat(rightChecked)); + setRight(not(right, rightChecked)); + setChecked(not(checked, rightChecked)); + }; + + useEffect(() => { + //hint: left is right!! because of rtl in persian :) + let rightCreditorfilter = right?.filter( + (item) => item?.transactionType === "creditor" + ); + + let rightCreditor = 0; + for (let index = 0; index < rightCreditorfilter?.length; index++) { + rightCreditor = rightCreditor + rightCreditorfilter[index].transferAmount; + } + + let rightDebtorfilter = right?.filter( + (item) => item.transactionType === "debtor" + ); + + let rightDebtor = 0; + for (let index = 0; index < rightDebtorfilter?.length; index++) { + rightDebtor = rightDebtor + rightDebtorfilter[index].transferAmount; + } + + let rightPenaltyfilter = right?.filter( + (item) => item.transactionType === "penalty" + ); + + let rightPenalty = 0; + for (let index = 0; index < rightPenaltyfilter?.length; index++) { + rightPenalty = rightPenalty + rightPenaltyfilter[index].transferAmount; + } + + let rightDepositfilter = right?.filter( + (item) => item.transactionType === "deposit" + ); + + let rightDeposit = 0; + for (let index = 0; index < rightDepositfilter?.length; index++) { + rightDeposit = rightDeposit + rightDepositfilter[index].transferAmount; + } + + let rightPositivefilter = right?.filter( + (item) => item.transactionType === "positive" + ); + + let rightPositive = 0; + for (let index = 0; index < rightPositivefilter?.length; index++) { + rightPositive = rightPositive + rightPositivefilter[index].transferAmount; + } + + let rightNegativefilter = right?.filter( + (item) => item.transactionType === "negative" + ); + + let rightNegative = 0; + for (let index = 0; index < rightNegativefilter?.length; index++) { + rightNegative = rightNegative + rightNegativefilter[index].transferAmount; + } + + // end calculation right object + + let leftCreditorfilter = left?.filter( + (item) => item.transactionType === "creditor" + ); + + let leftCreditor = 0; + for (let index = 0; index < leftCreditorfilter?.length; index++) { + leftCreditor = leftCreditor + leftCreditorfilter[index].transferAmount; + } + + let leftDebtorfilter = left?.filter( + (item) => item.transactionType === "debtor" + ); + + let leftDebtor = 0; + for (let index = 0; index < leftDebtorfilter.length; index++) { + leftDebtor = leftDebtor + leftDebtorfilter[index].transferAmount; + } + + let leftPenaltyfilter = left?.filter( + (item) => item.transactionType === "penalty" + ); + + let leftPenalty = 0; + for (let index = 0; index < leftPenaltyfilter?.length; index++) { + leftPenalty = leftPenalty + leftPenaltyfilter[index].transferAmount; + } + + let leftDepositfilter = left?.filter( + (item) => item.transactionType === "deposit" + ); + + let leftDeposit = 0; + for (let index = 0; index < leftDepositfilter.length; index++) { + leftDeposit = leftDeposit + leftDepositfilter[index].transferAmount; + } + + let leftPositivefilter = left?.filter( + (item) => item.transactionType === "positive" + ); + + let leftPositive = 0; + for (let index = 0; index < leftPositivefilter?.length; index++) { + leftPositive = leftPositive + leftPositivefilter[index].transferAmount; + } + + let leftNegativefilter = left?.filter( + (item) => item.transactionType === "negative" + ); + + let leftNegative = 0; + for (let index = 0; index < leftNegativefilter?.length; index++) { + leftNegative = leftNegative + leftNegativefilter[index].transferAmount; + } + + //end calculation left object + + setLeftObject({ + creditor: leftCreditor + leftDeposit + leftPositive, + debtor: leftDebtor + leftPenalty + leftNegative, + payable: + leftCreditor + + leftDeposit + + leftPositive - + (leftDebtor + leftPenalty + leftNegative), + }); + + setRighObject({ + creditor: rightCreditor + rightDeposit + rightPositive, + debtor: rightDebtor + rightPenalty + rightNegative, + payable: Math.abs( + rightCreditor + + rightDeposit + + rightPositive - + (rightDebtor + rightPenalty + rightNegative) + ), + }); + + const selects = left.map((item) => { + return item.key; + }); + setSelectedTransactions(selects); + }, [left, right]); + + const customList = (title, items) => ( + + + } + title={title} + subheader={`${numberOfChecked(items)}/${items?.length} انتخاب شده`} + /> + + + + + انتخاب سند + نوع سند + کد پیگیری + مبلغ + زمان ثبت + + + + {items?.map((value, i) => { + const labelId = `transfer-list-all-item-${value}-label`; + return ( + + + + + + ) : ( + + ) + } + color={"secondary"} + disabled={value.transactionType === "creditor"} + onClick={handleToggle(value)} + checked={checked.indexOf(value) !== -1} + tabIndex={-1} + disableRipple + inputProps={{ + "aria-labelledby": labelId, + }} + /> + + + + + + { + dispatch( + DRAWER({ right: false, bottom: false, content: null }) + ); + dispatch( + OPEN_MODAL({ + title: "تراکنش را تایید میکنید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + + {value.fileId > 0 ? ( + + ) : ( + + )} + + {/* { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: , + title: "اطلاعات سند بدهکاری", + }) + ); + }} + > + {value.paymentCode} + */} + + + + + + + + ); + })} + + + + ); + + return ( + + + navigate(-1)} + > + + بازگشت + + + + + + + { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + 1 + ? "positive" + : "zero" + } + payable={leftObject.payable} + transactionsList={selectedTransactions} + userId={profileid} + userKey={userid} + /> + ), + title: "ایجاد سند مالی", + }) + ); + }} + > + {leftObject.payable > 0 ? ( + <>ایجاد سند مالی (طلبکار) + ) : leftObject.payable < 0 ? ( + <>ایجاد سند مالی (بدهکار) + ) : ( + <>ایجاد سند مالی + )} + , + ], + ]} + /> + + + + + + + {customList("انتخاب شده ها", left)} + + + + + + + + + {customList("انتخاب شده", right)} + + + + + + + ); +}; + +export default ProvinceFinancialUserFinancial; diff --git a/src/features/province-finacial/services/province-financial-change-transaction-state.js b/src/features/province-finacial/services/province-financial-change-transaction-state.js new file mode 100644 index 0000000..e02c06e --- /dev/null +++ b/src/features/province-finacial/services/province-financial-change-transaction-state.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialChangeTransactionState = createAsyncThunk( + "PROVINCE_FINANCIAL_CHANGE_TRANSACTION_STATE", + async (d) => { + const { data, status } = await axios.put("typecheck/0/", d); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-active-requests.js b/src/features/province-finacial/services/province-financial-get-active-requests.js new file mode 100644 index 0000000..f8865af --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-active-requests.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetActiveRequests = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_REQUESTS", + async () => { + const { data, status } = await axios.get("province_check_info"); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-final-factors-service.js b/src/features/province-finacial/services/province-financial-get-final-factors-service.js new file mode 100644 index 0000000..82bdc84 --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-final-factors-service.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetFinalFactorsService = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_FINAL_FACTORS_SERVICE", + async (d) => { + const { data, status } = await axios.get("deposit_allocation/"); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-financial-history.js b/src/features/province-finacial/services/province-financial-get-financial-history.js new file mode 100644 index 0000000..6c5f055 --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-financial-history.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetFinancialHistory = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_FINANCIQAL_HISTORY", + async (d) => { + const { data, status } = await axios.get( + "financialdocument/?user_id=" + d + "&all" + ); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-payed-factors-service.js b/src/features/province-finacial/services/province-financial-get-payed-factors-service.js new file mode 100644 index 0000000..76cce5d --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-payed-factors-service.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceFinancialGetPayedFactorsService = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_PAYED_FACTORS_SERVICE", + async (d) => { + const { data, status } = await axios.get("kill_house_factor_province/", { + params: { role: getRoleFromUrl() }, + }); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-pending-requests.js b/src/features/province-finacial/services/province-financial-get-pending-requests.js new file mode 100644 index 0000000..c792658 --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-pending-requests.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceFinancialGetPendingRequestsService = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_PENDING_REQUESTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_house_assignment_information/?role=ProvinceFinancial", + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-registered-compaints.js b/src/features/province-finacial/services/province-financial-get-registered-compaints.js new file mode 100644 index 0000000..8353b5e --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-registered-compaints.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetRegisteredComplaints = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_COMLATIONS", + async (id) => { + const { data, status } = await axios.get( + "kill_house_complaint/?role=ProvinceFinancial" + ); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-requests.js b/src/features/province-finacial/services/province-financial-get-requests.js new file mode 100644 index 0000000..93ffeed --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-requests.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetRequests = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_REQUESTS", + async () => { + const { data, status } = await axios.get( + "kill_house_assignment_information/?role=ProvinceFinancial" + ); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-slaughter-sattlement-service.js b/src/features/province-finacial/services/province-financial-get-slaughter-sattlement-service.js new file mode 100644 index 0000000..c89e650 --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-slaughter-sattlement-service.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetSlaughterSattlementService = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_SLAUGHTER_SATTLEMENT_SERVICE", + async (d) => { + const { data, status } = await axios.get("kill_house_creditors/"); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-transaction-info.js b/src/features/province-finacial/services/province-financial-get-transaction-info.js new file mode 100644 index 0000000..8ac4bee --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-transaction-info.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetTransactionInfo = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_TRANSACTION_INFO", + async (d) => { + const { data, status } = await axios.get( + "financial_transaction/?payment_code=" + d + ); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-user-financial-info.js b/src/features/province-finacial/services/province-financial-get-user-financial-info.js new file mode 100644 index 0000000..fd2d65a --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-user-financial-info.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetUserFinancialInfo = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_USER_FINANCIAL_INFO", + async (d) => { + const { data, status } = await axios.get("wallet/?wallet_key=" + d); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-get-users-walet-info.js b/src/features/province-finacial/services/province-financial-get-users-walet-info.js new file mode 100644 index 0000000..b0a725c --- /dev/null +++ b/src/features/province-finacial/services/province-financial-get-users-walet-info.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialGetUsersWaletinfo = createAsyncThunk( + "PROVINCE_FINANCIAL_GET_USERS_WALET_INFO", + async () => { + const { data, status } = await axios.get("show_users"); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-search-user-document.js b/src/features/province-finacial/services/province-financial-search-user-document.js new file mode 100644 index 0000000..763e92b --- /dev/null +++ b/src/features/province-finacial/services/province-financial-search-user-document.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceFinancialSearchUserDocument = createAsyncThunk( + "PROVINCE_FINANCIAL_SEARCH_USER_DOCUMENT", + async (d) => { + const { data, status } = await axios.get( + "searchwallet/?type=filter&value=" + d + ); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-settlment.js b/src/features/province-finacial/services/province-financial-settlment.js new file mode 100644 index 0000000..549bf69 --- /dev/null +++ b/src/features/province-finacial/services/province-financial-settlment.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceFinancialSettlmentService = createAsyncThunk( + "PROVINCE_FINANCIAL_SETTLMENT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house_creditors/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-submit-financial-document.js b/src/features/province-finacial/services/province-financial-submit-financial-document.js new file mode 100644 index 0000000..06cd0e9 --- /dev/null +++ b/src/features/province-finacial/services/province-financial-submit-financial-document.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const ProvinceFinancialSubmitNewFinancialDocument = createAsyncThunk( + "PROVINCE_FINANCIAL_SUBMIT_FINANCIAL_DOCUMENT", + async (d) => { + const { data, status } = await axios.post("financialdocument/", d); + return { data, status }; + } +); diff --git a/src/features/province-finacial/services/province-financial-submit-financial-transaction.js b/src/features/province-finacial/services/province-financial-submit-financial-transaction.js new file mode 100644 index 0000000..801e377 --- /dev/null +++ b/src/features/province-finacial/services/province-financial-submit-financial-transaction.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const ProvinceFinancialSubmitFinancialTransaction = createAsyncThunk( + "PROVINCE_FINANCIAL_SUBMIT_FINANCIAL_TRANSACTION", + async (d) => { + const { data, status } = await axios.post("financial_transaction/", d); + return { data, status }; + } +); diff --git a/src/features/province-jahad/components/product-selector/ProductSelector.js b/src/features/province-jahad/components/product-selector/ProductSelector.js new file mode 100644 index 0000000..9be4c62 --- /dev/null +++ b/src/features/province-jahad/components/product-selector/ProductSelector.js @@ -0,0 +1,130 @@ +import React, { useState, useEffect } from "react"; +import { + Typography, + Box, + ButtonBase, + useMediaQuery, + useTheme, +} from "@mui/material"; +import { + Spa as SpaIcon, + Grass as GrassIcon, + Grain as GrainIcon, + BlurOn as BlurOnIcon, + Texture as TextureIcon, +} from "@mui/icons-material"; +import { motion } from "framer-motion"; + +const products = { + bran: { label: "سبوس", icon: }, + barley: { label: "جو", icon: }, + soy: { label: "سویا", icon: }, + corn: { label: "ذرت", icon: }, + sheep_concentrate: { + label: "کنسانتره گوسفندی", + icon: , + }, + high_cow_concentrate: { + label: "کنسانتره گاو شیری پرتولید", + icon: , + }, + medium_cow_concentrate: { + label: "کنسانتره گاو شیری متوسط", + icon: , + }, + fattening_calf_concentrate: { + label: "کنسانتره گوساله پرواری", + icon: , + }, +}; + +const LOCAL_STORAGE_KEY = "selectedProduct"; + +const MotionBox = motion(Box); + +const ProductSelector = ({ onSelect }) => { + const theme = useTheme(); + const isMobile = useMediaQuery(theme.breakpoints.down("sm")); + const [selected, setSelected] = useState("bran"); + + useEffect(() => { + const saved = localStorage.getItem(LOCAL_STORAGE_KEY); + if (saved) { + const parsed = JSON.parse(saved); + if (parsed.key && products[parsed.key]) { + setSelected(parsed.key); + onSelect(parsed); + } + } else { + onSelect({ key: "bran", label: products["bran"].label }); + } + }, [onSelect]); + + const handleSelect = (key) => { + const selectedProduct = { key, label: products[key].label }; + setSelected(key); + localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(selectedProduct)); + onSelect(selectedProduct); + }; + + return ( + + + انتخاب محصول + + + + {Object.entries(products).map(([key, { label, icon }]) => { + const isSelected = selected === key; + + return ( + + handleSelect(key)} + sx={{ + borderRadius: "30px", + border: `1px solid ${ + isSelected ? theme.palette.primary.main : "#ddd" + }`, + backgroundColor: isSelected ? "#e3f2fd" : "#fff", + px: 2, + py: 1, + display: "flex", + alignItems: "center", + gap: 1, + whiteSpace: "nowrap", + boxShadow: isSelected ? "0 2px 5px rgba(0,0,0,0.1)" : "none", + transition: "all 0.2s ease-in-out", + minWidth: 150, + justifyContent: "center", + }} + > + {icon} + {label} + + + ); + })} + + + ); +}; + +export default ProductSelector; diff --git a/src/features/province-jahad/components/province-jahad-allocation-operations/ProvinceJahadAllocationOperations.js b/src/features/province-jahad/components/province-jahad-allocation-operations/ProvinceJahadAllocationOperations.js new file mode 100644 index 0000000..4aa94e8 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-allocation-operations/ProvinceJahadAllocationOperations.js @@ -0,0 +1,202 @@ +import { + Button, + IconButton, + Popover, + Tooltip, + Typography, +} from "@mui/material"; +import { useContext, useState } from "react"; +import DeleteIcon from "@mui/icons-material/Delete"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { ProvinceJahadSubmitAllocation } from "../province-jahad-submit-allocation/ProvinceJahadSubmitAllocation"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; + +import { provinceJahadDeleteAllocationService } from "../../services/province-jahad-submit-allocation"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceJahadAllocationOperations = ({ + item, + // fileUrl, + updateTable, + getDashboardData, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const [openNotif] = useContext(AppContext); + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + +

+ + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ویرایش", + content: ( + + ), + }) + ); + }} + > + + + + + + { + dispatch( + OPEN_MODAL({ + title: "حذف تخصیص", + content: ( + + + آیا از حذف تخصیص اطمینان دارید؟ + + + + + + + + + + + ), + }) + ); + }} + > + + + + + {/* {getRoleFromUrl() === "Cooperative" && ( + <> + + + )} */} +

+ + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-bran-distributions-allocation/ProvinceJahadBranDistributionsAllocation.js b/src/features/province-jahad/components/province-jahad-bran-distributions-allocation/ProvinceJahadBranDistributionsAllocation.js new file mode 100644 index 0000000..b777ed9 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-bran-distributions-allocation/ProvinceJahadBranDistributionsAllocation.js @@ -0,0 +1,182 @@ +import React, { useEffect, useState } from "react"; +import { Tab, Tabs } from "@mui/material"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + provinceJahadGetDistributionInfoService, + provinceJahadGetInventoryDataService, +} from "../../services/province-jahad-get-distribution-info"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { ProvinceJahadBranDistributionsInventoryAllocations } from "../province-jahad-bran-distributions-inventory-allocation/ProvinceJahadBranDistributionsInventoryAllocation"; +import { ProvinceJahadBranDistributionsUnionAllocations } from "../province-jahad-bran-distributions-union-allocation/ProvinceJahadBranDistributionsUnionAllocation"; + +export const ProvinceJahadBranDistributionsAllocation = ({ product }) => { + const [dashboardData, setDashboardData] = useState([]); + const [inventoryData, setInventoryData] = useState([]); + + const dispatch = useDispatch(); + const getDashboardData = () => { + dispatch( + provinceJahadGetDistributionInfoService({ + name: product?.key, + search: "filter", + role: getRoleFromUrl(), + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + dispatch( + provinceJahadGetInventoryDataService({ + name: product?.key, + search: "filter", + role: getRoleFromUrl(), + }) + ).then((r) => { + setInventoryData(r.payload.data); + }); + }; + + // const updateTable = (event) => { + // event.preventDefault(); + // if (childRef.current) { + // childRef.current.handleSubmit(event); + // } + // }; + + useEffect(() => { + getDashboardData(); + }, [dispatch]); + + const [selectedTab, setSelectedTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + + return ( + + + + + + + + + + + + {selectedTab === 0 && ( + + )} + + {selectedTab === 1 && ( + + )} + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-bran-distributions-allocations-operation/ProvinceJahadBranDistributionsAllocationsOperations.JS b/src/features/province-jahad/components/province-jahad-bran-distributions-allocations-operation/ProvinceJahadBranDistributionsAllocationsOperations.JS new file mode 100644 index 0000000..0059af6 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-bran-distributions-allocations-operation/ProvinceJahadBranDistributionsAllocationsOperations.JS @@ -0,0 +1,5 @@ +import React from "react"; + +export const ProvinceJahadBranDistributionsAllocationsOperations = () => { + return

provinceJahadBranDistributionsAllocationsOperations

; +}; diff --git a/src/features/province-jahad/components/province-jahad-bran-distributions-inventory-allocation/ProvinceJahadBranDistributionsInventoryAllocation.js b/src/features/province-jahad/components/province-jahad-bran-distributions-inventory-allocation/ProvinceJahadBranDistributionsInventoryAllocation.js new file mode 100644 index 0000000..3292a89 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-bran-distributions-inventory-allocation/ProvinceJahadBranDistributionsInventoryAllocation.js @@ -0,0 +1,325 @@ +import React, { useEffect, useState, useContext } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatTime } from "../../../../utils/formatTime"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Button, Checkbox, TextField, Tooltip } from "@mui/material"; +import { ProvinceJahadSubmitAllocation } from "../province-jahad-submit-allocation/ProvinceJahadSubmitAllocation"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { ProvinceJahadAllocationOperations } from "../province-jahad-allocation-operations/ProvinceJahadAllocationOperations"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; + +export const ProvinceJahadBranDistributionsInventoryAllocations = ({ + inventoryData, + getDashboardData, + maxAllow, + product, +}) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [textValue, setTextValue] = useState(""); + + const [withDate, setWithDate] = useState(false); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `LiveStock/jahad/live-stock-allocation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&name=${product?.key}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const getCooperativeState = (item) => { + // if (getRoleFromUrl() === "Cooperative") { + // return [item?.state === "accepted" ? "تایید شده" : "در انتظار تایید"]; + // } else { + // return []; + // } + // }; + // const getCooperativeStateLabel = () => { + // if (getRoleFromUrl() === "Cooperative") { + // return ["وضعیت"]; + // } else { + // return []; + // } + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + const from = + item?.allocateFrom === "LiveStockProvinceJahad" + ? item?.jahad?.name + : item?.union?.name; + const fromRole = getFaUserRole(item?.allocateFrom); + const to = + item?.allocateTo === "Union" + ? item?.union?.name + : item?.cooperative?.name; + const toRole = getFaUserRole(item?.allocateTo); + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.weight?.toLocaleString(), + // ...getCooperativeState(item), + `${fromRole} (${from})`, + `${toRole} (${to})`, + item?.allocateFrom === "LiveStockProvinceJahad" + ? item?.jahad?.user?.fullname + : item?.union?.user?.fullname, + formatTime(item?.date), + item?.place, + item?.description, + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `LiveStock/jahad/live-stock-allocation/?role=${getRoleFromUrl()}&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&name=${product?.key}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const getColumns = () => { + if ( + getRoleFromUrl() === "LiveStockProvinceJahad" || + getRoleFromUrl() === "Union" + ) { + return [ + "ردیف", + "وزن (کیلوگرم)", + "مبدا", + "مقصد", + "ثبت کننده", + "تاریخ ثبت", + "مکان دریافت", + "توضیحات", + "عملیات", + ]; + } else { + return [ + "ردیف", + "وزن (کیلوگرم)", + // ...getCooperativeStateLabel(), + "مبدا", + "مقصد", + "ثبت کننده", + "تاریخ ثبت", + "مکان دریافت", + "توضیحات", + ]; + } + }; + + return ( + + + {(getRoleFromUrl() === "LiveStockProvinceJahad" || + getRoleFromUrl() === "Union") && ( + + )} + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-bran-distributions-policy/ProvinceJahadBranDistributionsPolicy.js b/src/features/province-jahad/components/province-jahad-bran-distributions-policy/ProvinceJahadBranDistributionsPolicy.js new file mode 100644 index 0000000..3a093c7 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-bran-distributions-policy/ProvinceJahadBranDistributionsPolicy.js @@ -0,0 +1,324 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + FormControlLabel, + IconButton, + Switch, + TextField, + Tooltip, +} from "@mui/material"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { provinceJahadEditRancher } from "../../services/province-jahad-rancher-activation"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceJahadGetProductInfoService } from "../../services/province-jahad-get-product-info"; +import { ProvinceJahadEditProduct } from "../province-jahad-edit-product/ProvinceJahadEditProduct"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +export const ProvinceJahadBranDistributionsPolicy = ({ product }) => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [dashboardData, setDashboardData] = useState([]); + + const getDashboardData = () => { + dispatch( + provinceJahadGetProductInfoService({ product: product?.key }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + if (getRoleFromUrl() === "LiveStockProvinceJahad") { + getDashboardData(); + } + }, []); + + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `/LiveStock/rancher/rancher-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&name=${ + product?.key + }` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.herdCode, + item?.epidemiologicalCode, + item?.postalCode, + item?.unitId, + item?.herdName, + item?.nationalId, + item?.user?.fullname.replace(":", " "), + item?.mobile, + item?.contractorCode || "-", + item?.city, + // item?.lightLivestock?.toLocaleString(), + // item?.heavyLivestock?.toLocaleString(), + // Math.round( + // item?.lightLivestock + item?.heavyLivestock + // )?.toLocaleString(), + // item?.weightQuotaLight?.toLocaleString(), + // item?.weightQuotaHeavy?.toLocaleString(), + // Math.round( + // item?.weightQuotaLight + item?.weightQuotaHeavy + // )?.toLocaleString(), + { + dispatch( + provinceJahadEditRancher({ + key: item?.key, + allow_buy: !item?.allowBuy, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + color="primary" + /> + } + label={item?.allowBuy ? "فعال" : "غیرفعال"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + />, + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `/LiveStock/rancher/rancher-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&name=${ + product?.key + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + {getRoleFromUrl() === "LiveStockProvinceJahad" && ( + + + { + dispatch( + DRAWER({ + title: "ویرایش محصول", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + , + ], + ]} + title={`محدودیت های توزیع ${product?.label}`} + /> + + )} + + + + + {/* + + + + */} + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-bran-distributions-union-allocation/ProvinceJahadBranDistributionsUnionAllocation.js b/src/features/province-jahad/components/province-jahad-bran-distributions-union-allocation/ProvinceJahadBranDistributionsUnionAllocation.js new file mode 100644 index 0000000..51f5dc4 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-bran-distributions-union-allocation/ProvinceJahadBranDistributionsUnionAllocation.js @@ -0,0 +1,311 @@ +import React, { useEffect, useState, useContext } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatTime } from "../../../../utils/formatTime"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Button, Checkbox, TextField, Tooltip } from "@mui/material"; +import { ProvinceJahadSubmitAllocation } from "../province-jahad-submit-allocation/ProvinceJahadSubmitAllocation"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { ProvinceJahadAllocationOperations } from "../province-jahad-allocation-operations/ProvinceJahadAllocationOperations"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; + +export const ProvinceJahadBranDistributionsUnionAllocations = ({ + inventoryData, + getDashboardData, + product, + maxAllow, +}) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [textValue, setTextValue] = useState(""); + + const [withDate, setWithDate] = useState(false); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `/LiveStock/jahad/live-stock-warehouse-charge-allocation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&name=${product?.key}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const getRegisterarData = (item) => { + if (getRoleFromUrl() === "Cooperative") { + return { + key: [], + value: [], + }; + } else { + return { + key: "ثبت کننده", + value: [item?.jahad?.user?.fullname || item?.union?.user?.fullname], + }; + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.weight?.toLocaleString(), + getRegisterarData(item)?.value, + formatTime(item?.date), + item?.place, + item?.description, + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `LiveStock/jahad/live-stock-warehouse-charge-allocation/?role=${getRoleFromUrl()}&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&name=${product?.key}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const columns = [ + "ردیف", + "وزن (کیلوگرم)", + getRegisterarData()?.key, + "تاریخ ثبت", + "مبدا", + "توضیحات", + "عملیات", + ]; + return ( + + + {getRoleFromUrl() === "LiveStockProvinceJahad" && ( + + )} + + {getRoleFromUrl() === "Cooperative" && ( + + )} + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-bran-distributions/ProvinceJahadBranDistributions.js b/src/features/province-jahad/components/province-jahad-bran-distributions/ProvinceJahadBranDistributions.js new file mode 100644 index 0000000..f3ae485 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-bran-distributions/ProvinceJahadBranDistributions.js @@ -0,0 +1,132 @@ +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { + VscAdd, + VscOutput, + VscSymbolProperty, + VscTable, +} from "react-icons/vsc"; +import { + ROUTE_COOPERATIVE_PRODUCT_DISTRIBUTION_ALLOCATION, + ROUTE_COOPERATIVE_PRODUCT_DISTRIBUTION_POLICY, + ROUTE_PROVINCE_JAHAD_PRODUCT_DISTRIBUTION, + ROUTE_PROVINCE_JAHAD_PRODUCT_DISTRIBUTION_ALLOCATION, + ROUTE_PROVINCE_JAHAD_PRODUCT_DISTRIBUTION_POLICY, + ROUTE_PROVINCE_JAHAD_PRODUCT_SHARES, + ROUTE_PROVINCE_JAHAD_SELL_REPORT, + ROUTE_UNION_PRODUCT_DISTRIBUTION, + ROUTE_UNION_PRODUCT_DISTRIBUTION_ALLOCATION, + ROUTE_UNION_PRODUCT_DISTRIBUTION_POLICY, + ROUTE_UNION_SELL_REPORT, +} from "../../../../routes/routes"; +import { useLocation } from "react-router-dom"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceJahadBranDistributions = ({ product }) => { + const { pathname } = useLocation(); + + const getProductColor = + product?.key === "bran" + ? "rgba(224, 224, 224, 0.5)" + : product?.key === "barley" + ? "rgba(245, 194, 149, 0.5)" + : product?.key === "soy" + ? "rgba(164, 239, 204, 0.5)" + : product?.key === "corn" + ? "rgba(193, 239, 164, 0.5)" + : "rgba(132, 243, 233, 0.5)"; + + return ( + + + + + } + title={`انبار و تخصیص ${product?.label}`} + description={`انبار و تخصیص ${product?.label}`} + /> + + + {(getRoleFromUrl() === "LiveStockProvinceJahad" || + getRoleFromUrl() === "Union") && ( + + } + title={`مدیریت توزیع ${product?.label}`} + description={`مدیریت توزیع ${product?.label}`} + /> + + )} + + {(getRoleFromUrl() === "LiveStockProvinceJahad" || + getRoleFromUrl() === "Union") && ( + + } + title={`گزارش فروش ${product?.label}`} + description={`گزارش فروش ${product?.label}`} + /> + + )} + + {getRoleFromUrl() === "LiveStockProvinceJahad" && ( + + } + title={`سهم بندی ${product?.label}`} + description={`سهم بندی ${product?.label}`} + /> + + )} + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-cooperatives-modal/ProvinceJahadCooperativesModal.js b/src/features/province-jahad/components/province-jahad-cooperatives-modal/ProvinceJahadCooperativesModal.js new file mode 100644 index 0000000..2ec5e6f --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-cooperatives-modal/ProvinceJahadCooperativesModal.js @@ -0,0 +1,29 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { provinceJahadGetCooperativesPosInfoService } from "../../services/province-jahad-get-cooperatives-pos"; +import { useDispatch } from "react-redux"; + +export const ProvinceJahadCooperativesModal = ({ item }) => { + const dispatch = useDispatch(); + const [tableData, setTableData] = useState([]); + + useEffect(() => { + dispatch(provinceJahadGetCooperativesPosInfoService(item.key)).then((r) => { + const d = r.payload.data?.map((item, i) => { + return [i + 1, item?.companyName, item?.posId]; + }); + + setTableData(d); + }); + }, []); + + return ( + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-cooperatives-operations/ProvinceJahadCooperativesOperations.js b/src/features/province-jahad/components/province-jahad-cooperatives-operations/ProvinceJahadCooperativesOperations.js new file mode 100644 index 0000000..5fc2479 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-cooperatives-operations/ProvinceJahadCooperativesOperations.js @@ -0,0 +1,141 @@ +import { + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, +} from "@mui/material"; +import { useContext, useState } from "react"; +// import DeleteIcon from "@mui/icons-material/Delete"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceJahadEditCooperative } from "../province-jahad-edit-cooperative/ProvinceJahadEditCooperative"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceJahadEditCooperativeService } from "../../services/province-jahad-submit-cooperatives"; + +export const ProvinceJahadCooperativesOperations = ({ + item, + // fileUrl, + updateTable, + getDashboardData, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + const [openNotif] = useContext(AppContext); + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + +

+ + { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش اطلاعات ", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + { + dispatch( + provinceJahadEditCooperativeService({ + cooperative_key: item?.key, + active: !item?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + color="primary" + /> + } + label={item?.active ? "فعال" : "غیرفعال"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + + {/* + + + + */} +

+ + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-cooperatives/ProvinceJahadCooperatives.js b/src/features/province-jahad/components/province-jahad-cooperatives/ProvinceJahadCooperatives.js new file mode 100644 index 0000000..399f05f --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-cooperatives/ProvinceJahadCooperatives.js @@ -0,0 +1,205 @@ +import React, { useEffect, useState } from "react"; +import { Button, IconButton, TextField, Tooltip } from "@mui/material"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { ProvinceJahadCooperativesOperations } from "../province-jahad-cooperatives-operations/ProvinceJahadCooperativesOperations"; +import { ProvinceJahadEditCooperative } from "../province-jahad-edit-cooperative/ProvinceJahadEditCooperative"; +import TabletAndroidIcon from "@mui/icons-material/TabletAndroid"; +import { ProvinceJahadCooperativesModal } from "../province-jahad-cooperatives-modal/ProvinceJahadCooperativesModal"; + +export const ProvinceJahadCooperatives = () => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `/LiveStock/cooperative/cooperative-views/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + item?.user.fullname, + item?.address?.province?.name, + item?.address?.city?.name, + item?.user.mobile, + item?.nationalId, + item?.account || "-", + item?.user?.password || "-", + + { + dispatch( + OPEN_MODAL({ + title: `لیست دستگاه‌های POS تعاونی ${item?.name}`, + content: , + }) + ); + }} + > + + + , + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `/LiveStock/cooperative/cooperative-views/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-edit-cooperative/ProvinceJahadEditCooperative.js b/src/features/province-jahad/components/province-jahad-edit-cooperative/ProvinceJahadEditCooperative.js new file mode 100644 index 0000000..790bd3e --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-edit-cooperative/ProvinceJahadEditCooperative.js @@ -0,0 +1,325 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { + Grid, + TextField, + Button, + Autocomplete, + Typography, +} from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { + provinceJahadEditCooperativeService, + provinceJahadSubmitCooperativeService, +} from "../../services/province-jahad-submit-cooperatives"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; +import { cityGetCity } from "../../../city/services/city-get-city"; + +export const ProvinceJahadEditCooperative = ({ + updateTable, + item, + getDashboardData, +}) => { + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + const [isExistProvince, setIsExistProvince] = useState(true); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const validationSchema = Yup.object().shape({ + name: Yup.string().required("این فیلد الزامی است"), + first_name: Yup.string().required("این فیلد الزامی است"), + last_name: Yup.string().required("این فیلد الزامی است"), + address: Yup.string().required("این فیلد الزامی است"), + nationalId: Yup.string() + .matches(/^\d+$/, "لطفا فقط عدد وارد کنید") + .length(10, "کد ملی باید ۱۰ رقم باشد") + .required("این فیلد الزامی است"), + postalCode: Yup.string() + .matches(/^\d+$/, "لطفا فقط عدد وارد کنید") + .length(10, "کد پستی باید ۱۰ رقم باشد") + .required("این فیلد الزامی است"), + mobile: Yup.string() + .matches(/^\d+$/, "لطفا فقط عدد وارد کنید") + .length(11, "شماره موبایل باید ۱۱ رقم باشد") + .required("این فیلد الزامی است"), + account: Yup.number() + .required("این فیلد اجباری است!") + .typeError("صرفا اعداد شماره شبا را وارد کنید!"), + }); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + dispatch(LOADING_END()); + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + const formik = useFormik({ + initialValues: { + name: item?.name || "", + first_name: item?.user?.firstName || "", + last_name: item?.user?.lastName || "", + mobile: item?.user?.mobile || "", + address: item?.address?.address || "", + nationalId: item?.nationalId || "", + postalCode: item?.address?.postalCode || "", + account: item?.account?.replace(/ir/gi, "") ?? "", + }, + validationSchema, + enableReinitialize: true, + onSubmit: (values) => { + if (item) { + dispatch( + provinceJahadEditCooperativeService({ + cooperative_key: item?.key, + first_name: values.first_name, + last_name: values.last_name, + name: values.name, + address: values.address, + mobile: values.mobile, + account: "IR" + values.account, + national_id: values.nationalId, + postal_code: values.postalCode, + city: cityKey || item?.address?.city?.name, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + getDashboardData(); + } + }); + } else { + dispatch( + provinceJahadSubmitCooperativeService({ + first_name: values.first_name, + last_name: values.last_name, + name: values.name, + mobile: values.mobile, + address: values.address, + national_id: values.nationalId, + postal_code: values.postalCode, + account: "IR" + values.account, + city: cityKey, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + getDashboardData(); + } + }); + } + }, + }); + + const isFormValid = () => { + if (item) { + return formik.isValid; + } else { + return formik.isValid && cityKey; + } + }; + + return ( + +

+ + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setCityKey(value.label); + }} + renderInput={(params) => ( + + )} + /> + {item && !cityKey && ( + + شهر: {item?.address?.city?.name} + + )} + + + + + + + + + + + + + + + + +

+ + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-edit-product/ProvinceJahadEditProduct.js b/src/features/province-jahad/components/province-jahad-edit-product/ProvinceJahadEditProduct.js new file mode 100644 index 0000000..82c3a3a --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-edit-product/ProvinceJahadEditProduct.js @@ -0,0 +1,310 @@ +import React, { useContext, useEffect } from "react"; +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceJahadUpdateProductService } from "../../services/province-jahad-update-product"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const ProvinceJahadEditProduct = ({ item, updateTable }) => { + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + const validationSchema = Yup.object({ + light_weight: Yup.number().required("این فیلد اجباری است!"), + heavy_weight: Yup.number().required("این فیلد اجباری است!"), + light_wight_industrial: Yup.number().required("این فیلد اجباری است!"), + heavy_wight_industrial: Yup.number().required("این فیلد اجباری است!"), + light_wight_dha: Yup.number().required("این فیلد اجباری است!"), + heavy_wight_dha: Yup.number().required("این فیلد اجباری است!"), + price: Yup.number() + .required("این فیلد اجباری است!") + .positive("عدد مثبت وارد کنید!"), + unionPrice: Yup.number() + .required("این فیلد اجباری است!") + .positive("عدد مثبت وارد کنید!"), + cooperativePrice: Yup.number() + .required("این فیلد اجباری است!") + .positive("عدد مثبت وارد کنید!"), + shippingPrice: Yup.number() + .required("این فیلد اجباری است!") + .positive("عدد مثبت وارد کنید!"), + }); + + const formik = useFormik({ + initialValues: { + light_weight: item.lightWight || 0, + heavy_weight: item.heavyWight || 0, + light_wight_industrial: item.lightWightIndustrial || 0, + heavy_wight_industrial: item.heavyWightIndustrial || 0, + light_wight_dha: item.lightWightDha || 0, + heavy_wight_dha: item.heavyWightDha || 0, + price: item.price || 0, + unionPrice: item.unionPrice || 0, + cooperativePrice: item.cooperativePrice || 0, + shippingPrice: item.shippingPrice || 0, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + provinceJahadUpdateProductService({ + key: item?.key, + light_wight: values.light_weight, + heavy_wight: values.heavy_weight, + light_wight_industrial: values.light_wight_industrial, + heavy_wight_industrial: values.heavy_wight_industrial, + light_wight_dha: values.light_wight_dha, + heavy_wight_dha: values.heavy_wight_dha, + price: values.price, + union_price: values.unionPrice, + cooperative_price: values.cooperativePrice, + shipping_price: values.shippingPrice, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } + }); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, [dispatch]); + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-edit-rancher/ProvinceJahadEditRancher.js b/src/features/province-jahad/components/province-jahad-edit-rancher/ProvinceJahadEditRancher.js new file mode 100644 index 0000000..a60e54d --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-edit-rancher/ProvinceJahadEditRancher.js @@ -0,0 +1,359 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Grid, + TextField, + Button, + Autocomplete, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; +import { cityGetCity } from "../../../city/services/city-get-city"; +import { useDispatch } from "react-redux"; +import { + provinceJahadEditRancher, + provinceJahadSubmitRancher, +} from "../../services/province-jahad-rancher-activation"; +import { SPACING } from "../../../../data/spacing"; + +const validationSchema = Yup.object({ + mobile: Yup.string() + .required("این فیلد اجباری است!") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + first_name: Yup.string().required("این فیلد اجباریست!"), + last_name: Yup.string().required("این فیلد اجباریست!"), + national_id: Yup.string() + .required("این فیلد اجباریست!") + .matches(/^\d{10}$/, "کد ملی باید 10 رقم باشد!"), + postal_code: Yup.string().required("این فیلد اجباریست!"), + name: Yup.string().required("این فیلد اجباریست!"), + epidemiological_code: Yup.string().required("این فیلد اجباریست!"), + herd_code: Yup.string().required("این فیلد اجباریست!"), + herd_name: Yup.string().required("این فیلد اجباریست!"), +}); + +export const ProvinceJahadEditRancher = ({ item, updateTable }) => { + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + const [isExistProvince, setIsExistProvince] = useState(true); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + mobile: item?.mobile || "", + first_name: item?.user?.firstName || "", + last_name: item?.user?.lastName || "", + national_id: item?.nationalId || "", + postal_code: item?.postalCode || "", + name: item?.name || "", + epidemiological_code: item?.epidemiologicalCode || "", + herd_code: item?.herdCode || "", + herd_name: item?.herdName || "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + if (item) { + dispatch( + provinceJahadEditRancher({ + key: item?.key, + city: cityKey || item?.city, + mobile: values.mobile, + first_name: values.first_name, + last_name: values.last_name, + national_id: values.national_id, + postal_code: values.postal_code, + name: values.name, + epidemiological_code: values.epidemiological_code, + herd_code: values.herd_code, + herd_name: values.herd_name, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + } + }); + } else { + dispatch( + provinceJahadSubmitRancher({ + city: cityKey, + mobile: values.mobile, + first_name: values.first_name, + last_name: values.last_name, + national_id: values.national_id, + postal_code: values.postal_code, + name: values.name, + epidemiological_code: values.epidemiological_code, + herd_code: values.herd_code, + herd_name: values.herd_name, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + } + }); + } + }, + }); + + const isFormValid = () => { + if (item) { + return formik.isValid; + } else { + return formik.isValid && cityKey; + } + }; + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + dispatch(LOADING_END()); + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + return ( + + + + + + + + + + + + + + + + + + + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setCityKey(value.label); + }} + renderInput={(params) => ( + + )} + /> + {item && !cityKey && ( + + شهر: {item?.city} + + )} + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-edit-share/ProvinceJahadEditShare.js b/src/features/province-jahad/components/province-jahad-edit-share/ProvinceJahadEditShare.js new file mode 100644 index 0000000..b73edce --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-edit-share/ProvinceJahadEditShare.js @@ -0,0 +1,148 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid, TextField, Button } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceJahadSubmitShareService } from "../../services/province-jahad-submit-share"; + +export const ProvinceJahadEditShare = ({ updateTable, item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const validationSchema = Yup.object().shape({ + price: Yup.string().required("این فیلد الزامی است"), + shipping_price: Yup.string().required("این فیلد الزامی است"), + union_price: Yup.string().required("این فیلد الزامی است"), + cooperative_price: Yup.string().required("این فیلد الزامی است"), + company_price: Yup.string().required("این فیلد الزامی است"), + }); + + const formik = useFormik({ + initialValues: { + price: item?.price || "", + shipping_price: item?.shippingPrice || "", + union_price: item?.unionPrice || "", + company_price: item?.companyPrice || "", + cooperative_price: item?.cooperativePrice || "", + }, + validationSchema, + enableReinitialize: true, + onSubmit: (values) => { + dispatch( + provinceJahadSubmitShareService({ + share_key: item?.key, + shipping_price: values.shipping_price, + union_price: values.union_price, + company_price: values.company_price, + price: values.price, + cooperative_price: values.cooperative_price, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + } + }); + }, + }); + + return ( + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-herds-operations/ProvinceJahadHerdsOperations.js b/src/features/province-jahad/components/province-jahad-herds-operations/ProvinceJahadHerdsOperations.js new file mode 100644 index 0000000..62a7595 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-herds-operations/ProvinceJahadHerdsOperations.js @@ -0,0 +1,276 @@ +import { + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, + Button, + Typography, +} from "@mui/material"; +import { useContext, useState } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + OPEN_MODAL, + CLOSE_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { ProvicneJahadSubmitHerd } from "../province-jahad-submit-herd/ProvicneJahadSubmitHerd"; +import { AppContext } from "../../../../contexts/AppContext"; +import UnarchiveIcon from "@mui/icons-material/Unarchive"; +import ArchiveIcon from "@mui/icons-material/Archive"; +import { + provinceJahadEditHerdService, + provinceJahadDeleteHerdService, +} from "../../services/province-jahad-submit-herd"; + +export const ProvinceJahadHerdsOperations = ({ + item, + // fileUrl, + updateTable, + getDashboardData, + dataType, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const handleArchive = () => { + dispatch( + provinceJahadDeleteHerdService({ + live_stock_key: item?.key, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + } + }); + handleClose(); + }; + + const handleUnarchive = () => { + dispatch( + provinceJahadEditHerdService({ + live_stock_key: item?.key, + return_from_archive: true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + handleClose(); + }; + + const showConfirmationModal = (action) => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + {action === "archive" + ? "آیا می‌خواهید این گله را به بایگانی منتقل کنید؟" + : "آیا می‌خواهید این گله را از بایگانی خارج کنید؟"} + + + + + + + + + + ), + }) + ); + }; + + return ( + + + + + +

+ + { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش اطلاعات", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + { + dispatch( + provinceJahadEditHerdService({ + live_stock_key: item?.key, + active: !item?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + color="primary" + /> + } + label={item?.active ? "فعال" : "غیرفعال"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + {dataType === "archive" ? ( + + showConfirmationModal("unarchive")} + style={{ marginTop: "10px" }} + > + + + + ) : ( + + showConfirmationModal("archive")} + style={{ marginTop: "10px" }} + > + + + + )} +

+ + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-herds/ProvinceJahadHerds.js b/src/features/province-jahad/components/province-jahad-herds/ProvinceJahadHerds.js new file mode 100644 index 0000000..06352b1 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-herds/ProvinceJahadHerds.js @@ -0,0 +1,277 @@ +import React, { useEffect, useState } from "react"; +import { Button, Tab, Tabs, TextField, Tooltip } from "@mui/material"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceJahadGetHerdInfoDashboardService } from "../../services/province-jahad-get-herd-dashbored"; +import { ProvinceJahadHerdsOperations } from "../province-jahad-herds-operations/ProvinceJahadHerdsOperations"; +import { ProvicneJahadSubmitHerd } from "../province-jahad-submit-herd/ProvicneJahadSubmitHerd"; +import { convertDaysToYMD } from "../../../../utils/formatTime"; + +export const ProvinceJahadHerds = () => { + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + const [value, setValue] = useState("0"); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `/LiveStock/live-stock/live-stock-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&type=${ + value === "0" ? "pending" : "archive" + }` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const handleChange = (event, newValue) => { + setValue(newValue); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const getDashboardData = () => { + dispatch( + provinceJahadGetHerdInfoDashboardService({ + search: textValue, + type: value === "0" ? "pending" : "archive", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.rancher?.fullname || "-", + item?.rancher?.nationalId, + item?.rancher?.mobile || "-", + item?.rancher?.city || "-", + item?.nationalIdLivestockCode || "-", + item?.herdCode || "-", + item?.type || "-", + item?.birthDay || "-", + item?.gender || "-", + convertDaysToYMD(item?.age) || "-", + item?.contractorCode || "-", + item?.uniqueIdentifier || "-", + item?.agent || "-", + item?.registeringUser || "-", + item?.registeringDate || "-", + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage, value]); + + useEffect(() => { + getDashboardData(); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `/LiveStock/live-stock/live-stock-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=1&page_size=${perPage}&type=${ + value === "0" ? "pending" : "archive" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + getDashboardData(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-rancher-details/ProvinceJahadRancherDetails.js b/src/features/province-jahad/components/province-jahad-rancher-details/ProvinceJahadRancherDetails.js new file mode 100644 index 0000000..e1121a7 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-rancher-details/ProvinceJahadRancherDetails.js @@ -0,0 +1,49 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { useDispatch } from "react-redux"; +import { provinceJahadGetRancherDetailsService } from "../../services/province-jahad-get-rancher-details"; + +export const ProvinceJahadRancherDetails = ({ item }) => { + const dispatch = useDispatch(); + const [tableData, setTableData] = useState(); + + useEffect(() => { + dispatch( + provinceJahadGetRancherDetailsService({ herd_code: item?.herdCode }) + ).then((r) => { + setTableData(r.payload.data); + }); + }, []); + + return ( + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-rancher-operations/ProvinceJahadRancherOperations.js b/src/features/province-jahad/components/province-jahad-rancher-operations/ProvinceJahadRancherOperations.js new file mode 100644 index 0000000..4c45039 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-rancher-operations/ProvinceJahadRancherOperations.js @@ -0,0 +1,272 @@ +import { + Button, + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, +} from "@mui/material"; +import { useContext, useState } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { AppContext } from "../../../../contexts/AppContext"; +import { ProvinceJahadRancherDetails } from "../province-jahad-rancher-details/ProvinceJahadRancherDetails"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import { ProvinceJahadEditRancher } from "../province-jahad-edit-rancher/ProvinceJahadEditRancher"; +import { ProvicneJahadSubmitHerd } from "../province-jahad-submit-herd/ProvicneJahadSubmitHerd"; +import AddIcon from "@mui/icons-material/Add"; +import { ProvinceJahadSubmitDhi } from "../province-jahad-submit-dhi/ProvinceJahadSubmitDhi"; +import { provinceJahadEditRancher } from "../../services/province-jahad-rancher-activation"; +import { provinceJahadDeleteRancherService } from "../../services/province-jahad-unions-delete-rancher"; + +export const ProvinceJahadRancherOperations = ({ + item, + updateTable, + getDashboardData, +}) => { + const dispatch = useDispatch(); + const [popoverOpen, setPopoverOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif] = useContext(AppContext); + + const openPopover = (event) => { + setPopoverOpen(true); + setAnchorEl(event.currentTarget); + }; + + const closePopover = () => { + setPopoverOpen(false); + setAnchorEl(null); + }; + + return ( + + + + + +

+ + + { + closePopover(); + dispatch( + OPEN_MODAL({ + title: `جزئیات گله`, + content: , + }) + ); + }} + > + + + + + + + + + + { + closePopover(); + dispatch( + DRAWER({ + title: "ایجاد گله برای دامدار", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + + { + closePopover(); + dispatch( + DRAWER({ + right: true, + top: false, + content: ( + + ), + title: "ویرایش دامدار ", + }) + ); + }} + > + + + + { + dispatch( + provinceJahadEditRancher({ + key: item?.key, + type: item?.type === "rural" ? "industrial" : "rural", + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + color="primary" + /> + } + label={item?.type === "rural" ? "روستایی" : "صنعتی"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + + + { + closePopover(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + +

+ + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-ranchers/ProvinceJahadRanchers.js b/src/features/province-jahad/components/province-jahad-ranchers/ProvinceJahadRanchers.js new file mode 100644 index 0000000..e82319a --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-ranchers/ProvinceJahadRanchers.js @@ -0,0 +1,257 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField, Tooltip } from "@mui/material"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceJahadGetRancherInfoDashboardService } from "../../services/province-jahad-get-rancher-dashbored"; +import { ProvinceJahadRancherOperations } from "../province-jahad-rancher-operations/ProvinceJahadRancherOperations"; +import { ProvinceJahadEditRancher } from "../province-jahad-edit-rancher/ProvinceJahadEditRancher"; + +export const ProvinceJahadRanchers = () => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `/LiveStock/rancher/rancher-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + const getDashboardData = () => { + dispatch( + provinceJahadGetRancherInfoDashboardService({ + search: textValue, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + useEffect(() => { + getDashboardData(); + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.type === "rural" ? "روستایی" : "صنعتی", + item?.name, + item?.herdCode, + item?.epidemiologicalCode, + item?.postalCode, + item?.unitId, + item?.herdName, + item?.nationalId, + // item?.user?.fullname, + item?.mobile, + item?.contractorCode || "-", + item?.city, + item?.registeringUser || "-", + item?.type === "rural" ? "-" : item?.dhiAmount?.toLocaleString(), + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `/LiveStock/rancher/rancher-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch( + provinceJahadGetRancherInfoDashboardService({ + search: textValue, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-sell-report-transactions/ProvinceJahadSellReportTransactions.js b/src/features/province-jahad/components/province-jahad-sell-report-transactions/ProvinceJahadSellReportTransactions.js new file mode 100644 index 0000000..4295ff5 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-sell-report-transactions/ProvinceJahadSellReportTransactions.js @@ -0,0 +1,338 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Checkbox, + FormControl, + FormControlLabel, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { formatTime } from "../../../../utils/formatTime"; + +export const ProvinceJahadSellReportTransactions = ({ + cooperative_key, + product, +}) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [withDate, setWithDate] = useState(false); + + const [transactionType, setTransactionType] = useState("all"); + + const handleChange = (event) => { + setTransactionType(event.target.value); + }; + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `live-stock-transactions/?search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&cooperative_key=${cooperative_key}&state=${transactionType}&name=${ + product?.key + }` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + const convertToJson = (data) => { + if (data) { + return JSON.parse(data); + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const products = item?.products?.map((option, index) => { + return [ + index + 1, + option?.name, + option?.curWeight?.toLocaleString(), + option?.price?.toLocaleString(), + option?.curPrice?.toLocaleString(), + ]; + }); + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatTime(item?.date), + item?.fullname || "-", + item?.natcode || "-", + item?.mobile || "-", + `${item?.pos?.cooperative?.name} شهرستان ${item?.pos?.cooperative?.user?.cityName} (${item?.pos?.cooperative?.user?.fullname})`, + item?.pos?.cooperative?.user?.mobile, + item?.paid ? "پرداخت شده" : `پرداخت نشده (${item?.result})`, + convertToJson(item?.additional).isTaavoni ? "تعاونی" : "کارخانه", + item?.products + ? item?.products.map((option) => option.name).join("-") + : "-", + convertToJson(item?.additional)?.ownerNatcode?.toLocaleString() || 0, + convertToJson(item?.additional)?.cur_heavy?.toLocaleString() || 0, + convertToJson(item?.additional)?.cur_light?.toLocaleString() || 0, + item?.products + .reduce( + (accumulator, currentValue) => + accumulator + currentValue?.curWeight, + 0 + ) + .toLocaleString(), + item?.price?.toLocaleString(), + convertToJson(item?.additional)?.cooperative_price?.toLocaleString() || + 0, + convertToJson(item?.additional)?.union_price?.toLocaleString() || 0, + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [ + dispatch, + selectedDate1, + selectedDate2, + perPage, + withDate, + transactionType, + ]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `live-stock-transactions/?search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&cooperative_key=${cooperative_key}&state=${transactionType}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + فیلتر تراکنش + + + + + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-sell-report/ProvinceJahadSellReport.js b/src/features/province-jahad/components/province-jahad-sell-report/ProvinceJahadSellReport.js new file mode 100644 index 0000000..5ba7230 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-sell-report/ProvinceJahadSellReport.js @@ -0,0 +1,372 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Checkbox, + IconButton, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceJahadSellReportTransactions } from "../province-jahad-sell-report-transactions/ProvinceJahadSellReportTransactions"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; + +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { provinceJahadSellReportInfoDashboardService } from "../../services/province-get-jahad-sell-report-dashboard"; + +export const ProvinceJahadSellReport = ({ product }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [withDate, setWithDate] = useState(false); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + const getDashboardData = () => { + dispatch( + provinceJahadSellReportInfoDashboardService({ + date1: selectedDate1, + date2: selectedDate2, + search: "filter", + role: getRoleFromUrl(), + value: textValue, + name: product?.key, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `cooperative-warehouse/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&name=${product?.key}` + ); + dispatch(LOADING_END()); + getDashboardData(); + + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + product?.label, + item?.name, + item?.user?.fullname, + item?.user?.provinceName, + item?.user?.cityName, + item?.user?.mobile, + item?.user?.nationalId, + item?.info?.totalReceiptWeight?.toLocaleString() || 0, + item?.info?.totalWeight?.toLocaleString() || 0, + item?.info?.totalAllocatedWeight?.toLocaleString() || 0, + item?.info?.totalRemainWeight?.toLocaleString() || 0, + item?.info?.transactions?.toLocaleString() || 0, + item?.info?.totalTransactionsPrice?.toLocaleString() || 0, + item?.info?.totalTransactionsWeight?.toLocaleString() || 0, + + + { + dispatch( + DRAWER({ + top: true, + title: "تراکنش ها", + content: ( + + + + + + ), + }) + ); + }} + > + + + + + + + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `cooperative-warehouse/?role=${getRoleFromUrl()}&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&name=${product?.key}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + getDashboardData(); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-share-operations/ProvinceJahadSharesOperations.js b/src/features/province-jahad/components/province-jahad-share-operations/ProvinceJahadSharesOperations.js new file mode 100644 index 0000000..bef81dc --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-share-operations/ProvinceJahadSharesOperations.js @@ -0,0 +1,86 @@ +import { IconButton, Popover, Tooltip } from "@mui/material"; +import { useState } from "react"; +// import DeleteIcon from "@mui/icons-material/Delete"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceJahadEditShare } from "../province-jahad-edit-share/ProvinceJahadEditShare"; + +export const ProvinceJahadSharesOperations = ({ item, updateTable }) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + +

+ + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-shares/ProvinceJahadShares.js b/src/features/province-jahad/components/province-jahad-shares/ProvinceJahadShares.js new file mode 100644 index 0000000..9fc1aae --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-shares/ProvinceJahadShares.js @@ -0,0 +1,152 @@ +import { Grid } from "../../../../components/grid/Grid"; +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceJahadSharesOperations } from "../province-jahad-share-operations/ProvinceJahadSharesOperations"; + +export const ProvinceJahadShares = ({ product }) => { + const dispatch = useDispatch(); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `LiveStock/jahad/cooperative-shares/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&name=${ + product?.label + }` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.cooperative?.name} (${item?.cooperative?.user?.fullname})`, + item?.price?.toLocaleString(), + item?.unionPrice?.toLocaleString(), + item?.cooperativePrice?.toLocaleString(), + item?.companyPrice?.toLocaleString(), + item?.shippingPrice?.toLocaleString(), + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `LiveStock/jahad/cooperative-shares/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}&name=${ + product?.label + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-submit-allocation/ProvinceJahadSubmitAllocation.js b/src/features/province-jahad/components/province-jahad-submit-allocation/ProvinceJahadSubmitAllocation.js new file mode 100644 index 0000000..eaaaf07 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-submit-allocation/ProvinceJahadSubmitAllocation.js @@ -0,0 +1,301 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { + RadioGroup, + FormControlLabel, + Radio, + FormControl, + Button, + Typography, + Autocomplete, + TextField, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { useDispatch } from "react-redux"; +import { provinceJahadSubmitAllocationGetUsers } from "../../services/province-jahad-submit-allocation-get-users"; +import { + provinceJahadEditAllocationService, + provinceJahadSubmitAllocationService, +} from "../../services/province-jahad-submit-allocation"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceJahadSubmitAllocation = ({ + type, + productKey, + updateTable, + getDashboardData, + item, + // getRemainWeight, + maxAllow, +}) => { + const validationSchema = Yup.object({ + allocationType: Yup.string().required("لطفا یک گزینه را انتخاب کنید"), + weight: Yup.number() + .required("این فیلد اجباریست!") + .positive("عدد مثبت وارد کنید!"), + place: Yup.string().required("این فیلد اجباریست!"), + description: Yup.string(), + }); + + const [users, setUsers] = useState([]); + + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + allocationType: + type === "charge" ? "LiveStockProvinceJahad" : "Cooperative", + buyer_key: null, + weight: item?.weight || "", + place: item?.place || "", + description: item?.description || "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + if (item) { + let req = { + allocation_key: item?.key, + weight: values.weight, + place: values.place, + description: values.description, + }; + + req = Object.fromEntries( + Object.entries(req).filter(([_, value]) => value !== null) + ); + + dispatch(provinceJahadEditAllocationService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + updateTable(); + getDashboardData(); + } + }); + } else { + let req = { + allocator: getRoleFromUrl(), + receiver: + getRoleFromUrl() === "Cooperative" + ? "Cooperative" + : values.allocationType, + product_key: productKey, + buyer_key: values.buyer_key, + weight: values.weight, + place: values.place, + description: values.description, + }; + + req = Object.fromEntries( + Object.entries(req).filter(([_, value]) => value !== null) + ); + + if (maxAllow && values.weight > maxAllow) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مقدار وارد شده از سهیه دریافتی بیشتر است!", + severity: "error", + }); + return; + } + + dispatch(provinceJahadSubmitAllocationService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + updateTable(); + getDashboardData(); + } + }); + } + }, + }); + + useEffect(() => { + if (type !== "charge" && !item) { + formik.setFieldValue("buyer_key", null); + dispatch( + provinceJahadSubmitAllocationGetUsers({ + type: formik.values.allocationType, + }) + ).then((r) => { + setUsers(r.payload.data); + }); + } + }, [formik.values.allocationType]); + + useEffect(() => { + formik.validateForm(); + }, []); + + const isFormValid = () => { + if (type === "charge") { + return formik.isValid; + } else if (item) { + return ( + formik.values.weight && formik.values.place && formik.values.description + ); + } else { + return formik.isValid && formik.values.buyer_key; + } + }; + + return ( + + {type !== "charge" && + !item && + getRoleFromUrl() === "LiveStockProvinceJahad" && ( + + + + } + label="تخصیص به تعاونی" + /> + } + label="تخصیص به اتحادیه" + /> + + {formik.touched.allocationType && + formik.errors.allocationType && ( + + {formik.errors.allocationType} + + )} + + + )} + + + + + + {type !== "charge" && !item && ( + + { + return { + data: i, + label: `${i?.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + formik.setFieldValue("buyer_key", value?.data?.key); + }} + renderInput={(params) => ( + + )} + /> + + )} + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-submit-dhi/ProvinceJahadSubmitDhi.js b/src/features/province-jahad/components/province-jahad-submit-dhi/ProvinceJahadSubmitDhi.js new file mode 100644 index 0000000..50d4b17 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-submit-dhi/ProvinceJahadSubmitDhi.js @@ -0,0 +1,87 @@ +import React, { useContext } from "react"; +import { TextField, Button, Typography } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceJahadEditRancher } from "../../services/province-jahad-rancher-activation"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = Yup.object({ + amount: Yup.number() + .required("تعداد الزامی است") + .integer("تعداد باید یک عدد صحیح باشد"), +}); + +export const ProvinceJahadSubmitDhi = ({ + updateTable, + item, + getDashboardData, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const formik = useFormik({ + initialValues: { + amount: item?.dhiAmount || "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + provinceJahadEditRancher({ + key: item?.key, + dhi_amount: values.amount, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + getDashboardData(); + updateTable(); + } + }); + }, + }); + + return ( + + + در صورت وارد کردن مقدار 0 دامدار از پروژه DHI خارج میشود. + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-submit-herd/ProvicneJahadSubmitHerd.js b/src/features/province-jahad/components/province-jahad-submit-herd/ProvicneJahadSubmitHerd.js new file mode 100644 index 0000000..5fb57bf --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-submit-herd/ProvicneJahadSubmitHerd.js @@ -0,0 +1,338 @@ +import React, { useContext, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { + TextField, + FormControlLabel, + Radio, + RadioGroup, + Button, + FormControl, + FormLabel, + IconButton, + FormHelperText, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { + provinceJahadEditHerdService, + provinceJahadSubmitHerdService, +} from "../../services/province-jahad-submit-herd"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import SearchIcon from "@mui/icons-material/Search"; +import { provinceJahadGetSingleRancherService } from "../../services/province-jahad-get-single-rancher"; +import { SPACING } from "../../../../data/spacing"; + +export const ProvicneJahadSubmitHerd = ({ + item, + updateTable, + getDashboardData, + rancherKey, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [searchedRancherKey, setSearchedRancherKey] = useState(null); + const formik = useFormik({ + initialValues: { + herd_code: item?.herdCode || "", + type: item?.type || "", + contractor_code: item?.contractorCode || "", + agent: item?.agent || "", + unique_identifier: item?.uniqueIdentifier || "", + gender: item?.gender || "نر", + userInfoCheck: null, + }, + validationSchema: Yup.object({ + ...(item && { + herd_code: Yup.string().required("این فیلد اجباریست!"), + contractor_code: Yup.string().required("این فیلد اجباریست!"), + }), + type: Yup.string().required("این فیلد اجباریست!"), + agent: Yup.string().required("این فیلد اجباریست!"), + unique_identifier: Yup.string().required("این فیلد اجباریست!"), + gender: Yup.string().required("این فیلد اجباریست!"), + }), + onSubmit: (values) => { + if (item) { + dispatch( + provinceJahadEditHerdService({ + live_stock_key: item?.key, + unique_identifier: values.unique_identifier, + agent: values.agent, + contractor_code: values.contractor_code, + gender: values.gender, + type: values.type, + herd_code: values.herd_code, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + getDashboardData(); + } + }); + } else { + dispatch( + provinceJahadSubmitHerdService({ + unique_identifier: values.unique_identifier, + agent: values.agent, + gender: values.gender, + type: values.type, + rancher_key: rancherKey || searchedRancherKey?.key, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + getDashboardData(); + } + }); + } + }, + }); + + return ( + <> + {!rancherKey && !searchedRancherKey ? ( + + جستجو کاربر + + + + { + dispatch( + provinceJahadGetSingleRancherService({ + value: formik.values.userInfoCheck, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کاربر یافت نشد", + severity: "error", + }); + } else { + setSearchedRancherKey(r.payload.data); + } + }); + }} + > + + + + + شماره موبایل، کد گله یا کد ملی دامدار را وارد کنید + + + ) : ( + + {searchedRancherKey && ( + + + نام دامدای: + + {searchedRancherKey?.name} + + + + کد گله: + + {searchedRancherKey?.herdCode} + + + + کد اپیدمیولوژیک: + + {searchedRancherKey?.epidemiologicalCode} + + + + نام گله: + + {searchedRancherKey?.herdName} + + + + )} + + {item && ( + + )} + + + + {item && ( + + )} + + + + + + + جنسیت + + } label="نر" /> + } label="ماده" /> + + {formik.touched.gender && formik.errors.gender && ( +

{formik.errors.gender}

+ )} + + + + + )} + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-transactions/ProvinceJahadTransactions.js b/src/features/province-jahad/components/province-jahad-transactions/ProvinceJahadTransactions.js new file mode 100644 index 0000000..c54c2f8 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-transactions/ProvinceJahadTransactions.js @@ -0,0 +1,422 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Checkbox, + FormControl, + IconButton, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { formatTime } from "../../../../utils/formatTime"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { provinceJahadGetTransactionInfoDashboardService } from "../../services/province-jahad-get-transaction-dashboard"; + +export const ProvinceJahadTransactions = ({ product }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [dashboardData, setDashboardData] = useState([]); + const [transactionType, setTransactionType] = useState("all"); + const [productType, setProductType] = useState("bran"); + + const handleChange = (event) => { + setTransactionType(event.target.value); + }; + const handleChangeProduct = (event) => { + setProductType(event.target.value); + }; + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [withDate, setWithDate] = useState(false); + + const getDashboardData = () => { + dispatch( + provinceJahadGetTransactionInfoDashboardService({ + date1: withDate ? selectedDate1 : "", + date2: withDate ? selectedDate2 : "", + search: "filter", + role: getRoleFromUrl(), + value: textValue, + name: productType || product?.key, + state: transactionType, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `live-stock-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&state=${transactionType}&name=${productType}` + ); + getDashboardData(); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + const convertToJson = (data) => { + if (data) { + return JSON.parse(data); + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const products = item?.products?.map((option, index) => { + return [ + index + 1, + option?.name, + option?.curWeight?.toLocaleString(), + option?.price?.toLocaleString(), + option?.curPrice?.toLocaleString(), + ]; + }); + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatTime(item?.date), + item?.fullname || "-", + item?.natcode || "-", + item?.mobile || "-", + `${item?.pos?.cooperative?.name} شهرستان ${item?.pos?.cooperative?.user?.cityName} (${item?.pos?.cooperative?.user?.fullname})`, + item?.pos?.cooperative?.user?.mobile, + item?.paid ? "پرداخت شده" : `پرداخت نشده (${item?.result})`, + convertToJson(item?.additional).isTaavoni ? "تعاونی" : "کارخانه", + item?.products + ? item?.products.map((option) => option.name).join("-") + : "-", + convertToJson(item?.additional)?.ownerNatcode?.toLocaleString() || 0, + + item?.shares?.curHeavy?.toLocaleString() || 0, + item?.shares?.curLight?.toLocaleString() || 0, + item?.shares?.curWeight?.toLocaleString() || 0, + // item?.products + // .reduce( + // (accumulator, currentValue) => + // accumulator + currentValue?.curWeight, + // 0 + // ) + // .toLocaleString(), + item?.price?.toLocaleString(), + convertToJson(item?.additional)?.cooperative_price?.toLocaleString() || + 0, + item?.shares?.totalUnionPrice?.toLocaleString() || 0, + item?.shares?.totalCompanyPrice?.toLocaleString() || 0, + + + { + dispatch( + OPEN_MODAL({ + title: "جزئیات محصول", + content: ( + + + + ), + }) + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [ + dispatch, + selectedDate1, + selectedDate2, + perPage, + transactionType, + withDate, + productType, + ]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `live-stock-transactions/?role=${getRoleFromUrl()}&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&state=${transactionType}&name=${productType}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + getDashboardData(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + انتخاب محصول + + + + + + فیلتر تراکنش + + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + {" "} + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-union-submit-real-weight/ProvinceJahadUnionSubmitRealWeight.js b/src/features/province-jahad/components/province-jahad-union-submit-real-weight/ProvinceJahadUnionSubmitRealWeight.js new file mode 100644 index 0000000..bfe8ce7 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-union-submit-real-weight/ProvinceJahadUnionSubmitRealWeight.js @@ -0,0 +1,132 @@ +import React, { useContext, useEffect } from "react"; +import { TextField } from "@mui/material"; +import { Button } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceJahadEditAllocationService } from "../../services/province-jahad-submit-allocation"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceJahadUnionSubmitRealWeight = ({ + item, + updateTable, + getDashboardData, +}) => { + const validationSchema = Yup.object({ + factory: Yup.string(), + weight: Yup.number() + .required("وزن الزامی است") + .positive("وزن باید مثبت باشد"), + billOfLadingCode: Yup.string(), + }); + + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + factory: "", + weight: item?.weight || "", + billOfLadingCode: "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + let req = { + state: "accepted", + code: values.billOfLadingCode, + place: values.factory, + role: getRoleFromUrl(), + allocation_key: item?.key, + }; + + dispatch(provinceJahadEditAllocationService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + updateTable(); + getDashboardData(); + } + }); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-unions-operations/ProvinceJahadUnionsOperations.js b/src/features/province-jahad/components/province-jahad-unions-operations/ProvinceJahadUnionsOperations.js new file mode 100644 index 0000000..806726b --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-unions-operations/ProvinceJahadUnionsOperations.js @@ -0,0 +1,192 @@ +import { + Button, + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, +} from "@mui/material"; +import { useContext, useState } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceJahadDeleteUnionsService } from "../../services/province-jahad-unions-delete-union"; +import { ProvinceJahadUnionsSubmit } from "../province-jahad-unions-submit/ProvinceJahadUnionsSubmit"; +import { provinceJahadUpdateUnionService } from "../../services/province-jahad-edit-union"; + +export const ProvinceJahadUnionsOperations = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [popoverOpen, setPopoverOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif] = useContext(AppContext); + + const openPopover = (event) => { + setPopoverOpen(true); + setAnchorEl(event.currentTarget); + }; + + const closePopover = () => { + setPopoverOpen(false); + setAnchorEl(null); + }; + + return ( + + + + + +

+ + + { + closePopover(); + dispatch( + DRAWER({ + right: true, + top: false, + content: ( + + ), + title: "ویرایش اتحادیه ", + }) + ); + }} + > + + + + { + dispatch( + provinceJahadUpdateUnionService({ + union_key: item?.key, + active: !item?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + color="primary" + /> + } + label={item?.active ? "فعال" : "غیرفعال"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + + + { + closePopover(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + +

+ + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-unions-submit/ProvinceJahadUnionsSubmit.js b/src/features/province-jahad/components/province-jahad-unions-submit/ProvinceJahadUnionsSubmit.js new file mode 100644 index 0000000..843bd34 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-unions-submit/ProvinceJahadUnionsSubmit.js @@ -0,0 +1,303 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { + Grid, + TextField, + Button, + Autocomplete, + Typography, +} from "@mui/material"; + +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; +import { cityGetCity } from "../../../city/services/city-get-city"; +import { + provinceJahadSubmitUnionService, + provinceJahadUpdateUnionService, +} from "../../services/province-jahad-edit-union"; +import { SPACING } from "../../../../data/spacing"; + +export const ProvinceJahadUnionsSubmit = ({ updateTable, item }) => { + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + const [isExistProvince, setIsExistProvince] = useState(true); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const validationSchema = Yup.object().shape({ + name: Yup.string().required("این فیلد الزامی است"), + first_name: Yup.string().required("این فیلد الزامی است"), + last_name: Yup.string().required("این فیلد الزامی است"), + address: Yup.string().required("این فیلد الزامی است"), + nationalId: Yup.string() + .matches(/^\d+$/, "لطفا فقط عدد وارد کنید") + .length(10, "کد ملی باید ۱۰ رقم باشد") + .required("این فیلد الزامی است"), + postalCode: Yup.string() + .matches(/^\d+$/, "لطفا فقط عدد وارد کنید") + .length(10, "کد پستی باید ۱۰ رقم باشد") + .required("این فیلد الزامی است"), + mobile: Yup.string() + .matches(/^\d+$/, "لطفا فقط عدد وارد کنید") + .length(11, "شماره موبایل باید ۱۱ رقم باشد") + .required("این فیلد الزامی است"), + }); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + dispatch(LOADING_END()); + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } + }, [provinceKey]); + + const formik = useFormik({ + initialValues: { + name: item?.name || "", + first_name: item?.user?.firstName || "", + last_name: item?.user?.lastName || "", + mobile: item?.user?.mobile || "", + address: item?.address?.address || "", + nationalId: item?.nationalId || "", + postalCode: item?.address?.postalCode || "", + }, + validationSchema, + enableReinitialize: true, + onSubmit: (values) => { + if (item) { + dispatch( + provinceJahadUpdateUnionService({ + union_key: item?.key, + first_name: values.first_name, + last_name: values.last_name, + name: values.name, + address: values.address, + mobile: values.mobile, + national_id: values.nationalId, + postal_code: values.postalCode, + city: cityKey || item?.address?.city?.name, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + } + }); + } else { + dispatch( + provinceJahadSubmitUnionService({ + first_name: values.first_name, + last_name: values.last_name, + name: values.name, + address: values.address, + mobile: values.mobile, + national_id: values.nationalId, + postal_code: values.postalCode, + city: cityKey || item?.address?.city?.name, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + + updateTable(); + } + }); + } + }, + }); + + const isFormValid = () => { + if (item) { + return formik.isValid; + } else { + return formik.isValid && cityKey; + } + }; + + return ( + +

+ + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-unions/ProvinceJahadUnions.js b/src/features/province-jahad/components/province-jahad-unions/ProvinceJahadUnions.js new file mode 100644 index 0000000..b4c986f --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-unions/ProvinceJahadUnions.js @@ -0,0 +1,169 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { ProvinceJahadUnionsOperations } from "../province-jahad-unions-operations/ProvinceJahadUnionsOperations"; +import { ProvinceJahadUnionsSubmit } from "../province-jahad-unions-submit/ProvinceJahadUnionsSubmit"; + +export const ProvinceJahadUnions = () => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `LiveStock/union/union-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + item?.user.fullname, + item?.user.provinceName, + item?.user.cityName, + item?.user.mobile, + item?.nationalId, + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `LiveStock/union/union-view/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + + ); +}; diff --git a/src/features/province-jahad/components/province-jahad-users/ProvinceJahadUsers.js b/src/features/province-jahad/components/province-jahad-users/ProvinceJahadUsers.js new file mode 100644 index 0000000..8b2c9e7 --- /dev/null +++ b/src/features/province-jahad/components/province-jahad-users/ProvinceJahadUsers.js @@ -0,0 +1,5 @@ +import React from "react"; + +export const ProvinceJahadUsers = () => { + return

این بخش در دست توسعه است

; +}; diff --git a/src/features/province-jahad/services/province-get-jahad-sell-report-dashboard.js b/src/features/province-jahad/services/province-get-jahad-sell-report-dashboard.js new file mode 100644 index 0000000..4e2acf6 --- /dev/null +++ b/src/features/province-jahad/services/province-get-jahad-sell-report-dashboard.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadSellReportInfoDashboardService = createAsyncThunk( + "PROVINCE_JAHAD_GET_SELL_REPORT_INFO_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/cooperative-warehouse-dashboard", + { + params: { + ...d, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-delete-herd.js b/src/features/province-jahad/services/province-jahad-delete-herd.js new file mode 100644 index 0000000..2a9e04e --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-delete-herd.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadDeleteHerdService = createAsyncThunk( + "PROVINCE-JAHAD-DELETE-HERD-SERVICE", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "/LiveStock/union/union-view/0/?key=" + id + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-edit-union.js b/src/features/province-jahad/services/province-jahad-edit-union.js new file mode 100644 index 0000000..df43b86 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-edit-union.js @@ -0,0 +1,39 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadUpdateUnionService = createAsyncThunk( + "PROVINCE_JAHAD_UPDATE_PRODUCT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "LiveStock/union/union-view/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceJahadSubmitUnionService = createAsyncThunk( + "PROVINCE_JAHAD_SUBMIT_PRODUCT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post( + "LiveStock/union/union-view/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-cooperatives-pos.js b/src/features/province-jahad/services/province-jahad-get-cooperatives-pos.js new file mode 100644 index 0000000..c2befac --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-cooperatives-pos.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadGetCooperativesPosInfoService = createAsyncThunk( + "PROVINCE_JAHAD_GET_COOPERATIVES_POS_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `/cooperative-pos/?cooperative_key=${d}` + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-distribution-info.js b/src/features/province-jahad/services/province-jahad-get-distribution-info.js new file mode 100644 index 0000000..6cdfa3c --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-distribution-info.js @@ -0,0 +1,33 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadGetDistributionInfoService = createAsyncThunk( + "PROVINCE_JAHAD_GET_DISTRIBUTION_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `LiveStock/jahad/dashboard-live-stock-allocation/`, + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceJahadGetInventoryDataService = createAsyncThunk( + "PROVINCE_JAHAD_GET_INVENTORY_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `LiveStock/jahad/live-stock-role-products/`, + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-herd-dashbored.js b/src/features/province-jahad/services/province-jahad-get-herd-dashbored.js new file mode 100644 index 0000000..ccc044f --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-herd-dashbored.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceJahadGetHerdInfoDashboardService = createAsyncThunk( + "PROVINCE_JAHAD_GET_HERD_INFO_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/LiveStock/live-stock/dashboard_live_stock/", + { + params: { + role: getRoleFromUrl(), + search: "filter", + value: d.search, + type: d.type, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-product-info.js b/src/features/province-jahad/services/province-jahad-get-product-info.js new file mode 100644 index 0000000..ce94369 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-product-info.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadGetProductInfoService = createAsyncThunk( + "PROVINCE_JAHAD_GET_PRODUCT_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `LiveStock/jahad/live-stock-product/`, + { + params: { + name: d.product, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-rancher-dashbored.js b/src/features/province-jahad/services/province-jahad-get-rancher-dashbored.js new file mode 100644 index 0000000..4eb95f3 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-rancher-dashbored.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceJahadGetRancherInfoDashboardService = createAsyncThunk( + "PROVINCE_JAHAD_GET_RANCHERD_INFO_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/LiveStock/rancher/dashboard_rancher", + { + params: { + role: getRoleFromUrl(), + search: "filter", + value: d.search, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-rancher-details.js b/src/features/province-jahad/services/province-jahad-get-rancher-details.js new file mode 100644 index 0000000..31e321a --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-rancher-details.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadGetRancherDetailsService = createAsyncThunk( + "PROVINCE_JAHAD_GET_PRODUCT_INFO", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `LiveStock/rancher/get_detail_rancher/`, + { + params: { + herd_code: d.herd_code, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-single-rancher.js b/src/features/province-jahad/services/province-jahad-get-single-rancher.js new file mode 100644 index 0000000..2571fdc --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-single-rancher.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceJahadGetSingleRancherService = createAsyncThunk( + "PROVINCE_JAHAD_GET_SINGLE_RANCHER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `LiveStock/rancher/rancher-view/`, + { + params: { + value: d.value, + search: "filter", + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-get-transaction-dashboard.js b/src/features/province-jahad/services/province-jahad-get-transaction-dashboard.js new file mode 100644 index 0000000..d9acc47 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-get-transaction-dashboard.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const provinceJahadGetTransactionInfoDashboardService = createAsyncThunk( + "PROVINCE_JAHAD_GET_TRANSACTION_INFO_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/live-stock-transactions-dashboard", + { + params: { + ...d, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-rancher-activation.js b/src/features/province-jahad/services/province-jahad-rancher-activation.js new file mode 100644 index 0000000..7c29d94 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-rancher-activation.js @@ -0,0 +1,39 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadEditRancher = createAsyncThunk( + "PROVINCE_JAHAD_RANCHER_ACTIVATION", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "LiveStock/rancher/rancher-view/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceJahadSubmitRancher = createAsyncThunk( + "PROVINCE_JAHAD_SUBMIT_RANCHER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post( + "LiveStock/rancher/rancher-view/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-submit-allocation-get-users.js b/src/features/province-jahad/services/province-jahad-submit-allocation-get-users.js new file mode 100644 index 0000000..a7d479e --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-submit-allocation-get-users.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadSubmitAllocationGetUsers = createAsyncThunk( + "SLAUGHTER_GET_GUILDS_FOR_ALLOCATE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "LiveStock/jahad/get_user_live_stock/", + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province-jahad/services/province-jahad-submit-allocation.js b/src/features/province-jahad/services/province-jahad-submit-allocation.js new file mode 100644 index 0000000..21dfbe5 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-submit-allocation.js @@ -0,0 +1,56 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadSubmitAllocationService = createAsyncThunk( + "PROVINCE_JAHAD_SUBMIT_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post( + "LiveStock/jahad/live-stock-allocation/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceJahadEditAllocationService = createAsyncThunk( + "PROVINCE_JAHAD_EDIT_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "/LiveStock/jahad/live-stock-allocation/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceJahadDeleteAllocationService = createAsyncThunk( + "PROVINCE_JAHAD_DELETE_ALLOCATION", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "LiveStock/jahad/live-stock-allocation/0/?allocation_key=" + id + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-submit-cooperatives.js b/src/features/province-jahad/services/province-jahad-submit-cooperatives.js new file mode 100644 index 0000000..cd77368 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-submit-cooperatives.js @@ -0,0 +1,39 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provinceJahadEditCooperativeService = createAsyncThunk( + "PROVINCE_JAHAD_SUBMIT_COOPERATIVE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "/LiveStock/cooperative/cooperative-views/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceJahadSubmitCooperativeService = createAsyncThunk( + "PROVINCE_JAHAD_SUBMIT_COOPERATIVE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post( + "/LiveStock/cooperative/cooperative-views/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-submit-herd.js b/src/features/province-jahad/services/province-jahad-submit-herd.js new file mode 100644 index 0000000..2f224e7 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-submit-herd.js @@ -0,0 +1,56 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provinceJahadEditHerdService = createAsyncThunk( + "PROVINCE_JAHAD_EDIT_HERD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "/LiveStock/live-stock/live-stock-view/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceJahadSubmitHerdService = createAsyncThunk( + "PROVINCE_JAHAD_SUBMIT_HERD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post( + "/LiveStock/live-stock/live-stock-view/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceJahadDeleteHerdService = createAsyncThunk( + "PROVINCE-JAHAD-DELETE-HERD-SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `/LiveStock/live-stock/live-stock-view/0/?live_stock_key=${d.live_stock_key}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در بایگانی گله" }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-submit-share.js b/src/features/province-jahad/services/province-jahad-submit-share.js new file mode 100644 index 0000000..52d202e --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-submit-share.js @@ -0,0 +1,21 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provinceJahadSubmitShareService = createAsyncThunk( + "PROVINCE_JAHAD_SUBMIT_SHARE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "/LiveStock/jahad/cooperative-shares/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-unions-delete-rancher.js b/src/features/province-jahad/services/province-jahad-unions-delete-rancher.js new file mode 100644 index 0000000..40c2a54 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-unions-delete-rancher.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadDeleteRancherService = createAsyncThunk( + "PROVINCE-JAHAD-DELETE-RANCHER-SERVICE", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "/LiveStock/rancher/rancher-view/0/?rancher_key=" + id + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-unions-delete-union.js b/src/features/province-jahad/services/province-jahad-unions-delete-union.js new file mode 100644 index 0000000..5c7c71d --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-unions-delete-union.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadDeleteUnionsService = createAsyncThunk( + "PROVINCE-JAHAD-DELETE-UNIONS-SERVICE", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "/LiveStock/union/union-view/0/?key=" + id + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-unions-submit.js b/src/features/province-jahad/services/province-jahad-unions-submit.js new file mode 100644 index 0000000..d941eb0 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-unions-submit.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadUnionsSubmitService = createAsyncThunk( + "PROVINCE_JAHAD_UNIONS_SUBMIT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "/LiveStock/union/union-view/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province-jahad/services/province-jahad-update-dhi-amount.js b/src/features/province-jahad/services/province-jahad-update-dhi-amount.js new file mode 100644 index 0000000..e69de29 diff --git a/src/features/province-jahad/services/province-jahad-update-product.js b/src/features/province-jahad/services/province-jahad-update-product.js new file mode 100644 index 0000000..de81814 --- /dev/null +++ b/src/features/province-jahad/services/province-jahad-update-product.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceJahadUpdateProductService = createAsyncThunk( + "PROVINCE_JAHAD_UPDATE_PRODUCT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "LiveStock/jahad/live-stock-product/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/components/broadcast-management-operations/BroadcastManagementOperations.js b/src/features/province/components/broadcast-management-operations/BroadcastManagementOperations.js new file mode 100644 index 0000000..4a101b0 --- /dev/null +++ b/src/features/province/components/broadcast-management-operations/BroadcastManagementOperations.js @@ -0,0 +1,74 @@ +import { MdCorporateFare } from "react-icons/md"; +import { Grid } from "../../../../components/grid/Grid"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_ADMINX_ROUTE_AGENT_SHARE, + ROUTE_ADMINX_ROUTE_STEWARD_SHARE, + ROUTE_PROVINCE_ROUTE_AGENT_SHARE, + ROUTE_PROVINCE_ROUTE_STEWARD_SHARE, + ROUTE_SUPER_ADMIN_ROUTE_AGENT_SHARE, + ROUTE_SUPER_ADMIN_ROUTE_STEWARD_SHARE, +} from "../../../../routes/routes"; +import { Typography } from "@mui/material"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +const getRouteByRole = (isAgentRoute) => { + const role = getRoleFromUrl(); + + if (role === "SuperAdmin") { + if (isAgentRoute) { + return ROUTE_SUPER_ADMIN_ROUTE_AGENT_SHARE; + } + return ROUTE_SUPER_ADMIN_ROUTE_STEWARD_SHARE; + } + + if (role === "AdminX") { + if (isAgentRoute) { + return ROUTE_ADMINX_ROUTE_AGENT_SHARE; + } + return ROUTE_ADMINX_ROUTE_STEWARD_SHARE; + } + + if (isAgentRoute) { + return ROUTE_PROVINCE_ROUTE_AGENT_SHARE; + } + return ROUTE_PROVINCE_ROUTE_STEWARD_SHARE; +}; + +export const BroadcastManagementOperations = () => { + return ( + + + } + title={ + <> + گزارش پخش روزانه + کشتارگاه به مباشر/ صنف + + } + /> + + + + } + title={ + <> + گزارش پخش روزانه + مباشر به صنف + + } + /> + + + ); +}; diff --git a/src/features/province/components/chain-archive-chains/ChainsArchiveChains.js b/src/features/province/components/chain-archive-chains/ChainsArchiveChains.js new file mode 100644 index 0000000..5b6c8a9 --- /dev/null +++ b/src/features/province/components/chain-archive-chains/ChainsArchiveChains.js @@ -0,0 +1,264 @@ +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import axios from "axios"; +import { useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { CityHatchingsArchiveOperations } from "../../../city/components/city-hatchings-archive-operations/CityHatchingsArchiveOperations"; +import { formatTime } from "../../../../utils/formatTime"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { useSelector } from "react-redux"; + +const OperationsCell = ({ item, updateArchive, readOnly }) => ( + +); + +export const ChainsArchiveChains = ({ readOnly }) => { + readOnly = readOnly || false; + const [data, setData] = useState([]); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + + const [textValue, setTextValue] = useState(""); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + let response; + if (textValue) { + response = await axios.get( + `poultry_hatching/?archive=true&search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=&chain=true` + ); + } else { + response = await axios.get( + `poultry_hatching/?archive=true&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&chain=true` + ); + } + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (pageNum) => { + setPage(pageNum); + fetchApiData(pageNum, textValue); + }; + + const handlePerRowsChange = (newPerPage) => { + setPerPage(Number(newPerPage)); + setPage(1); + }; + + useEffect(() => { + if (perPage) { + fetchApiData(1, textValue); + } + }, [perPage]); + + useEffect(() => { + fetchApiData(1, ""); + }, []); + + const columns = [ + "عملیات", + "ردیف", + "شرکت زنجیره", + "وضعیت", + "نام فارم", + "مرغدار", + "شهر/تعاونی", + "دامپزشک فارم", + "سالن", + "دوره جوجه ریزی", + "تاریخ ثبت جوجه ریزی", + "تاریخ جوجه ریزی", + "نژاد", + "سن", + "تعداد جوجه ریزی", + "تلفات دوره", + "حجم خارج از استان", + "وزن کشتار شده دولتی", + "وزن کشتار شده آزاد ", + "وزن خارج از استان", + "حخم کشتار زنجیره (قطعه)", + "وزن کشتار زنجیره (کیلوگرم)", + "کشتار شده", + "مانده در سالن", + "کشتار فعال", + "تعداد درخواست کشتار", + "آخرین تغییر", + ]; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + + const transformedData = data.map((item, i) => { + const killedNumber = item?.quantity - item?.losses - item?.leftOver; + const lastChange = + item?.lastChange && + item?.lastChange?.date && + `${item?.lastChange?.fullName} (${getFaUserRole( + item?.lastChange?.role + )}) در تاریخ ${formatTime(item?.lastChange?.date)}`; + + return [ + fetchApiData(pageNum || page, textValue)} + readOnly={readOnly} + />, + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.chainCompany?.name && item?.chainCompany?.user?.mobile + ? `${item.chainCompany.name} (${item.chainCompany.user.mobile})` + : "-", + + {item?.violation ? "متخلف" : "عادی"} + , + item?.poultry?.unitName || "-", + item?.poultry?.userprofile?.fullName && + item?.poultry?.userprofile?.mobile + ? `${item.poultry.userprofile.fullName} (${item.poultry.userprofile.mobile})` + : "-", + item?.poultry?.address?.city?.name + ? `${item.poultry.address.city.name}/${ + item?.poultry?.cityOperator + ? item.poultry.cityOperator + : "بدون تعاونی" + }` + : "-", + item?.vetFarm?.vetFarmMobile + ? `${item.vetFarm.vetFarmFullName} (${item.vetFarm.vetFarmMobile})` + : "-", + item?.hall || "-", + item?.period || "-", + formatTime(item?.createDate) || "-", + formatTime(item?.date) || "-", + item?.chickenBreed || "-", + item?.age || "-", + item?.quantity ? item.quantity.toLocaleString() : "-", + item?.losses && item?.quantity + ? `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed( + 0 + )})` + : "-", + item?.outProvinceKilledQuantity + ? item.outProvinceKilledQuantity.toLocaleString() + : "-", + item?.governmentalKilledQuantity + ? item.governmentalKilledQuantity.toLocaleString() + : "-", + item?.freeKilledQuantity + ? item.freeKilledQuantity.toLocaleString() + : "-", + item?.outProvinceKilledWeight + ? item.outProvinceKilledWeight.toLocaleString() + : "-", + item?.chainKilledQuantity + ? item.chainKilledQuantity.toLocaleString() + : "-", + item?.chainKilledWeight ? item.chainKilledWeight.toLocaleString() : "-", + item?.quantity && killedNumber !== undefined + ? `${killedNumber.toLocaleString()} (%${( + (killedNumber * 100) / + item.quantity + ).toFixed(0)})` + : "-", + item?.leftOver && item?.quantity + ? `${item.leftOver.toLocaleString()} (%${( + (item.leftOver * 100) / + item.quantity + ).toFixed(0)})` + : "-", + item?.activeKill?.activeKill ? "دارد" : "ندارد", + item?.activeKill?.countOfRequest || "-", + lastChange || "-", + ]; + }); + + setTableData(transformedData); + }, [data, page, perPage, textValue, readOnly]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setPage(1); + fetchApiData(1, textValue); + }; + + const tableTitle = ( + + + آرشیو جوجه ریزی + + + ); + + return ( + + + + ); +}; diff --git a/src/features/province/components/chain-bar-management-edit-health-code/ChainBarManagementEditHealthCode.js b/src/features/province/components/chain-bar-management-edit-health-code/ChainBarManagementEditHealthCode.js new file mode 100644 index 0000000..2473d14 --- /dev/null +++ b/src/features/province/components/chain-bar-management-edit-health-code/ChainBarManagementEditHealthCode.js @@ -0,0 +1,112 @@ +import { Button, IconButton, TextField, Typography } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; +import EditIcon from "@mui/icons-material/Edit"; +import { provinceChainsEditAllocation } from "../../services/province-chains-edit-allocation"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ChainBarManagementEditHealthCode = ({ + healthCode, + item, + updateTable, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleOpenModal = () => { + dispatch( + OPEN_MODAL({ + title: "ویرایش کد بهداشتی", + size: "auto", + content: ( + { + dispatch( + provinceChainsEditAllocation({ + chain_allcation_key: item?.key, + health_code: newValue, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(); + dispatch(CLOSE_MODAL()); + } + }); + }} + onCancel={() => dispatch(CLOSE_MODAL())} + /> + ), + }) + ); + }; + + return ( + + {healthCode || "-"} + + + + + ); +}; + +const EditHealthCodeModal = ({ initialValue, onSubmit, onCancel }) => { + const [value, setValue] = useState(initialValue); + + return ( + + setValue(event.target.value)} + fullWidth + size="small" + /> + + + + + + ); +}; diff --git a/src/features/province/components/chain-bar-management-operations/ChainBarManagementOperations.js b/src/features/province/components/chain-bar-management-operations/ChainBarManagementOperations.js new file mode 100644 index 0000000..eb918cd --- /dev/null +++ b/src/features/province/components/chain-bar-management-operations/ChainBarManagementOperations.js @@ -0,0 +1,209 @@ +import { + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Typography, +} from "@mui/material"; +import React, { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import SettingsIcon from "@mui/icons-material/Settings"; +import TuneIcon from "@mui/icons-material/Tune"; +import DeleteIcon from "@mui/icons-material/Delete"; +import EditIcon from "@mui/icons-material/Edit"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ChainsAllocation } from "../chains-allocation/ChainsAllocation"; +import { provinceChainsDeleteAllocation } from "../../services/province-chains-delete-allocation"; +import { AppContext } from "../../../../contexts/AppContext"; +import { ProvinceCheckChainAllocation } from "../province-check-chain-allocation/ProvinceCheckChainAllocation"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +export const ChainBarManagementOperations = ({ item, fetchApiData }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + const role = getRoleFromUrl(); + + const handleApprove = () => { + handleClose(); + dispatch( + DRAWER({ + title: "تایید/ رد درخواست", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }; + + const handleEdit = () => { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش بار", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }; + + const handleDelete = () => { + handleClose(); + dispatch(provinceChainsDeleteAllocation(item?.key)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + + fetchApiData(1); + } + }); + }; + + const canManage = + role === "ProvinceOperator" || role === "SuperAdmin" || role === "AdminX"; + + const options = [ + { + key: "approve", + label: "تایید / رد درخواست", + color: "primary.main", + icon: , + action: handleApprove, + disabled: item?.state !== "pending", + }, + { + key: "edit", + label: "ویرایش بار", + color: "info.main", + icon: , + action: handleEdit, + disabled: + !canManage || + item?.state === "rejected" || + Boolean(item?.quarantineCode), + }, + { + key: "delete", + label: "حذف بار", + color: "error.main", + icon: , + action: handleDelete, + disabled: + !canManage || + item?.state === "rejected" || + Boolean(item?.quarantineCode), + }, + ]; + + return ( +

+ + + + + + {options.map((option) => ( + { + if (option.disabled) { + return; + } + option.action(); + }} + disabled={Boolean(option.disabled)} + sx={{ + borderRadius: 1, + mb: 0.5, + color: option.disabled ? "text.disabled" : option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {option.icon} + + + {option.label} + + } + /> + + ))} + + +

+ ); +}; diff --git a/src/features/province/components/chain-bar-management/ChainBarManagement.js b/src/features/province/components/chain-bar-management/ChainBarManagement.js new file mode 100644 index 0000000..b786a91 --- /dev/null +++ b/src/features/province/components/chain-bar-management/ChainBarManagement.js @@ -0,0 +1,506 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, Tab, Tabs, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { + ROUTE_ADMINX_CHAINS, + ROUTE_PARENT_COMPANY_ALLOCATIONS, + ROUTE_PROVINCE_CHAINS, + ROUTE_SUPER_ADMIN_CHAINS, +} from "../../../../routes/routes"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useLocation } from "react-router-dom"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ChainBarManagementEditHealthCode } from "../chain-bar-management-edit-health-code/ChainBarManagementEditHealthCode"; +import { ChainBarManagementOperations } from "../chain-bar-management-operations/ChainBarManagementOperations"; +import { format } from "date-fns-jalali"; +import { ChainSubmitQuarantineCode } from "../chain-submit-quarantine-code/ChainSubmitQuarantineCode"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const ChainBarManagement = ({ province }) => { + const [ + openNotif, + , + selectedDate1, + setSelectedDate1, + selectedDate2, + setSelectedDate2, + ] = useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const { pathname } = useLocation(); + + const userKey = useSelector((state) => state.userSlice?.userProfile?.key); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [tableDataRejected, setTableDataRejected] = useState([]); + const [has500Error, setHas500Error] = useState(false); + + const fetchApiData = async (page) => { + // Prevent request if there was a 500 error + if (has500Error) { + return; + } + + dispatch(LOADING_START()); + try { + const response = await axios.get( + `${ + province ? province + "parent-company-" : "" + }chain-allocation/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}${ + value === 1 ? "&state=rejected" : "" + }` + ); + // Reset error state on successful response + setHas500Error(false); + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + } catch (error) { + console.error("Error fetching data:", error); + const errorMessage = error?.message || ""; + const status = error?.response?.status; + const is500Error = errorMessage.includes("500") || status === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + setTotalRows(0); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + setTableDataRejected([]); + return; + } + + const d = data.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + , + item?.state === "accepted" + ? "تایید شده" + : item?.state === "pending" + ? "در انتظار تایید" + : "رد شده", + item?.date ? formatJustDate(item.date) : "-", + item?.outProvince ? "خارج استان" : "داخل استان", + `${item?.registerer?.fullname || ""} (${ + item?.registerer?.mobile || "" + })`, + item?.killHouse?.killHouseOperator?.user?.fullname + ? `${item.killHouse.killHouseOperator.user.fullname} (${ + item?.killHouse?.killHouseOperator?.user?.mobile || "" + })` + : `${item?.buyerName || ""} (${item?.buyerMobile || ""})`, + `${item?.poultryHatching?.poultry?.unitName || ""} (${ + item?.poultryHatching?.poultry?.user?.mobile || "" + })`, + `${item?.chainCompany?.name || ""} (${ + item?.chainCompany?.user?.mobile || "" + })`, + <> + {" "} + {getRoleFromUrl() === "ParentCompany" ? ( + item?.healthCode || "" + ) : ( + + )} + , + <> + {getRoleFromUrl() === "VetFarm" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "Supporter" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "CityVet" || + getRoleFromUrl() === "VetSupervisor" ? ( + <> + + {item?.quarantineCodeRegisterar?.date + ? (() => { + try { + const date = new Date(item?.registerar?.date); + return isNaN(date.getTime()) + ? "" + : `${format(date, "yyyy/MM/dd")} ${ + item?.quarantineCodeRegisterar?.name || "" + }`; + } catch (error) { + console.error( + "Error formatting quarantineCodeRegisterar date:", + error + ); + return ""; + } + })() + : ""} + + ) : item?.quarantineCode ? ( + item.quarantineCode + ) : ( + "-" + )} + , + item?.driverName + ? `${item.driverName} (${item?.driverMobile || ""})` + : "-", + item?.typeCar || "", + item?.pelak || "", + item?.quantity || 0, + item?.indexWeight || 0, + item?.weight || 0, + ]; + }); + setTableData(d); + + const r = data.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.state === "rejected" + ? "رد شده" + : item?.state === "deleted" + ? "حذف شده" + : "در انتظار تایید", + item?.remover + ? `${item.remover?.fullname || ""} (${item.remover?.mobile || ""})` + : `${item?.registerer?.fullname || ""} (${ + item?.registerer?.mobile || "" + })`, + item?.date ? formatJustDate(item.date) : "-", + item?.outProvince ? "خارج استان" : "داخل استان", + item?.registerer?.fullname + ? `${item.registerer.fullname} (${item?.registerer?.mobile || ""})` + : "-", + item?.killHouse?.killHouseOperator?.user?.fullname + ? `${item.killHouse.killHouseOperator.user.fullname} (${ + item?.killHouse?.killHouseOperator?.user?.mobile || "" + })` + : `${item?.buyerName || ""} (${item?.buyerMobile || ""})`, + `${item?.poultryHatching?.poultry?.unitName || ""} (${ + item?.poultryHatching?.poultry?.user?.mobile || "" + })`, + `${item?.chainCompany?.name || ""} (${ + item?.chainCompany?.user?.mobile || "" + })`, + item?.healthCode || "", + item?.quarantineCode || "", + item?.driverName + ? `${item.driverName} (${item?.driverMobile || ""})` + : "-", + item?.typeCar || "", + item?.pelak || "", + item?.quantity || 0, + item?.indexWeight || 0, + item?.weight || 0, + ]; + }); + + setTableDataRejected(r); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [dispatch, selectedDate1, selectedDate2, perPage, value]); + + // Reset error state when dates, filters, or tab value changes + useEffect(() => { + setHas500Error(false); + }, [selectedDate1, selectedDate2, textValue, value]); + + const handleSubmit = async (event) => { + event.preventDefault(); + // Reset error state on manual submit (user retry) + setHas500Error(false); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `${ + province ? province + "parent-company-" : "" + }chain-allocation/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}${ + value === 1 ? "&state=rejected" : "" + }` + ); + // Reset error state on successful response + setHas500Error(false); + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + const errorMessage = error?.message || ""; + const status = error?.response?.status; + const is500Error = errorMessage.includes("500") || status === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + setTotalRows(0); + dispatch(LOADING_END()); + } + }; + + const tableTitle = ( + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + ); + + return ( + + + {(pathname === ROUTE_PROVINCE_CHAINS || + pathname === ROUTE_SUPER_ADMIN_CHAINS || + pathname === ROUTE_ADMINX_CHAINS || + pathname === ROUTE_PARENT_COMPANY_ALLOCATIONS) && ( + + + + + )} + + + {tableTitle} + + + ); +}; diff --git a/src/features/province/components/chain-edit-bar/ChainEditBar.js b/src/features/province/components/chain-edit-bar/ChainEditBar.js new file mode 100644 index 0000000..2e391cf --- /dev/null +++ b/src/features/province/components/chain-edit-bar/ChainEditBar.js @@ -0,0 +1,108 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Button, TextField } from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provinceChainsEditBar } from "../../services/province-chains-edit-bar"; + +export const ChainEditBar = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + weight: item?.weight ? item?.weight : "", + quantity: item?.quantity ? item?.quantity : "", + }, + validationSchema: Yup.object({ + weight: Yup.number().required("این فیلد اجباری است!"), + quantity: Yup.number().required("این فیلد اجباری است!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/chain-replace-active-chain/ChainReplaceActiveChain.js b/src/features/province/components/chain-replace-active-chain/ChainReplaceActiveChain.js new file mode 100644 index 0000000..6691735 --- /dev/null +++ b/src/features/province/components/chain-replace-active-chain/ChainReplaceActiveChain.js @@ -0,0 +1,89 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { Autocomplete, Button, TextField } from "@mui/material"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceChainsReplaceActiveChain } from "../../services/province-chains-replace-active-chain"; +import { provinceChainsGetCompanies } from "../../services/province-chains-get-companies"; + +export const ChainsReplaceActiveChain = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [dataCompany, setDataCompany] = useState([]); + const [selectedCompany, setSelectedCompany] = useState(""); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + dispatch(provinceChainsGetCompanies()).then((r) => { + setDataCompany(r.payload.data); + }); + }, []); + + return ( + + + + ({ + id: i.key, + label: `${i.name} (${i.user.mobile})`, + })) + : [] + } + onChange={(e, value) => { + setSelectedCompany(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/chain-submit-quarantine-code/ChainSubmitQuarantineCode.js b/src/features/province/components/chain-submit-quarantine-code/ChainSubmitQuarantineCode.js new file mode 100644 index 0000000..da41dae --- /dev/null +++ b/src/features/province/components/chain-submit-quarantine-code/ChainSubmitQuarantineCode.js @@ -0,0 +1,220 @@ +import React, { useContext, useEffect, useRef, useState } from "react"; +import { + Button, + Grid, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import PageviewIcon from "@mui/icons-material/Pageview"; +import EditIcon from "@mui/icons-material/Edit"; +import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline"; +import { PropTypes } from "prop-types"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceChainsEditBar } from "../../services/province-chains-edit-bar"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ChainSubmitQuarantineCode = ({ item, updateTable, isLocked }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleOpenModal = () => { + dispatch( + OPEN_MODAL({ + title: "ثبت کد قرنطینه", + size: "auto", + content: ( + { + dispatch( + provinceChainsEditBar({ + chain_allcation_key: item.key, + quarantine_code: newCode, + role: getRoleFromUrl(), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(); + dispatch(CLOSE_MODAL()); + } + }); + }} + onCancel={() => dispatch(CLOSE_MODAL())} + /> + ), + }) + ); + }; + + return ( + + {item.quarantineCode ? ( + + ) : ( + + + + )} + {!isLocked && ( + + + + )} + + ); +}; + +const ViewCodeComponent = ({ clearanceCode }) => { + const formRef = useRef(null); + + const handleImageClick = () => { + if (formRef.current) { + formRef.current.submit(); + } + }; + return ( + + + + + {clearanceCode} + + + ); +}; + +const SubmitQuarantineModal = ({ code, isLocked, onSubmit, onCancel }) => { + const [value, setValue] = useState(code); + const [error, setError] = useState(""); + + useEffect(() => { + setValue(code); + }, [code]); + + const validate = (val) => { + if (!val) { + setError("این فیلد اجباری است"); + return false; + } + const pattern = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]+$/; + if (!pattern.test(val)) { + setError("باید شامل اعداد و حروف انگلیسی باشد"); + return false; + } + setError(""); + return true; + }; + + const handleChange = (event) => { + const newValue = event.target.value.toUpperCase(); + setValue(newValue); + validate(newValue); + }; + + const handleSubmit = () => { + if (validate(value)) { + onSubmit(value); + } + }; + + return ( + + + + + + + + ); +}; + +ChainSubmitQuarantineCode.propTypes = { + item: PropTypes.any, + updateTable: PropTypes.any, + isLocked: PropTypes.any, +}; diff --git a/src/features/province/components/chains-active-chains-operations/ChainsActiveChainsOperations.js b/src/features/province/components/chains-active-chains-operations/ChainsActiveChainsOperations.js new file mode 100644 index 0000000..ed17aff --- /dev/null +++ b/src/features/province/components/chains-active-chains-operations/ChainsActiveChainsOperations.js @@ -0,0 +1,257 @@ +import { + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Typography, +} from "@mui/material"; +import { useContext, useState } from "react"; +import ArchiveIcon from "@mui/icons-material/Archive"; +import DeleteIcon from "@mui/icons-material/Delete"; +import TuneIcon from "@mui/icons-material/Tune"; +import FindReplaceIcon from "@mui/icons-material/FindReplace"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceChainsDeleteChain } from "../../services/province-chains-delete-chain"; +import { ChainsReplaceActiveChain } from "../chain-replace-active-chain/ChainReplaceActiveChain"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { CityArchiveHatchingDrawer } from "../../../city/components/city-archive-hatching-drawer/CityArchiveHatchingDrawer"; +import AddTaskIcon from "@mui/icons-material/AddTask"; +import { ChainsAllocation } from "../chains-allocation/ChainsAllocation"; + +export const ChainsActiveChainsOperations = ({ item, updateTable }) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( +

+ + + + + + { + handleClose(); + dispatch( + DRAWER({ + title: "تخصیص به زنجیره", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + sx={{ + borderRadius: 1, + mb: 0.5, + color: "primary.main", + "&:last-of-type": { + mb: 0, + }, + }} + > + + + + + تخصیص به زنجیره + + } + /> + + + { + handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "جایگزین کردن مرغداری ", + content: ( + + ), + }) + ); + }} + sx={{ + borderRadius: 1, + mb: 0.5, + color: "info.main", + "&:last-of-type": { + mb: 0, + }, + }} + > + + + + + جایگزین کردن + + } + /> + + + { + handleClose(); + dispatch( + DRAWER({ + title: "انتقال به آرشیو", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + sx={{ + borderRadius: 1, + mb: 0.5, + color: "secondary.main", + "&:last-of-type": { + mb: 0, + }, + }} + > + + + + + انتقال به بایگانی + + } + /> + + + { + handleClose(); + dispatch( + provinceChainsDeleteChain({ + type: "delete", + hatching_key: item?.key, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + sx={{ + borderRadius: 1, + mb: 0.5, + color: "error.main", + "&:last-of-type": { + mb: 0, + }, + }} + > + + + + + خروج از زنجیره + + } + /> + + + +

+ ); +}; diff --git a/src/features/province/components/chains-active-chains/ChainsActiveChains.js b/src/features/province/components/chains-active-chains/ChainsActiveChains.js new file mode 100644 index 0000000..229ca9d --- /dev/null +++ b/src/features/province/components/chains-active-chains/ChainsActiveChains.js @@ -0,0 +1,437 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { ChainsActiveChainsOperations } from "../chains-active-chains-operations/ChainsActiveChainsOperations"; +import { ChainsSubmitActiveChain } from "../chains-submit-active-chain/ChainsSubmitActiveChain"; +import { convertToIranianTime } from "../../../../utils/formatTime"; +export const ChainsActiveChains = () => { + const dispatch = useDispatch(); + const [selectedAge1, setSelectedAge1] = useState(0); + const [selectedAge2, setSelectedAge2] = useState(0); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `poultry_hatching?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&chain=true` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + const killedNumber = (item) => { + let killedNumber = ""; + killedNumber = item.quantity - item.losses - item.leftOver; + return killedNumber; + }; + useEffect(() => { + const d = data?.map((item, i) => { + let lastChange; + return [ + , + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.chainCompany?.name} (${item?.chainCompany?.user.mobile})`, + item.violation ? "متخلف" : "عادی", + item.poultry.unitName, + `${item.poultry.userprofile.fullName} (${item.poultry.userprofile.mobile})`, + + `${item?.poultry?.address.city.name}/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`, + item?.vetFarm?.vetFarmMobile + ? `${item?.vetFarm?.vetFarmFullName} (${item?.vetFarm?.vetFarmMobile})` + : "-", + item.hall, + item.period, + convertToIranianTime(item?.createDate), + convertToIranianTime(item?.date), + item.chickenBreed, + item.age, + item?.quantity?.toLocaleString(), + `${item.losses} (%${((item.losses * 100) / item.quantity).toFixed(0)})`, + `${item?.totalCommitmentQuantity?.toLocaleString()}`, + `${item?.governmentalQuantity?.toLocaleString()}`, + `${item?.governmentalKilledQuantity?.toLocaleString()}`, + `${item?.freeQuantity?.toLocaleString()}`, + `${item?.freeKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledQuantity?.toLocaleString()}`, + `${item?.outProvinceKilledWeight?.toLocaleString()}`, + item?.chainKilledQuantity?.toLocaleString(), + item?.chainKilledWeight?.toLocaleString(), + killedNumber(item)?.toLocaleString() + + ` (%${((killedNumber(item) * 100) / item.quantity).toFixed(0)})`, + `${item?.leftOver?.toLocaleString()} (%${( + (item.leftOver * 100) / + item.quantity + ).toFixed(0)})`, + + item?.totalCommitment?.toLocaleString() + " کیلوگرم ", + item?.governmentalKilledQuantity?.toLocaleString() + " کیلوگرم ", + item?.freeKilledQuantity?.toLocaleString() + " کیلوگرم ", + item?.totalAverageKilledWeight?.toLocaleString() + " کیلوگرم ", + item?.totalKilledWeight?.toLocaleString() + " کیلوگرم ", + item?.activeKill?.activeKill ? "دارد" : "ندارد", + item?.activeKill?.countOfRequest ? item.activeKill.countOfRequest : "-", + (lastChange = item.lastChange + ? `${item.lastChange.fullName} (${getFaUserRole( + item.lastChange.role + )}) در تاریخ ${item.lastChange.date}` + : "-"), + (lastChange = + item.latestHatchingChange && + item.latestHatchingChange.date && + `${item.latestHatchingChange.fullName} (${getFaUserRole( + item.latestHatchingChange.role + )}) در تاریخ ${item.latestHatchingChange.date}`), + item.latestHatchingChange ? lastChange : "-", + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&chain=true` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const handleRemoveFilter = async (event) => { + event.preventDefault(); + setSelectedAge1(null); + setSelectedAge2(null); + + try { + const response = await axios.get( + `poultry_hatching/?role=${getRoleFromUrl()}&chain=true&search=filter&value=` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const handleSubmitSearchByAge = async (event) => { + event.preventDefault(); + + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `poultry_hatching?role=${getRoleFromUrl()}&age1=${selectedAge1}&age2=${selectedAge2}&chain=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const selectAges = Array.from({ length: 75 }, (_, i) => i + 1); + + const tableTitle = ( + + + زنجیره های فعال + + + + + جستجو براساس سن: + + + + از سن + + + + + + تا سن + + + + + + {/* */} + + {/* */} + + + + + ); + + return ( + + + + + {tableTitle} + + + ); +}; diff --git a/src/features/province/components/chains-allocation/ChainsAllocation.js b/src/features/province/components/chains-allocation/ChainsAllocation.js new file mode 100644 index 0000000..88c6952 --- /dev/null +++ b/src/features/province/components/chains-allocation/ChainsAllocation.js @@ -0,0 +1,720 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import { + Button, + Divider, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { provinceChainsSubmitAllocation } from "../../services/province-chains-submut-allocation"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import Radio from "@mui/material/Radio"; +import RadioGroup from "@mui/material/RadioGroup"; +import FormControlLabel from "@mui/material/FormControlLabel"; +import FormControl from "@mui/material/FormControl"; +import FormLabel from "@mui/material/FormLabel"; +import { CarPelak } from "../../../../components/car-pelak/CarPelak"; +import { SPACING } from "../../../../data/spacing"; +import { provinceGetKillHousesForAllocation } from "../../services/province-get-killhouses-for-allocation"; +import { provinceChainsEditAllocation } from "../../services/province-chains-edit-allocation"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ChainsAllocation = ({ item, updateTable, isEdit }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [value, setValue] = React.useState( + isEdit ? (item?.outProvince ? "out" : "native") : "out" + ); + const [selectedKillhouse, setSelectedKillHouse] = React.useState(); + + useEffect(() => { + if (value === "native") { + dispatch(LOADING_START()); + dispatch(provinceGetKillHousesForAllocation()).then((r) => { + dispatch(LOADING_END()); + const d = r?.payload.data.map((item) => { + return { name: item.name, key: item.key }; + }); + setKillhouses(d); + setSelectedKillHouse(""); + }); + } + }, [value]); + + const [killhouses, setKillhouses] = useState([]); + + const handleChange = (event) => { + setValue(event.target.value); + }; + + const [driverPelak, setDriverPelak] = useState([]); + + const carPelakHandleChange = (pelak1, pelak2, pelak3, pelak4) => { + setDriverPelak([pelak1, pelak2, pelak3, pelak4]); + }; + + const formik = useFormik({ + initialValues: { + weight: isEdit ? item?.indexWeight : "", + quantity: isEdit ? item?.quantity : "", + driverName: isEdit ? item?.driverName : "", + driverMobile: isEdit ? item?.driverMobile : "", + driverCar: isEdit ? item?.typeCar : "", + healthCode: isEdit ? item?.healthCode : "", + }, + validationSchema: Yup.object({ + weight: Yup.number().required("این فیلد اجباری است!"), + quantity: Yup.number().required("این فیلد اجباری است!"), + driverName: Yup.string().required("این فیلد اجباری است!"), + healthCode: Yup.string().required("این فیلد اجباری است!"), + driverMobile: Yup.string() + .required("شماره موبایل کشتارگاه الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + driverCar: Yup.string().required("این فیلد اجباری است!"), + // driverhealthCode: Yup.string().required("این فیلد اجباری است!"), + }), + }); + + const [, , selectedDate1, setSelectedDate1, ,] = useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + }, []); + + const formikbuyer = useFormik({ + initialValues: { + name: isEdit ? item?.buyerName : "", + mobile: isEdit ? item?.buyerMobile : "", + province: isEdit ? item?.province : "", + city: isEdit ? item?.city : "", + }, + validationSchema: Yup.object({ + name: Yup.string().required("نام اجباری است"), + mobile: Yup.string() + .required("شماره موبایل کشتارگاه الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + province: Yup.string().required("استان اجباری است"), + city: Yup.string().required("شهرستان اجباری است"), + }), + }); + + useEffect(() => { + formik.validateForm(); + formikbuyer.validateForm(); + }, []); + + const isFormValid = () => { + if (value === "native") { + return formik.isValid && selectedKillhouse && driverPelak[1]; + } else { + return formik.isValid && formikbuyer.isValid && driverPelak[1]; + } + }; + + useEffect(() => { + let newVal = formik.values.weight; + const mystring = formik.values.weight.toString().split(".").join(""); + if (formik.values.weight) { + if (mystring.length <= 3) { + if (mystring.length === 2) { + newVal = mystring[0] + "." + mystring[1]; + } + if (mystring.length === 3) { + newVal = mystring[0] + "." + mystring[1] + mystring[2]; + } + } + } + if (isNaN(Number.parseFloat(newVal))) { + formik.setFieldValue("weight", ""); + } else { + formik.setFieldValue("weight", Number.parseFloat(newVal)); + } + }, [formik.values.weight]); + + return ( + + {!isEdit && ( + <> + + شرکت زنجیره:{"‌‌ ‌"} + + {item?.companyName} + + + + مرغدار:{"‌‌ ‌"} + + {item.poultry.userprofile.fullName} ( + {item.poultry.userprofile.mobile}) + + + + نژاد:{"‌‌ ‌"} + + {item.chickenBreed} + + + + سن جوجه:{"‌‌ ‌"} + + {item.age} + + + + )} + {isEdit && ( + <> + + مرغدار:{"‌‌ ‌"} + + {item?.poultryHatching?.poultry?.unitName} ( + {item?.poultryHatching?.poultry?.user?.mobile}) + + + + شرکت زنجیره:{"‌‌ ‌"} + + {item?.chainCompany?.name} + + + + )} + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + {formik.values.weight && formik.values.quantity && ( + + + وزن کل: {"‌‌ ‌"} + + + {parseInt(formik.values.quantity * formik.values.weight)} کیلوگرم + + + )} + + + نوع فروش + + } + label="خارج استان" + /> + } + label="درون استان" + /> + + + + {value === "out" ? ( + + اطلاعات خریدار + + + + + + ) : ( + + + کشتارگاه را انتخاب کنید + + {formik.errors.selectedKillhouse && + formik.touched.selectedKillhouse && ( +

{formik.errors.selectedKillhouse}

+ )} + + + )} + + اطلاعات خودرو حمل + + + + + + + {/* */} + + + + ); +}; diff --git a/src/features/province/components/chains-companies-submit/ChainsCompaniesSubmit.js b/src/features/province/components/chains-companies-submit/ChainsCompaniesSubmit.js new file mode 100644 index 0000000..09935b2 --- /dev/null +++ b/src/features/province/components/chains-companies-submit/ChainsCompaniesSubmit.js @@ -0,0 +1,373 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { Button, TextField, Autocomplete, Typography } from "@mui/material"; +import { provinceChainsSubmitCompany } from "../../services/province-chains-submit-company"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceChainsEditCompany } from "../../services/province-chains-edit-company"; +import { provinceChainsGetCompanies } from "../../services/province-chains-get-companies"; +import { + slaughterGetCitiesService, + slaughterGetProvinceService, +} from "../../../slaughter-house/services/slaughter-get-provinces"; + +export const ChainsCompaniesSubmit = ({ item }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + + const formik = useFormik({ + initialValues: { + mobile: item?.user?.mobile ? item?.user?.mobile : "", + name: item?.name ? item?.name : "", + firstname: item?.user?.firstName ? item?.user?.firstName : "", + lastname: item?.user?.lastName ? item?.user?.lastName : "", + natioanlId: item?.user?.nationalId ? item?.user?.nationalId : "", + postal: item?.postalCode ? item?.postalCode : "", + province: item?.province ? item?.province : "", + city: item?.city ? item?.city : "", + address: item?.address ? item?.address : "", + }, + validationSchema: Yup.object({ + mobile: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به صورت عددی وارد کنید!") + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }), + name: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + firstname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + lastname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + province: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + city: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + address: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + natioanlId: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + postal: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + dispatch(slaughterGetProvinceService()).then((r) => { + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (formik.values.province) { + setCityData( + [], + dispatch(slaughterGetCitiesService(formik.values.province)).then( + (r) => { + setCityData(r.payload.data); + } + ) + ); + } + }, [formik.values.province]); + + return ( + + + + + + + + + + + + + + + + + + ({ id: i.name, label: i.name })) + : [] + } + onChange={(e, value) => { + formik.setFieldValue("province", value ? value.id : ""); + formik.setFieldValue("city", ""); + }} + renderInput={(params) => ( + + )} + /> + {item && ( + + استان: {formik.values.province} + + )} + + + ({ id: i.name, label: i.name })) + : [] + } + onChange={(e, value) => { + formik.setFieldValue("city", value ? value.id : ""); + }} + renderInput={(params) => ( + + )} + /> + {item && ( + + شهر: {formik.values.city} + + )} + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/chains-companies/ProvinceChainsCompanies.js b/src/features/province/components/chains-companies/ProvinceChainsCompanies.js new file mode 100644 index 0000000..5d344a6 --- /dev/null +++ b/src/features/province/components/chains-companies/ProvinceChainsCompanies.js @@ -0,0 +1,231 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import EditIcon from "@mui/icons-material/Edit"; + +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ChainsCompaniesSubmit } from "../chains-companies-submit/ChainsCompaniesSubmit"; + +export const ProvinceChainsCompanies = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const dispatch = useDispatch(); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, [setSelectedDate1, setSelectedDate2]); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const isAvalableEdit = () => { + if ( + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "ProvinceOperator" + ) { + return false; + } else { + return true; + } + }; + + const fetchApiData = async (page = 1) => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + `chain-company/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}&state=total_companies` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + dispatch(LOADING_END()); + console.error("Error fetching data:", error); + } + }; + + const handlePageChange = (newPage) => { + setPage(newPage); + fetchApiData(newPage); + }; + + const handlePerRowsChange = (newPerPage) => { + setPerPage(newPerPage); + setPage(1); + }; + + useEffect(() => { + fetchApiData(); + }, [selectedDate1, selectedDate2, perPage]); + + useEffect(() => { + const formattedData = data?.map((item, i) => [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item.name, + item.user.firstName, + item.user.lastName, + item.user.mobile, + item.province, + item.city, + item.address, + item.postalCode, + item.requestsInfo?.numberOfRequests?.toLocaleString(), + item.requestsInfo?.totalQuantity?.toLocaleString(), + item.requestsInfo?.totalWeight?.toLocaleString(), + + + dispatch( + DRAWER({ + title: "ویرایش شرکت زنجیره", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: , + }) + ) + } + > + + + , + ]); + setTableData(formattedData); + }, [data, page, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + }; + + return ( + + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin") && ( + + )} + + + + + خریداران + + + + + + + + ); +}; diff --git a/src/features/province/components/chains-submit-active-chain/ChainsSubmitActiveChain.js b/src/features/province/components/chains-submit-active-chain/ChainsSubmitActiveChain.js new file mode 100644 index 0000000..8f4b361 --- /dev/null +++ b/src/features/province/components/chains-submit-active-chain/ChainsSubmitActiveChain.js @@ -0,0 +1,132 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { provinceGetPoultry } from "../../../aviculture/services/province-get-poultry"; +import { Autocomplete, Button, TextField } from "@mui/material"; +import { provinceChainsGetCompanies } from "../../services/province-chains-get-companies"; +import { provinceChainsSubmitActiveChain } from "../../services/province-chains-submit-active-chain"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +export const ChainsSubmitActiveChain = ({ updateTable }) => { + const dispatch = useDispatch(); + const [poultries, setPoultries] = useState([]); + const [data, setData] = useState([]); + const [dataCompany, setDataCompany] = useState([]); + const [selectedPoultries, setSelectedPoultries] = useState([]); + const [selectedCompany, setSelectedCompany] = useState(""); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + dispatch( + provinceGetPoultry({ + chain: true, + }) + ).then((r) => { + setData(r.payload.data); + }); + dispatch(provinceChainsGetCompanies()).then((r) => { + setDataCompany(r.payload.data); + }); + }, []); + + useEffect(() => { + setPoultries( + data?.map((item) => { + return { + label: `${item.unitName} (${item?.user.mobile})`, + value: `${item.chainCompany?.hatchingKey}`, + }; + }) + ); + }, [data]); + + return ( + + + + option.label} + onChange={(e, value) => { + setSelectedPoultries(value); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ + id: i.key, + label: `${i.name} (${i.user.mobile})`, + })) + : [] + } + onChange={(e, value) => { + setSelectedCompany(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/chains/ProvinceChains.js b/src/features/province/components/chains/ProvinceChains.js new file mode 100644 index 0000000..66b8b56 --- /dev/null +++ b/src/features/province/components/chains/ProvinceChains.js @@ -0,0 +1,54 @@ +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceChainsCompanies } from "../chains-companies/ProvinceChainsCompanies"; +import { ChainsActiveChains } from "../chains-active-chains/ChainsActiveChains"; +import { ChainsArchiveChains } from "../chain-archive-chains/ChainsArchiveChains"; +import { ChainBarManagement } from "../chain-bar-management/ChainBarManagement"; + +export const ProvinceChains = () => { + const [value, setValue] = React.useState("0"); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + return ( + + + + + + + + + + {value === "0" && } + + + {value === "1" && } + + + {value === "2" && } + + + {value === "3" && } + + + + ); +}; diff --git a/src/features/province/components/create-guilds/CreateGuilds.js b/src/features/province/components/create-guilds/CreateGuilds.js new file mode 100644 index 0000000..32fe136 --- /dev/null +++ b/src/features/province/components/create-guilds/CreateGuilds.js @@ -0,0 +1,574 @@ +import React, { useContext, useEffect, useState, useCallback } from "react"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { + Button, + Box, + Typography, + Dialog, + DialogTitle, + DialogContent, + DialogActions, +} from "@mui/material"; +import { Add as AddIcon } from "@mui/icons-material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { updateGuildByNationalIdNewService } from "../../services/update-guild-by-national-id-new"; +import { deactivateGuildService } from "../../services/deactivate-guild"; +import { provinceGetCitiesService } from "../../services/province-get-cities"; +import { provinceGetFieldOfWorks } from "../../services/ProvinceGetFieldOfWorks"; +import { provinceGetTypeActivity } from "../../services/provinceGetTypeActivity"; +import { provinceGetRegisterCodeStateService } from "../../services/province-get-register-code-state"; +import { mainGetGuildsForUpdateOrCreateService } from "../../services/main-get-guilds-for-update-or-create"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { PersonalInfoSection } from "./components/PersonalInfoSection"; +import { InquiryForm } from "./components/InquiryForm"; +import { UpdateFromExternalButton } from "./components/UpdateFromExternalButton"; +import { ConfirmationDialog } from "./components/ConfirmationDialog"; +import { FormActions } from "./components/FormActions"; +import { GuildInfoAccordionItem } from "./components/GuildInfoAccordionItem"; +import { getValidationSchema, getInitialValues } from "./utils/formUtils"; +import { + mapResponseDataToFormFields, + prepareSubmitData, +} from "./utils/dataMapping"; +import { handleSubmitSuccess, handleSubmitError } from "./utils/submitHandlers"; + +const DeleteConfirmationDialog = ({ open, onClose, onConfirm, isDeleting }) => { + return ( + + ); +}; + +export const CreateGuilds = ({ guild, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [hasRegisterCode, setHasRegisterCode] = useState(); + const [inquiryNationalCode, setInquiryNationalCode] = useState(""); + const [isInquiryDone, setIsInquiryDone] = useState(false); + const [dbRegister, setDbRegister] = useState(null); + const [hasInquiry, setHasInquiry] = useState(null); + const [guildActive, setGuildActive] = useState(null); + const [guildsList, setGuildsList] = useState(() => (guild ? [guild] : [])); + const [expandedAccordion, setExpandedAccordion] = useState(0); + const [guildsFormValues, setGuildsFormValues] = useState(() => { + // Initialize with guild data if editing + if (guild) { + return [getInitialValues(guild)]; + } + return []; + }); + const [cities, setCities] = useState([]); + const [typeActivities, setTypeActivities] = useState([]); + const [deleteDialogOpen, setDeleteDialogOpen] = useState(false); + const [deleteDialogIndex, setDeleteDialogIndex] = useState(null); + const [isDeletingGuild, setIsDeletingGuild] = useState(false); + + const originalPhoneNumber = guild?.phoneNumber || null; + + const currentRole = getRoleFromUrl(); + const isAdmin = currentRole === "AdminX"; + const isSuperAdmin = currentRole === "SuperAdmin"; + const isKillHouse = currentRole === "KillHouse"; + + const formik = useFormik({ + initialValues: getInitialValues(guild), + validationSchema: getValidationSchema(!!guild), + validateOnMount: true, + onSubmit: (values) => { + const guildsDataArray = guildsList.map((guildItem, index) => { + const guildValues = guildsFormValues[index] || values; + const combinedValues = { + ...values, // Personal info (shared) + ...guildValues, // Guild-specific info (overrides if same keys exist) + }; + return prepareSubmitData( + combinedValues, + guildItem, + originalPhoneNumber, + hasInquiry + ); + }); + + dispatch(updateGuildByNationalIdNewService(guildsDataArray)).then( + (result) => { + if (result.payload.error) { + handleSubmitError(openNotif, result.payload.error); + } else { + handleSubmitSuccess( + dispatch, + openNotif, + updateTable, + values, + result.payload?.data + ); + } + } + ); + }, + }); + + useEffect(() => { + dispatch(provinceGetRegisterCodeStateService()).then((r) => { + const isActive = r.payload.data?.[0]?.active; + setHasRegisterCode(isActive); + if (isActive === false) { + formik.setFieldValue("isAccepted", true); + } + }); + dispatch(provinceGetCitiesService()).then((r) => { + setCities(r.payload.data || []); + }); + dispatch(provinceGetFieldOfWorks()); + dispatch(provinceGetTypeActivity()).then((r) => { + setTypeActivities(r.payload.data || []); + }); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + const mapResponseToFormFields = useCallback( + (responseData) => { + const guildsData = Array.isArray(responseData.guilds) + ? responseData.guilds + : []; + + mapResponseDataToFormFields(responseData, inquiryNationalCode, formik); + + if (responseData.dbRegister === false) { + setDbRegister(false); + setHasInquiry(null); + } else { + setHasInquiry(responseData.hasInquiry ?? null); + const firstGuild = guildsData.length > 0 ? guildsData[0] : null; + const activeStatus = firstGuild?.active ?? responseData.active ?? null; + setGuildActive(activeStatus); + formik.setFieldValue("active", activeStatus); + setDbRegister(true); + } + + if (guildsData.length > 0) { + setGuildsList(guildsData); + const initialGuildValues = guildsData.map((guildItem) => { + const combinedGuild = { + ...guildItem, + user: responseData.user || {}, + }; + return getInitialValues(combinedGuild); + }); + setGuildsFormValues(initialGuildValues); + setExpandedAccordion(0); + } else { + setGuildsList([]); + setGuildsFormValues([]); + } + + setTimeout(() => { + formik.validateField("mobile"); + formik.validateField("national_id"); + }, 0); + }, + [formik, inquiryNationalCode] + ); + + const handleInquiry = useCallback(() => { + if (!inquiryNationalCode) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا کد ملی را وارد کنید", + severity: "error", + }); + return; + } + + if (!isAdmin && inquiryNationalCode.length !== 10) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا کد ملی 10 رقمی معتبر وارد کنید", + severity: "error", + }); + return; + } + + dispatch( + mainGetGuildsForUpdateOrCreateService({ + national_code: inquiryNationalCode, + update: false, + }) + ).then((r) => { + if (r.payload.error) { + setHasInquiry(false); + if (isAdmin) { + setIsInquiryDone(true); + formik.setFieldValue("national_id", inquiryNationalCode); + } + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + if (!isAdmin) { + return; + } + } + + if (r.payload.data) { + mapResponseToFormFields(r.payload.data); + setIsInquiryDone(true); + + if (r.payload.data.dbRegister === false) { + setHasInquiry(true); + } + + const successMsg = + r.payload.data.dbRegister === false + ? "اطلاعات از سامانه خارجی دریافت شد" + : "اطلاعات از پایگاه داده دریافت شد"; + + openNotif({ + vertical: "top", + horizontal: "center", + msg: successMsg, + severity: "success", + }); + } else { + setHasInquiry(false); + setIsInquiryDone(true); + if (isAdmin) { + formik.setFieldValue("national_id", inquiryNationalCode); + } + } + }); + }, [ + dispatch, + inquiryNationalCode, + openNotif, + mapResponseToFormFields, + isAdmin, + formik, + ]); + + const handleUpdateFromExternal = useCallback(() => { + if (!formik.values.national_id || formik.values.national_id.length !== 10) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا کد ملی 10 رقمی معتبر وارد کنید", + severity: "error", + }); + return; + } + + dispatch( + mainGetGuildsForUpdateOrCreateService({ + national_code: formik.values.national_id, + update: true, + }) + ).then((r) => { + if (r.payload.error) { + setHasInquiry(false); + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + return; + } + + if (r.payload.data) { + const updateResponse = { + ...r.payload.data, + dbRegister: false, + }; + mapResponseToFormFields(updateResponse); + setHasInquiry(true); + + openNotif({ + vertical: "top", + horizontal: "center", + msg: "اطلاعات از سامانه خارجی بروزرسانی شد", + severity: "success", + }); + } else { + setHasInquiry(false); + } + }); + }, [dispatch, formik.values.national_id, openNotif, mapResponseToFormFields]); + + const handleAddGuild = () => { + const newIndex = guildsList.length; + setGuildsList([...guildsList, null]); + setGuildsFormValues([...guildsFormValues, getInitialValues(null)]); + setExpandedAccordion(newIndex); + }; + + const handleDeleteGuild = (index) => { + const guildToDelete = guildsList[index]; + if (guildToDelete?.key) { + setDeleteDialogIndex(index); + setDeleteDialogOpen(true); + return; + } + if (guildsList.length > 1) { + setGuildsList(guildsList.filter((_, i) => i !== index)); + setGuildsFormValues(guildsFormValues.filter((_, i) => i !== index)); + if (expandedAccordion === index) { + setExpandedAccordion(0); + } else if (expandedAccordion > index) { + setExpandedAccordion(expandedAccordion - 1); + } + } + }; + + const handleConfirmDelete = () => { + if (deleteDialogIndex === null) return; + + const guildToDelete = guildsList[deleteDialogIndex]; + if (!guildToDelete?.key) return; + + setIsDeletingGuild(true); + dispatch(deactivateGuildService(guildToDelete.key)).then((r) => { + setIsDeletingGuild(false); + setDeleteDialogOpen(false); + setDeleteDialogIndex(null); + + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "صنف با موفقیت حذف شد", + severity: "success", + }); + // Remove from list after successful deletion + if (guildsList.length > 1) { + setGuildsList(guildsList.filter((_, i) => i !== deleteDialogIndex)); + setGuildsFormValues( + guildsFormValues.filter((_, i) => i !== deleteDialogIndex) + ); + // If deleted accordion was expanded, expand the first one + if (expandedAccordion === deleteDialogIndex) { + setExpandedAccordion(0); + } else if (expandedAccordion > deleteDialogIndex) { + // Adjust expanded index if deleted item was before it + setExpandedAccordion(expandedAccordion - 1); + } + } + if (updateTable) { + updateTable(); + } + } + }); + }; + + const handleCloseDeleteDialog = () => { + if (!isDeletingGuild) { + setDeleteDialogOpen(false); + setDeleteDialogIndex(null); + } + }; + + const handleGuildValuesChange = useCallback((index, fieldName, value) => { + setGuildsFormValues((prev) => { + const newValues = [...prev]; + if (!newValues[index]) { + newValues[index] = getInitialValues(null); + } + newValues[index] = { + ...newValues[index], + [fieldName]: value, + }; + return newValues; + }); + }, []); + + const handleAccordionChange = (index) => (event, isExpanded) => { + setExpandedAccordion(isExpanded ? index : false); + }; + + const shouldShowUpdateButton = + formik?.values?.national_id && + (isAdmin || + (dbRegister !== false && + (guild || + (!guild && + ((dbRegister === true && hasInquiry === false) || + (isAdmin && isInquiryDone)))))); + + const shouldShowInquiryForm = !guild && !isInquiryDone; + const shouldShowFormContent = guild || isInquiryDone; + + return ( +

+ + {shouldShowUpdateButton && ( + + )} + + {shouldShowInquiryForm && ( + + )} + + {shouldShowFormContent && ( + <> + + + + + + + + اطلاعات صنفی + + + + + {guildsList.map((guildItem, index) => ( + + handleDeleteGuild(index)} + canDelete={ + (guildsList.length > 1 || !guild) && isAdmin + } + guildFormValues={guildsFormValues[index]} + onGuildValuesChange={handleGuildValuesChange} + expanded={expandedAccordion === index} + onChange={handleAccordionChange(index)} + /> + + ))} + + {isAdmin && ( + + + + )} + + + + + {hasRegisterCode && + (!(!guild && hasInquiry === true) || + isAdmin || + isSuperAdmin || + isKillHouse) && ( + formik.setFieldValue("isAccepted", true)} + onReject={() => formik.setFieldValue("isAccepted", false)} + /> + )} + + dispatch(CLOSE_MODAL())} + showCloseButton={ + !guild && + hasInquiry === true && + !isAdmin && + !isSuperAdmin && + !isKillHouse + } + isKillHouse={isKillHouse} + onSubmit={formik.handleSubmit} + /> + + + )} + + + + ); +}; diff --git a/src/features/province/components/create-guilds/components/ConfirmationDialog.js b/src/features/province/components/create-guilds/components/ConfirmationDialog.js new file mode 100644 index 0000000..9274cf3 --- /dev/null +++ b/src/features/province/components/create-guilds/components/ConfirmationDialog.js @@ -0,0 +1,45 @@ +import React from "react"; +import { + Button, + Typography, + ListItem, + ListItemIcon, + ListItemText, +} from "@mui/material"; +import { Grid } from "../../../../../components/grid/Grid"; +import { SPACING } from "../../../../../data/spacing"; +import { DialogAlert } from "../../../../../components/dialog-alert/DialogAlert"; +import { Done } from "@mui/icons-material"; + +export const ConfirmationDialog = ({ isAccepted, onAccept, onReject }) => { + return ( + + + + + + + + + + + } + actions={ + + + + + } + btnTitle="تایید صحت اطلاعات" + isAccepted={isAccepted} + /> + + ); +}; diff --git a/src/features/province/components/create-guilds/components/FormActions.js b/src/features/province/components/create-guilds/components/FormActions.js new file mode 100644 index 0000000..3fdabae --- /dev/null +++ b/src/features/province/components/create-guilds/components/FormActions.js @@ -0,0 +1,69 @@ +import React from "react"; +import { Button, Typography, Checkbox, FormControlLabel } from "@mui/material"; +import { Grid } from "../../../../../components/grid/Grid"; + +export const FormActions = ({ + formik, + onClose, + showCloseButton, + isKillHouse, + onSubmit, +}) => { + if (showCloseButton) { + return ( + + + + ); + } + + // For KillHouse: check if area_activity contains "مرغ" + const isAreaActivityValid = isKillHouse + ? formik.values.area_activity && formik.values.area_activity.includes("مرغ") + : true; + + return ( + <> + + + } + label="احراز شماره موبایل" + /> + + + + {isKillHouse && !isAreaActivityValid && ( + + رسته واحد صنفی باید شامل کلمه "مرغ" باشد + + )} + + + ); +}; diff --git a/src/features/province/components/create-guilds/components/GuildInfoAccordionItem.js b/src/features/province/components/create-guilds/components/GuildInfoAccordionItem.js new file mode 100644 index 0000000..4fbec3d --- /dev/null +++ b/src/features/province/components/create-guilds/components/GuildInfoAccordionItem.js @@ -0,0 +1,97 @@ +import React from "react"; +import { + Accordion, + AccordionSummary, + AccordionDetails, + Typography, + IconButton, +} from "@mui/material"; +import { + ExpandMore as ExpandMoreIcon, + Delete as DeleteIcon, +} from "@mui/icons-material"; +import { GuildInfoSection } from "./GuildInfoSection"; + +export const GuildInfoAccordionItem = ({ + guildIndex, + guildData, + guildActive, + isAdmin, + cities, + typeActivities, + onDelete, + canDelete, + guildFormValues, + onGuildValuesChange, + expanded, + onChange, +}) => { + // Create a formik-like object for this guild's values + const guildFormik = { + values: guildFormValues || {}, + setFieldValue: (fieldName, value) => { + onGuildValuesChange(guildIndex, fieldName, value); + }, + handleChange: (e) => { + onGuildValuesChange(guildIndex, e.target.name, e.target.value); + }, + handleBlur: () => {}, + errors: {}, + touched: {}, + }; + const getGuildTitle = () => { + if (guildData?.guildsName) { + return guildData.guildsName; + } + if (guildData?.title) { + return guildData.title; + } + if (guildFormik.values.guild_name) { + return guildFormik.values.guild_name; + } + return `واحد صنفی ${guildIndex + 1}`; + }; + + return ( + + } + sx={{ + "& .MuiAccordionSummary-content": { + alignItems: "center", + justifyContent: "space-between", + }, + }} + > + + {getGuildTitle()} + + {canDelete && ( + { + e.stopPropagation(); + onDelete(); + }} + color="error" + size="small" + sx={{ mr: 1 }} + > + + + )} + + + + + + ); +}; diff --git a/src/features/province/components/create-guilds/components/GuildInfoSection.js b/src/features/province/components/create-guilds/components/GuildInfoSection.js new file mode 100644 index 0000000..27b354a --- /dev/null +++ b/src/features/province/components/create-guilds/components/GuildInfoSection.js @@ -0,0 +1,566 @@ +import React from "react"; +import { + TextField, + Typography, + RadioGroup, + FormControl, + Radio, + FormControlLabel, + Select, + MenuItem, + InputLabel, + Checkbox, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import BusinessIcon from "@mui/icons-material/Business"; +import PublicIcon from "@mui/icons-material/Public"; +import LocationCityIcon from "@mui/icons-material/LocationCity"; +import DateRangeIcon from "@mui/icons-material/DateRange"; +import ConfirmationNumberIcon from "@mui/icons-material/ConfirmationNumber"; +import AccountBalanceIcon from "@mui/icons-material/AccountBalance"; +import LocalPostOfficeIcon from "@mui/icons-material/LocalPostOffice"; +import PhoneIcon from "@mui/icons-material/Phone"; +import BadgeIcon from "@mui/icons-material/Badge"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import HomeIcon from "@mui/icons-material/Home"; +import CorporateFareIcon from "@mui/icons-material/CorporateFare"; +import { Grid } from "../../../../../components/grid/Grid"; +import { SPACING } from "../../../../../data/spacing"; +import { LabelField } from "../../../../../components/label-field/LabelField"; +import { InfoBox } from "./InfoBox"; +import { STATUS_VALUES } from "../constants"; +import { + convertPersianToGregorian, + convertGregorianToPersian, +} from "../utils/dateUtils"; + +export const GuildInfoSection = ({ + formik, + guild, + guildActive, + isAdmin, + cities, + typeActivities, + hideTitle = false, + noGridWrapper = false, +}) => { + const getForeignerDisplay = (isForeigner) => { + if (isForeigner === STATUS_VALUES.NO || isForeigner === false) + return STATUS_VALUES.NO; + if (isForeigner === STATUS_VALUES.YES || isForeigner === true) + return STATUS_VALUES.YES; + return "-"; + }; + + const getLicenseExpireDateDisplay = () => { + return formik.values.license_expire_date || "-"; + }; + + const getActiveStatusDisplay = () => { + const activeValue = + formik.values.active !== null + ? formik.values.active + : guild?.active === true || guildActive === true; + return activeValue === true ? "فعال" : "غیر فعال"; + }; + + const content = ( + + {!hideTitle && ( + + + اطلاعات صنفی + + + )} + + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + + رسته واحد صنفی + + + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + شهرستان + + + ) : ( + + )} + + + {isAdmin ? ( + { + if (newValue) { + const gregorianDate = moment(newValue).format("YYYY-MM-DD"); + const persianDate = + convertGregorianToPersian(gregorianDate); + formik.setFieldValue("license_expire_date", persianDate); + } else { + formik.setFieldValue("license_expire_date", ""); + } + }} + renderInput={(params) => ( + + )} + /> + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + + { + formik.setFieldValue( + "active", + e.target.value === "true" ? true : false + ); + }} + sx={{ justifyContent: "space-around" }} + > + } + label="فعال" + /> + } + label="غیر فعال" + /> + + + + ) : ( + + )} + + + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + + { + formik.setFieldValue( + "is_foreigner", + e.target.value === "بلی" ? "بلی" : "خیر" + ); + }} + sx={{ justifyContent: "space-around" }} + > + } + label="بلی" + /> + } + label="خیر" + /> + + + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + + + {isAdmin ? ( + <> + + formik.setFieldValue("steward", e.target.checked) + } + name="steward" + color="primary" + /> + } + label="مباشر" + /> + + formik.setFieldValue("guild", e.target.checked) + } + name="guild" + color="primary" + /> + } + label="صنف" + /> + + ) : ( + <> + + + + )} + + + ); + + if (noGridWrapper) { + return <>{content}; + } + + return ( + + {content} + + ); +}; diff --git a/src/features/province/components/create-guilds/components/InfoBox.js b/src/features/province/components/create-guilds/components/InfoBox.js new file mode 100644 index 0000000..197787d --- /dev/null +++ b/src/features/province/components/create-guilds/components/InfoBox.js @@ -0,0 +1,23 @@ +import React from "react"; +import { Box, Typography } from "@mui/material"; + +export const InfoBox = ({ icon: Icon, label, value, iconSx }) => ( + + + + + {label} + + {value || "-"} + + +); + diff --git a/src/features/province/components/create-guilds/components/InquiryForm.js b/src/features/province/components/create-guilds/components/InquiryForm.js new file mode 100644 index 0000000..aed5934 --- /dev/null +++ b/src/features/province/components/create-guilds/components/InquiryForm.js @@ -0,0 +1,34 @@ +import React from "react"; +import { TextField, Button } from "@mui/material"; + +export const InquiryForm = ({ + inquiryNationalCode, + setInquiryNationalCode, + onInquiry, + isAdmin, +}) => { + return ( + <> + setInquiryNationalCode(e.target.value)} + placeholder={ + isAdmin ? "کد ملی را وارد کنید" : "کد ملی 10 رقمی را وارد کنید" + } + inputProps={isAdmin ? {} : { maxLength: 10 }} + /> + + + ); +}; diff --git a/src/features/province/components/create-guilds/components/PersonalInfoSection.js b/src/features/province/components/create-guilds/components/PersonalInfoSection.js new file mode 100644 index 0000000..cf634a3 --- /dev/null +++ b/src/features/province/components/create-guilds/components/PersonalInfoSection.js @@ -0,0 +1,369 @@ +import React from "react"; +import { + TextField, + Typography, + RadioGroup, + FormControl, + Radio, + FormControlLabel, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import PersonIcon from "@mui/icons-material/Person"; +import PhoneIcon from "@mui/icons-material/Phone"; +import BadgeIcon from "@mui/icons-material/Badge"; +import CakeIcon from "@mui/icons-material/Cake"; +import FaceIcon from "@mui/icons-material/Face"; +import LocationCityIcon from "@mui/icons-material/LocationCity"; +import FavoriteIcon from "@mui/icons-material/Favorite"; +import { Grid } from "../../../../../components/grid/Grid"; +import { SPACING } from "../../../../../data/spacing"; +import { LabelField } from "../../../../../components/label-field/LabelField"; +import { InfoBox } from "./InfoBox"; +import { GENDER_VALUES, ALIVE_STATUS } from "../constants"; +import { + convertPersianToGregorian, + convertGregorianToPersian, +} from "../utils/dateUtils"; + +export const PersonalInfoSection = ({ + formik, + guild, + hasInquiry, + isAdmin, + isSuperAdmin, + isKillHouse, +}) => { + const getGenderDisplay = (gender) => { + if (gender === "True" || gender === true) return GENDER_VALUES.MALE; + if (gender === "False" || gender === false) return GENDER_VALUES.FEMALE; + return "-"; + }; + + const getAliveStatusDisplay = (isAlive) => { + if (isAlive === ALIVE_STATUS.YES || isAlive === true) + return ALIVE_STATUS.YES; + if (isAlive === ALIVE_STATUS.NO || isAlive === false) + return ALIVE_STATUS.NO; + return "-"; + }; + + const getBirthDateDisplay = () => { + return formik.values.birth_date || "-"; + }; + + return ( + + + + + اطلاعات شخصی + + + + + + {guild || isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + + { + formik.setFieldValue( + "is_alive", + e.target.value === "بلی" ? "بلی" : "خیر" + ); + }} + sx={{ justifyContent: "space-around" }} + > + } + label="بلی" + /> + } + label="خیر" + /> + + + + ) : ( + + )} + + + + + {isAdmin ? ( + { + if (newValue) { + const gregorianDate = + moment(newValue).format("YYYY-MM-DD"); + const persianDate = + convertGregorianToPersian(gregorianDate); + formik.setFieldValue("birth_date", persianDate); + } else { + formik.setFieldValue("birth_date", ""); + } + }} + renderInput={(params) => ( + + )} + /> + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {isAdmin ? ( + + + { + formik.setFieldValue("gender", e.target.value); + }} + sx={{ justifyContent: "space-around" }} + > + } + label="مرد" + /> + } + label="زن" + /> + + + + ) : ( + + )} + + + {isAdmin ? ( + + ) : ( + + )} + + + {!guild && + hasInquiry && + !isAdmin && + !isSuperAdmin && + !isKillHouse ? ( + + ) : isKillHouse && + formik.values.mobile && + /^[0-9]{11}$/.test(formik.values.mobile) ? ( + + ) : ( + + )} + + + + + + ); +}; diff --git a/src/features/province/components/create-guilds/components/UpdateFromExternalButton.js b/src/features/province/components/create-guilds/components/UpdateFromExternalButton.js new file mode 100644 index 0000000..a13e138 --- /dev/null +++ b/src/features/province/components/create-guilds/components/UpdateFromExternalButton.js @@ -0,0 +1,19 @@ +import React from "react"; +import { Button } from "@mui/material"; +import { Refresh } from "@mui/icons-material"; +import { Grid } from "../../../../../components/grid/Grid"; + +export const UpdateFromExternalButton = ({ onUpdate, disabled }) => { + return ( + + + + ); +}; diff --git a/src/features/province/components/create-guilds/constants.js b/src/features/province/components/create-guilds/constants.js new file mode 100644 index 0000000..0a1b96b --- /dev/null +++ b/src/features/province/components/create-guilds/constants.js @@ -0,0 +1,17 @@ +export const STATUS_VALUES = { + YES: "بلی", + NO: "خیر", + TRUE: "True", + FALSE: "False", +}; + +export const GENDER_VALUES = { + MALE: "مرد", + FEMALE: "زن", +}; + +export const ALIVE_STATUS = { + YES: "بلی", + NO: "خیر", +}; + diff --git a/src/features/province/components/create-guilds/utils/dataMapping.js b/src/features/province/components/create-guilds/utils/dataMapping.js new file mode 100644 index 0000000..aa02a38 --- /dev/null +++ b/src/features/province/components/create-guilds/utils/dataMapping.js @@ -0,0 +1,232 @@ +import { getRoleFromUrl } from "../../../../../utils/getRoleFromUrl"; +import { normalizeExternalApiDate, normalizeDatabaseDate } from "./dateUtils"; +import { formatDateForSubmit } from "./dateUtils"; + +export const prepareSubmitData = ( + values, + guild, + originalPhoneNumber, + hasInquiry +) => { + const baseData = { + national_id: values.national_id, + mobile: values.mobile, + mobilenumber: values.mobile, + steward: !!values.steward, + guild: !!values.guild, + active_register_code: !!values.verify_mobile, + firstName: values.first_name || "", + lastName: values.last_name || "", + fatherName: values.father_name || "", + gender: values.gender || "", + identityNo: values.national_code || "", + isLive: values.is_alive === "بلی" || values.is_alive === true, + birthDate: formatDateForSubmit( + values.birth_date || "", + hasInquiry === true + ), + city: values.city || "", + address: values.address || "", + postalcode: values.postal_code || "", + licenseNumber: values.license_number || "", + licenseExpireDate: formatDateForSubmit( + values.license_expire_date || "", + hasInquiry === true + ), + licenseIssueDate: formatDateForSubmit( + values.license_issue_date || "", + hasInquiry === true + ), + licenseType: values.license_type || "", + licenseStatus: values.license_status || "", + isicname: values.area_activity || "", + corporationName: values.corporation_name || "", + nationalId: values.guild_national_id || "", + unionName: values.union_name || "", + phonenumber: values.phone_number || "", + hasPartner: values.has_partner === true || values.has_partner === "بلی", + isForeigner: values.is_foreigner === true || values.is_foreigner === "بلی", + title: values.guild_name || "", + role: getRoleFromUrl(), + has_inquiry: hasInquiry !== null ? hasInquiry : false, + ...(values.active !== null && { active: values.active }), + }; + + if (guild) { + baseData.guilds_key = guild.key; + if (values.mobile !== originalPhoneNumber) { + baseData.mobile = values.mobile; + baseData.mobilenumber = values.mobile; + } + } + + return baseData; +}; + +export const mapResponseDataToFormFields = ( + responseData, + inquiryNationalCode, + formik +) => { + const isExternalApi = responseData.dbRegister === false; + + // New structure: user is at top level, guilds is an array + const userData = responseData.user || {}; + // For personal info, we use the first guild's data if available, or empty + const firstGuild = + Array.isArray(responseData.guilds) && responseData.guilds.length > 0 + ? responseData.guilds[0] + : {}; + const guildData = firstGuild || {}; + const layerTwo = guildData.layerTwo || {}; + const addressData = firstGuild?.address || guildData.address || {}; + const provinceData = addressData.province || {}; + const cityData = addressData.city || {}; + + const nationalIdValue = isExternalApi + ? String( + layerTwo.nationalcode || userData.nationalCode || inquiryNationalCode + ).trim() + : String(userData.nationalId || inquiryNationalCode).trim(); + + const birthDatePersian = isExternalApi + ? normalizeExternalApiDate(userData.birthDate || "") + : normalizeDatabaseDate(userData.birthday || ""); + + const licenseExpireDatePersian = isExternalApi + ? normalizeExternalApiDate(guildData.licenseExpireDate || "") + : normalizeDatabaseDate(firstGuild.licenseExpireDate || ""); + + const licenseIssueDatePersian = isExternalApi + ? normalizeExternalApiDate(layerTwo.licenseIssueDate || "") + : normalizeDatabaseDate(responseData.licenseIssueDate || ""); + + const genderValue = isExternalApi + ? userData.gender === true + ? "True" + : userData.gender === false + ? "False" + : "" + : userData.gender || ""; + + const isAliveValue = isExternalApi + ? userData.isLive === true + ? "بلی" + : userData.isLive === false + ? "خیر" + : "" + : userData.isAlive === false + ? "خیر" + : userData.isAlive === true + ? "بلی" + : ""; + + const isForeignerValue = isExternalApi + ? layerTwo.isForeigner === "خیر" + ? false + : layerTwo.isForeigner === "بلی" + ? true + : "" + : responseData.isForeignNational === false + ? false + : responseData.isForeignNational === true + ? true + : ""; + + const hasStewardValue = isExternalApi + ? layerTwo.hasSteward === "خیر" + ? false + : layerTwo.hasSteward === "بلی" + ? true + : "" + : responseData.steward === false + ? false + : responseData.steward === true + ? true + : ""; + + const hasPartnerValue = isExternalApi + ? layerTwo.hasPartner === "خیر" + ? false + : layerTwo.hasPartner === "بلی" + ? true + : "" + : responseData.hasPartner === false + ? false + : responseData.hasPartner === true + ? true + : ""; + + const values = { + first_name: userData.firstName || "", + last_name: userData.lastName || "", + national_id: nationalIdValue, + national_code: isExternalApi + ? userData.identityNo || "" + : userData.nationalCode || "", + birth_date: birthDatePersian, + father_name: userData.fatherName || "", + gender: genderValue, + person_city: userData.city || "", + is_alive: isAliveValue, + // Guild fields - will be set per guild in accordion, so we set empty or first guild's data + guild_name: isExternalApi + ? guildData.title || "" + : firstGuild.guildsName || "", + area_activity: isExternalApi + ? guildData.isicname || "" + : firstGuild.areaActivity || "", + state: isExternalApi ? guildData.state || "" : provinceData.name || "", + city: isExternalApi ? guildData.city || "" : cityData.name || "", + address: isExternalApi + ? guildData.address || "" + : addressData.address || "", + license_expire_date: licenseExpireDatePersian, + license_status: isExternalApi + ? guildData.licenseStatus || "" + : firstGuild.licenseStatus || "", + license_type: isExternalApi + ? guildData.licenseType || "" + : firstGuild.licenseType || "", + license_number: isExternalApi + ? guildData.licenseNumber || "" + : firstGuild.licenseNumber || "", + union_name: isExternalApi + ? layerTwo.unionName || "" + : firstGuild.unionName || "", + postal_code: isExternalApi + ? layerTwo.postalcode || "" + : addressData.postalCode || "", + phone_number: isExternalApi + ? layerTwo.phonenumber || "" + : firstGuild.phoneNumber || "", + mobile: isExternalApi ? layerTwo.mobilenumber || "" : userData.mobile || "", + guild_national_id: isExternalApi + ? layerTwo.nationalId || "" + : firstGuild.nationalCode || "", + is_foreigner: isForeignerValue, + corporation_name: isExternalApi + ? layerTwo.corporationName || "" + : firstGuild.companyName || "", + has_steward: hasStewardValue, + has_partner: hasPartnerValue, + steward: isExternalApi ? false : firstGuild.isSteward || false, + guild: isExternalApi + ? typeof guildData.guild === "boolean" + ? guildData.guild + : false + : typeof firstGuild.guild === "boolean" + ? firstGuild.guild + : false, + license_issue_date: licenseIssueDatePersian, + ...(isExternalApi + ? {} + : { + company_name: firstGuild.companyName || "", + company_identifier: firstGuild.companyIdentifier || "", + type_activity_name: firstGuild.typeActivity || "", + }), + }; + + formik.setValues({ ...formik.values, ...values }); +}; diff --git a/src/features/province/components/create-guilds/utils/dateUtils.js b/src/features/province/components/create-guilds/utils/dateUtils.js new file mode 100644 index 0000000..76b0982 --- /dev/null +++ b/src/features/province/components/create-guilds/utils/dateUtils.js @@ -0,0 +1,158 @@ +import { + convertToIranianTime, + convertPersianToEnglishNumerals, +} from "../../../../../utils/formatTime"; +import { fromJalali } from "../../../../../utils/jalali"; + +export const convertGregorianToPersian = (gregorianDateString) => { + if (!gregorianDateString || typeof gregorianDateString !== "string") { + return ""; + } + + // Check if the date is already in Persian format (YYYY/MM/DD with year < 1500) + const persianPattern = /^\d{4}\/\d{2}\/\d{2}$/; + if (persianPattern.test(gregorianDateString)) { + const year = parseInt(gregorianDateString.split("/")[0]); + // If year is < 1500, it's likely Persian, return as is + if (year < 1500) { + return gregorianDateString; + } + } + + // Try to convert using convertToIranianTime + try { + return convertToIranianTime(gregorianDateString); + } catch (error) { + console.error("Error converting Gregorian date to Persian:", error); + return gregorianDateString; // Return original on error + } +}; + +export const convertPersianToGregorian = (persianDateString) => { + if (!persianDateString || typeof persianDateString !== "string") { + return ""; + } + + const normalizedDateString = + convertPersianToEnglishNumerals(persianDateString); + + const gregorianPattern = /^\d{4}[-/]\d{2}[-/]\d{2}$/; + if (gregorianPattern.test(normalizedDateString)) { + const year = parseInt(normalizedDateString.split(/[-/]/)[0]); + if (year > 1500) { + return normalizedDateString.replace(/\//g, "-"); + } + } + + const parts = normalizedDateString.split("/"); + if (parts.length !== 3) { + return persianDateString; + } + + const py = parseInt(parts[0]); + const pm = parseInt(parts[1]); + const pd = parseInt(parts[2]); + + if (isNaN(py) || isNaN(pm) || isNaN(pd)) { + return persianDateString; + } + + try { + const gregorianDate = fromJalali(py, pm, pd); + const year = gregorianDate.getFullYear(); + const month = String(gregorianDate.getMonth() + 1).padStart(2, "0"); + const day = String(gregorianDate.getDate()).padStart(2, "0"); + return `${year}-${month}-${day}`; + } catch (error) { + console.error("Error converting Persian date to Gregorian:", error); + return persianDateString; + } +}; + +export const normalizeExternalApiDate = (dateString) => { + if (!dateString || typeof dateString !== "string") { + return ""; + } + return convertPersianToEnglishNumerals(dateString); +}; + +export const normalizeDatabaseDate = (dateString) => { + if (!dateString || typeof dateString !== "string") { + return ""; + } + const first10Chars = dateString.substring(0, 10); + const normalizedDate = first10Chars.replace(/-/g, "/"); + return convertToIranianTime(normalizedDate); +}; + +export const formatDateForSubmitExternal = (dateString) => { + if (!dateString || typeof dateString !== "string") { + return ""; + } + return convertPersianToEnglishNumerals(dateString); +}; + +export const formatDateForSubmitDatabase = (dateString) => { + if (!dateString || typeof dateString !== "string") { + return ""; + } + + const normalizedDate = convertPersianToEnglishNumerals(dateString); + const persianPattern = /^\d{4}\/\d{2}\/\d{2}$/; + + if (persianPattern.test(normalizedDate)) { + const year = parseInt(normalizedDate.split("/")[0]); + if (year < 1500) { + const parts = normalizedDate.split("/"); + const py = parseInt(parts[0]); + const pm = parseInt(parts[1]); + const pd = parseInt(parts[2]); + + if (!isNaN(py) && !isNaN(pm) && !isNaN(pd)) { + try { + const gregorianDate = fromJalali(py, pm, pd); + const gy = gregorianDate.getFullYear(); + const gm = String(gregorianDate.getMonth() + 1).padStart(2, "0"); + const gd = String(gregorianDate.getDate()).padStart(2, "0"); + return `${gy}/${gm}/${gd}`; + } catch (error) { + console.error("Error converting Persian to Gregorian:", error); + } + } + } + } + + const gregorianPattern = /^\d{4}[-/]\d{2}[-/]\d{2}$/; + if (gregorianPattern.test(normalizedDate)) { + const year = parseInt(normalizedDate.split(/[-/]/)[0]); + if (year > 1900) { + return normalizedDate.replace(/-/g, "/"); + } + } + + try { + const date = new Date(normalizedDate); + if (!isNaN(date.getTime())) { + const year = date.getFullYear(); + const month = String(date.getMonth() + 1).padStart(2, "0"); + const day = String(date.getDate()).padStart(2, "0"); + return `${year}/${month}/${day}`; + } + } catch (error) { + console.error("Error formatting database date:", error); + } + + return normalizedDate.replace(/-/g, "/"); +}; + +export const formatDateForSubmit = (dateString, isExternalApi = false) => { + if (!dateString || typeof dateString !== "string") { + return ""; + } + + if (isExternalApi) { + return formatDateForSubmitExternal(dateString); + } else { + return formatDateForSubmitDatabase(dateString); + } +}; diff --git a/src/features/province/components/create-guilds/utils/formUtils.js b/src/features/province/components/create-guilds/utils/formUtils.js new file mode 100644 index 0000000..8287371 --- /dev/null +++ b/src/features/province/components/create-guilds/utils/formUtils.js @@ -0,0 +1,95 @@ +import * as yup from "yup"; +import { normalizeDatabaseDate } from "./dateUtils"; + +export const getValidationSchema = (isEditMode) => + yup.object({ + national_id: yup + .string() + .required("کد ملی الزامی است") + .matches(/^[0-9]{10}$/, "کد ملی باید 10 رقم باشد"), + mobile: isEditMode + ? yup + .string() + .nullable() + .test( + "mobile-format", + "شماره تلفن باید 11 رقم باشد", + (value) => !value || /^[0-9]{11}$/.test(value) + ) + : yup + .string() + .required("شماره تلفن الزامی است") + .matches(/^[0-9]{11}$/, "شماره تلفن باید 11 رقم باشد"), + first_name: yup.string(), + last_name: yup.string(), + guild_name: yup.string(), + guild_category: yup.string(), + state: yup.string(), + city: yup.string(), + address: yup.string(), + license_expire_date: yup.string(), + license_status: yup.string(), + union_name: yup.string(), + postal_code: yup.string(), + guild_national_id: yup.string(), + is_foreigner: yup.string(), + national_code: yup.string(), + has_steward: yup.string(), + has_partner: yup.string(), + license_number: yup.string(), + isAccepted: yup + .boolean() + .test("req", "باید تعهد نامه را بپذیرید!", (val) => { + return val === true; + }) + .required("این فیلد اجباری است!"), + }); + +export const getInitialValues = (guild) => ({ + first_name: guild?.user?.firstName || "", + last_name: guild?.user?.lastName || "", + corporation_name: guild?.companyName || "", + national_id: guild?.user?.nationalId || "", + national_code: guild?.user?.nationalCode || "", + birth_date: normalizeDatabaseDate(guild?.user?.birthday || ""), + father_name: guild?.user?.fatherName || "", + gender: guild?.user?.gender || "", + person_city: guild?.user?.city || "", + is_alive: guild?.user?.isAlive || "", + guild_name: guild?.guildsName || "", + area_activity: guild?.areaActivity || "", + state: guild?.address?.province?.name || "", + city: guild?.address?.city?.name || "", + address: guild?.address?.address || "", + license_expire_date: normalizeDatabaseDate(guild?.licenseExpireDate || ""), + license_status: guild?.licenseStatus || "", + license_type: guild?.licenseType || "", + union_name: guild?.unionName || "", + postal_code: guild?.address?.postalCode || "", + phone_number: guild?.phoneNumber || "", + mobile: guild?.user?.mobile || "", + is_foreigner: guild?.is_foreign_national || "", + has_steward: guild?.hasSteward || "", + has_partner: guild?.hasPartner || "", + license_number: guild?.licenseNumber || "", + isAccepted: guild?.provinceAcceptState === "accepted" || false, + steward: + typeof guild?.steward === "boolean" + ? guild.steward + : typeof guild?.isSteward === "boolean" + ? guild.isSteward + : false, + guild: + typeof guild?.guild === "boolean" + ? guild.guild + : typeof guild?.isGuild === "boolean" + ? guild.isGuild + : false, + verify_mobile: guild?.verifyMobile || false, + guild_national_id: guild?.nationalId || "", + license_issue_date: normalizeDatabaseDate(guild?.licenseIssueDate || ""), + company_name: guild?.companyName || "", + company_identifier: guild?.companyIdentifier || "", + type_activity_name: guild?.typeActivityName || "", + active: guild?.active ?? null, +}); diff --git a/src/features/province/components/create-guilds/utils/submitHandlers.js b/src/features/province/components/create-guilds/utils/submitHandlers.js new file mode 100644 index 0000000..da6ac30 --- /dev/null +++ b/src/features/province/components/create-guilds/utils/submitHandlers.js @@ -0,0 +1,45 @@ +import { + CLOSE_MODAL, + OPEN_MODAL, +} from "../../../../../lib/redux/slices/appSlice"; +import { ProvinceManageGuildsSubmitRegisterCode } from "../../province-manage-guilds-submit-register-code/ProvinceManageGuildsSubmitRegisterCode"; + +export const handleSubmitSuccess = ( + dispatch, + openNotif, + updateTable, + values, + responseData +) => { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + + if (values.verify_mobile && responseData) { + dispatch( + OPEN_MODAL({ + title: "ثبت کد احراز", + content: ( + + ), + }) + ); + } +}; + +export const handleSubmitError = (openNotif, error) => { + openNotif({ + vertical: "top", + horizontal: "center", + msg: error, + severity: "error", + }); +}; diff --git a/src/features/province/components/create-stewards/CreateStewards.js b/src/features/province/components/create-stewards/CreateStewards.js new file mode 100644 index 0000000..a966617 --- /dev/null +++ b/src/features/province/components/create-stewards/CreateStewards.js @@ -0,0 +1,81 @@ +import { Autocomplete, Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import * as yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceCreateStewardService } from "../../services/province-create-steward"; +import { provinceGetGuildsService } from "../../services/province-get-guilds"; + +const validationSchema = yup.object({ + // guild: yup.string().required(""), +}); + +export const CreateStewards = ({ guild }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const { provinceGetGuildsOptions } = useSelector( + (state) => state.provinceSlice + ); + + useEffect(() => { + dispatch(provinceGetGuildsService()); + }, []); + + const formik = useFormik({ + initialValues: { + guild: null, + }, + validationSchema, + onSubmit: (values) => { + // Handle form submission here + dispatch( + provinceCreateStewardService({ guilds_key: values.guild.value }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( + + ); +}; diff --git a/src/features/province/components/edit-poultry-city/EditPoultryCity.js b/src/features/province/components/edit-poultry-city/EditPoultryCity.js new file mode 100644 index 0000000..102421e --- /dev/null +++ b/src/features/province/components/edit-poultry-city/EditPoultryCity.js @@ -0,0 +1,50 @@ +import { Autocomplete, Button, TextField } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getCitiesService } from "../../services/get-cities"; +import { provinceEditPoultryCityService } from "../../services/province-edit-poultry-city"; + +export const EditPoultryCity = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [sellected, setSellected] = useState(); + const { getCitiesOptions } = useSelector((state) => state.provinceSlice); + const getOptionLabel = (option) => option.label; // Customize how the label is displayed + + useEffect(() => { + dispatch(getCitiesService()); + }, []); + + return ( + + setSellected(value)} + value={sellected} + renderInput={(params) => } + /> + + + ); +}; diff --git a/src/features/province/components/edit-stewards/EditStewards.js b/src/features/province/components/edit-stewards/EditStewards.js new file mode 100644 index 0000000..143b323 --- /dev/null +++ b/src/features/province/components/edit-stewards/EditStewards.js @@ -0,0 +1,167 @@ +import { + Autocomplete, + Button, + Checkbox, + FormControlLabel, + InputAdornment, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { provinceEditStewardService } from "../../services/province-edit-steward"; +import { provinceGetBuyersService } from "../../services/province-get-buyers"; + +const validationSchema = Yup.object().shape({ + // agreed: Yup.boolean().oneOf([true], 'You must agree to the terms and conditions'), +}); + +export const EditStewards = ({ guild }) => { + const { provinceGetBuyersOptions } = useSelector( + (state) => state.provinceSlice + ); + const [warehouses, setWarehouses] = useState( + guild.centersAllocation ? guild.centersAllocation : [] + ); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const formik = useFormik({ + initialValues: { + allocation_limit: guild.allocationLimit, + centers_allocation: "", + limitation_allocation: guild.limitationAllocation, + }, + validationSchema, + onSubmit: (values) => { + dispatch( + provinceEditStewardService({ + allocation_limit: values.allocation_limit, + limitation_allocation: values.limitation_allocation, + centers_allocation: warehouses, + steward_key: guild.key, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + useEffect(() => { + dispatch(provinceGetBuyersService()); + }, []); + + return ( +

+ + + } + label="محدودیت تخصیص" + /> + {formik.errors.limitation_allocation && ( +

{formik.errors.limitation_allocation}

+ ); +}; diff --git a/src/features/province/components/failed-transactions/FailedTransactions.js b/src/features/province/components/failed-transactions/FailedTransactions.js new file mode 100644 index 0000000..2c28314 --- /dev/null +++ b/src/features/province/components/failed-transactions/FailedTransactions.js @@ -0,0 +1,311 @@ +import { + Button, + Pagination, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { format } from "date-fns-jalali"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; + +export const FailedTransactions = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + console.log(authToken); + const userInfo = useSelector((state) => state.userSlice); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [dataTableM, setDataTableM] = useState([]); + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `transactions/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&date1=${selectedDate1}&date2=${selectedDate2}&state=failed&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `transactions/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&date1=${selectedDate1}&date2=${selectedDate2}&state=failed&role=${getRoleFromUrl()}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + dispatch(LOADING_END()); + }; + + const [page, setPage] = useState(0); + const handleChangePageM = (event, newPage) => { + dispatch(LOADING_START()); + setPage(newPage); + fetchApiData(newPage + 1, textValue); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + try { + const response = await axios.get( + `transactions/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&state=failed&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const columns = [ + { + name: "تاریخ و زمان", + selector: (item) => { + return format(new Date(item.createDate), "yyyy/MM/dd hh:mm:ss"); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "پرداخت کننده", + selector: (item) => { + return item.payer; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شماره درخواست", + selector: (item) => { + return item.orderId; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شماره پیگیری", + selector: (item) => { + return item.saleReferenceId; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "کدسفارش", + selector: (item) => { + return item.orderId; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شماره کارت", + selector: (item) => { + return item.cardHolderPan; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "قیمت", + selector: (item) => { + return item?.amount?.toLocaleString() + " ﷼"; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "متن خطا", + selector: (item) => { + return item.message?.split("_")?.join(" "); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + const tableTitle = ( + + + تراکنش های ناموفق + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + ); + + const columnNames = columns.map((column) => column.name); + const isMobile = window.innerWidth <= 600; + + useEffect(() => { + const d = data?.map((item) => { + return [ + format(new Date(item.createDate), "yyyy/MM/dd hh:mm:ss"), + item.payerInfo, + item.refId, + item.message?.split("_")?.join(" "), + ]; + }); + + setDataTableM(d); + }, [data]); + + return ( + + {isMobile ? ( + <> + {tableTitle} + + { + handleChangePageM(event, newPage - 1); + }} + /> + + ) : ( + + )} + + ); +}; diff --git a/src/features/province/components/guild-limitaion/GuildLimitaion.js b/src/features/province/components/guild-limitaion/GuildLimitaion.js new file mode 100644 index 0000000..d56d658 --- /dev/null +++ b/src/features/province/components/guild-limitaion/GuildLimitaion.js @@ -0,0 +1,257 @@ +import { + Autocomplete, + Button, + Checkbox, + FormControlLabel, + InputAdornment, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceChangeActiveGuildService } from "../../services/province-change-active-guild"; +import { provinceGetBuyersService } from "../../services/province-get-buyers"; +import { provinceGetStewardsService } from "../../services/province-get-stewards"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +const validationSchema = Yup.object().shape({ + // agreed: Yup.boolean().oneOf([true], 'You must agree to the terms and conditions'), +}); + +export const GuildLimitaion = ({ guild, updateTable }) => { + const { provinceGetStewardsOptions, provinceGetBuyersOptions } = useSelector( + (state) => state.provinceSlice + ); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [warehouses, setWarehouses] = useState( + guild.centersAllocation ? guild.centersAllocation : [] + ); + const [buyers, setBuyers] = useState( + guild.killHouseCentersAllocation ? guild.killHouseCentersAllocation : [] + ); + + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const formik = useFormik({ + initialValues: { + allocation_limit: guild.allocationLimit, + centers_allocation: "", + limitation_allocation: guild.limitationAllocation, + currentBuyer: "", + }, + validationSchema, + onSubmit: (values) => { + dispatch( + provinceChangeActiveGuildService({ + kill_house_centers_allocation: buyers, + allocation_limit: values.allocation_limit, + limitation_allocation: values.limitation_allocation, + centers_allocation: warehouses, + guilds_key: guild.key, + }) + ).then((r) => { + updateTable(); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + useEffect(() => { + dispatch( + provinceGetStewardsService({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + provinceGetBuyersService({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedSubUser?.key]); + + return ( +

+ + + } + label="محدودیت تخصیص" + /> + {formik.errors.limitation_allocation && ( +

{formik.errors.limitation_allocation}

+ )} + {formik.values.limitation_allocation && ( + <> + کیلوگرم + ), + }} + value={formik.values.allocation_limit} + onChange={formik.handleChange} + error={ + formik.touched.allocation_limit && + Boolean(formik.errors.allocation_limit) + } + helperText={ + formik.touched.allocation_limit && + formik.errors.allocation_limit + } + /> + {!guild?.steward && getRoleFromUrl() !== "Guilds" && ( + <> + { + setWarehouses([...warehouses, item]); + }} + error={formik.touched.guild && Boolean(formik.errors.guild)} + helperText={formik.touched.guild && formik.errors.guild} + getOptionLabel={(option) => option.label} + renderInput={(params) => ( + + )} + /> + محدودیت مباشرین انتخاب شده + {!warehouses.length && ( + محدودیتی وجود ندارد + )} + {warehouses?.map((item) => { + return ( + <> + {item !== null && ( + + + {item.label} + + )} + + ); + })} + + )} + + )} + + {formik.values.limitation_allocation && + getRoleFromUrl() !== "KillHouse" && + getRoleFromUrl() !== "Guilds" && ( + <> + { + setBuyers([...buyers, item]); + }} + error={formik.touched.guild && Boolean(formik.errors.guild)} + helperText={formik.touched.guild && formik.errors.guild} + getOptionLabel={(option) => option.label} + renderInput={(params) => ( + + )} + /> + محدودیت انبار های انتخاب شده + {!buyers.length && ( + محدودیتی وجود ندارد + )} + {buyers?.map((item) => { + return ( + <> + {item !== null && ( + + + {item.label} + + )} + + ); + })} + + )} + + +

+ ); +}; diff --git a/src/features/province/components/guilds-operations/GuildsOperations.js b/src/features/province/components/guilds-operations/GuildsOperations.js new file mode 100644 index 0000000..0545c00 --- /dev/null +++ b/src/features/province/components/guilds-operations/GuildsOperations.js @@ -0,0 +1,237 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + // ROUTE_ADMINX_ROUTE_GUILDS, + ROUTE_ADMINX_ROUTE_IN_PROVINCE_GUILDS_REQUESTS, + ROUTE_ADMINX_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_ADMINX_ROUTE_MANAGE_GUILDS, + ROUTE_ADMINX_ROUTE_OUT_PROVINCE_GUILDS, + ROUTE_PROVINCE_ROUTE_IN_PROVINCE_GUILDS_REQUESTS, + ROUTE_PROVINCE_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_PROVINCE_ROUTE_MANAGE_GUILDS, + ROUTE_PROVINCE_ROUTE_OUT_PROVINCE_GUILDS, + // ROUTE_SUPER_ADMIN_ROUTE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_IN_PROVINCE_GUILDS_REQUESTS, + ROUTE_SUPER_ADMIN_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_MANAGE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_OUT_PROVINCE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_OUT_PROVINCE_TRUE_GUILDS, + ROUTE_ADMINX_ROUTE_OUT_PROVINCE_TRUE_GUILDS, + ROUTE_PROVINCE_ROUTE_OUT_PROVINCE_TRUE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_OUT_PROVINCE_LEGAL_GUILDS, + ROUTE_ADMINX_ROUTE_OUT_PROVINCE_LEGAL_GUILDS, + ROUTE_PROVINCE_ROUTE_OUT_PROVINCE_LEGAL_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_IN_PROVINCE_TRUE_GUILDS, + ROUTE_ADMINX_ROUTE_IN_PROVINCE_TRUE_GUILDS, + ROUTE_PROVINCE_ROUTE_IN_PROVINCE_TRUE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_IN_PROVINCE_LEGAL_GUILDS, + ROUTE_ADMINX_ROUTE_IN_PROVINCE_LEGAL_GUILDS, + ROUTE_PROVINCE_ROUTE_IN_PROVINCE_LEGAL_GUILDS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { MdCorporateFare } from "react-icons/md"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { BackButton } from "../../../../components/back-button/BackButton"; + +export const GuildsOperations = () => { + const { pathname } = useLocation(); + + return ( + <> + {[ + ROUTE_SUPER_ADMIN_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_ADMINX_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_PROVINCE_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_OUT_PROVINCE_GUILDS, + ROUTE_ADMINX_ROUTE_OUT_PROVINCE_GUILDS, + ROUTE_PROVINCE_ROUTE_OUT_PROVINCE_GUILDS, + ].includes(pathname) && } + + + {[ + ROUTE_SUPER_ADMIN_ROUTE_MANAGE_GUILDS, + ROUTE_ADMINX_ROUTE_MANAGE_GUILDS, + ROUTE_PROVINCE_ROUTE_MANAGE_GUILDS, + ].includes(pathname) && ( + <> + + } + title="اصناف داخل استان" + /> + + + } + title="اصناف خارج استان" + /> + + + )} + {[ + ROUTE_SUPER_ADMIN_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_ADMINX_ROUTE_IN_PROVINCE_GUILDS, + ROUTE_PROVINCE_ROUTE_IN_PROVINCE_GUILDS, + ].includes(pathname) && ( + <> + + } + title="درخواست های ثبت صنف" + /> + + {/* + } + title="اصناف" + /> + */} + + } + title="اصناف حقیقی" + /> + + + } + title="اصناف حقوقی" + /> + + {/* + } + title="مباشرین" + /> + + {(getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin") && ( + + } + title="مدیریت مباشرین" + /> + + )} */} + + )} + + {[ + ROUTE_SUPER_ADMIN_ROUTE_OUT_PROVINCE_GUILDS, + ROUTE_ADMINX_ROUTE_OUT_PROVINCE_GUILDS, + ROUTE_PROVINCE_ROUTE_OUT_PROVINCE_GUILDS, + ].includes(pathname) && ( + <> + + } + title="اصناف حقیقی" + /> + + + } + title="اصناف حقوقی" + /> + + + )} + + + ); +}; diff --git a/src/features/province/components/guilds-settings/GuildsSettings.js b/src/features/province/components/guilds-settings/GuildsSettings.js new file mode 100644 index 0000000..203b5f6 --- /dev/null +++ b/src/features/province/components/guilds-settings/GuildsSettings.js @@ -0,0 +1,62 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch, useSelector } from "react-redux"; +import { getGuildsSettingsService } from "../../services/get-guilds-settings"; +import { ManageGuildsState } from "../manage-guilds-state/ManageGuildsState"; +import { ManageStewardsState } from "../manage-stewards-state/ManageStewardsState"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const GuildsSettings = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const { getGuildsSettings } = useSelector((state) => state.provinceSlice); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(getGuildsSettingsService({ kill_house_key: null })).then(() => { + dispatch(LOADING_END()); + }); + }, []); + + useEffect(() => { + if (Array.isArray(getGuildsSettings)) { + const d = getGuildsSettings?.map((item, i) => { + return [ + i + 1, + item.killHouse.name, + , + , + ]; + }); + setDataTable(d); + } + }, [getGuildsSettings]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/kill-process-stats/KillProcessStats.js b/src/features/province/components/kill-process-stats/KillProcessStats.js new file mode 100644 index 0000000..9ff741f --- /dev/null +++ b/src/features/province/components/kill-process-stats/KillProcessStats.js @@ -0,0 +1,60 @@ +import { Button, TextField, Typography } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +export const KillProcessStats = ({ province }) => { + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [selectedDate2, setSelectedDate2] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + useEffect(() => { + var currentDate = moment(selectedDate1); + var newDate = currentDate.add(7, "days").format("YYYY-MM-DD"); + setSelectedDate2(newDate); + }, [selectedDate1]); + + return ( + + + روند کشتار بر اساس بازه + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + />{" "} + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + ); +}; diff --git a/src/features/province/components/manage-car-state/ManageCarState.js b/src/features/province/components/manage-car-state/ManageCarState.js new file mode 100644 index 0000000..54cfbd1 --- /dev/null +++ b/src/features/province/components/manage-car-state/ManageCarState.js @@ -0,0 +1,73 @@ +import { Switch } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceGetCars } from "../../services/province-get-cars"; +import { updateCarStateService } from "../../services/update-car-state"; + +export const ManageCarState = ({ item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [checked, setChecked] = useState( + getRoleFromUrl() === "KillHouse" + ? item.addCarActiveState + : item.driverActiveState + ); + + const handleChange = (event) => { + let reqObj; + if (getRoleFromUrl() === "KillHouse") { + reqObj = { + add_car_key: item.addCarKey, + add_car_change_activation: event.target.checked, + }; + } else { + reqObj = { + driver_key: item.key, + change_activation: event.target.checked, + }; + } + dispatch(updateCarStateService(reqObj)).then((r) => { + if (r?.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r?.payload?.error, + severity: "error", + }); + } else { + dispatch(provinceGetCars()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + setChecked(event.target.checked); + }; + + let disabled = false; + if (item.driverType === "rental") { + disabled = true; + } + + return ( + <> + + {checked ? ( + فعال + ) : ( + غیرفعال + )} + + ); +}; diff --git a/src/features/province/components/manage-evacuations/ManageEvacuations.js b/src/features/province/components/manage-evacuations/ManageEvacuations.js new file mode 100644 index 0000000..c29d513 --- /dev/null +++ b/src/features/province/components/manage-evacuations/ManageEvacuations.js @@ -0,0 +1,184 @@ +import { + Grid, + Box, + Button, + Checkbox, + CircularProgress, + FormControlLabel, + FormGroup, + Stack, +} from "@mui/material"; +import axios from "axios"; +import { useCallback, useContext, useEffect, useMemo, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; + +const LOSS_FIELDS = [ + { + key: "includeTotalDiseaseLosses", + apiKey: "include_total_disease_losses", + label: "مجموع تلفات ناشی از بیماری", + }, + { + key: "includeTotalFlockDestruction", + apiKey: "include_total_flock_destruction", + label: "مجموع معدوم‌سازی گله", + }, + { + key: "includeTotalNormalFlockLosses", + apiKey: "include_total_normal_flock_losses", + label: "مجموع تلفات عادی گله", + }, + { + key: "includeTotalForceMajeureLosses", + apiKey: "include_total_force_majeure_losses", + label: "مجموع تلفات ناشی از عوامل قهری و طبیعی", + }, + { + key: "includeTotalFireLosses", + apiKey: "include_total_fire_losses", + label: "مجموع تلفات ناشی از آتش‌سوزی", + }, +]; + +const DEFAULT_FORM_STATE = LOSS_FIELDS.reduce( + (acc, { key }) => ({ ...acc, [key]: false }), + {} +); + +export const ManageEvacuations = () => { + const [openNotif] = useContext(AppContext); + const notify = useCallback( + ({ severity, msg, vertical = "top", horizontal = "center" }) => + openNotif({ + severity, + msg, + vertical, + horizontal, + }), + [openNotif] + ); + const [formState, setFormState] = useState(DEFAULT_FORM_STATE); + const [recordId, setRecordId] = useState(null); + const [isLoading, setIsLoading] = useState(true); + const [isSaving, setIsSaving] = useState(false); + + useEffect(() => { + const fetchLossManagement = async () => { + setIsLoading(true); + + try { + const { data } = await axios.get("hatching-loss-management/"); + + setRecordId(data?.id ?? null); + + setFormState((prev) => + LOSS_FIELDS.reduce( + (acc, { key }) => ({ + ...acc, + [key]: Boolean(data?.[key]), + }), + { ...prev } + ) + ); + } catch (error) { + const errorText = + error?.response?.data?.detail ?? + error?.response?.data?.message ?? + error?.message ?? + "خطایی در دریافت اطلاعات رخ داده است."; + notify({ severity: "error", msg: errorText }); + } finally { + setIsLoading(false); + } + }; + + fetchLossManagement(); + }, []); + + const handleChange = (fieldKey) => (event) => { + const { checked } = event.target; + setFormState((prev) => ({ + ...prev, + [fieldKey]: checked, + })); + }; + + const requestBody = useMemo( + () => + LOSS_FIELDS.reduce((acc, { key, apiKey }) => { + acc[apiKey] = Boolean(formState[key]); + return acc; + }, {}), + [formState] + ); + + const handleSubmit = async (event) => { + event.preventDefault(); + + setIsSaving(true); + + const targetId = recordId ?? 1; + + try { + await axios.patch(`hatching-loss-management/${targetId}/`, requestBody); + + notify({ + severity: "success", + msg: "اطلاعات با موفقیت به‌روزرسانی شد.", + }); + } catch (error) { + const errorText = + error?.response?.data?.detail ?? + error?.response?.data?.message ?? + error?.message ?? + "خطایی در به‌روزرسانی اطلاعات رخ داده است."; + notify({ severity: "error", msg: errorText }); + } finally { + setIsSaving(false); + } + }; + + return ( + + {isLoading ? ( + + + + ) : ( + + + {LOSS_FIELDS.map(({ key, label }) => ( + + } + label={label} + /> + ))} + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/manage-guild-distributions/ManageGuildDistributions.js b/src/features/province/components/manage-guild-distributions/ManageGuildDistributions.js new file mode 100644 index 0000000..caeb679 --- /dev/null +++ b/src/features/province/components/manage-guild-distributions/ManageGuildDistributions.js @@ -0,0 +1,576 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, Checkbox, IconButton, TextField } from "@mui/material"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { useDispatch } from "react-redux"; +import EditIcon from "@mui/icons-material/Edit"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvinceManageDistributionsSubmitCommitmentPercent } from "../province-manage-distributions-submit-commitment-percentet/ProvinceManageDistributionsSubmitCommitmentPercent"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceManageGuildDistributionsSubmitPercents } from "../province-manage-guild-distributions-submit-percents/ProvinceManageGuildDistributionsSubmitPercents"; +import { + provinceManageGuildTradesEditAllPercents, + provinceManageGuildTradesEditPercents, + provinceManageGuildTradesGetPercents, +} from "../../services/province-manage-guilds-trades-edit-percents"; + +export const ManageGuildDistributions = () => { + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + const getDashboardData = () => { + dispatch(provinceManageGuildTradesGetPercents()).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `guilds-for-configs/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + getDashboardData(); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const openGovModal = (item, isAll) => { + dispatch( + OPEN_MODAL({ + title: "فروش دولتی", + content: ( + + ), + }) + ); + }; + + const openFreeModal = (item, isAll) => { + dispatch( + OPEN_MODAL({ + title: "فروش آزاد", + content: ( + + ), + }) + ); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.user?.fullname} (${item?.user?.mobile})`, + , + { + dispatch( + provinceManageGuildTradesEditPercents({ + key: item?.key, + free_sale_from_free_quota_in_province: + !item?.freeSaleFromFreeQuotaInProvince, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + />, + { + dispatch( + provinceManageGuildTradesEditPercents({ + key: item?.key, + free_sale_form_governmental_quota: + !item?.freeSaleFormGovernmentalQuota, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + />, + + + + { + const newValue = !item?.governmentalSellingPermission; + dispatch( + provinceManageGuildTradesEditPercents({ + key: item?.key, + governmental_selling_permission: newValue, + ...(newValue === false + ? { + in_province_governmental_selling_percent: 0, + segmentation_governmental_percent: 0, + out_province_governmental_selling_percent: 0, + } + : {}), + }) + ).then(() => { + if (newValue === true) { + openGovModal(item); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + updateTable(); + }); + }} + /> + + + {item?.governmentalSellingPermission && ( + + openGovModal(item)} + color="primary" + > + + + + )} + , + + + { + const newValue = !item?.freeSellingPermission; + dispatch( + provinceManageGuildTradesEditPercents({ + key: item?.key, + free_selling_permission: newValue, + ...(newValue === false + ? { + in_province_free_selling_percent: 0, + out_province_free_selling_percent: 0, + segmentation_free_selling_percent: 0, + } + : {}), + }) + ).then(() => { + if (newValue === true) { + openFreeModal(item); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + updateTable(); + }); + }} + /> + + + + {item?.freeSellingPermission && ( + openFreeModal(item)} + color="primary" + > + + + )}{" "} + + , + item?.inProvinceGovernmentalSellingPercent, + item?.outProvinceGovernmentalSellingPercent, + item?.segmentationGovernmentalPercent, + item?.inProvinceFreeSellingPercent, + item?.outProvinceFreeSellingPercent, + item?.segmentationFreeSellingPercent, + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `guilds-for-configs/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + , + { + dispatch( + provinceManageGuildTradesEditAllPercents({ + free_sale_from_free_quota_in_province: + !dashboardData?.freeSaleFromFreeQuotaInProvince, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + />, + { + dispatch( + provinceManageGuildTradesEditAllPercents({ + free_sale_form_governmental_quota: + !dashboardData?.freeSaleFormGovernmentalQuota, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + />, + + + + { + const newValue = + !dashboardData?.governmentalSellingPermission; + dispatch( + provinceManageGuildTradesEditAllPercents({ + governmental_selling_permission: newValue, + ...(newValue === false + ? { + in_province_governmental_selling_percent: 0, + segmentation_governmental_percent: 0, + out_province_governmental_selling_percent: 0, + } + : {}), + }) + ).then(() => { + if (newValue === true) { + openGovModal(dashboardData, true); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + updateTable(); + }); + }} + /> + + + {dashboardData?.governmentalSellingPermission && ( + + openGovModal(dashboardData, true)} + color="primary" + > + + + + )} + , + + + { + const newValue = !dashboardData?.freeSellingPermission; + dispatch( + provinceManageGuildTradesEditAllPercents({ + free_selling_permission: newValue, + ...(newValue === false + ? { + in_province_free_selling_percent: 0, + out_province_free_selling_percent: 0, + segmentation_free_selling_percent: 0, + } + : {}), + }) + ).then(() => { + if (newValue === true) { + openFreeModal(dashboardData, true); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + updateTable(); + }); + }} + /> + + + + {dashboardData?.freeSellingPermission && ( + openFreeModal(dashboardData, true)} + color="primary" + > + + + )}{" "} + + , + dashboardData?.inProvinceGovernmentalSellingPercent, + dashboardData?.outProvinceGovernmentalSellingPercent, + dashboardData?.segmentationGovernmentalPercent, + dashboardData?.inProvinceFreeSellingPercent, + dashboardData?.outProvinceFreeSellingPercent, + dashboardData?.segmentationFreeSellingPercent, + ], + ]} + title={"تنظیمات کلی"} + /> + + + + + + + + + ); +}; diff --git a/src/features/province/components/manage-guilds-operations/ManageGuildsOperations.js b/src/features/province/components/manage-guilds-operations/ManageGuildsOperations.js new file mode 100644 index 0000000..f620f1c --- /dev/null +++ b/src/features/province/components/manage-guilds-operations/ManageGuildsOperations.js @@ -0,0 +1,285 @@ +import { + Button, + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, +} from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { + DRAWER, + OPEN_MODAL, + LOADING_START, + LOADING_END, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { CreateGuilds } from "../create-guilds/CreateGuilds"; +import { GuildLimitaion } from "../guild-limitaion/GuildLimitaion"; +import ManageHistoryIcon from "@mui/icons-material/ManageHistory"; +import VisibilityIcon from "@mui/icons-material/Visibility"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import SendIcon from "@mui/icons-material/Send"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceManageGuildsSubmitRegisterCode } from "../province-manage-guilds-submit-register-code/ProvinceManageGuildsSubmitRegisterCode"; +import { provinceResendRegisterCodeStateService } from "../../services/province-get-register-code-state"; +import { ViewGuildDetails } from "../view-guild-details/ViewGuildDetails"; +import TuneIcon from "@mui/icons-material/Tune"; + +export const ManageGuildsOperations = ({ guild, updateTable }) => { + const dispatch = useDispatch(); + const [checked, setChecked] = useState(guild.active); + const [popoverOpen, setPopoverOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif] = useContext(AppContext); + + const openPopover = (event) => { + setPopoverOpen(true); + setAnchorEl(event.currentTarget); + }; + + const closePopover = () => { + setPopoverOpen(false); + setAnchorEl(null); + }; + + const handleChange = async (event) => { + const newChecked = event.target.checked; + setChecked(newChecked); + + dispatch(LOADING_START()); + + try { + const response = await axios.put("guilds/0/", { + guilds_key: guild?.key, + active: newChecked, + role: getRoleFromUrl(), + }); + + dispatch(LOADING_END()); + + if (response.status === 200) { + updateTable(); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + } catch (error) { + dispatch(LOADING_END()); + const errorMessage = + error.response?.data?.result || + error.response?.data?.error || + "خطا در انجام عملیات"; + openNotif({ + vertical: "top", + horizontal: "center", + msg: errorMessage, + severity: "error", + }); + // Revert the checkbox state on error + setChecked(!newChecked); + } + }; + + return ( + + + + + + + + +

+ + + + {["AdminX", "SuperAdmin", "GuildRoom"].includes( + getRoleFromUrl() + ) && ( + <> + + } + label={checked ? "فعال" : "غیرفعال"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + + + + )} + + {!guild?.isRegistered && ( + + + + + + )} + +

+ + + ); +}; diff --git a/src/features/province/components/manage-guilds-requests-operations/ManageGuildsRequestsOperations.js b/src/features/province/components/manage-guilds-requests-operations/ManageGuildsRequestsOperations.js new file mode 100644 index 0000000..22299bf --- /dev/null +++ b/src/features/province/components/manage-guilds-requests-operations/ManageGuildsRequestsOperations.js @@ -0,0 +1,314 @@ +import { Button, IconButton, Popover, TextField } from "@mui/material"; +import { useContext, useState } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import VisibilityIcon from "@mui/icons-material/Visibility"; +import CheckIcon from "@mui/icons-material/Check"; +import CloseIcon from "@mui/icons-material/Close"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import SendIcon from "@mui/icons-material/Send"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { checkKillhouseRequestGuildService } from "../../services/check-killhouse-request-guild"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceManageGuildsSubmitRegisterCode } from "../province-manage-guilds-submit-register-code/ProvinceManageGuildsSubmitRegisterCode"; +import { provinceResendRegisterCodeStateService } from "../../services/province-get-register-code-state"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ViewGuildDetails } from "../view-guild-details/ViewGuildDetails"; + +export const ManageGuildsRequestsOperations = ({ guild, updateTable }) => { + const [popoverOpen, setPopoverOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const openPopover = (event) => { + setPopoverOpen(true); + setAnchorEl(event.currentTarget); + }; + + const closePopover = () => { + setPopoverOpen(false); + setAnchorEl(null); + }; + + return ( + + + + + +

+ + {/* {!readOnly && ( + + { + dispatch( + hatchingUndoArchiveService({ + key: item.key, + type: "return_archive", + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateArchive(1); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + + + )} */} + + {["SuperAdmin", "AdminX", "GuildRoom"].includes( + getRoleFromUrl() + ) && ( + + )} + + {(guild?.activeRegisterCode && guild?.loggedRegisterCode) || + !guild?.activeRegisterCode ? ( + + + + + ) : ( + + + + + + )} + +

+ + + ); +}; + +const RejectModal = ({ guild, updateTable }) => { + const [openNotif] = useContext(AppContext); + const [text, setText] = useState(""); + const dispatch = useDispatch(); + + return ( + + setText(e.target.value)} + /> + + + ); +}; diff --git a/src/features/province/components/manage-guilds-requests/ManageGuildsRequests.js b/src/features/province/components/manage-guilds-requests/ManageGuildsRequests.js new file mode 100644 index 0000000..1b1f49d --- /dev/null +++ b/src/features/province/components/manage-guilds-requests/ManageGuildsRequests.js @@ -0,0 +1,191 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { + // DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ManageGuildsRequestsOperations } from "../manage-guilds-requests-operations/ManageGuildsRequestsOperations"; +import { CreateGuilds } from "../create-guilds/CreateGuilds"; + +export const ManageGuildsRequests = () => { + const dispatch = useDispatch(); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `total_guilds/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&check=true&state=pending` + ); + dispatch(LOADING_END()); + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + // item?.killHouseInfo?.length + // ? item?.killHouseInfo + // ?.map((item) => { + // const type = item?.killer ? "کشتارکن" : "کشتارگاه"; + // return `${type} ${item?.name} (${item?.mobile})`; + // }) + // .join(" - ") + // : + `${item?.registerarFullname || ""} ${ + item?.registerarMobile ? "(" + item?.registerarMobile + " )" : " " + }`, + item?.licenseNumber || "-", + item?.guildsName || "-", + `${item?.user?.fullname || "-"} (${item?.user?.mobile || "-"})`, + item?.user?.nationalId || "-", + item?.typeActivity || "-", + item?.areaActivity || "-", + item?.address?.postalCode || "-", + `${item?.address?.province?.name || "-"}/${ + item?.address?.city?.name || "-" + }/${item?.address?.address || "-"}`, + item?.steward ? "می باشد" : "نمی باشد", + item?.hasInquiry ? "استعلامی" : "دستی", + item?.activeRegisterCode ? "انجام شده" : "انجام نشده", + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `total_guilds/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}&check=true&state=pending` + ); + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + dispatch(LOADING_END()); + } + }; + + return ( + + + {["AdminX", "SuperAdmin"].includes(getRoleFromUrl()) && ( + + )} + + + + + + + + ); +}; diff --git a/src/features/province/components/manage-guilds-state/ManageGuildsState.js b/src/features/province/components/manage-guilds-state/ManageGuildsState.js new file mode 100644 index 0000000..7832979 --- /dev/null +++ b/src/features/province/components/manage-guilds-state/ManageGuildsState.js @@ -0,0 +1,41 @@ +import { FormControlLabel, Switch } from "@mui/material"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { updateGuildsSettingsService } from "../../services/update-guilds-settings"; + +export const ManageGuildsState = ({ + guildState, + choose_steward_guilds_key, +}) => { + const dispatch = useDispatch(); + const [switchState, setSwitchState] = useState(guildState); + + const handleSwitchChange = () => { + setSwitchState((prevState) => { + dispatch( + updateGuildsSettingsService({ + choose_steward_guilds_key, + guilds: !prevState, + }) + ); + return !prevState; + }); + }; + + return ( + + + } + // label="Toggle Switch" + /> + + ); +}; diff --git a/src/features/province/components/manage-guilds/ManageGuilds.js b/src/features/province/components/manage-guilds/ManageGuilds.js new file mode 100644 index 0000000..1a7b89f --- /dev/null +++ b/src/features/province/components/manage-guilds/ManageGuilds.js @@ -0,0 +1,417 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField, Tooltip, MenuItem } from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceGetTotalGuildsService } from "../../services/province-get-total-guilds"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ManageGuildsOperations } from "../manage-guilds-operations/ManageGuildsOperations"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { SPACING } from "../../../../data/spacing"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { CreateGuilds } from "../create-guilds/CreateGuilds"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const MaangeGuilds = () => { + const userKey = useSelector((state) => state.userSlice?.userProfile?.key); + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [activeState, setActiveState] = useState("active"); + + const handleTextChange = (e) => setTextValue(e.target.value); + // const handleCheckboxChange = () => setIsSteward(!isSteward); + + const fetchApiData = async (page) => { + const response = await dispatch( + provinceGetTotalGuildsService({ + search: "filter", + value: textValue, + page: page, + page_size: perPage, + steward: false, + active_state: activeState, + is_real_person: true, + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + setTotalRows(response.payload.data?.count || 0); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + fetchApiData(1); + }, [perPage, selectedSubUser?.key, activeState]); + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + const commonData = [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.licenseNumber || "-", + item?.guildsName || "-", + `${item?.user?.fullname || "-"} (${item?.user?.mobile || "-"})`, + item?.user?.nationalId ? item?.user?.nationalId : "-", + item?.typeActivity || "-", + item?.areaActivity || "-", + item?.address?.postalCode || "-", + `${item?.address?.province?.name || "-"}/${ + item?.address?.city?.name || "-" + }/${item?.address?.address || "-"}`, + item?.steward ? "می باشد" : "نمی باشد", + item?.limitationAllocation ? "دارد" : "ندارد", + item?.allocationLimit ? item?.allocationLimit : "-", + item?.getPosStatus?.hasActivePons ? "دارد" : "ندارد", + item?.getPosStatus?.lenActiveSessions || "-", + ]; + + if (getRoleFromUrl() !== "KillHouse") { + commonData.push( + + ); + + commonData.push( + + ); + } + + if ( + !["CityJahad", "CityPoultry", "KillHouse"].includes(getRoleFromUrl()) + ) { + commonData.splice( + 14, + 0, + item?.productInfo?.totalCarcassesWeight + ? item.productInfo.totalCarcassesWeight.toLocaleString() + : "-" + ); + commonData.splice(10, 0, item?.hasInquiry ? "استعلامی" : "دستی"); + commonData.splice( + 11, + 0, + item?.activeRegisterCode ? "انجام شده" : "انجام نشده" + ); + } + + commonData?.push(item?.active ? "فعال" : "غیر فعال"); + + commonData.push( + !item?.isRegistered && + item?.registerCode && + !item?.loggedRegistrationCode + ? "در انتظار ورود کد احراز" + : item?.isRegistered && item?.provinceAcceptState === "pending" + ? "در انتظار تایید استان" + : item?.isRegistered + ? "احراز شده" + : "احراز نشده" + ); + if (getRoleFromUrl() !== "KillHouse") { + commonData.push( + + ); + } + + return commonData; + }); + + setTableData(d); + }, [data]); + + const handleSubmit = async (e) => { + e.preventDefault(); + const response = await dispatch( + provinceGetTotalGuildsService({ + search: "filter", + value: textValue, + page: page, + page_size: perPage, + steward: false, + active_state: activeState, + is_real_person: true, + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + setTotalRows(response.payload.data?.count || 0); + } + }; + + return ( + + +

+ + {["KillHouse", "GuildRoom"].includes(getRoleFromUrl()) && ( + + )} + + + + {/* + } + label="نمایش مباشرین" + /> */} + {getRoleFromUrl() !== "KillHouse" && ( + setActiveState(e.target.value)} + sx={{ width: 150 }} + > + همه + فعال + غیرفعال + + )} + + + +

+ {getRoleFromUrl() !== "KillHouse" && ( + + + + + + + + )} + + + + + ); +}; diff --git a/src/features/province/components/manage-poultries/ManagePoultries.js b/src/features/province/components/manage-poultries/ManagePoultries.js new file mode 100644 index 0000000..a487ea8 --- /dev/null +++ b/src/features/province/components/manage-poultries/ManagePoultries.js @@ -0,0 +1,663 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { EditPoultryCity } from "../edit-poultry-city/EditPoultryCity"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceGetDashboardPoultriesService } from "../../services/getDashboardOfManagePoultries"; +import { getPoultryActiveLimitedService } from "../../services/province-get-poultry-active-limited"; +import Chip from "@mui/material/Chip"; +import TuneIcon from "@mui/icons-material/Tune"; +import ManageAccountsIcon from "@mui/icons-material/ManageAccounts"; +import FileDownloadIcon from "@mui/icons-material/FileDownload"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import ToggleOffIcon from "@mui/icons-material/ToggleOff"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const ManagePoultries = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const userKey = useSelector((state) => state.userSlice?.userProfile?.key); + const [dashboardData, setDashboardData] = useState([]); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [has500Error, setHas500Error] = useState(false); + + const PoultryActions = ({ poultryItem, onToggleLimit }) => { + const navigate = useNavigate(); + const [anchorEl, setAnchorEl] = useState(null); + const open = Boolean(anchorEl); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleEdit = () => { + dispatch( + OPEN_MODAL({ + title: "ویرایش تعاونی", + content: ( + + ), + }) + ); + handleClose(); + }; + + const handleDownload = () => { + if (poultryItem?.key) { + window.open( + `${axios.defaults.baseURL}poultry_monitoring_excel/?key=${poultryItem.key}`, + "_blank" + ); + } + handleClose(); + }; + + const handleViewDetails = () => { + if (poultryItem?.breedingUniqueId) { + navigate( + window.location.pathname + + `${poultryItem.breedingUniqueId}?from=Poultry` + ); + } + handleClose(); + }; + + return ( + + + + + + + + + onToggleLimit(!poultryItem?.orderLimit)} + > + + {poultryItem?.orderLimit ? ( + + ) : ( + + )} + + + محدودیت ثبت سفارش + + } + /> + + + + + + + مشاهده جزییات + + } + /> + + + + + + + ویرایش تعاونی + + } + /> + + + + + + + خروجی اکسل + + } + /> + + + + + ); + }; + + const fetchApiData = async (page) => { + // Prevent request if there was a 500 error + if (has500Error) { + return; + } + + dispatch(LOADING_START()); + try { + const response = await axios.get( + `total_poultry/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&search=filter&value=${textValue}` + ); + // Reset error state on successful response + setHas500Error(false); + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + } catch (error) { + console.error("Error fetching data:", error); + const errorMessage = error?.message || ""; + const status = error?.response?.status; + const is500Error = errorMessage.includes("500") || status === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + setTotalRows(0); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + fetchApiData(1); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); + + useEffect(() => { + // Prevent request if there was a 500 error + if (has500Error) { + return; + } + + dispatch(provinceGetDashboardPoultriesService({ textValue })) + .then((r) => { + if (r?.error) { + const errorMessage = r.error?.message || ""; + const is500Error = + errorMessage.includes("500") || + r.error?.status === 500 || + r.error?.statusCode === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setDashboardData([]); + } else if (r?.payload?.data) { + // Reset error state on successful response + setHas500Error(false); + setDashboardData(r.payload.data); + } else { + setDashboardData([]); + } + }) + .catch((error) => { + console.error("Error fetching dashboard data:", error); + const errorMessage = error?.message || ""; + const status = error?.response?.status; + const is500Error = errorMessage.includes("500") || status === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setDashboardData([]); + }); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); + + // Reset error state when textValue changes + useEffect(() => { + setHas500Error(false); + }, [textValue]); + + const handleOrderLimitChange = (poultryKey, newChecked) => { + dispatch( + getPoultryActiveLimitedService({ + key: poultryKey, + order_limit: newChecked, + }) + ) + .then((r) => { + if (r?.error) { + const errorMessage = r.error?.message || ""; + const is500Error = + errorMessage.includes("500") || + r.error?.status === 500 || + r.error?.statusCode === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در تغییر وضعیت محدودیت پیش آمده است!", + severity: "error", + }); + } + } else { + // Reset error state on successful response + setHas500Error(false); + updateTable(); + } + }) + .catch((error) => { + console.error("Error updating order limit:", error); + const errorMessage = error?.message || ""; + const status = error?.response?.status; + const is500Error = errorMessage.includes("500") || status === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در تغییر وضعیت محدودیت پیش آمده است!", + severity: "error", + }); + } + }); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + + const d = data.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.unitName || "", + `${item?.user?.fullname || ""} (${item?.user?.mobile || ""})`, + item?.breedingUniqueId || "", + item?.epidemiologicalCode || "", + item?.healthCertificateNumber || "", + item?.numberOfHalls || 0, + item?.totalCapacity ? item.totalCapacity.toLocaleString() : "0", + `${item?.address?.province?.name || ""}/${ + item?.address?.city?.name || "" + }`, + item?.cityOperator || "ندارد", + item?.vetFarm?.vetFarmName + ? `${item.vetFarm.vetFarmName} (${item.vetFarm?.vetFarmMobile || ""})` + : "ندارد", + `${item?.hatchingInfo?.activeHatching ? "دارد" : "ندارد"} (${ + item?.hatchingInfo?.period || "0" + })`, + , + + handleOrderLimitChange(item?.key, checked) + } + />, + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + // Reset error state when perPage changes + setHas500Error(false); + fetchApiData(1); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + // Reset error state on manual submit (user retry) + setHas500Error(false); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `total_poultry/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}&search=filter&value=${textValue}` + ); + // Reset error state on successful response + setHas500Error(false); + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + dispatch(LOADING_END()); + + dispatch(provinceGetDashboardPoultriesService({ textValue })) + .then((r) => { + if (r?.error) { + const errorMessage = r.error?.message || ""; + const is500Error = + errorMessage.includes("500") || + r.error?.status === 500 || + r.error?.statusCode === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setDashboardData([]); + } else if (r?.payload?.data) { + setHas500Error(false); + setDashboardData(r.payload.data); + } else { + setDashboardData([]); + } + }) + .catch((error) => { + console.error("Error fetching dashboard data:", error); + const errorMessage = error?.message || ""; + const status = error?.response?.status; + const is500Error = errorMessage.includes("500") || status === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setDashboardData([]); + }); + } catch (error) { + console.error("Error fetching data:", error); + const errorMessage = error?.message || ""; + const status = error?.response?.status; + const is500Error = errorMessage.includes("500") || status === 500; + + if (is500Error) { + setHas500Error(true); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی در دریافت اطلاعات پیش آمده است!", + severity: "error", + }); + } + setData([]); + setTotalRows(0); + dispatch(LOADING_END()); + } + }; + + return ( + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/manage-stewards-operations/ManageStewardsOperations.js b/src/features/province/components/manage-stewards-operations/ManageStewardsOperations.js new file mode 100644 index 0000000..259cb9e --- /dev/null +++ b/src/features/province/components/manage-stewards-operations/ManageStewardsOperations.js @@ -0,0 +1,112 @@ +import { + Button, + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, +} from "@mui/material"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceChangeActiveStewardService } from "../../services/province-change-active-steward"; +import { EditStewards } from "../edit-stewards/EditStewards"; +import EditIcon from "@mui/icons-material/Edit"; +import TuneIcon from "@mui/icons-material/Tune"; + +export const ManageStewardsOperations = ({ guild }) => { + const dispatch = useDispatch(); + const [checked, setChecked] = useState(guild.active); + const [popoverOpen, setPopoverOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + + const openPopover = (event) => { + setPopoverOpen(true); + setAnchorEl(event.currentTarget); + }; + + const closePopover = () => { + setPopoverOpen(false); + setAnchorEl(null); + }; + + const handleChange = (event) => { + setChecked(event.target.checked); + dispatch( + provinceChangeActiveStewardService({ + steward_key: guild?.key, + active: event.target.checked, + }) + ); + }; + + return ( + + + + + + + + +

+ + + } + label={checked ? "فعال" : "غیرفعال"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + + +

+ + + ); +}; diff --git a/src/features/province/components/manage-stewards-state/ManageStewardsState.js b/src/features/province/components/manage-stewards-state/ManageStewardsState.js new file mode 100644 index 0000000..c24e080 --- /dev/null +++ b/src/features/province/components/manage-stewards-state/ManageStewardsState.js @@ -0,0 +1,41 @@ +import { FormControlLabel, Switch } from "@mui/material"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { updateGuildsSettingsService } from "../../services/update-guilds-settings"; + +export const ManageStewardsState = ({ + stewardState, + choose_steward_guilds_key, +}) => { + const dispatch = useDispatch(); + const [switchState, setSwitchState] = useState(stewardState); + + const handleSwitchChange = () => { + setSwitchState((prevState) => { + dispatch( + updateGuildsSettingsService({ + choose_steward_guilds_key, + steward: !prevState, + }) + ); + return !prevState; + }); + }; + + return ( + + + } + // label="Toggle Switch" + /> + + ); +}; diff --git a/src/features/province/components/manage-stewards/ManageStewards.js b/src/features/province/components/manage-stewards/ManageStewards.js new file mode 100644 index 0000000..4cb6010 --- /dev/null +++ b/src/features/province/components/manage-stewards/ManageStewards.js @@ -0,0 +1,122 @@ +import { Button, Tooltip, MenuItem, TextField } from "@mui/material"; +import axios from "axios"; +import { useEffect, useState } from "react"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { provinceGetStewardsService } from "../../services/province-get-stewards"; +import { ManageStewardsOperations } from "../manage-stewards-operations/ManageStewardsOperations"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ManageStewards = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const [statusFilter, setStatusFilter] = useState("همه"); + const { provinceGetStewards } = useSelector((state) => state.provinceSlice); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + dispatch(provinceGetStewardsService()); + }, []); + + useEffect(() => { + const filtered = + statusFilter === "همه" + ? provinceGetStewards + : provinceGetStewards?.filter((item) => + statusFilter === "فعال" ? item?.active : !item?.active + ); + + const d = filtered?.map((item, i) => { + const dataRow = [ + i + 1, + item?.guilds?.guildsId, + item?.guilds?.guildsName, + `${item?.guilds?.user?.fullname} (${item?.guilds?.user?.mobile})`, + item?.guilds?.user?.nationalId, + item?.guilds?.typeActivity, + item?.guilds?.areaActivity, + item?.guilds?.licenseNumber, + `${item?.guilds?.address?.province.name}/${item?.guilds?.address?.city.name}`, + item?.guilds?.address?.address, + item?.limitationAllocation ? "دارد" : "ندارد", + item?.allocationLimit?.toLocaleString(), + item?.centersAllocation?.map((item) => item.label).join(" - "), + item?.productInfo?.totalCarcassesWeight?.toLocaleString(), + item?.productInfo?.realAllocatedWeight?.toLocaleString(), + , + ]; + + if (getRoleFromUrl() === "CityJahad") { + dataRow.pop(); + } + return dataRow; + }); + + setDataTable(d); + }, [provinceGetStewards, statusFilter]); + + const columns = [ + "ردیف", + "شناسه صنف", + "نام واحد صنفی", + "نام شخص/شرکت", + "کدملی", + "نوع فعالیت", + "حوزه فعالیت", + "شماره مجوز", + "استان/شهرستان", + "آدرس واحد صنفی", + "محدودیت تخصیص", + "حداکثر تخصیص", + "مراکز تخصیص", + "وزن خرید (کیلوگرم)", + "وزن فروش (کیلوگرم)", + "عملیات", + ]; + + if (getRoleFromUrl() === "CityJahad") { + columns.pop(); + } + + return ( + + + + + + + + + setStatusFilter(e.target.value)} + size="small" + sx={{ width: 150 }} + > + همه + فعال + غیرفعال + + + + + + ); +}; diff --git a/src/features/province/components/manage-tab/ManageTab.js b/src/features/province/components/manage-tab/ManageTab.js new file mode 100644 index 0000000..01b79ba --- /dev/null +++ b/src/features/province/components/manage-tab/ManageTab.js @@ -0,0 +1,36 @@ +import { useState } from "react"; +import { Tab, Tabs } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { MaangeGuilds } from "../manage-guilds/ManageGuilds"; +import { PspActiveSession } from "../../../psp-company/components/psp-active-session/PspActiveSession"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ManageTab = () => { + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + return ( + + + + + {getRoleFromUrl() !== "KillHouse" && ( + + )} + + + + {value === 0 && } + {value === 1 && } + + ); +}; diff --git a/src/features/province/components/monitoring-buyers/MonitoringBuyers.js b/src/features/province/components/monitoring-buyers/MonitoringBuyers.js new file mode 100644 index 0000000..f3613b6 --- /dev/null +++ b/src/features/province/components/monitoring-buyers/MonitoringBuyers.js @@ -0,0 +1,88 @@ +import { IconButton, Tooltip, Typography } from "@mui/material"; +import VisibilityIcon from "@mui/icons-material/Visibility"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useLocation, useNavigate } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { slaughterGetKillerKillhousesService } from "../../../slaughter-house/services/slaughter-get-killers-killhouses"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export function MonitoringBuyers() { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const { pathname } = useLocation(); + const [dataTable, setDataTable] = useState(); + const { slaughterGetKillerKillhouses } = useSelector( + (state) => state.slaughterSlice + ); + + // Get the first segment from pathname (adminx - could be superadmin or province) + const getPathPrefix = () => { + const segments = pathname.split("/").filter(Boolean); + return segments[0] || ""; + }; + + useEffect(() => { + dispatch(slaughterGetKillerKillhousesService()); + }, [dispatch]); + + useEffect(() => { + const d = slaughterGetKillerKillhouses?.map((item, i) => { + const pathPrefix = getPathPrefix(); + + return [ + i + 1, + item?.killer ? "کشتارکن" : "کشتارگاه", + + {item?.name} + , + + + {item?.killHouseOperator?.user?.fullname} ( + {item?.killHouseOperator?.user?.mobile}) + + , + item?.uniqueIdentifier && ( + + { + navigate( + `/${pathPrefix}/poultries/${item.uniqueIdentifier}?from=KillHouse` + ); + }} + > + + + + ), + ]; + }); + + setDataTable(d); + }, [slaughterGetKillerKillhouses, navigate, pathname]); + + return ( + + + + ); +} diff --git a/src/features/province/components/parent-company-payment-by-weight-overview/ParentCompanyPaymentByWeightOverview.js b/src/features/province/components/parent-company-payment-by-weight-overview/ParentCompanyPaymentByWeightOverview.js new file mode 100644 index 0000000..42d4c0b --- /dev/null +++ b/src/features/province/components/parent-company-payment-by-weight-overview/ParentCompanyPaymentByWeightOverview.js @@ -0,0 +1,326 @@ +import { Button } from "@mui/material"; +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvincePaymentPayDept } from "../province-payment-pay-dept/ProvincePaymentPayDept"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useDispatch, useSelector } from "react-redux"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { parentCompanyGetWagesOfKillhousesService } from "../../services/province-get-wages-of-killhouses"; +import { parentConpanyGetPaymentByWeightOverview } from "../../services/province-get-payment-by-weight-overview"; +import { ProvinceWagePaymentTransactions } from "../province-wage-payment-transactions/ProvinceWagePaymentTransactions"; + +export const ParentCompanyPaymentByWeightOverviewTable = ({ province }) => { + const dispatch = useDispatch(); + const [tableDataOfWages, setTableDataOfWages] = useState(); + + const { parentCompanyPaymentByWeightOverview } = useSelector( + (item) => item.provinceSlice + ); + + useEffect(() => { + dispatch(parentConpanyGetPaymentByWeightOverview(province)); + + if (getRoleFromUrl() !== "KillHouse") { + dispatch(parentCompanyGetWagesOfKillhousesService(province)).then((r) => { + const d = r.payload.data?.map((item, i) => { + return [ + i + 1, + item?.name, + Math.ceil(item?.wageInfo?.totalWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalPaidWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.off)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalUnpaidWage)?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalProvinceCarcassesWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsLiveTotalWeight + )?.toLocaleString(), + Math.ceil(item?.wageInfo?.freeBarsLiveTotalWage)?.toLocaleString(), + ]; + }); + + setTableDataOfWages(d); + }); + } + }, [dispatch, province]); + + return ( + + + + {(getRoleFromUrl() === "KillHouse" || + getRoleFromUrl() === "ChainCompany") && ( + + + + )} + {/* {(getRoleFromUrl() === "KillHouse" || + getRoleFromUrl() === "ChainCompany") && ( + + + + )} */} + + + + {getRoleFromUrl() !== "KillHouse" && ( + + )} + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/policy-killhouse-direct-buy/PolicyKillhouseDirectBuy.js b/src/features/province/components/policy-killhouse-direct-buy/PolicyKillhouseDirectBuy.js new file mode 100644 index 0000000..f6631ff --- /dev/null +++ b/src/features/province/components/policy-killhouse-direct-buy/PolicyKillhouseDirectBuy.js @@ -0,0 +1,72 @@ +import { Switch } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { policyChangeKillhouseDirectBuyService } from "../../services/policy-change-killhouse-direct-buy"; +import { provinceGetKillhousesService } from "../../services/province-get-killhouses"; +import { BackButton } from "../../../../components/back-button/BackButton"; + +export const PolicyKillhouseDirectBuy = () => { + const dispatch = useDispatch(); + const { provinceGetKillhouses } = useSelector((state) => state.provinceSlice); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(provinceGetKillhousesService()); + }, []); + + useEffect(() => { + const d = provinceGetKillhouses?.map((item) => { + return [ + item.killHouse.name, + { + dispatch( + policyChangeKillhouseDirectBuyService({ + direct_buying_key: item.key, + allow: event.target.checked, + }) + ).then((r) => { + dispatch(provinceGetKillhousesService()); + }); + // setChecked(event.target.checked); + }} + name="checked" + color="primary" + />, + { + dispatch( + policyChangeKillhouseDirectBuyService({ + direct_buying_key: item.key, + export_status: event.target.checked, + }) + ).then((r) => { + dispatch(provinceGetKillhousesService()); + }); + // setChecked(event.target.checked); + }} + name="checked" + color="primary" + />, + ]; + }); + setData(d); + }, [provinceGetKillhouses]); + + return ( + + + + + ); +}; diff --git a/src/features/province/components/policy-killhouse-guilds/PolicyKillhouseGuilds.js b/src/features/province/components/policy-killhouse-guilds/PolicyKillhouseGuilds.js new file mode 100644 index 0000000..33ac80f --- /dev/null +++ b/src/features/province/components/policy-killhouse-guilds/PolicyKillhouseGuilds.js @@ -0,0 +1,60 @@ +import { Switch } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { BackButton } from "../../../../components/back-button/BackButton"; +import { Grid } from "../../../../components/grid/Grid"; +import { policyChangeKillhouseGuildsService } from "../../services/policy-change-killhouse-guilds"; +import { provinceGetKillhousesGuildsService } from "../../services/province-get-killhouses-guilds"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const PolicyKillhouseGuilds = () => { + const dispatch = useDispatch(); + const { provinceGetKillhousesGuilds } = useSelector( + (state) => state.provinceSlice + ); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(provinceGetKillhousesGuildsService()); + }, []); + + useEffect(() => { + const d = provinceGetKillhousesGuilds?.map((item, i) => { + return [ + item.killHouse?.name, + item.killHouse?.killer ? "کشتارکن" : "کشتارگاه", + { + dispatch( + policyChangeKillhouseGuildsService({ + register_guilds_key: item.key, + allow: event.target.checked, + }) + ).then((r) => { + dispatch(provinceGetKillhousesGuildsService()); + }); + // setChecked(event.target.checked); + }} + name="checked" + color="primary" + />, + ]; + }); + setData(d); + }, [provinceGetKillhousesGuilds]); + + return ( + + + + + ); +}; diff --git a/src/features/province/components/policy-poultry-choose-slaughter/PolicyPoultryChooseSlaughter.js b/src/features/province/components/policy-poultry-choose-slaughter/PolicyPoultryChooseSlaughter.js new file mode 100644 index 0000000..d3c2421 --- /dev/null +++ b/src/features/province/components/policy-poultry-choose-slaughter/PolicyPoultryChooseSlaughter.js @@ -0,0 +1,53 @@ +import { Switch } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { policyChangePoultryChooseSlaughterService } from "../../services/policy-change-poultry-choose-slaughter"; +import { provinceGetPoultriesService } from "../../services/province-get-poultries"; + +export const PolicyPoultryChooseSlaughter = () => { + const dispatch = useDispatch(); + const { provinceGetPoultries } = useSelector((state) => state.provinceSlice); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(provinceGetPoultriesService()); + }, []); + + useEffect(() => { + const d = provinceGetPoultries?.map((item) => { + return [ + item.name, + { + dispatch( + policyChangePoultryChooseSlaughterService({ + poultry_key: item.key, + allow: event.target.checked, + }) + ).then(() => { + dispatch(provinceGetPoultriesService()); + }); + // setChecked(event.target.checked); + }} + name="checked" + color="primary" + />, + ]; + }); + setData(d); + }, [provinceGetPoultries]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/policy-poultry-free-sale/PolicyPoultryFreeSale.js b/src/features/province/components/policy-poultry-free-sale/PolicyPoultryFreeSale.js new file mode 100644 index 0000000..b5cded6 --- /dev/null +++ b/src/features/province/components/policy-poultry-free-sale/PolicyPoultryFreeSale.js @@ -0,0 +1,55 @@ +import { Switch } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { policyChangePoultryFreeSalesService } from "../../services/policy-change-poultry-free-sales"; +import { provinceGetPoultriesService } from "../../services/province-get-poultries"; +import { BackButton } from "../../../../components/back-button/BackButton"; + +export const PolicyPoultryFreeSale = () => { + const dispatch = useDispatch(); + const { provinceGetPoultries } = useSelector((state) => state.provinceSlice); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(provinceGetPoultriesService()); + }, []); + + useEffect(() => { + const d = provinceGetPoultries?.map((item) => { + return [ + item.name, + { + dispatch( + policyChangePoultryFreeSalesService({ + poultry_key: item.key, + allow: event.target.checked, + }) + ).then((r) => { + dispatch(provinceGetPoultriesService()); + }); + // setChecked(event.target.checked); + }} + name="checked" + color="primary" + />, + ]; + }); + setData(d); + }, [provinceGetPoultries]); + + return ( + + + + + ); +}; diff --git a/src/features/province/components/poultries-details/PoultriesDetails.js b/src/features/province/components/poultries-details/PoultriesDetails.js new file mode 100644 index 0000000..494afef --- /dev/null +++ b/src/features/province/components/poultries-details/PoultriesDetails.js @@ -0,0 +1,647 @@ +import { Fragment, useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useParams, useSearchParams } from "react-router-dom"; +import { + Autocomplete, + Checkbox, + CircularProgress, + Tab, + Tabs, + TextField, + Typography, + IconButton, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import SearchIcon from "@mui/icons-material/Search"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getPoultryTransportByCodeService } from "../../services/get-poultry-transport-by-code"; +import { getPoultryTransportProductsByCodeService } from "../../services/get-poultry-transport-products-by-code"; +import { getPoultryTransportDashboardByCodeService } from "../../services/get-poultry-transport-dashboard-by-code"; + +export const PoultriesDetails = () => { + const { key } = useParams(); + const [searchParams] = useSearchParams(); + const from = searchParams.get("from"); + const dispatch = useDispatch(); + const [tabValue, setTabValue] = useState("1"); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [page, setPage] = useState(1); + const [perPage, setPerPage] = useState(10); + const [isLoading, setIsLoading] = useState(false); // eslint-disable-line no-unused-vars + const [error, setError] = useState(null); + const [withDate, setWithDate] = useState(true); + const [productOptions, setProductOptions] = useState([]); + const [selectedProduct, setSelectedProduct] = useState(""); + const [isProductLoading, setIsProductLoading] = useState(false); + const [searchValue, setSearchValue] = useState(""); + const [searchInput, setSearchInput] = useState(""); + const [dashboardData, setDashboardData] = useState(null); + const [provinceOptions, setProvinceOptions] = useState([]); + const [selectedProvince, setSelectedProvince] = useState(""); + const [isProvinceLoading, setIsProvinceLoading] = useState(false); + console.log(from); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const columns = [ + "ردیف", + "کد رهگیری", + "محصول", + "اقلام", + "مقدار", + "واحد", + "تاریخ", + "مقصد", + "شناسه مقصد", + "استان مقصد", + "شهرستان مقصد", + "مبدا", + "شناسه مبدا", + "استان مبدا", + "شهرستان مبدا", + "نوع حمل", + "مقصد قبلی", + "تغییر مقصد", + "کد رهگیری خودرو", + "تاریخ تخلیه", + "تخلیه", + ]; + + const formatNumber = (value) => { + if (value === null || value === undefined) { + return "-"; + } + if (typeof value === "number") { + return value.toLocaleString("fa-IR"); + } + return value; + }; + + const safeValue = (value) => { + if (value === null || value === undefined || value === "") { + return "-"; + } + return value; + }; + + const formatPercent = (value) => { + if (value === null || value === undefined) { + return "-"; + } + const numericValue = Number(value); + if (Number.isNaN(numericValue)) { + return "-"; + } + return `${numericValue.toFixed(1)}%`; + }; + + const formatDateTimeFromIso = (value) => { + if (!value) return "-"; + const dateObj = new Date(value); + if (Number.isNaN(dateObj.getTime())) return "-"; + const date = dateObj.toLocaleDateString("fa-IR"); + const time = dateObj.toLocaleTimeString("fa-IR", { + hour: "2-digit", + minute: "2-digit", + hour12: false, + }); + return `${date} ${time}`; + }; + + const dashboardColumns = [ + "محصول", + "تعداد بار", + "حجم بار (کیلوگرم)", + "تعداد بار داخل استان", + "حجم بار داخل استان (کیلوگرم)", + "درصد داخل استان", + "تعداد بار خارج استان", + "حجم بار خارج استان (کیلوگرم)", + "درصد خارج استان", + "آخرین بروزرسانی", + ]; + + const handleTabChange = (event, newValue) => { + setTabValue(newValue); + setSelectedProduct(""); + setPage(1); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + const normalizedSearch = searchInput.trim(); + setSearchValue(normalizedSearch); + setSearchInput(normalizedSearch); + setPage(1); + }; + + useEffect(() => { + setPage(1); + }, [ + selectedDate1, + selectedDate2, + withDate, + selectedProduct, + searchValue, + tabValue, + selectedProvince, + ]); + + useEffect(() => { + const isMounted = { current: true }; + + const fetchProvinces = async () => { + try { + setIsProvinceLoading(true); + const { data } = await axios.get("iran_province/"); + if (!isMounted.current) { + return; + } + const names = + data?.map?.((item) => item?.name).filter((name) => !!name) ?? []; + setProvinceOptions(names); + } catch (err) { + console.error("Failed to fetch provinces:", err); + } finally { + if (isMounted.current) { + setIsProvinceLoading(false); + } + } + }; + + fetchProvinces(); + + return () => { + isMounted.current = false; + }; + }, []); + + useEffect(() => { + if (!key) return; + + const isMounted = { current: true }; + + const fetchProducts = async () => { + try { + setIsProductLoading(true); + const type = tabValue === "1" ? "in" : "out"; + const response = await dispatch( + getPoultryTransportProductsByCodeService({ + code: key, + type: type, + date1: withDate && selectedDate1 ? selectedDate1 : "", + date2: withDate && selectedDate2 ? selectedDate2 : "", + search: searchValue || "", + from: from, + }) + ); + + if (!isMounted.current) { + return; + } + + if (response.error) { + console.error("Failed to fetch products:", response.error); + return; + } + + const products = Array.isArray(response.payload?.data?.products) + ? response.payload.data.products + : []; + setProductOptions(products); + } catch (err) { + console.error("Failed to fetch product types:", err); + } finally { + if (isMounted.current) { + setIsProductLoading(false); + } + } + }; + + fetchProducts(); + + return () => { + isMounted.current = false; + }; + }, [ + key, + tabValue, + selectedDate1, + selectedDate2, + withDate, + searchValue, + dispatch, + ]); + + useEffect(() => { + if (!key) return; + + const isMounted = { current: true }; + + const fetchDashboardData = async () => { + try { + const type = tabValue === "1" ? "in" : "out"; + const response = await dispatch( + getPoultryTransportDashboardByCodeService({ + code: key, + type: type, + date1: withDate && selectedDate1 ? selectedDate1 : "", + date2: withDate && selectedDate2 ? selectedDate2 : "", + search: searchValue || "", + product: selectedProduct || "", + province: selectedProvince || "", + from: from, + }) + ); + + if (!isMounted.current) { + return; + } + + if (!response.error && response.payload?.data) { + setDashboardData(response.payload.data); + } + } catch (err) { + console.error("Failed to fetch dashboard data:", err); + } + }; + + fetchDashboardData(); + + return () => { + isMounted.current = false; + }; + }, [ + key, + tabValue, + selectedDate1, + selectedDate2, + withDate, + selectedProduct, + searchValue, + selectedProvince, + dispatch, + ]); + + useEffect(() => { + if (!key) return; + + const isMounted = { current: true }; + + const fetchTransportData = async () => { + try { + setError(null); + setIsLoading(true); + + const type = tabValue === "1" ? "in" : "out"; + + const response = await dispatch( + getPoultryTransportByCodeService({ + code: key, + type: type, + page: page, + page_size: perPage, + date1: withDate && selectedDate1 ? selectedDate1 : "", + date2: withDate && selectedDate2 ? selectedDate2 : "", + search: searchValue || "", + product: selectedProduct || "", + province: selectedProvince || "", + from: from, + }) + ); + + if (!isMounted.current) { + return; + } + + if (response.error) { + setError(response.error); + return; + } + + const responseData = response.payload?.data ?? { results: [] }; + const results = responseData?.results ?? []; + + const mappedTableData = results.map((item, index) => [ + safeValue(formatNumber(index + 1 + (page - 1) * perPage)), + , + safeValue(item?.product), + safeValue(item?.items), + safeValue(formatNumber(item?.quantity)), + safeValue(item?.unit), + safeValue(formatJustDate(item?.date)), + safeValue(item?.destination), + safeValue(item?.jihadiDestination), + safeValue(item?.destinationProvince), + safeValue(item?.destinationCity), + safeValue(item?.origin), + safeValue(item?.jihadiOrigin), + safeValue(item?.originProvince), + safeValue(item?.originCity), + safeValue( + item?.originProvince === item?.destinationProvince + ? "داخل استان" + : "خارج استان" + ), + safeValue(item?.destinationPrev), + safeValue(item?.destinationChanged), + safeValue(item?.carTrackingCode), + safeValue(formatJustDate(item?.unloadingDate)), + safeValue(item?.unloading), + ]); + + setTableData(mappedTableData); + setTotalRows(responseData?.count ?? 0); + } catch (err) { + console.error("Failed to fetch transport data:", err); + if (!isMounted.current) { + return; + } + setError(err); + } finally { + if (isMounted.current) { + setIsLoading(false); + } + } + }; + + fetchTransportData(); + + return () => { + isMounted.current = false; + }; + }, [ + key, + tabValue, + page, + perPage, + selectedDate1, + selectedDate2, + withDate, + selectedProduct, + searchValue, + selectedProvince, + dispatch, + ]); + + const handlePageChange = (newPage) => { + setPage(newPage); + }; + + const handlePerRowsChange = (newPerPage) => { + setPerPage(newPerPage); + setPage(1); + }; + + return ( + + + + + + + + + {dashboardData && ( + + + + )} + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + if (!e) return; + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + if (!e) return; + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + { + setSelectedProvince(value || ""); + }} + noOptionsText="استانی یافت نشد" + renderInput={(params) => ( + + {isProvinceLoading ? ( + + ) : null} + {params.InputProps.endAdornment} + + ), + }} + /> + )} + clearOnEscape + /> + { + setSelectedProduct(value || ""); + }} + noOptionsText="محصولی یافت نشد" + renderInput={(params) => ( + + {isProductLoading ? ( + + ) : null} + {params.InputProps.endAdornment} + + ), + }} + /> + )} + clearOnEscape + /> + + + setSearchInput(event.target.value)} + label="جستجو" + size="small" + variant="outlined" + sx={{ flexGrow: 1 }} + /> + + + + + + + + {error && ( + + + خطا در دریافت اطلاعات + + + )} + {!error && ( + + )} + + + + ); +}; diff --git a/src/features/province/components/province-accept-direct-buy/ProvinceAcceptDirectBuy.js b/src/features/province/components/province-accept-direct-buy/ProvinceAcceptDirectBuy.js new file mode 100644 index 0000000..9d056d6 --- /dev/null +++ b/src/features/province/components/province-accept-direct-buy/ProvinceAcceptDirectBuy.js @@ -0,0 +1,72 @@ +import { Button, TextField, Typography } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provinceAcceptSlaughterFreeBuyService } from "../../../slaughter-house/services/province-accept-slaughter-free-buy"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceAcceptDirectBuy = ({ item, updateTable }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [text, setText] = useState(item.killCapacity); + + const handleTextChange = (event) => { + setText(event.target.value); + }; + + return ( + + + مانده در سالن مرغدار:{"‌ "} + {item?.poultry?.leftOverOwnHatching?.toLocaleString()} + + + + + + ); +}; diff --git a/src/features/province/components/province-active-requests/ProvinceActiveRequests.js b/src/features/province/components/province-active-requests/ProvinceActiveRequests.js new file mode 100644 index 0000000..b1ee10c --- /dev/null +++ b/src/features/province/components/province-active-requests/ProvinceActiveRequests.js @@ -0,0 +1,75 @@ +import { Card, IconButton } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceGetActiveRequestsService } from "../../services/province-get-active-requests"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_FILE } from "../../../../routes/routes"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { format } from "date-fns-jalali"; + +export const ProvinceActiveRequests = () => { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const { provinceGetActiveRequests } = useSelector( + (state) => state.provinceSlice + ); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(provinceGetActiveRequestsService()); + }, []); + + useEffect(() => { + const d = provinceGetActiveRequests?.map((item, i) => { + return [ + i + 1, + item?.poultryRequest?.orderCode, + format(new Date(item?.poultryRequest?.createDate), "yyyy/MM/dd"), + format(new Date(item?.poultryRequest?.sendDate), "yyyy/MM/dd"), + item?.poultryRequest?.process?.poultry?.poultryName, + item?.poultryRequest?.process?.poultry?.poultryMobile, + item?.poultryRequest?.process?.poultry?.poultryCity, + item?.poultryRequest?.process?.poultry?.poultryProvince, + item?.poultryRequest?.process?.poultry?.age, + item?.poultryRequest?.process?.poultry?.poultryQuantity, + { + navigate( + ROUTE_PROVINCE_FILE + + item?.poultryRequest?.process?.poultry?.poultryRequestId + ); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceGetActiveRequests]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-add-buyer-auto-allocation/ProvinceAddBuyerAutoAllocation.js b/src/features/province/components/province-add-buyer-auto-allocation/ProvinceAddBuyerAutoAllocation.js new file mode 100644 index 0000000..9f38452 --- /dev/null +++ b/src/features/province/components/province-add-buyer-auto-allocation/ProvinceAddBuyerAutoAllocation.js @@ -0,0 +1,128 @@ +import { Autocomplete, Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provinceGetBuyersService } from "../../services/province-get-buyers"; + +export const ProvinceAddBuyerAutoAllocation = ({ + dataTable, + setDataTable, + setAddedRows, + poultryIndex, +}) => { + const dispatch = useDispatch(); + const [selectedCountry, setSelectedCountry] = useState(null); + const { provinceGetBuyers } = useSelector((state) => state.provinceSlice); + const formik = useFormik({ + initialValues: { + num: "", + }, + onSubmit: (values) => { + // console.log(values); + }, + }); + + useEffect(() => { + dispatch(provinceGetBuyersService()); + }, []); + + return ( + + { + return { + // disabled: item.debt, + name: item.debt ? `${item.name} (بدهکار)` : item.name, + obj: item, + }; + })} + getOptionLabel={(option) => option.name} + getOptionDisabled={(option) => option.disabled} + value={selectedCountry} + onChange={(event, newValue) => { + setSelectedCountry(newValue); + }} + renderInput={(params) => ( + + )} + /> +

+ +

+ + + + ); +}; + +function deepCopy(obj) { + let newObj = Array.isArray(obj) ? [] : {}; + for (let key in obj) { + if (typeof obj[key] === "object" && obj[key] !== null) { + newObj[key] = deepCopy(obj[key]); + } else { + newObj[key] = obj[key]; + } + } + return newObj; +} diff --git a/src/features/province/components/province-age-message/ProvinceAgeMessage.js b/src/features/province/components/province-age-message/ProvinceAgeMessage.js new file mode 100644 index 0000000..9615e16 --- /dev/null +++ b/src/features/province/components/province-age-message/ProvinceAgeMessage.js @@ -0,0 +1,299 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + TextField, + Button, + Grid, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Tooltip, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { + provinceDeleteAgeMessagesService, + provinceGetAgeMessagesService, + provinceSubmitAgeMessagesService, +} from "../../services/province-age-message"; +import { formatJustDate } from "../../../../utils/formatTime"; +import DeleteIcon from "@mui/icons-material/Delete"; +import EditIcon from "@mui/icons-material/Edit"; +import TuneIcon from "@mui/icons-material/Tune"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceEditAgeMessage } from "../province-edit-age-message/ProvinceEditAgeMessage"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceAgeMessage = () => { + const [tableData, setTableData] = useState([]); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const validationSchema = Yup.object({ + ageRange: Yup.number() + .required("بازه سنی ضروری است") + .max(99, "عدد دورقمی وارد کنید!"), + lossPercent: Yup.number() + .required("درصد افت ضروری است") + .max(99, "عدد دورقمی وارد کنید!"), + message: Yup.string() + .required("پیغام ضروری است") + .max(500, "حداکثر 500 کاراکتر"), + }); + + const formik = useFormik({ + initialValues: { + ageRange: "", + message: "", + lossPercent: "", + }, + validationSchema, + onSubmit: (values, { resetForm }) => { + dispatch( + provinceSubmitAgeMessagesService({ + message: values.message, + poultry_age: values.ageRange, + losses_percent: values.lossPercent, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + resetForm(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + const fetchData = () => { + dispatch(provinceGetAgeMessagesService()).then((r) => { + const d = r.payload.data?.map((item, i) => { + return [ + i + 1, + formatJustDate(item?.createDate), + item?.lossesPercent, + item?.poultryAge, + item?.message, + + { + dispatch(provinceDeleteAgeMessagesService(item?.key)).then( + (r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + } + ); + }} + onEdit={() => { + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ویرایش خریدار", + content: ( + + ), + }) + ); + }} + /> + , + ]; + }); + setTableData(d); + }); + }; + + const ProvinceAgeMessageActions = ({ onDelete, onEdit }) => { + const [anchorEl, setAnchorEl] = useState(null); + const open = Boolean(anchorEl); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleDelete = () => { + onDelete(); + handleClose(); + }; + + const handleEdit = () => { + onEdit(); + handleClose(); + }; + + return ( + + + + + + + + + + + + + + ویرایش + + } + /> + + + + + + + حذف + + } + /> + + + + + ); + }; + + useEffect(() => { + fetchData(); + }, [dispatch]); + return ( + + ); +}; diff --git a/src/features/province/components/province-allocate-cars-form/ProvinceAllocateCarsForm.js b/src/features/province/components/province-allocate-cars-form/ProvinceAllocateCarsForm.js new file mode 100644 index 0000000..59b8926 --- /dev/null +++ b/src/features/province/components/province-allocate-cars-form/ProvinceAllocateCarsForm.js @@ -0,0 +1,210 @@ +import { Autocomplete, Button, TextField, Typography } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceAddCarToKillhouseService } from "../../services/province-add-car-to-killhouse"; +import { provinceGetCars } from "../../services/province-get-cars"; +import { provinceGetOnlyKillHousesService } from "../../services/province-get-only-kill-houses"; +import { provinceRemoveCarFromKillhouseService } from "../../services/province-remove-car-from-killhouse"; + +const validationSchema = Yup.object().shape({ + // add any other validation rules that you need + autocompleteField: Yup.string().required("This field is required"), +}); + +export const ProvinceAllocateCarsForm = ({ killHouseList, driverKey }) => { + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + autocompleteField: "", + }, + validationSchema, + onSubmit: (values) => { + if (!values?.autocompleteField || !driverKey) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا تمام فیلدها را پر کنید", + severity: "error", + }); + return; + } + dispatch( + provinceAddCarToKillhouseService({ + kill_house_key: values.autocompleteField, + driver_key: driverKey, + }) + ).then((r) => { + if (r?.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(provinceGetCars()); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + const dispatch = useDispatch(); + const [killhouses, setKillhouses] = useState([]); + const { provinceGetOnlyKillHouses } = useSelector( + (state) => state.provinceSlice + ); + + useEffect(() => { + if (getRoleFromUrl() === "KillHouse") { + dispatch(provinceGetOnlyKillHousesService("self_kill_houses")); + } else { + dispatch(provinceGetOnlyKillHousesService("role=ProvinceOperator")); + } + }, []); + + useEffect(() => { + if ( + !provinceGetOnlyKillHouses || + !Array.isArray(provinceGetOnlyKillHouses) + ) { + setKillhouses([]); + return; + } + const d = provinceGetOnlyKillHouses + .map((item) => { + if (!item) return null; + let prefix; + if (item.killer) { + prefix = "کشتارکن"; + } else { + prefix = "کشتارگاه"; + } + const name = `${prefix} ${item?.name || ""}`; + return { title: name, value: item?.key || "" }; + }) + .filter((item) => item !== null && item.value); + setKillhouses(d || []); + }, [provinceGetOnlyKillHouses]); + + return ( + + + + کشتارگاه های خودرو + + {killHouseList && Array.isArray(killHouseList) && killHouseList.length > 0 + ? killHouseList.map((item, i) => { + if (!item) return null; + return ( + + + {i + 1}. {item?.killHouseName || ""} + + + + ); + }) + : null} + + ); +}; diff --git a/src/features/province/components/province-allocate-operations/ProvinceAllocateOperations.js b/src/features/province/components/province-allocate-operations/ProvinceAllocateOperations.js new file mode 100644 index 0000000..a7a6087 --- /dev/null +++ b/src/features/province/components/province-allocate-operations/ProvinceAllocateOperations.js @@ -0,0 +1,239 @@ +import { + Button, + IconButton, + Popover, + Tooltip, + Typography, +} from "@mui/material"; +import { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceCloseAllocationService } from "../../services/province-close-allocation"; +import { provinceGetAllRequests } from "../../services/province-get-all-requests"; +import ArchiveIcon from "@mui/icons-material/Archive"; +import ConstructionIcon from "@mui/icons-material/Construction"; +import { ProvinceAllocation } from "../../../file/components/province-allocation/ProvinceAllocation"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import TuneIcon from "@mui/icons-material/Tune"; +import { ProvincePoultryRequestEnterConfirmationCode } from "../province-poultry-request-enter-confirmation-code/ProvincePoultryRequestEnterConfirmationCode"; + +export const ProvinceAllocateOperations = ({ + item, + remainQuantity, + getItemFreeSaleInProvince, + updateTable, +}) => { + const dispatch = useDispatch(); + const [openNotif, , selectedDate1] = useContext(AppContext); + + const [anchorEl, setAnchorEl] = useState(null); + + const open = Boolean(anchorEl); + const id = open ? "ProvinceAllocateRequests" : undefined; + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + return ( + + + + + + +

+ + { + handleClose(); + if ( + item?.poultryRequest?.priceConfirmation === true && + !item?.poultryRequest?.inputPriceConfirmationCode + ) { + dispatch( + OPEN_MODAL({ + title: "ورود کد احراز", + content: ( + + ), + }) + ); + } else if (item?.provinceState === "pending") { + dispatch( + OPEN_MODAL({ + title: "اطلاعیه سیستم", + content: ( + + + درخواست ابتدا باید توسط استان تایید شود! + + + + + + + + ), + }) + ); + } else { + dispatch( + DRAWER({ + title: "انجام عملیات تخصیص", + // right: !(window.innerWidth <= 600), + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + size: 1000, + content: ( + + ), + }) + ); + } + }} + > + + + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + {/* + { + handleClose(); + navigate( + ROUTE_PROVINCE_FILE + + item?.poultryRequest?.process?.poultry?.poultryRequestId + ); + }} + > + + + */} +

+ + + ); +}; diff --git a/src/features/province/components/province-allocate-requests/ProvinceAllocateRequests.js b/src/features/province/components/province-allocate-requests/ProvinceAllocateRequests.js new file mode 100644 index 0000000..8609057 --- /dev/null +++ b/src/features/province/components/province-allocate-requests/ProvinceAllocateRequests.js @@ -0,0 +1,342 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Box, + Button, + Card, + CardContent, + IconButton, + TextField, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { ProvinceAllocateOperations } from "../province-allocate-operations/ProvinceAllocateOperations"; +import { ProvinceEditSendDate } from "../province-edit-send-date/ProvinceEditSendDate"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import EditIcon from "@mui/icons-material/Edit"; +import { getPoultryRequestsTotalQuantityService } from "../../../city/services/get-poultry-requests-total-quantity"; +import { motion } from "framer-motion"; +import { RiSearchLine } from "react-icons/ri"; + +const cardVariants = { + hidden: { opacity: 0, y: 20 }, + visible: { opacity: 1, y: 0 }, +}; + +export const ProvinceAllocateRequests = () => { + const [, , selectedDate1, setSelectedDate1] = useContext(AppContext); + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(getPoultryRequestsTotalQuantityService(selectedDate1)).then( + async () => { + dispatch(LOADING_START()); + const response = await axios.get( + `city_operator_check_request_new/?state=waiting&date=${selectedDate1}&page=${page}&page_size=${perPage}&search=filter&value=${ + textValue ? textValue : "" + }` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + } + ); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const getItemFreeSaleInProvince = (item) => { + let sellType = ""; + if (item?.poultryRequest?.freeSaleInProvince) { + sellType = "آزاد"; + } else { + sellType = "دولتی"; + } + return sellType; + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.poultryRequest?.orderCode, + getItemFreeSaleInProvince(item), + formatTime(item?.poultryRequest?.createDate), + + + {formatJustDate(item?.poultryRequest?.sendDate)} + + 0} + onClick={() => { + dispatch( + OPEN_MODAL({ + title: "ویرایش تاریخ درخواست کشتار", + content: ( + + ), + }) + ); + }} + > + + + , + item?.poultryRequest?.freezing + ? "انجماد" + : item?.poultryRequest?.export + ? "صادرات" + : "عادی", + `${item?.poultryRequest?.process?.poultry?.poultryName}/${item?.poultryRequest?.process?.poultry?.poultryMobile}`, + item?.poultryRequest?.killHouseList.length + ? item?.poultryRequest?.killHouseList?.join(" - ") + : "-", + `${item?.poultryRequest?.process?.poultry?.poultryProvince}/${item?.poultryRequest?.process?.poultry?.poultryCity}`, + item?.poultryRequest?.poultry?.cityOperator, + item?.poultryRequest?.killingAge, + item?.poultryRequest?.process?.poultry?.IndexWeight, + item?.poultryRequest?.process?.poultry?.totalWeight?.toLocaleString(), + item?.poultryRequest?.process?.poultry?.poultryQuantity?.toLocaleString(), + item?.poultryRequest?.amount?.toLocaleString() + " ﷼", + + {item?.quantity?.allocatedNumber?.toLocaleString()} + , + item?.quantity?.returnedNumber?.toLocaleString(), + item?.quantity?.assignableNumber?.toLocaleString(), + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `city_operator_check_request_new/?state=waiting&date=${selectedDate1}&page=${1}&page_size=${perPage}&search=filter&value=${ + textValue ? textValue : "" + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const { poultryRequestsTotalQuantity } = useSelector( + (state) => state.citySlice + ); + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + {[ + { + label: "تعداد درخواست کشتار", + value: poultryRequestsTotalQuantity?.acceptedQuantity || 0, + }, + { + label: "اعلام نیاز کشتارگاه ها", + value: poultryRequestsTotalQuantity?.killRequestsQuantity || 0, + }, + { + label: "تخصیص داده شده", + value: poultryRequestsTotalQuantity?.allocatedQuantity || 0, + }, + { + label: "قابل تخصیص", + value: poultryRequestsTotalQuantity?.assignableQuantity || 0, + }, + { + label: "برگشت داده شده", + value: poultryRequestsTotalQuantity?.returnedQuantity || 0, + }, + ].map((item, index) => ( + + + + + + {item.label} + + + {item.value?.toLocaleString()} قطعه + + + + + + ))} + + + + + + ); +}; diff --git a/src/features/province/components/province-allocate-steward-guild/ProvinceAllocateStewardGuild.js b/src/features/province/components/province-allocate-steward-guild/ProvinceAllocateStewardGuild.js new file mode 100644 index 0000000..e943ae7 --- /dev/null +++ b/src/features/province/components/province-allocate-steward-guild/ProvinceAllocateStewardGuild.js @@ -0,0 +1,218 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { + provinceDispensersAddSteward, + provinceDispensersGetAllStewards, +} from "../../services/province-dispensers-services"; +import { + Autocomplete, + Button, + FormControl, + FormControlLabel, + FormLabel, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceAllocateStewardGuild = ({ + killHousekey, + updateTable, + type, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [stewardsOptions, setStewardsOptions] = useState([]); + + const [value, setValue] = useState("forced"); + const [userType, setUserType] = useState("steward"); + + const handleChangeRadioButton = (event) => { + setValue(event.target.value); + }; + const handleChangeRadioButtonUserType = (event) => { + setUserType(event.target.value); + }; + + useEffect(() => { + dispatch( + provinceDispensersGetAllStewards({ + role_type: "KillHouse", + key: killHousekey, + type: userType, + }) + ).then((r) => { + setStewardsOptions(r.payload.data); + }); + }, [dispatch, userType]); + + const validationSchema = Yup.object({ + steward_key: Yup.string(), + allocation_limit: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }); + + const formik = useFormik({ + initialValues: { + steward_key: "", + allocation_limit: "", + }, + validationSchema, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + return ( + + + + + } + label="مباشرین" + /> + } label="اصناف" /> + + + + + + ({ + id: i.key, + label: `${i.guildsName} (${i.user?.mobile}) / نوع فعالیت: ${i.typeActivity} / حوزه فعالیت: ${i.areaActivity}`, + item: i, + })) + : [] + } + value={formik.values.guild} + onChange={(e, item) => { + formik.setFieldValue("steward_key", item?.id); + formik.validateForm(); + }} + error={formik.touched.guild && Boolean(formik.errors.guild)} + helperText={formik.touched.guild && formik.errors.guild} + getOptionLabel={(option) => option.label} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + نوع تعهد: {"‌‌‌‌‌ ‌"} + + + } + label="اجباری" + /> + } + label="اختیاری" + /> + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-allocated-requests-edit-allocation/ProvinceAllocatedRequestsEditAllocation.js b/src/features/province/components/province-allocated-requests-edit-allocation/ProvinceAllocatedRequestsEditAllocation.js new file mode 100644 index 0000000..a9de8fa --- /dev/null +++ b/src/features/province/components/province-allocated-requests-edit-allocation/ProvinceAllocatedRequestsEditAllocation.js @@ -0,0 +1,102 @@ +import React, { useContext } from "react"; +import { TextField, Button, Grid } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { + provinceGetAllocatedRequestsService, + provinceUpdateAllocatedRequestService, +} from "../../services/province-get-allocated-requests"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceAllocatedRequestsEditAllocation = ({ + selectedDate1, + selectedDate2, + item, + fetchDashboard, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + amount: item.allocatedQuantity ? item.allocatedQuantity : "", + }, + validationSchema: Yup.object({ + amount: Yup.number() + .required("وارد کردن حجم الزامی است") + .min(1, "حجم باید بزرگتر از صفر باشد"), + }), + onSubmit: (values) => { + dispatch( + provinceUpdateAllocatedRequestService({ + edit_allocation_quantity: true, + province_kill_request_key: item?.provinceKillRequestKey, + quantity: parseInt(values?.amount), + role: getRoleFromUrl(), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch( + provinceGetAllocatedRequestsService({ + selectedDate1, + selectedDate2, + }) + ); + fetchDashboard(); + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + return ( + + + + + ); +}; diff --git a/src/features/province/components/province-allocated-requests-invoice-operation/ProvinceAllocatedRequestsInvoiceOperation.js b/src/features/province/components/province-allocated-requests-invoice-operation/ProvinceAllocatedRequestsInvoiceOperation.js new file mode 100644 index 0000000..05398ab --- /dev/null +++ b/src/features/province/components/province-allocated-requests-invoice-operation/ProvinceAllocatedRequestsInvoiceOperation.js @@ -0,0 +1,64 @@ +import { IconButton, Tooltip } from "@mui/material"; +import React, { useState, useRef } from "react"; +import { BsFillFileEarmarkPdfFill } from "react-icons/bs"; +import { useReactToPrint } from "react-to-print"; +import ProvinceAllcationInvoice from "../province-allocation-invoice/ProvinceAllcationInvoice"; +import { useDispatch } from "react-redux"; +import { provinceGetAllocationLetter } from "../../services/province-get-allocation-letter"; +import { useEffect } from "react"; +import { PropTypes } from "prop-types"; + +export const ProvinceAllocatedRequestsInvoiceOperation = ({ date1, date2 }) => { + const dispatch = useDispatch(); + const [factorData, setFactorData] = useState(null); + const componentRef = useRef(); + + const handleDownloadFactor = () => { + const result = dispatch(provinceGetAllocationLetter(date1)); + setFactorData(result); + }; + + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: "گزارش روزانه", + onAfterPrint: () => { + setFactorData(null); + }, + }); + + useEffect(() => { + if (factorData) { + printPDF(); + } + }, [factorData, printPDF]); + + return ( +

+ + { + handleDownloadFactor(); + }} + size={"large"} + aria-label="delete" + color="success" + > + + + +

+ +

+ ); +}; + +ProvinceAllocatedRequestsInvoiceOperation.propTypes = { + date1: PropTypes.any, + date2: PropTypes.any, +}; diff --git a/src/features/province/components/province-allocated-requests-operations/ProvinceAllocatedRequestsOperations.js b/src/features/province/components/province-allocated-requests-operations/ProvinceAllocatedRequestsOperations.js new file mode 100644 index 0000000..752c49f --- /dev/null +++ b/src/features/province/components/province-allocated-requests-operations/ProvinceAllocatedRequestsOperations.js @@ -0,0 +1,218 @@ +import { + Button, + IconButton, + Popover, + Tooltip, + Typography, +} from "@mui/material"; +import { useContext, useState } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { provinceAllocatedDeleteService } from "../../services/province-allocated-delete"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetAllocatedRequestsService } from "../../services/province-get-allocated-requests"; +import { provinceAllocatedReturnQuantityService } from "../../services/province-allocated-return-quantity"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceAllocatedRequestsEditAllocation } from "../province-allocated-requests-edit-allocation/ProvinceAllocatedRequestsEditAllocation"; +import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn"; +import DeleteIcon from "@mui/icons-material/Delete"; +import EditIcon from "@mui/icons-material/Edit"; +export const ProvinceAllocatedRequestsOperations = ({ + item, + fetchDashboard, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + + const [openNotif, , selectedDate1, , selectedDate2] = useContext(AppContext); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "simple-popover" : undefined; + const btnDisabled = + item.allocatedState === "rejected" || + (item.allocatedCarState && item.allocatedRemainQuantity === 0); + + return ( +

+ + + + +

+ + {getRoleFromUrl() !== "KillHouse" && ( + + + + )} + + {getRoleFromUrl() !== "KillHouse" && ( + + + + )} + + + + + +

+ +

+ ); +}; diff --git a/src/features/province/components/province-allocated-requests/ProvinceAllocatedRequests.js b/src/features/province/components/province-allocated-requests/ProvinceAllocatedRequests.js new file mode 100644 index 0000000..60b2e74 --- /dev/null +++ b/src/features/province/components/province-allocated-requests/ProvinceAllocatedRequests.js @@ -0,0 +1,400 @@ +import { + Button, + Checkbox, + FormControlLabel, + Tab, + Tabs, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import axios from "axios"; +import moment from "moment/moment"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { provinceGetAllocatedRequestsService } from "../../services/province-get-allocated-requests"; +import { ProvinceAllocatedRequestsOperations } from "../province-allocated-requests-operations/ProvinceAllocatedRequestsOperations"; +import { ProvinceGetDeletedAllocatedRequests } from "../province-get-deleted-allocated-requests/ProvinceGetDeletedAllocatedRequests"; +import { provinceGetDashboardKillRequestService } from "../../services/get-dahsnoard-province-kill-request"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceAllocatedRequests = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState(); + const [hasDocumentState, setHasDocumentState] = useState(false); + const [selectedTab, setSelectedTab] = useState(0); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const handleChangeDocumentState = (event) => { + const checked = event.target.checked; + setHasDocumentState(checked); + + dispatch( + provinceGetAllocatedRequestsService({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + selectedDate1, + selectedDate2, + textValue, + hasDocumentState: checked, + }) + ); + + fetchDashboard(checked); + }; + + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const { provinceGetAllocatedRequests } = useSelector( + (state) => state.provinceSlice + ); + + const [dashboardData, setDashboardData] = useState([]); + + const fetchDashboard = (checked = hasDocumentState) => { + const params = { + selectedDate1, + selectedDate2, + textValue, + hasDocumentState: checked, + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }; + + dispatch(provinceGetDashboardKillRequestService(params)).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + if (selectedTab === 0) { + dispatch( + provinceGetAllocatedRequestsService({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + selectedDate1, + selectedDate2, + textValue, + hasDocumentState, + }) + ); + fetchDashboard(); + } + }, [selectedDate1, selectedDate2, selectedTab, selectedSubUser?.key]); + + const handleSubmit = () => { + if (selectedTab === 0) { + dispatch( + provinceGetAllocatedRequestsService({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + selectedDate1, + selectedDate2, + textValue, + hasDocumentState, + }) + ); + fetchDashboard(hasDocumentState); + } + }; + + useEffect(() => { + const sortedRequests = provinceGetAllocatedRequests + ?.slice() + .sort((a, b) => b.allocatedRemainQuantity - a.allocatedRemainQuantity) + .map((item, i) => { + let state = ""; + if (item.allocatedState === "pending") { + state = "در انتظار تایید"; + } else if (item.allocatedState === "accepted") { + state = "تایید شده"; + } else if (item.allocatedState === "rejected") { + state = "رد شده"; + } + let sellType = ""; + if (item?.market) { + sellType = "پنل معاملات"; + } else if (item?.directBuying) { + sellType = "خرید مستقیم"; + } else if (item?.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return [ + i + 1, + item?.orderCode, + sellType, + item?.freeSaleInProvince === false ? "دولتی" : "آزاد", + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + item?.poultryUnitName, + `${item?.poultryFullName} (${item?.poultryMobile})`, + item?.poultryCity, + formatJustDate(item?.sendDate), + item?.poultryQuantity?.toLocaleString(), + formatTime(item?.dateOfAllocate), + item?.killHouseName, + item?.killHouseCity, + item?.allocatedQuantity?.toLocaleString(), + item?.indexWeight?.toLocaleString(), + item?.totalWeight?.toLocaleString(), + item?.amount?.toLocaleString() + " ﷼", + item?.killHousePrice?.toLocaleString() + " ﷼", + state, + item?.allocatedCarState ? "دارد" : "ندارد", + item?.allocatedRemainQuantity?.toLocaleString(), + item?.returnToProvince === false ? ( + + ) : ( + + {item?.returner && ( + + + {item?.returner?.fullname || "-"} ( + {item?.returner?.mobile || "-"}) + + + {item?.returner?.date + ? formatJustDate(item?.returner?.date) + : "-"} + + + )} + + } + > + + تخصیص برگشت داده شده + + + ), + ]; + }); + setDataTable(sortedRequests); + }, [provinceGetAllocatedRequests]); + + return ( + + + + + + + + {selectedTab === 0 && ( + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + } + label="نمایش تخصیصات بدون بار" + /> + + + + + + + + + )} + {selectedTab === 1 && } + + ); +}; diff --git a/src/features/province/components/province-allocation-invoice/ProvinceAllcationInvoice.js b/src/features/province/components/province-allocation-invoice/ProvinceAllcationInvoice.js new file mode 100644 index 0000000..202d65e --- /dev/null +++ b/src/features/province/components/province-allocation-invoice/ProvinceAllcationInvoice.js @@ -0,0 +1,406 @@ +import React, { forwardRef } from "react"; +import logo from "../../../../assets/images/ChickenLogo.png"; +import { PropTypes } from "prop-types"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getCeoName } from "../../../../utils/getCeoName"; +import { useSystemName } from "../../../../utils/getSystemName"; + +const styles = { + page: { + width: "210mm", + margin: "0 auto", + display: "flex", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "nazanin", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 11, + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 10, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 8, + whiteSpace: "nowrap", + }, + tableHeader: { + backgroundColor: "rgba(255, 229, 153, 0.5)", + pageBreakAfter: "auto", + }, + headerRow: { + backgroundColor: "rgba(255, 229, 153, 0.6)", + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + logo: { + width: "60px", + height: "auto", + marginBottom: "10px", + }, + contentContainer: { + display: "flex", + justifyContent: "space-between", + marginTop: "20px", + marginLeft: "100px", + marginRight: "30px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "nazanin", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 450, + left: 0, + right: 30, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.2, + zIndex: -1, + }, + watermarkp: { + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + marginTop: "10px", + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + fontSize: 14, + fontWeight: "bolder", + marginLeft: "40px", + pAlign: "center", + }, + title2: { + fontSize: 10, + marginBottom: 10, + pAlign: "center", + }, + options: { + marginLeft: "50px", + padding: "10px", + marginTop: "15px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + width: "100%", + height: "2px", + backgroundColor: "red", + marginBottom: 15, + }, + pTitleContainer: { + pAlign: "right", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + }, + tableHeaderCell: { + backgroundColor: "rgba(255, 229, 153, 0.5)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + pageBreakAfter: "always", + position: "fixed", + left: 0, + bottom: 0, + width: "100%", + }, +}; + +const ProvinceAllcationInvoice = forwardRef((props, ref) => { + const { item } = props; + const { date } = props; + + const totalCapacity = item?.reduce( + (total, currentItem) => total + (currentItem?.quantity || 0), + 0 + ); + + function getItemInfoQuantity(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.provinceKillRequests) { + option.provinceKillRequests.forEach((request) => { + if (request.info?.quantity !== undefined) { + totalQuantity += request.info.quantity; + } + }); + } + }); + return totalQuantity; + } + + function getItemInfoWeight(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.provinceKillRequests) { + option.provinceKillRequests.forEach((request) => { + if (request.info?.weight !== undefined) { + totalQuantity += request.info.weight; + } + }); + } + }); + return totalQuantity; + } + + // function getAddressContent(systemName) { + // switch (systemName) { + // case "استان اردبیل": + // return "آدرس : اردبیل، شهرک کارشناسان ،جنب ساختمان نظام مهندسی، ساختمان فرهنگ، طبقه دوم تلفن : 33749254 تلفاکس : 33749253 "; + + // case "استان همدان": + // return "همدان، بلوار آیت اله مدنی، کوچه امامزاده یحیی یک تلفن: 081 32523689 "; + + // case "استان آذربایجان شرقی": + // return "تبریز خیابان راه آهن نبش کوی اشکان ساختمان ۱۴ طبقه دوم تلفن: 041 34502363"; + + // default: + // return "خرم آباد، مطهری، شرکت مهندسی نرم افزار آرتا مهر آرتان تلفن: 09011110919"; + // } + // } + + const systemName = useSystemName(); + + return ( +

+ + اتحادیه سراسری تعاونی‌های کشاورزی پرورش دهندگان مرغ گوشتی ایران + + + اتحادیه شرکت های تعاونی کشاورزی مرغداران {" ‌"} {systemName} + +

+ +

+ بسمه تعالی +

+ +

+ شماره: + تاریخ: + پیوست: +

+ +

+ + معاونت محترم توسعه بازرگانی و صنایع کشاورزی +
+ با سلام +
+ +
+ احتراماً گزارش تخصیص و کشتار مورخ {" ‌"} + {formatJustDate(date)}، مرغ گوشتی استان جهت استحضار بحضورتان ارسال می + گردد. +

+ +

+ اطلاعات تخصیص:{" "} + + {" "} + تعداد درخواست کشتار ( + {totalCapacity !== undefined && totalCapacity.toLocaleString()}{" "} + قطعه)، تخصیص داده شده ({getItemInfoQuantity(item).toLocaleString()}{" "} + قطعه)، وزن کل تخصیص ({" "} + {Math.round(getItemInfoWeight(item)).toLocaleString()} کیلوگرم). + +

+ + + + + + + + + + + + + + + + + + + {item?.map((item, i) => ( + + + + + + + + + + + + + + ))} + +

ردیف	مرغدار	تلفن	شهر	تعداد	میانگین وزنی	سن	خریدار	تعداد	وزن تقریبی بار	محل کشتار
{i + 1}	+ {item?.poultry?.user?.fullname} +	+ {item?.poultry?.user?.mobile} +	+ {item?.poultry?.address?.city?.name} +	+ {item?.quantity.toLocaleString()} +	+ {item?.IndexWeight.toLocaleString()} +	{item?.hatching?.age}	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.killhouseUser?.killHouseOperator?.user?.fullname + ? item?.killhouseUser?.killHouseOperator?.user?.fullname + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.info?.quantity + ? item?.info?.quantity.toLocaleString() + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {Math.round(item?.info?.weight) + ? Math.round(item?.info?.weight).toLocaleString() + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.info?.killPlace + ? item?.info?.killPlace + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +

+ +

+ {getCeoName()} + + مدیرعامل اتحادیه مرغداران{" ‌"} + {systemName} + +

سامانه رصدیار

+ + {/*

+ {getAddressContent(systemName)} +

*/} +

+ ); +}); + +ProvinceAllcationInvoice.displayName = "ProvinceAllcationInvoice"; + +export default ProvinceAllcationInvoice; + +ProvinceAllcationInvoice.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-apply-default-losses/ProvinceApplyDefaultLosses.js b/src/features/province/components/province-apply-default-losses/ProvinceApplyDefaultLosses.js new file mode 100644 index 0000000..9ef2bb8 --- /dev/null +++ b/src/features/province/components/province-apply-default-losses/ProvinceApplyDefaultLosses.js @@ -0,0 +1,86 @@ +import { Button, Checkbox, FormControlLabel, TextField } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { getLossesPermissionService } from "../../services/get-losses-permission"; +import { updateLossesPermissionService } from "../../services/update-losses-permission"; + +export const ProvinceApplyDefaultLosses = () => { + const [isChecked, setIsChecked] = useState(true); + const [numberValue, setNumberValue] = useState(""); + const [data, setData] = useState(); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(getLossesPermissionService()).then((r) => { + setIsChecked(r.payload.data.allow); + setNumberValue(r.payload.data.percent); + setData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (!isChecked) { + dispatch( + updateLossesPermissionService({ + permission_key: data.key, + allow: false, + percent: parseInt(numberValue), + }) + ); + } + }, [isChecked]); + + const handleChange = (event) => { + setIsChecked(event.target.checked); + }; + + // Define a handleChange function to update the state when the text field value changes + const handleChangeNumber = (event) => { + // Ensure that the entered value is a number (or an empty string) + const newValue = event.target.value; + if (/^\d*$/.test(newValue) || newValue === "") { + setNumberValue(newValue); + } + }; + + return ( + + + } + label="اعمال درصد تلفات پیش فرض:" + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/province-archive-fee-details/ProvinceArchiveFeeDetails.js b/src/features/province/components/province-archive-fee-details/ProvinceArchiveFeeDetails.js new file mode 100644 index 0000000..287118c --- /dev/null +++ b/src/features/province/components/province-archive-fee-details/ProvinceArchiveFeeDetails.js @@ -0,0 +1,25 @@ +import { Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { formatTime } from "../../../../utils/formatTime"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; + +export const ProvinceArchiveFeeDetails = ({ item }) => { + return ( + + + تاریخ و زمان: + {formatTime(item?.archiver?.date)} + + + بایگانی کننده: + + {item?.archiver?.fullname} ({getFaUserRole(item.archiver.role)}) + + + + دلیل بایگانی: + {item?.archiveMessage} + + + ); +}; diff --git a/src/features/province/components/province-archive-fee-operation/ProvinceArchiveFeeOperation.js b/src/features/province/components/province-archive-fee-operation/ProvinceArchiveFeeOperation.js new file mode 100644 index 0000000..2ba0851 --- /dev/null +++ b/src/features/province/components/province-archive-fee-operation/ProvinceArchiveFeeOperation.js @@ -0,0 +1,76 @@ +import { Button, TextField } from "@mui/material"; +import { Box } from "@mui/system"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceArchiveFeeOperationService } from "../../services/province-archive-fee-operation"; + +export const ProvinceArchiveFeeOperation = ({ selectedItems, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [text, setText] = useState(""); + + const handleChange = (event) => { + setText(event.target.value); + }; + + const submitForm = () => { + dispatch( + provinceArchiveFeeOperationService({ + role: getRoleFromUrl(), + message: text, + province_kill_request_list: selectedItems, + type: "archive", + }) + ).then((r) => { + updateTable(); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + } + }); + }; + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-archive-fees/ProvinceArchiveFees.js b/src/features/province/components/province-archive-fees/ProvinceArchiveFees.js new file mode 100644 index 0000000..6a606c3 --- /dev/null +++ b/src/features/province/components/province-archive-fees/ProvinceArchiveFees.js @@ -0,0 +1,365 @@ +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { ROUTE_PROVINCE_PAYING_FEES_REQUESTS } from "../../../../routes/routes"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceArchiveFees = () => { + const userInfo = useSelector((state) => state.userSlice); + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&type=archive&page=${page}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&type=archive&page=${page}&page_size=${newPerPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + try { + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&type=archive${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const columns = [ + { + name: "خریدار", + selector: (item) => { + const type = item?.info?.killer ? "کشتارکن" : "کشتارگاه"; + return `${type} ${item?.info?.killHouseName} - ${item?.info?.killHouseFullname} (${item?.info?.killHouseMobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.info?.killHouseCity}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + // { + // name: "تعداد کل سفارشات", + // selector: (item) => item?.info?.totalCount, + // sortable: true, + // wrap: true, + // allowOverflow: true, + // center: true, + // // width: "80px", + // }, + // { + // name: "تعداد کل تخصیص (قطعه)", + // selector: (item) => item?.info?.totalQuantity?.toLocaleString(), + // sortable: true, + // wrap: true, + // allowOverflow: true, + // center: true, + // }, + // { + // name: "وزن کل (کیلوگرم)", + // selector: (item) => item?.info?.totalWeight, + // sortable: true, + // wrap: true, + // allowOverflow: true, + // center: true, + // // width: "80px", + // }, + // { + // name: "پرداخت شده (سفارش)", + // selector: (item) => item.info?.paidCount, + // sortable: true, + // wrap: true, + // allowOverflow: true, + // center: true, + // // width: "90px", + // }, + { + name: "تعداد پرونده", + selector: (item) => item?.info?.archiveCount?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "حجم", + selector: (item) => item.info?.totalArchiveQuantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وزن سفارشات (کیلوگرم)", + selector: (item) => { + return item.info?.totalWeightArchive?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + // { + // name: "مبلغ کل تعرفه (ریال)", + // selector: (item) => item?.info?.totalWage?.toLocaleString(), + // sortable: true, + // wrap: true, + // allowOverflow: true, + // center: true, + // // width: "90px", + // }, + // { + // name: "مبلغ تسویه شده (تعرفه )", + // selector: (item) => item?.info?.totalPaidWage?.toLocaleString(), + // sortable: true, + // wrap: true, + // allowOverflow: true, + // center: true, + // // width: "90px", + // }, + { + name: "مبلغ تعرفه (﷼)", + selector: (item) => item?.info?.totalArchiveWage?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "جزییات سفارش", + selector: (item) => { + return ( + + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + + تعرفه های معوقه + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-auto-allocated-view/ProvinceAutoAllocatedView.js b/src/features/province/components/province-auto-allocated-view/ProvinceAutoAllocatedView.js new file mode 100644 index 0000000..99120a9 --- /dev/null +++ b/src/features/province/components/province-auto-allocated-view/ProvinceAutoAllocatedView.js @@ -0,0 +1,180 @@ +import { Button, IconButton } from "@mui/material"; +import PrintIcon from "@mui/icons-material/Print"; +import { Grid } from "../../../../components/grid/Grid"; +import { formatJustDate } from "../../../../utils/formatTime"; +import KeyboardArrowRightIcon from "@mui/icons-material/KeyboardArrowRight"; +import { SPACING } from "../../../../data/spacing"; + +export const ProvinceAutoAllocatedView = ({ + dataTable, + item, + setIsSingleView, +}) => { + const sumOfAllocationQuantity = + Array.isArray(dataTable) && + dataTable?.reduce((total, item) => { + return ( + total + + item.allocations?.reduce((allocationTotal, allocation) => { + return allocationTotal + allocation.allocationQuantity; + }, 0) + ); + }, 0); + + const sumAllocationsSum = + Array.isArray(dataTable) && + dataTable?.reduce((total, item) => { + return total + item.allocationsSum; + }, 0); + + const sumOfKillRequests = + Array.isArray(dataTable) && + dataTable?.reduce((total, item) => { + return total + item.poultryQuantity; + }, 0); + + return ( + + + + + + + +

+ + + +	کد تخصیص خودکار {item.allocationOrderCode}	تاریخ تخصیص {formatJustDate(item.allocationDate)}

+ + + + + + + + + + + + + + + + + + + + {dataTable?.map((poultryRequestItem, j) => { + // const sumOfAllocation = poultryRequestItem.allocations?.reduce( + // (total, item) => { + // return total + item.allocationQuantity; + // }, + // 0 + // ); + return poultryRequestItem?.allocations?.map((slaughter, i) => { + const reaminForAllocation = + poultryRequestItem?.poultryQuantity - + poultryRequestItem?.allocationsSum; + + // if (reaminForAllocation < 0) { + // reaminForAllocation = ( + // {reaminForAllocation} + // ); + // } + + return ( + + {!i && ( + + )} + + {!i && ( + + )} + + {!i && ( + + )} + + {!i && ( + + )} + + {!i && ( + + )} + + {!i && ( + + )} + + + + + + + + + {!i && ( + + )} + + {!i && ( + + )} + + + ); + }); + })} + + + + + + +

ردیف	نام واحد (مرغدار)	تلفن مرغدار	آدرس	تعداد درخواست کشتار	مانده قابل تخصیص	ماهیت خریدار	نام خریدار	تلفن خریدار	آدرس	محل کشتار	تعداد تخصیص	جمع مرغ تخصیصی	سهم درصد	حواله مرغدار	حواله خریدار
+ {j + 1} +	+ {poultryRequestItem?.poultryName} +	+ {poultryRequestItem?.poultryMobile} +	+ {poultryRequestItem?.poultryAddress} +	+ {poultryRequestItem?.poultryQuantity?.toLocaleString()} +	+ {/* {poultryRequestItem?.poultryRemainQuantity} */} + {reaminForAllocation.toLocaleString()} +	{slaughter?.type ? "کشتارکن" : "کشتارگاه"}	{slaughter?.buyerName}	{slaughter?.buyerMobile}	{slaughter?.buyerAddress}	{slaughter?.KillingPlace}	{slaughter?.allocationQuantity}	+ {poultryRequestItem?.allocationsSum?.toLocaleString()} + {/* {sumOfAllocation} */} +	+ % + {( + (slaughter?.allocationQuantity / sumOfAllocationQuantity) * + 100 + ).toFixed(2)} +	+ + + +	+ + + +
جمع کل	{sumOfAllocationQuantity.toLocaleString()}	{sumAllocationsSum.toLocaleString()}	+ {((sumOfAllocationQuantity / sumOfKillRequests) * 100).toFixed(2)} +

+ + ); +}; diff --git a/src/features/province/components/province-auto-allocation-archive/ProvinceAutoAllocationArchive.js b/src/features/province/components/province-auto-allocation-archive/ProvinceAutoAllocationArchive.js new file mode 100644 index 0000000..149d0b5 --- /dev/null +++ b/src/features/province/components/province-auto-allocation-archive/ProvinceAutoAllocationArchive.js @@ -0,0 +1,130 @@ +import { IconButton, TextField, Typography } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { provinceGetArchiveAutoAllocationsService } from "../../services/province-get-archive-auto-allocations"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { ProvinceAutoAllocatedView } from "../province-auto-allocated-view/ProvinceAutoAllocatedView"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const ProvinceAutoAllocationArchive = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const [isSingleView, setIsSingleView] = useState(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const { provinceGetArchiveAutoAllocations } = useSelector( + (state) => state.provinceSlice + ); + + useEffect(() => { + dispatch( + provinceGetArchiveAutoAllocationsService({ selectedDate1, selectedDate2 }) + ); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const d = provinceGetArchiveAutoAllocations?.map((item, i) => { + return [ + i + 1, + item.allocationOrderCode, + formatJustDate(item.allocationDate), + item.totalQuantity.toLocaleString(), + item.allocatedQuantity.toLocaleString(), + item.numberOfPoultry.toLocaleString(), + item.numberOfKillHouse.toLocaleString(), + { + setIsSingleView(item); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceGetArchiveAutoAllocations]); + + return ( + + {!isSingleView && ( + <> + + + بایگانی تخصیصات خودکار + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + )} + + {isSingleView && ( + + + + )} + + ); +}; diff --git a/src/features/province/components/province-auto-allocation-requests/ProvinceAutoAllocationRequests.js b/src/features/province/components/province-auto-allocation-requests/ProvinceAutoAllocationRequests.js new file mode 100644 index 0000000..3ff1073 --- /dev/null +++ b/src/features/province/components/province-auto-allocation-requests/ProvinceAutoAllocationRequests.js @@ -0,0 +1,791 @@ +import { + Button, + IconButton, + Popover, + TextField, + Typography, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { getPoultryRequestsTotalQuantityService } from "../../../city/services/get-poultry-requests-total-quantity"; +import { provinceCreateAutoAllocationService } from "../../services/province-create-auto-allocation"; +import { provinceEditAutoAllocationService } from "../../services/province-edit-auto-allocation"; +import { provinceGetAutoAllocationsService } from "../../services/province-get-auto-allocations"; +import DeleteIcon from "@mui/icons-material/Delete"; +import AddIcon from "@mui/icons-material/Add"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceAddBuyerAutoAllocation } from "../province-add-buyer-auto-allocation/ProvinceAddBuyerAutoAllocation"; +import { provinceDeleteAutoAllocationService } from "../../services/province-delete-auto-allocation"; +import { provinceAddAutoAllocationService } from "../../services/province-add-auto-allocation"; +import PrintIcon from "@mui/icons-material/Print"; +import { provinceSubmitFinalAutoAllocationsService } from "../../services/province-submit-final-auto-allocations"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { ProvinceAutoSelectOptions } from "../province-auto-select-options/ProvinceAutoSelectOptions"; + +export const ProvinceAutoAllocationRequests = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [dataTable, setDataTable] = useState([]); + const [deletedRows, setDeletedRows] = useState([]); + const [addedRows, setAddedRows] = useState([]); + + const [selectedProiority, setSelectedProiority] = useState({}); + // const [allocationSumState, setAllocationSumState] = useState(0); + + const [anchorEl, setAnchorEl] = useState(null); + + const open = Boolean(anchorEl); + const id = open ? "popoverr" : undefined; + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + useEffect(() => { + handleClose(); + }, []); + + const { poultryRequestsTotalQuantity } = useSelector( + (state) => state.citySlice + ); + + const { provinceGetAutoAllocations } = useSelector( + (state) => state.provinceSlice + ); + + useEffect(() => { + dispatch(provinceGetAutoAllocationsService()); + }, []); + + useEffect(() => { + setDataTable(deepCopy(provinceGetAutoAllocations)); + }, [provinceGetAutoAllocations]); + + const sendEditTableService = () => { + const combinedArr = dataTable?.reduce((acc, curr) => { + let d = deepCopy(curr.allocations); + d = d.filter((item) => item.allocationKey); + return [...acc, ...d]; + }, []); + dispatch( + provinceDeleteAutoAllocationService({ + allocation_delete_list: deletedRows?.filter( + (item) => item.allocationKey + ), + }) + ).then(() => { + setDeletedRows([]); + dispatch( + provinceAddAutoAllocationService({ + allocation_add_list: addedRows, + }) + ).then(() => { + dispatch( + provinceEditAutoAllocationService({ + allocation_list: combinedArr, + }) + ).then((r) => { + setAddedRows([]); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(getPoultryRequestsTotalQuantityService()); + dispatch(provinceGetAutoAllocationsService()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }); + }); + }; + + const checkForDebt = () => { + // check if there are debt + + const mapedDebts = dataTable.map((element) => { + const hasDebt = element.allocations.some((allocation) => allocation.debt); + return hasDebt; + }); + const res = mapedDebts.some((item) => item); + return res; + }; + + const sendFinalTableService = () => { + const combinedArr = dataTable?.reduce((acc, curr) => { + let d = deepCopy(curr.allocations); + d = d.filter((item) => item.allocationKey); + return [...acc, ...d]; + }, []); + dispatch( + provinceDeleteAutoAllocationService({ + allocation_delete_list: deletedRows?.filter( + (item) => item.allocationKey + ), + }) + ).then(() => { + setDeletedRows([]); + dispatch( + provinceAddAutoAllocationService({ + allocation_add_list: addedRows, + }) + ).then(() => { + dispatch( + provinceEditAutoAllocationService({ + allocation_list: combinedArr, + }) + ).then(() => { + setAddedRows([]); + + const allocationsForCancel = provinceGetAutoAllocations?.reduce( + (total, item) => { + return [...total, ...item.allocations]; + }, + [] + ); + const allocationsKeys = allocationsForCancel.map((item) => { + return { allocationKey: item.allocationKey }; + }); + dispatch( + provinceSubmitFinalAutoAllocationsService({ + final_registration_list: allocationsKeys, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(getPoultryRequestsTotalQuantityService()); + dispatch(provinceGetAutoAllocationsService()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }); + }); + }); + }; + + const sumOfAllocationQuantity = + Array.isArray(dataTable) && + dataTable?.reduce((total, item) => { + return ( + total + + item.allocations?.reduce((allocationTotal, allocation) => { + return allocationTotal + allocation.allocationQuantity; + }, 0) + ); + }, 0); + + const sumAllocationsSum = + Array.isArray(dataTable) && + dataTable?.reduce((total, item) => { + return total + item.allocationsSum; + }, 0); + + // const sumOfAllocationPercent = provinceGetAutoAllocations?.reduce( + // (total, item) => { + // return ( + // total + + // item.allocations.reduce((allocationTotal, allocation) => { + // return allocationTotal + allocation.allocationPercent; + // }, 0) + // ); + // }, + // 0 + // ); + + const sumOfKillRequests = + Array.isArray(dataTable) && + dataTable?.reduce((total, item) => { + return total + item.poultryQuantity; + }, 0); + + const [dateForAutoAlloction, setDateForAutoAllocation] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + useEffect(() => { + dispatch(getPoultryRequestsTotalQuantityService(dateForAutoAlloction)); + }, [dateForAutoAlloction]); + + const handleList = (selected) => { + const d = selected.map((item) => { + return { + [item.key]: item.value, + }; + }); + setSelectedProiority(d); + }; + + return ( + + + ( + + )} + value={dateForAutoAlloction} + onChange={(e) => { + setDateForAutoAllocation(moment(e).format("YYYY-MM-DD")); + }} + /> + + } + columns={[ + "تعداد کل درخواست کشتار", + "تخصیص داده شده", + "قابل تخصیص", + "تعداد خریداران آماده به تخصیص", + "تعداد مرغدار", + ]} + data={[ + [ + `${poultryRequestsTotalQuantity?.acceptedQuantity?.toLocaleString()} قطعه`, + `${poultryRequestsTotalQuantity?.allocatedQuantity?.toLocaleString()} قطعه`, + `${poultryRequestsTotalQuantity?.assignableQuantity?.toLocaleString()} قطعه`, + `${poultryRequestsTotalQuantity?.numberOfKillHouse?.toLocaleString()} واحد`, + `${poultryRequestsTotalQuantity?.numberOfPoultry?.toLocaleString()} واحد`, + ], + ]} + /> + + + + اولویت بندی کشتارگاه + + + + + + + + {!!dataTable?.length && ( + <> + + + * توجه: رنگ قرمز خریدار نشان دهنده بدهی قبلی است. + + + + + + + + + + + + + + + + + + + + + + {dataTable?.map((poultryRequestItem, j) => { + // const sumOfAllocation = poultryRequestItem.allocations?.reduce( + // (total, item) => { + // return total + item.allocationQuantity; + // }, + // 0 + // ); + return poultryRequestItem?.allocations?.map((slaughter, i) => { + let reaminForAllocation = + poultryRequestItem?.poultryQuantity - + poultryRequestItem?.allocationsSum; + + // if (reaminForAllocation < 0) { + // reaminForAllocation = ( + // {reaminForAllocation} + // ); + // } + + return ( + + {!i && ( + + )} + + {!i && ( + + )} + + {!i && ( + + )} + + {!i && ( + + )} + + {!i && ( + + )} + {!i && ( + + )} + + + + + + + + {!i && ( + + )} + + {!i && ( + + )} + + + + ); + }); + })} + + + + + + + +

ردیف	واحد (مرغدار)	تعداد درخواست کشتار	وزن تقریبی درخواست کشتار	مانده قابل تخصیص	اضافه	ماهیت خریدار	خریدار	محل کشتار	تعداد تخصیص	جمع مرغ تخصیصی	سهم درصد	حواله مرغدار	حواله خریدار	حذف
+ {j + 1} +	+ {poultryRequestItem?.poultryName} ( + {poultryRequestItem?.poultryAddress}) ( + {poultryRequestItem?.poultryMobile}) +	+ {poultryRequestItem?.poultryQuantity?.toLocaleString()} +	+ وزن تقریبی:{" "} + {poultryRequestItem?.poultryRequestWeight?.toLocaleString()} + + میانگین وزن:{" "} + {poultryRequestItem?.poultryRequestIndexWeight} +	+ {/* {poultryRequestItem?.poultryRemainQuantity} */} + {reaminForAllocation.toLocaleString()} +	+ { + dispatch( + OPEN_MODAL({ + title: "اضافه کردن خریدار", + content: ( + + ), + }) + ); + // setDataTable((prevState) => { + // // let edited = Array.from(prevState); + // let edited = deepCopy(prevState); + + // edited[j].allocationsSum = edited[ + // j + // ].allocations?.reduce((total, item) => { + // return total + item.allocationQuantity; + // }, 0); + + // return edited; + // }); + }} + > + + +	+ {slaughter?.type ? "کشتارکن" : "کشتارگاه"}{" "} + {slaughter.debt ? "(بدهکار)" : ""} +	+ {slaughter?.buyerName} ({slaughter?.buyerAddress}) ( + {slaughter?.buyerMobile}) +	+ {slaughter?.KillingPlace} +	+ { + if (Number(e.target.value) < 1) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "در صورت نیاز به کاهش کمتر از 1 از گزینه حذف استفاده نمایید.", + severity: "error", + }); + return; + } + setDataTable((prevState) => { + // let edited = Array.from(prevState); + let edited = deepCopy(prevState); + edited[j].allocations[i].allocationQuantity = + Number(e.target.value); + + edited[j].allocationsSum = edited[ + j + ].allocations?.reduce((total, item) => { + return total + item.allocationQuantity; + }, 0); + + return edited; + }); + }} + /> +	+ {poultryRequestItem?.allocationsSum?.toLocaleString()} + {/* {sumOfAllocation} */} +	+ % + {( + (slaughter?.allocationQuantity / + sumOfAllocationQuantity) * + 100 + ).toFixed(2)} +	+ + + + + +	+ + + + + +	+ { + setDataTable((prevState) => { + // let edited = Array.from(prevState); + let edited = deepCopy(prevState); + setDeletedRows([ + ...deletedRows, + edited[j].allocations[i], + ]); + edited[j].allocations.splice(i, 1); + + edited[j].allocationsSum = edited[ + j + ].allocations?.reduce((total, item) => { + return total + item.allocationQuantity; + }, 0); + return edited; + }); + }} + > + + +
جمع کل	{sumOfAllocationQuantity.toLocaleString()}	{sumAllocationsSum.toLocaleString()}	+ {/* {sumOfAllocationPercent} /}% + {((sumOfAllocationQuantity / sumOfKillRequests) 100).toFixed( + 2 + )} +	+ + + + + + + + + + +

+ + )} + + {!dataTable.length && ( + + تخصیص خودکار ایجاد نشده است! + + )} + + ); +}; + +function deepCopy(obj) { + let newObj = Array.isArray(obj) ? [] : {}; + for (let key in obj) { + if (typeof obj[key] === "object" && obj[key] !== null) { + newObj[key] = deepCopy(obj[key]); + } else { + newObj[key] = obj[key]; + } + } + return newObj; +} diff --git a/src/features/province/components/province-auto-allocation/ProvinceAutoAllocation.js b/src/features/province/components/province-auto-allocation/ProvinceAutoAllocation.js new file mode 100644 index 0000000..8e9d0b5 --- /dev/null +++ b/src/features/province/components/province-auto-allocation/ProvinceAutoAllocation.js @@ -0,0 +1,33 @@ +import { Tab, Tabs } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ProvinceAutoAllocationArchive } from "../province-auto-allocation-archive/ProvinceAutoAllocationArchive"; +import { ProvinceAutoAllocationRequests } from "../province-auto-allocation-requests/ProvinceAutoAllocationRequests"; +import { ProvinceSlaughterhouseQuota } from "../province-slaughterhouse-quota/ProvinceSlaughterhouseQuota"; + +export const ProvinceAutoAllocation = () => { + const [activeTab, setActiveTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; + + return ( + + + + + + + + + {activeTab === 0 && } + {activeTab === 1 && } + {activeTab === 2 && } + + ); +}; diff --git a/src/features/province/components/province-auto-select-options/ProvinceAutoSelectOptions.js b/src/features/province/components/province-auto-select-options/ProvinceAutoSelectOptions.js new file mode 100644 index 0000000..2aa6791 --- /dev/null +++ b/src/features/province/components/province-auto-select-options/ProvinceAutoSelectOptions.js @@ -0,0 +1,206 @@ +import React, { useEffect } from "react"; +import { + List, + ListItem, + ListItemText, + Button, + Checkbox, + ListItemIcon, + Paper, + TextField, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +export const ProvinceAutoSelectOptions = ({ handleList }) => { + function not(a, b) { + return a.filter((value) => b.indexOf(value) === -1); + } + + function intersection(a, b) { + return a.filter((value) => b.indexOf(value) !== -1); + } + + const [checked, setChecked] = React.useState([]); + const [left, setLeft] = React.useState([ + { label: "شهر", key: "city", value: true }, + { label: "عدم بدهی", key: "no_debt", value: true }, + { label: "حداقل تعداد تخصیص", key: "minimum_allocation", value: true }, + ]); + const [right, setRight] = React.useState([ + { label: "شهر محل کشتار", key: "kill_place", value: true }, + ]); + + const leftChecked = intersection(checked, left); + const rightChecked = intersection(checked, right); + + const handleToggle = (value) => () => { + const currentIndex = checked.indexOf(value); + const newChecked = [...checked]; + + if (currentIndex === -1) { + newChecked.push(value); + } else { + newChecked.splice(currentIndex, 1); + } + + setChecked(newChecked); + }; + + const handleAllRight = () => { + setRight(right.concat(left)); + setLeft([]); + }; + + const handleCheckedRight = () => { + setRight(right.concat(leftChecked)); + setLeft(not(left, leftChecked)); + setChecked(not(checked, leftChecked)); + }; + + const handleCheckedLeft = () => { + setLeft(left.concat(rightChecked)); + setRight(not(right, rightChecked)); + setChecked(not(checked, rightChecked)); + }; + + const handleAllLeft = () => { + setLeft(left.concat(right)); + setRight([]); + }; + + const handleChange = (event) => { + const fieldToUpdateLeft = left.find( + (item) => item.key === "minimum_allocation" + ); + const fieldToUpdateRight = right.find( + (item) => item.key === "minimum_allocation" + ); + if (fieldToUpdateLeft) { + setLeft((prevState) => [ + ...prevState.filter((item) => item.key !== "minimum_allocation"), + { ...fieldToUpdateLeft, value: event.target.value }, + ]); + } else if (fieldToUpdateRight) { + setRight((prevState) => [ + ...prevState.filter((item) => item.key !== "minimum_allocation"), + { ...fieldToUpdateRight, value: event.target.value }, + ]); + } + }; + + useEffect(() => { + handleList(right); + }, [right]); + + const customList = (items) => ( + + + {items.map((value, i) => { + const labelId = `transfer-list-item-${value}-label`; + return ( + + + + + + + {value.label === "حداقل تعداد تخصیص" && ( + + + + )} + + + ); + })} + + + ); + + return ( + + + انتخاب اولویت های تخصیص خودکار + {customList(left)} + + + + + + + + + + + اولویت های انتخاب شده تخصیص خودکار + {customList(right)} + + + ); +}; diff --git a/src/features/province/components/province-bar-difference-requests/ProvinceBarDifferenceRequests.js b/src/features/province/components/province-bar-difference-requests/ProvinceBarDifferenceRequests.js new file mode 100644 index 0000000..4596277 --- /dev/null +++ b/src/features/province/components/province-bar-difference-requests/ProvinceBarDifferenceRequests.js @@ -0,0 +1,304 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, IconButton, TextField } from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { ProvinceSubmitBarDifference } from "../province-submit-bar-difference/ProvinceSubmitBarDifference"; +import { ProvinceBarDifferencesOperations } from "../province-bar-differences-operations/ProvinceBarDifferencesOperations"; +// import EmailIcon from "@mui/icons-material/Email"; +import { provinceGetDashboardBarDiffrenceRequest } from "../../services/province-dashboard-bar-diffrence-get-request"; +import { ProvinceBarDifferencesModal } from "../province-bar-differences-modal/ProvinceBarDifferencesModal"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceBarDifferenceRequests = ({ state }) => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `bar-difference-request/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("province") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&page=${page}&page_size=${perPage}&state=${state}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const fetchDashboardData = () => { + dispatch( + provinceGetDashboardBarDiffrenceRequest({ + role: getRoleFromUrl(), + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + state: state, + filter: "search", + value: textValue, + date1: selectedDate1, + date2: selectedDate2, + }) + ).then((r) => { + if (r.payload?.data) { + setDashboardData(r.payload.data); + } + }); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + fetchDashboardData(); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.registerFullname, + formatJustDate(item?.createDate), + `${item?.hatching?.poultry?.unitName || ""} (${ + item?.hatching?.poultry?.user?.mobile || "" + })`, + `${item?.killHouse?.name || ""} (${ + item?.killHouse?.killHouseOperator?.user?.mobile || "" + })`, + item?.barInfo?.totalQuantity?.toLocaleString(), + item?.barInfo?.totalWeight?.toLocaleString(), + item?.barInfo?.firstTotalQuantity?.toLocaleString(), + item?.barInfo?.differenceQuantity?.toLocaleString(), + item?.quantity?.toLocaleString(), + item?.weight?.toLocaleString(), + + item?.acceptorImages?.[0] || + item?.acceptorMessage || + item?.registerMessage || + item?.violationImage?.[0] ? ( + + { + dispatch( + OPEN_MODAL({ + content: , + title: "پیوست", + }) + ); + }} + > + ✉️ + + + ) : ( + "-" + ), + + item.state === "pending" + ? "در انتظار تایید" + : item.state === "rejected" + ? "رد شده" + : "تایید شده", + state === "pending" ? ( + + ) : ( + "-" + ), + ]; + }); + + setTableData(d); + }, [data, state, page, perPage]); + + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + }, [state, perPage, selectedDate1, selectedDate2, selectedSubUser?.key]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + {getRoleFromUrl() !== "KillHouse" && ( + + + + )} + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/province-bar-difference/ProvinceBarDifference.js b/src/features/province/components/province-bar-difference/ProvinceBarDifference.js new file mode 100644 index 0000000..6e527ae --- /dev/null +++ b/src/features/province/components/province-bar-difference/ProvinceBarDifference.js @@ -0,0 +1,35 @@ +import React, { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceBarDifferenceRequests } from "../province-bar-difference-requests/ProvinceBarDifferenceRequests"; +import { ProvinceBarDashboardService } from "../../services/province-bar-dashbored"; + +export const ProvinceBarDifference = () => { + const [value, setValue] = useState("0"); + const dispatch = useDispatch(); + + const handleChange = (event, newValue) => { + setValue(newValue); + dispatch( + ProvinceBarDashboardService({ + state: newValue === "0" ? "pending" : "archive", + }) + ); + }; + + return ( + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-bar-differences-modal/ProvinceBarDifferencesModal.js b/src/features/province/components/province-bar-differences-modal/ProvinceBarDifferencesModal.js new file mode 100644 index 0000000..eca2dca --- /dev/null +++ b/src/features/province/components/province-bar-differences-modal/ProvinceBarDifferencesModal.js @@ -0,0 +1,127 @@ +import { useState, useEffect } from "react"; +import { Tabs, Tab, TextField, Typography } from "@mui/material"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceBarDifferencesModal = ({ item }) => { + const [tabIndex, setTabIndex] = useState(0); + + const handleTabChange = (event, newValue) => { + setTabIndex(newValue); + }; + + const tabs = []; + if (item?.registerMessage || item?.violationImage?.[0]) { + tabs.push({ key: "register", label: "درخواست کننده" }); + } + if (item?.acceptorMessage || item?.acceptorImage?.[0]) { + tabs.push({ key: "acceptor", label: "کشتارگاه" }); + } + + useEffect(() => { + if (tabIndex >= tabs.length) { + setTabIndex(0); + } + }, [tabs.length, tabIndex]); + + return ( + + + {tabs.map((t, idx) => ( + + ))} + + + {tabs[tabIndex]?.key === "register" && ( + + {item?.registerMessage && ( + + )} + + {item?.violationImage?.[0] && ( + + + پیوست درخواست کننده: + + + + )} + + )} + + {tabs[tabIndex]?.key === "acceptor" && ( + + {item?.acceptorMessage && ( + + )} + + {item?.acceptorImage?.[0] && ( + + + پیوست کشتارگاه: + + + + )} + + )} + + ); +}; diff --git a/src/features/province/components/province-bar-differences-operations/ProvinceBarDifferencesOperations.js b/src/features/province/components/province-bar-differences-operations/ProvinceBarDifferencesOperations.js new file mode 100644 index 0000000..8e4d125 --- /dev/null +++ b/src/features/province/components/province-bar-differences-operations/ProvinceBarDifferencesOperations.js @@ -0,0 +1,313 @@ +import { + Button, + IconButton, + List, + ListItem, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useState, useContext } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +import SettingsSuggestIcon from "@mui/icons-material/SettingsSuggest"; +import { ProvinceSubmitBarDifference } from "../province-submit-bar-difference/ProvinceSubmitBarDifference"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { + provinceDeleteBarDifferenceService, + provinceEditBarDifferenceService, +} from "../../services/province-bar-differences-services"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { resizeImage } from "../../../../utils/resizeImage"; + +export const ProvinceBarDifferencesOperations = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif] = useContext(AppContext); + + const handleClick = (event) => setAnchorEl(event.currentTarget); + const handleClose = () => setAnchorEl(null); + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const handleDelete = () => { + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + handleClose(); + }; + + const openAcceptRejectModal = () => { + dispatch( + OPEN_MODAL({ + title: "تایید/ رد", + content: ( + + ), + }) + ); + handleClose(); + }; + + return ( +

+ + + + + + + {getRoleFromUrl() !== "KillHouse" ? ( + <> + + + { + handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + title: "ویرایش اختلاف کشتار", + }) + ); + }} + > + + + + + + + + + + + { + handleClose(); + handleDelete(); + }} + > + + + + + + + + + ) : ( + + + { + handleClose(); + openAcceptRejectModal(); + }} + > + + + + + + + + )} + + +

+ ); +}; + +const AcceptRejectModal = ({ item, updateTable, openNotif }) => { + const dispatch = useDispatch(); + const [acceptorMessage, setAcceptorMessage] = useState(""); + const [profileImages, setProfileImages] = useState([]); + const [acceptorImages, setAcceptorImages] = useState([]); + + const handleEditOrAccept = (newState) => { + dispatch( + provinceEditBarDifferenceService({ + bar_key: item?.key, + kill_house_check: true, + acceptor_message: acceptorMessage, + acceptor_images: acceptorImages, + state: newState, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.data.result, + severity: "success", + }); + } + }); + }; + + const handleImageChange = (imageList) => { + if (imageList.length === 0) { + setProfileImages([]); + setAcceptorImages([]); + return; + } + + Promise.all( + imageList.map( + (image) => + new Promise((resolve) => + resizeImage(image.file, (resized) => resolve(fixBase64(resized))) + ) + ) + ).then((resizedImages) => { + setProfileImages(imageList); + setAcceptorImages(resizedImages); + }); + }; + + return ( + + + + توجه: در صورت تایید حجم قطعه اعلام شده، حجم مورد نظر از سالن مرغدار + کسر شده و با میانگین وزن کشتار مرغدار به انبار شما اضافه می‌گردد. + + + + + + + setAcceptorMessage(e.target.value)} + fullWidth + /> + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-bar-infos/ProvinceBarInfos.js b/src/features/province/components/province-bar-infos/ProvinceBarInfos.js new file mode 100644 index 0000000..adf7090 --- /dev/null +++ b/src/features/province/components/province-bar-infos/ProvinceBarInfos.js @@ -0,0 +1,10 @@ +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceBarInfos = () => { + return ( + + + + ); +}; diff --git a/src/features/province/components/province-buyer-steward-allocation/ProvinceBuyerStewardAllocation.js b/src/features/province/components/province-buyer-steward-allocation/ProvinceBuyerStewardAllocation.js new file mode 100644 index 0000000..516c0dc --- /dev/null +++ b/src/features/province/components/province-buyer-steward-allocation/ProvinceBuyerStewardAllocation.js @@ -0,0 +1,616 @@ +import { useDispatch, useSelector } from "react-redux"; +import { useContext, useEffect, useState } from "react"; +import { getProvinceBuyerStewardAllocationService } from "../../services/get-province-buyer-steward-allocation"; +import { useParams } from "react-router-dom"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { SPACING } from "../../../../data/spacing"; +import { provinceBuyerRealCarcassesService } from "../../services/province-buyer-real-carcasses"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceAutomaticStewardAllocationService } from "../../services/province-automatic-steward-allocation"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceUpdateAllocateStewardsService } from "../../services/province-update-allocate-stewards"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import axios from "axios"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { slaughterGetUpdatedInventoryStock } from "../../../slaughter-house/services/salughter-get-updated-inventory-stock"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { ProvinceManageStewardAllocations } from "../province-manage-steward-allocations/ProvinceManageStewardAllocations"; +import { provinceGetTotalReportAgentShareService } from "../../services/province-get-total-report-agent-share"; + +export const ProvinceBuyerStewardAllocation = () => { + const dispatch = useDispatch(); + let currentDate = moment(new Date()).format("YYYY-MM-DD"); + const { id, date } = useParams(); + const [datePicker, setDatePicker] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + if (getRoleFromUrl() === "KillHouse") { + currentDate = datePicker; + } else { + currentDate = date; + } + + const [dataTable, setDataTable] = useState([]); + const { + getProvinceBuyerStewardAllocation, + provinceGetTotalReportAgentShare, + } = useSelector((state) => state.provinceSlice); + + const { slaughterUpdatedInventoryStock } = useSelector( + (state) => state.slaughterSlice + ); + + const updateInventory = () => { + dispatch( + slaughterGetUpdatedInventoryStock({ + date: currentDate, + kill_house_key: id, + }) + ); + }; + + useEffect(() => { + dispatch( + provinceGetTotalReportAgentShareService({ + date: currentDate, + kill_house_key: id, + }) + ); + if (getRoleFromUrl() === "KillHouse") { + dispatch( + provinceUpdateAllocateStewardsService({ + kill_house_key: id, + date: currentDate, + }) + ).then(() => { + dispatch( + getProvinceBuyerStewardAllocationService({ + date: currentDate, + killHouseKey: id, + }) + ).then(() => { + dispatch( + slaughterGetUpdatedInventoryStock({ + date: currentDate, + kill_house_key: id, + }) + ); + }); + }); + } + + if (getRoleFromUrl() === "ProvinceOperator") { + dispatch( + getProvinceBuyerStewardAllocationService({ + date: currentDate, + killHouseKey: id, + }) + ).then(() => { + dispatch( + slaughterGetUpdatedInventoryStock({ + date: currentDate, + kill_house_key: id, + }) + ); + }); + } + }, [currentDate]); + + const updateTable = () => { + dispatch( + getProvinceBuyerStewardAllocationService({ + date: currentDate, + killHouseKey: id, + }) + ); + }; + + useEffect(() => { + const d = getProvinceBuyerStewardAllocation?.map((item) => { + return [ + item.steward.guilds.guildsId, + // formatJustDate(item.steward.guilds.createDate), + item.steward.guilds.steward ? "مباشر" : "صنف", + item.steward.guilds.guildsName, + item.steward.guilds.user.fullname, + // item.steward?.guilds?.user?.nationalId, + item.steward?.guilds?.user?.mobile, + `${item.steward?.guilds?.typeActivity}/${item.steward?.guilds?.areaActivity}`, + item.steward?.guilds?.licenseNumber, + item.steward?.guilds?.address.city.name, + + {`${item?.numberOfCarcasses?.toLocaleString()} قطعه`} + {`${item?.weightOfCarcasses?.toLocaleString()} کیلوگرم`} + , + + {item.state === "accepted" && ( + <> + {`${item?.realNumberOfCarcasses?.toLocaleString()} قطعه`} + {`${item?.realWeightOfCarcasses?.toLocaleString()} کیلوگرم`} + + )} + + {!item.systemRegistrationCode && ( + + + + )} + , + // , + , + ]; + }); + + setDataTable(d); + }, [getProvinceBuyerStewardAllocation]); + + const [inventoryDate, setInventoryDate] = useState(new Date(currentDate)); + + useEffect(() => { + const tempDate = new Date(inventoryDate); + tempDate.setDate(new Date(currentDate).getDate() - 1); + setInventoryDate(tempDate); + }, [currentDate]); + + return ( + + + {/* سهم بندی ها */} + {getRoleFromUrl() === "KillHouse" && ( + ( + + )} + value={currentDate} + onChange={(e) => { + setDatePicker(moment(e).format("YYYY-MM-DD")); + }} + /> + )} + + + + + سهم بندی برای تاریخ کشتار مورخ {formatJustDate(inventoryDate)}{" "} + {provinceGetTotalReportAgentShare?.killer + ? "کشتارکن" + : "کشتارگاه"}{" "} + {provinceGetTotalReportAgentShare?.name} + + + + + + + + + } + columns={[ + "حجم لاشه ها", + "وزن لاشه ها (کیلوگرم)", + "حجم لاشه تخصیص داده شده", + "وزن تخصیص داده شده (کیلوگرم)", + "حجم لاشه قابل تخصیص", + "وزن قابل تخصیص (کیلوگرم)", + ]} + data={[ + [ + slaughterUpdatedInventoryStock?.totalNumberOfCarcasses?.toLocaleString(), + slaughterUpdatedInventoryStock?.totalWeightOfCarcasses?.toLocaleString(), + slaughterUpdatedInventoryStock?.allocatedTotalNumberOfCarcasses?.toLocaleString(), + slaughterUpdatedInventoryStock?.allocatedTotalWeightOfCarcasses?.toLocaleString(), + slaughterUpdatedInventoryStock?.remainTotalNumberOfCarcasses?.toLocaleString(), + slaughterUpdatedInventoryStock?.remainTotalWeightOfCarcasses?.toLocaleString(), + ], + ]} + /> + + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin") && ( + + )} + + {getRoleFromUrl() === "KillHouse" && ( + + {/* سهم بندی اتوماتیک + {getRoleFromUrl() === "KillHouse" && ( + ( + + )} + value={date} + onChange={(e) => { + setDatePicker(moment(e).format("YYYY-MM-DD")); + }} + /> + )} */} + + {/* */} + + } + columns={[ + "شناسه صنف", + // "تاریخ ثبت", + "ماهیت", + "نام واحد صنفی", + "نام شخص/شرکت", + // "کدملی", + "موبایل", + "نوع/حوزه فعالیت", + "شماره مجوز", + "شهرستان", + "تعداد/وزن لاشه پیشنهادی", + "تعداد/وزن لاشه تحویلی", + "کداحراز", + ]} + data={dataTable} + /> + )} + + ); +}; + +const validationSchema = Yup.object({ + number1: Yup.number().required("این فیلد اجباری است"), + number2: Yup.number().required("این فیلد اجباری است"), +}); +const RealCarcassesInput = ({ + // realWeightOfCarcasses, + // realNumberOfCarcasses, + updateTable, + item, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const formik = useFormik({ + initialValues: { + number1: item.realNumberOfCarcasses, + number2: item.realWeightOfCarcasses, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + // Handle form submission + // console.log(values); + }, + }); + // const [numberInput, setNumberInput] = useState(realNumberOfCarcasses); + // const [textInput, setTextInput] = useState(realWeightOfCarcasses); + + // const handleNumberInputChange = (e) => { + // setNumberInput(e.target.value); + // }; + + // const handleTextInputChange = (e) => { + // setTextInput(e.target.value); + // }; + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + {/* {item.state !== "accepted" && ( */} + + {/* )} */} + + ); +}; + +const RegistrationInput = ({ + loggedRegistrationCode, + item, + updateTable, + updateInventory, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [textInput, setTextInput] = useState(loggedRegistrationCode); + + const handleTextInputChange = (e) => { + setTextInput(e.target.value); + }; + + console.log(item.systemRegistrationCode, "zzzz"); + + return ( + + {item.systemRegistrationCode ? ( + + + {!item?.finalRegistration && ( + + )} + + ) : ( + + + + + ), + }) + ); + }} + > + ارسال کداحراز + + )} + + ); +}; diff --git a/src/features/province/components/province-buyers-allocations/ProvinceBuyersAllocations.js b/src/features/province/components/province-buyers-allocations/ProvinceBuyersAllocations.js new file mode 100644 index 0000000..62cda5c --- /dev/null +++ b/src/features/province/components/province-buyers-allocations/ProvinceBuyersAllocations.js @@ -0,0 +1,222 @@ +import { DatePicker } from "@mui/x-date-pickers"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import moment from "moment"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { totalReportDailyBroadCastService } from "../../../slaughter-house/services/salughter-total-report-daily-broad-cast"; +import { getProvinceBuyersAllocationsService } from "../../services/get-province-buyers-allocations"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceBuyersAllocations = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + // const navigate = useNavigate(); + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const { getProvinceBuyersAllocations, totalReportDailyBroadCast } = + useSelector((state) => state.provinceSlice); + + useEffect(() => { + dispatch( + getProvinceBuyersAllocationsService({ selectedDate1, selectedDate2 }) + ); + dispatch( + totalReportDailyBroadCastService({ + selectedDate1, + selectedDate2, + }) + ); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + dispatch( + getProvinceBuyersAllocationsService({ selectedDate1, selectedDate2 }) + ); + dispatch( + totalReportDailyBroadCastService({ + selectedDate1, + selectedDate2, + }) + ); + }, []); + + useEffect(() => { + const d = getProvinceBuyersAllocations?.map((item, i) => { + return [ + i + 1, + item?.informations?.buyers, + item?.informations?.city, + item?.informations?.numberOfSteward.toLocaleString(), + item?.informations?.numberOfGuild.toLocaleString(), + item?.informations?.incomingWeightOfColdHouse?.toLocaleString(), + item?.informations?.incomingQuantityOfColdHouse?.toLocaleString(), + item?.informations?.totalPreColdWeight?.toLocaleString(), + item?.informations?.totalPreColdQuantity?.toLocaleString(), + item?.informations?.totalNumberOfFreeCarcasses?.toLocaleString(), + item?.informations?.totalFreeWeightOfCarcasses?.toLocaleString(), + item?.informations?.totalWeightOfCarcasses?.toLocaleString(), + item?.informations?.totalNumberOfCarcasses?.toLocaleString(), + item?.informations?.finalTotalWeightOfCarcasses?.toLocaleString(), + item?.informations?.finalTotalNumberOfCarcasses?.toLocaleString(), + item?.informations?.totalAllocatedWeight?.toLocaleString(), + item?.informations?.totalAllocatedQuantity?.toLocaleString(), + item?.informations?.totalAcceptedAllocatedWeight?.toLocaleString(), + item?.informations?.totalAcceptedAllocatedQuantity?.toLocaleString(), + item?.informations?.totalRemainQuantity?.toLocaleString(), + item?.informations?.totalRemainWeight?.toLocaleString(), + + + + + , + ]; + }); + setDataTable(d); + }, [getProvinceBuyersAllocations]); + + return ( + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-case-overview/ProvinceCaseOverview.js b/src/features/province/components/province-case-overview/ProvinceCaseOverview.js new file mode 100644 index 0000000..1b482d6 --- /dev/null +++ b/src/features/province/components/province-case-overview/ProvinceCaseOverview.js @@ -0,0 +1,139 @@ +import { Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const ProvinceCaseOverview = ({ item }) => { + return ( + + + + مرغداری: + {item?.poultry?.unitName} + + + مرغدار: + + {item?.poultry?.user?.fullname} + + + + موبایل: + + {item?.poultry?.user?.mobile} + + + + تاریخ کشتار: + + {formatJustDate(item?.sendDate)} + + + + زمان و تاریخ ثبت: + + {formatJustDate(item?.createDate)} + + + + شهرستان: + + {item?.poultry?.address?.city?.name} + + + + + + تعداد: + + {item?.quantity?.toLocaleString()} + + + + متوسط وزن: + {item?.IndexWeight} + + + وزن حدودی: + {item?.hatching?.weight} + + + سن گله: + {item?.hatching?.age} + + + نژاد: + {item?.chickenBreed} + + + قیمت پیشنهادی: + + {item?.amount?.toLocaleString()} ریال + + + + + {item?.provinceKillRequests?.provinceKillRequestSerializer.length ? ( + <> + + خریداران: + + {item?.provinceKillRequests?.provinceKillRequestSerializer?.map( + (item, i) => { + return ( + + {i + 1}- + + {item?.killhouseUser?.name} + + + ({item?.killhouseUser?.killHouseOperator?.user?.mobile}) + + تعداد: + + {item?.mainQuantity?.toLocaleString()} + + محل کشتار: + {item?.killPlace} + + ); + } + )} + + ) : ( + <> + + خریداران: بدون خریدار + + + )} + + + + قیمت مرغ: + + {item?.amount?.toLocaleString()} ریال + + + {/* + مبلغ قابل پرداخت: + 55112 + + + باقی مانده قابل پرداخت: + 44 + + + مبلغ پرداخت شده: + 258522 + */} + + + ); +}; diff --git a/src/features/province/components/province-case-status/ProvinceCaseStatusComponent.js b/src/features/province/components/province-case-status/ProvinceCaseStatusComponent.js new file mode 100644 index 0000000..4b10f5e --- /dev/null +++ b/src/features/province/components/province-case-status/ProvinceCaseStatusComponent.js @@ -0,0 +1,511 @@ +import { + // Divider, + // Paper, + Table, + TableBody, + TableCell, + TableRow, + TextField, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { provinceGetCaseStatusService } from "../../services/province-get-case-status"; + +export const ProvinceCaseStatusComponent = () => { + const dispatch = useDispatch(); + const { provinceGetCaseStatus } = useSelector((state) => state.provinceSlice); + + const [selectedDate, setSelectedDate] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + const handleDateChange = (date) => { + setSelectedDate(date); + }; + + useEffect(() => { + dispatch(provinceGetCaseStatusService(selectedDate)); + }, [selectedDate]); + + return ( + + + } + value={selectedDate} + onChange={(e) => { + handleDateChange(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + {provinceGetCaseStatus?.map((item, i) => { + // city state color + let cityStateColor; + if (item?.cityState?.state === "pending") { + cityStateColor = "#ff7410"; + } + if (item?.cityState?.state === "accept") { + cityStateColor = "green"; + } + if (item?.cityState?.state === "reject") { + cityStateColor = "red"; + } + + // province state color + let provinceStateColor; + if (item?.provinceState?.state === "pending") { + provinceStateColor = "#ff7410"; + } + if (item?.provinceState?.state === "accept") { + provinceStateColor = "green"; + } + if (item?.provinceState?.state === "reject") { + provinceStateColor = "red"; + } + + return ( + + + + + + + مرغدار + + + + + {item?.poultry?.poultryName} ( + {item?.poultry?.userFullname}) + + + تلفن: {item?.poultry?.userMobile} + + + {item?.poultry?.poultryRequestQuantity.toLocaleString()}{" "} + قطعه + + + دامپزشک فارم: {item?.poultry?.vetFarmName} + + + تلفن دامپزشک: {item?.poultry?.vetFarmMobile} + + + + + + + شهرستان + + + + + {item?.cityState?.operatorCity} ( + {item?.cityState?.operatorName}) + + + تلفن: {item?.cityState?.operatorMobile} + + + + + + + استان + + + + + {item?.provinceState?.provinceOperatorProvinc} ( + {item?.provinceState?.provinceOperatorName}) + + + تلفن: {item?.provinceState?.provinceOperatorMobile} + + + + + {item?.provinceKillRequests?.map((killRequest, i) => { + // killhouse state color + let killHouseStateColor; + if (killRequest?.state === "pending") { + killHouseStateColor = "#ff7410"; + } + if (killRequest?.state === "accepted") { + killHouseStateColor = "green"; + } + if (killRequest?.state === "rejected") { + killHouseStateColor = "red"; + } + return ( + + + + + خریدار + + + + + {killRequest?.buyerName} + + + {killRequest?.quantity} قطعه + + + تلفن: {killRequest?.buyerMobile} + + + + + + + راننده + + + {killRequest?.killHouseRequests?.map((car, i) => { + let carStateColor = ""; + if (car?.clearanceCode) { + carStateColor = "green"; + } else { + carStateColor = "red"; + } + return ( + + + {car?.driverName} / تعداد{" "} + {car?.quantity.toLocaleString()} / + کدبهداشتی {car?.trafficCode} / کدترخیص{" "} + {car?.clearanceCode + ? car?.clearanceCode + : "در انتظار"} + + + ); + })} + + + + + دامپزشک کشتارگاه + + + {killRequest?.killHouseRequests?.map((car, i) => { + let vetStateColor = ""; + if (car?.vetState === "pending") { + vetStateColor = "#ff7410"; + } else if (car?.vetState === "accepted") { + vetStateColor = "green"; + } else { + vetStateColor = "red"; + } + return ( + + + {car?.killHouseVetName + ? car?.killHouseVetName + : "ندارد"}{" "} + /{" "} + {car?.killHouseVetMobile + ? car.killHouseVetMobile + : "ندارد"} + + + ); + })} + + + + + اطلاعات بار + + + {killRequest?.killHouseRequests + ?.filter((car) => car.bar) + ?.map((car, i) => { + // city state color + let barStateColor; + if (car?.bar?.state === "pending") { + barStateColor = "#ff7410"; + } + if (car?.bar?.state === "accepted") { + barStateColor = "green"; + } + if (car?.bar?.state === "rejected") { + barStateColor = "red"; + } + return ( + + + + +

+ + وزن با بار:{" "} + {car?.bar?.carWeightWithLoad?.toLocaleString()}{" "} + / + +

+ + وزن بدون بار:{" "} + {car?.bar?.carWeightWithoutLoad?.toLocaleString()}{" "} + / وزن خالص: + {car?.bar?.netWeight.toLocaleString()}{" "} + / تعداد واقعی: + {car?.bar?.realQuantity.toLocaleString()} + + + + ); + })} + + + + + فاکتور استان + + + {killRequest?.killHouseRequests + ?.filter((car) => car.provinceFactor) + ?.map((car, i) => { + // city state color + let provinceFactorStateColor; + if ( + car?.killHouseFactor?.state === "pending" + ) { + provinceFactorStateColor = "#ff7410"; + } + if ( + car?.killHouseFactor?.state === "accepted" + ) { + provinceFactorStateColor = "green"; + } + if ( + car?.killHouseFactor?.state === "rejected" + ) { + provinceFactorStateColor = "red"; + } + return ( + + + فی:{" "} + {car?.provinceFactor?.factorFee.toLocaleString()} + {" / "} + وزن:{" "} + {car?.provinceFactor?.totalWeight.toLocaleString()} + {" / "} + مبلغ کل:{" "} + {car?.provinceFactor?.totalPrice.toLocaleString()} + +

+ + شناسه پرداخت: + {car?.killHouseFactor?.paymentCode} + + + ); + })} + + + ); + })} + + + +

+ ); + })} + + + + ); +}; diff --git a/src/features/province/components/province-case-step-bars-info/ProvinceCaseStepBarsInfo.js b/src/features/province/components/province-case-step-bars-info/ProvinceCaseStepBarsInfo.js new file mode 100644 index 0000000..f5f05a1 --- /dev/null +++ b/src/features/province/components/province-case-step-bars-info/ProvinceCaseStepBarsInfo.js @@ -0,0 +1,5 @@ +import { Typography } from "@mui/material"; + +export const ProvinceCaseStepBarsInfo = () => { + return اطلاعات بارها; +}; diff --git a/src/features/province/components/province-case-step-payment-information/ProvinceCaseStepPaymentInformation.js b/src/features/province/components/province-case-step-payment-information/ProvinceCaseStepPaymentInformation.js new file mode 100644 index 0000000..2af3962 --- /dev/null +++ b/src/features/province/components/province-case-step-payment-information/ProvinceCaseStepPaymentInformation.js @@ -0,0 +1,5 @@ +import { Typography } from "@mui/material"; + +export const ProvinceCaseStepPaymentInformation = () => { + return اطلاعات پرداخت; +}; diff --git a/src/features/province/components/province-case-step-shipping/ProvinceCaseStepShipping.js b/src/features/province/components/province-case-step-shipping/ProvinceCaseStepShipping.js new file mode 100644 index 0000000..a4435e1 --- /dev/null +++ b/src/features/province/components/province-case-step-shipping/ProvinceCaseStepShipping.js @@ -0,0 +1,5 @@ +import { Typography } from "@mui/material"; + +export const ProvinceCaseStepShipping = () => { + return گواهی حمل; +}; diff --git a/src/features/province/components/province-case-steps/ProvinceCaseSteps.js b/src/features/province/components/province-case-steps/ProvinceCaseSteps.js new file mode 100644 index 0000000..07bfbda --- /dev/null +++ b/src/features/province/components/province-case-steps/ProvinceCaseSteps.js @@ -0,0 +1,143 @@ +import { Step, StepLabel, Stepper, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useEffect, useState } from "react"; + +export const ProvinceCaseSteps = ({ stepClickedHandler, item }) => { + const [currentStep, setCurrentStep] = useState(0); + + useEffect(() => { + let step = 0; + + if ( + item?.cityState?.state === "reject" || + item?.provinceState?.state === "reject" + ) { + step = -1; + } else { + if (item?.cityState?.date) { + step = 1; + } + if (item?.provinceState?.date) { + step = 2; + } + if ( + item?.provinceKillRequests?.provinceKillRequestSerializer.length > 0 + ) { + step = 3; + } + if (item?.killHouseRequests?.killHouseRequestsSerializer.length > 0) { + step = 4; + } + if ( + item?.killHouseRequests?.killHouseRequestVetCheckSerializer?.length > 0 + ) { + step = 5; + } + if ( + item?.killHouseRequests?.killHouseRequestAssignmentSerializer?.length > + 0 + ) { + step = 6; + } + } + + setCurrentStep(step); + }, [item]); + + const steps = item.out + ? ["درخواست کشتار", "تایید شهرستان", "تایید استان"] + : [ + "درخواست کشتار", + "تایید شهرستان", + "تایید استان", + "تخصیص به خریدار", + "ایجاد بار", + "تخلیه", + "اطلاعات بار", + "اطلاعات پرداخت", + ]; + + const isStepFailed = (step) => { + let isFailed = false; + switch (step) { + case 1: + isFailed = item?.cityState?.state === "reject"; + break; + case 2: + isFailed = item?.provinceState?.state === "reject"; + break; + default: + break; + } + return isFailed; + }; + + return ( + + + + {steps.map((label, index) => { + const labelProps = {}; + if (isStepFailed(index)) { + labelProps.optional = ( + + پرونده در این مرحله رد شد. + + ); + labelProps.error = true; + } + + return ( + { + if (currentStep >= index) { + stepClickedHandler(index); + } + }} + > + {label} + + ); + })} + + + + + {steps.map((label, index) => { + const labelProps = {}; + if (isStepFailed(index)) { + labelProps.optional = ( + + پرونده در این مرحله رد شد. + + ); + labelProps.error = true; + } + + return ( + { + if (currentStep >= index) { + stepClickedHandler(index); + } + }} + > + {label} + + ); + })} + + + + ); +}; diff --git a/src/features/province/components/province-cases-item/Pages.js b/src/features/province/components/province-cases-item/Pages.js new file mode 100644 index 0000000..433c64e --- /dev/null +++ b/src/features/province/components/province-cases-item/Pages.js @@ -0,0 +1,580 @@ +import { Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +const styles = { + tableInNewPage: { + pageBreakAfter: "always", + paddingLeft: "40px", + paddingRight: "40px", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + fontFamily: "titr", + marginBottom: "5px", + marginTop: "15px", + borderRadius: "10px", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + fontWeight: "bolder", + color: "#403e3e", + }, + tableCellGreen: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + color: "white", + fontWeight: "bolder", + backgroundColor: "rgba(26, 188, 156, 0.7)", + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + whiteSpace: "nowrap", + }, + tableHeader: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + pageBreakAfter: "auto", + }, + headerRow: { + background: "linear-gradient(to right, #E684AE, #79CBCA, #77A1D3)", + backgroundColor: "rgba(232, 67, 147, 0.4)", + color: "#422020", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + + tableHeaderCell: { + fontSize: 14, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + }, + tableHeaderCellGreen: { + backgroundColor: "rgba(26, 188, 156, 0.7)", + fontSize: 12, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + color: "white", + }, + footer: { + left: 0, + bottom: 0, + width: "100%", + position: "absolute", + }, + footerContainer: { + alignItems: "center", + display: "flex", + }, + + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + titleOfTable: { + marginRight: "20px", + fontSize: "15px", + }, + tableCellAlert: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + color: "red", + }, + levelDetails: { + color: "red", + fontSize: 12, + }, +}; + +export const TableCityLevel = ({ item }) => { + return ( + + مرحله شهرستان + + + + + + + + + + + + {item?.cityState?.date ? ( + + + + + + + + + + + ) : ( + + )} +

اپراتور	سمت	تلفن	تعاونی مرغدار	آدرس	وضعیت
+ {item?.cityState?.cityOperatorFullname} +	اپراتور شهرستان	+ {item?.cityState?.cityOperatorMobile} +	{item?.cityState?.poultry}	+ {item?.cityState?.province + " - " + item?.cityState?.city} +	+ {item?.cityState?.state === "accept" ? "تایید شده" : "رد شده"} +
+ هنوز شهرستان پرونده را تائید نکرده است +

+ + ); +}; + +export const TableProvinceLevel = ({ item }) => { + return ( + + مرحله استان + + + + + + + + + + + + {item?.provinceState?.date ? ( + + + + + + + + + + + ) : ( + + )} +

اپراتور	سمت	تلفن	تعاونی مرغدار	آدرس	وضعیت
+ {item?.provinceState?.provinceOperatorFullname} +	اپراتور استان	+ {item?.provinceState?.provinceOperatorMobile} +	{item?.provinceState?.poultry}	+ {item?.provinceState?.province + + " - " + + item?.provinceState?.city} +	+ {item?.provinceState?.state === "accept" + ? "تایید شده" + : "رد شده"} +
+ هنوز استان پرونده را تائید نکرده است +

+ + ); +}; + +export const TableSalughterAllocationLevel = ({ item }) => { + return ( + + + مرحله تخصیص به خریدار {" ( "} + + تعداد درخواست:{" "} + {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.poultryRequestQuantity.toLocaleString()} + ، تعداد تخصیصی به کشتارگاه:{" "} + {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.allocatedQuantity.toLocaleString()} + ، مانده قابل تخصیصی:{" "} + {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.poultryRequestRemainQuantity.toLocaleString()} + + {" ) "} + + + + + + + + + + + + + + + {item?.provinceKillRequests?.provinceKillRequestSerializer ? ( + + {item?.provinceKillRequests?.provinceKillRequestSerializer.map( + (item, i) => ( + + + + + + + + + + + ) + )} + + ) : ( + + )} +

ردیف	ماهیت خریدار	خریدار	نوع تخصیص	تعداد تخصیصی	میانگین وزن	وزن تخصیصی	وضعیت
{i + 1}	+ {item?.killhouseUser?.killer === false + ? "کشتارگاه" + : "کشتارکن"} +	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	+ {item?.automatic === false ? "دستی" : "اتوماتیک"} +	+ {item?.weightInfo?.provinceKillRequestQuantity} +	+ {item?.weightInfo?.provinceKillRequestIndexWeight} +	+ {item?.weightInfo?.provinceKillRequestWeight} +	+ {item?.state === "accepted" + ? "تایید شده" + : item?.state === "rejected" + ? "رد شده" + : "در انتظار تایید"} +
+ داده ای ثبت نشده! +

+ + ); +}; + +export const TableSlaughterAddCar = ({ item }) => { + return ( + + + مرحله ایجاد بار + {" ( "} + + تعداد تخصیص به خریداران:{" "} + {item?.killHouseRequests?.allocatedQuantity?.toLocaleString()}، تعداد + بارها: {item?.killHouseRequests?.numberOfBars?.toLocaleString()}، + تعداد تخصیص به ماشین:{" "} + {item?.killHouseRequests?.killHouseRequestQuantity?.toLocaleString()}، + مانده قابل تخصیص:{" "} + {item?.killHouseRequests?.remainQuantity?.toLocaleString()} + + {" ) "} + + + + + + + + + + + + + + + + + {item?.killHouseRequests?.killHouseRequestsSerializer ? ( + + {item?.killHouseRequests?.killHouseRequestsSerializer.map( + (item, i) => ( + + + + + + + + + + + + + ) + )} + + ) : ( + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	تعداد	وزن بار	میانگین وزن	کد قرنطینه	محل کشتار
{i + 1}	{item?.barCode}	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	{`${item?.addCar?.driver?.typeCar} (${item?.addCar?.driver?.pelak})`}	{`${item?.addCar?.driver?.driverName} (${item?.addCar?.driver?.driverMobile})`}	+ {item?.quantity.toLocaleString()} +	{item?.weightInfo?.weight}	+ {item?.weightInfo?.indexWeight} +	{item?.clearanceCode}	{item?.killPlace}
+ داده ای ثبت نشده! +

+ + ); +}; + +export const TableSVetAcceptDischarge = ({ item }) => { + return ( + + + مرحله تخلیه بار + {" ( "} + + تعداد بارها: {item?.killHouseRequests?.numberOfBars?.toLocaleString()} + ، تایید تخلیه:{" "} + {item?.killHouseRequests?.vetAcceptedNumberOfBars?.toLocaleString()}، + تخلیه نشده:{" "} + {item?.killHouseRequests?.vetRemainNumberOfBars?.toLocaleString()} + + {" ) "} + + + + + + + + + + + + + + + + + + + + {item?.killHouseRequests?.killHouseRequestVetCheckSerializer.length ? ( + + {item?.killHouseRequests?.killHouseRequestVetCheckSerializer.map( + (item, i) => ( + + + + + + + + + + + + + + + + ) + )} + + ) : ( + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده	وزن تخلیه شده	وضعیت	اطلاعات تخلیه
{i + 1}	{item?.barCode}	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	{`${item?.addCar?.driver?.typeCar} (${item?.addCar?.driver?.pelak})`}	{`${item?.addCar?.driver?.driverName} (${item?.addCar?.driver?.driverMobile})`}	+ {item?.quantity.toLocaleString()} +	{item?.weightInfo?.weight}	+ {item?.weightInfo?.indexWeight} +	{item?.clearanceCode}	+ {item?.vetAcceptedRealQuantity?.toLocaleString()} +	+ {item?.vetAcceptedRealWeight?.toLocaleString()} +	+ {item?.vetState === "accepted" + ? "تخلیه شده" + : "در انتظار تخلیه"} +	+ {item?.vetState === "accepted" + ? `${item?.killHouseVet?.fullname} (${item?.killHouseVet?.mobile})` + : "-"} +
+ تخلیه بار تایید نشده است. +

+ + ); +}; + +export const TableSlaughterInputBarData = ({ item }) => { + return ( + + اطلاعات بار + + + + + + + + + + + + + + + + + + + {item?.killHouseRequests?.killHouseRequestAssignmentSerializer ? ( + + {item?.killHouseRequests?.killHouseRequestAssignmentSerializer.map( + (item, i) => ( + + + + + + + + + + + + + {" "} + + + ) + )} + + ) : ( + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	تعداد نهایی	وزن خالص واقعی
{i + 1}	{item?.barCode}	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	{`${item?.addCar?.driver?.typeCar} (${item?.addCar?.driver?.pelak})`}	{`${item?.addCar?.driver?.driverName} (${item?.addCar?.driver?.driverMobile})`}	+ {item?.quantity.toLocaleString()} +	{item?.weightInfo?.weight}	+ {item?.weightInfo?.indexWeight} +	{item?.clearanceCode}	+ {item?.vetAcceptedRealQuantity?.toLocaleString()} +	+ {item?.vetAcceptedRealWeight?.toLocaleString()} +	+ {item?.acceptedRealQuantity?.toLocaleString()} +	+ {item?.acceptedRealWeight?.toLocaleString()} +
+ داده ای ثبت نشده! +

+ + ); +}; + +export const TableSlaughterFinanceInfo = ({ item }) => { + return ( + + + + + + + + + + + + + + + + + + + {item?.provinceState?.date && ( + + + {/* */} + + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	نژاد	کد قرنطینه	تعداد نهایی	وزن خالص بار	میانگین وزن	مبلغ فاکتور	وضعیت	اطلاعات پرداخت (شناسه پرداخت)
+ {item?.provinceState?.provinceOperatorFullname} +

+ ); +}; + +export const TableInspector = ({ item }) => { + return ( + + + + + + + + + + + + + + + + + + + + {item?.provinceState?.date && ( + + + {/* */} + + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	نژاد	کد قرنطینه	تعداد نهایی	وزن خالص بار	میانگین وزن	مبلغ فاکتور	وضعیت پرداخت	وضعیت	نظر بازرس
+ {item?.provinceState?.provinceOperatorFullname} +

+ ); +}; diff --git a/src/features/province/components/province-cases-item/ProvinceCasesItem.js b/src/features/province/components/province-cases-item/ProvinceCasesItem.js new file mode 100644 index 0000000..6348c0c --- /dev/null +++ b/src/features/province/components/province-cases-item/ProvinceCasesItem.js @@ -0,0 +1,253 @@ +import { + Collapse, + IconButton, + Paper, + Tooltip, + Typography, +} from "@mui/material"; +import { useEffect, useState, useRef, useContext } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ProvinceCaseOverview } from "../province-case-overview/ProvinceCaseOverview"; +import { ProvinceCaseSteps } from "../province-case-steps/ProvinceCaseSteps"; +import { ProvinceCaseStepPaymentInformation } from "../province-case-step-payment-information/ProvinceCaseStepPaymentInformation"; +import { BsFillFileEarmarkPdfFill } from "react-icons/bs"; +import { useReactToPrint } from "react-to-print"; +import { AppContext } from "../../../../contexts/AppContext"; +import ProvinceGetCaseFile from "../province-get-case-file/ProvinceGetCaseFile"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { + TableCityLevel, + TableProvinceLevel, + TableSVetAcceptDischarge, + TableSalughterAllocationLevel, + TableSlaughterAddCar, + TableSlaughterInputBarData, +} from "./Pages"; + +export const ProvinceCasesItem = ({ caseData, caseIndex, pageIndex, data }) => { + const [isCollapsed, setIsCollapsed] = useState(false); + const [clickedStep, setClickedStep] = useState(null); + + const [statusColor, setStatusColor] = useState("black"); + + const [, , selectedDate1] = useContext(AppContext); + + const [currentStep, setCurrentStep] = useState("تایید شهرستان"); + + useEffect(() => { + let step = "تایید شهرستان"; + + if ( + caseData?.cityState?.state === "reject" || + caseData?.provinceState?.state === "reject" + ) { + step = "درخواست رد شد"; + setStatusColor("red"); + } else { + if (caseData?.cityState?.date) { + step = "تایید شهرستان"; + } + if (caseData?.provinceState?.date) { + step = "تایید استان"; + } + if ( + caseData?.provinceKillRequests?.provinceKillRequestSerializer?.length > + 0 + ) { + step = "تخصیص به خریدار"; + } + if ( + caseData?.killHouseRequests?.killHouseRequestsSerializer?.length > 0 + ) { + step = "ایجاد بار"; + } + if ( + caseData?.killHouseRequests?.killHouseRequestVetCheckSerializer + ?.length > 0 + ) { + step = "تخلیه بار"; + } + if ( + caseData?.killHouseRequests?.killHouseRequestAssignmentSerializer + ?.length > 0 + ) { + step = "اطلاعات بار"; + } + } + + setCurrentStep(step); + }, [caseData]); + + const componentRef = useRef(); + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: `گزارش پرونده `, + }); + + const setPdfOptions = () => { + if (caseData) { + printPDF(); + } + }; + + const handleToggleCollapse = () => { + setIsCollapsed(!isCollapsed); + }; + + const stepClickedHandler = (step) => { + setClickedStep(step); + }; + + let clickedStepComponent; + + switch (clickedStep) { + case 1: + clickedStepComponent = ; + break; + case 2: + clickedStepComponent = ; + break; + case 3: + clickedStepComponent = ; + break; + case 4: + clickedStepComponent = ; + break; + case 5: + clickedStepComponent = ; + break; + case 6: + clickedStepComponent = ; + break; + case 7: + clickedStepComponent = ; + break; + default: + break; + } + + return ( + + +

+ + {pageIndex + caseIndex}. + +

+ + {caseData.out ? "خارج استان" : "داخل استان"} + +

+ +

+ + + + شماره سفارش: {caseData?.orderCode} + + + + + + نوع کشتار: {caseData?.freezing ? "انجماد" : "عادی"} + + + + + + تاریخ کشتار: {formatJustDate(caseData?.sendDate)} + + + + + + مرغدار: {caseData?.poultry?.unitName} + + + + + + وضعیت: {currentStep} + + + + + + + + + + + + + + + + + {clickedStepComponent} + + +

+ + + ); +}; diff --git a/src/features/province/components/province-cases/ProvinceCases.js b/src/features/province/components/province-cases/ProvinceCases.js new file mode 100644 index 0000000..e88ea1f --- /dev/null +++ b/src/features/province/components/province-cases/ProvinceCases.js @@ -0,0 +1,290 @@ +import { + Button, + Pagination, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext, useEffect, useState } from "react"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceCasesItem } from "../province-cases-item/ProvinceCasesItem"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceGetCasesOverview } from "../../services/get-cases-overview"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceCases = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [textValue, setTextValue] = useState(""); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const dispatch = useDispatch(); + + const { casesOverview } = useSelector((item) => item.provinceSlice); + + const fetchApiData = async (page) => { + setPage(1); + dispatch(LOADING_START()); + const response = await axios.get( + `poultry_requests_for_total_information/?date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue ? textValue : "" + }&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + }; + + const [page, setPage] = useState(1); + + const handleChangePage = (event, newPage) => { + setPage(newPage + 1, fetchApiData(newPage + 1)); + }; + + // const handlePageChange = (page) => { + // fetchApiData(page, textValue); + // }; + + // const handlePerRowsChange = async (newPerPage, page) => { + // setLoading(true); + // let response = await axios.get( + // `Poultry_Request/?state=accepted&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + // textValue ? textValue : "" + // }&page=${page}&page_size=${newPerPage}` + // ); + + // setData(response.data.results); + // setTotalRows(response.data.count); + // setPerPage(newPerPage); + + // setLoading(false); + // }; + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [openNotif] = useContext(AppContext); + + useEffect(() => { + setPerPage(10); + fetchApiData(1); + dispatch( + provinceGetCasesOverview({ date1: selectedDate1, date2: selectedDate2 }) + ); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + }; + + return ( + + + روند پرونده ها + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + {/*

*/} + + + {/* */} + + {/* */} + + {/* */} + + + {/* */} + + {/* */} + +

+ + + { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.", + severity: "success", + }); + const link = `${ + axios.defaults.baseURL + }detail_of_killing_excel/?date1=${selectedDate1}&date2=${selectedDate2}&role=${getRoleFromUrl()}&key=${userKey}`; + window.location.href = link; + }} + > + + , + ], + ]} + /> + + + {data.map((item, i) => ( + + ))} + {!!data?.length && ( + + { + handleChangePage(event, newPage - 1); + }} + /> + + )} + + + + ); +}; diff --git a/src/features/province/components/province-check-chain-allocation/ProvinceCheckChainAllocation.js b/src/features/province/components/province-check-chain-allocation/ProvinceCheckChainAllocation.js new file mode 100644 index 0000000..92d1bab --- /dev/null +++ b/src/features/province/components/province-check-chain-allocation/ProvinceCheckChainAllocation.js @@ -0,0 +1,129 @@ +import { Button, TextField, Typography } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceCheckChainAllocationService } from "../../services/province-check-chain-allocation"; + +export const ProvinceCheckChainAllocation = ({ item, fetchApiData }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [value, setValue] = useState(""); + + const handleChange = (event) => { + setValue(event.target.value); + }; + + return ( + + + + اطلاعات مرغدار + + + نام: {item?.poultryHatching?.poultry?.unitName} ( + {item?.poultryHatching?.poultry?.user?.mobile}) + + + شرکت زنجیره:{" "} + {`${item?.chainCompany?.name} (${item?.chainCompany?.user.mobile})`} + + + نوع تخصیص: {item?.outProvince ? "خارج استان" : "داخل استان"} + + + خریدار:{" "} + {item?.killHouse?.killHouseOperator?.user.fullname + ? `${item?.killHouse?.killHouseOperator?.user.fullname} (${item?.killHouse?.killHouseOperator?.user.mobile})` + : `${item?.buyerName} (${item?.buyerMobile})`} + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-check-free-sale/ProvinceCheckFreeSale.js b/src/features/province/components/province-check-free-sale/ProvinceCheckFreeSale.js new file mode 100644 index 0000000..72ed3cd --- /dev/null +++ b/src/features/province/components/province-check-free-sale/ProvinceCheckFreeSale.js @@ -0,0 +1,407 @@ +import { + Button, + FormControl, + FormControlLabel, + FormLabel, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceCheckFreeSaleService } from "../../services/province-check-free-sale"; +import { provinceGetFreeSalesRequestsService } from "../../services/province-get-free-sales-requests"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { provinceEditFreeSaleService } from "../../services/province-edit-free-sale"; +import { useProvinceName } from "../../../../utils/getProvinceName"; + +export const ProvinceCheckFreeSale = ({ + buyer, + poultryRequestKey, + item, + isEdit, +}) => { + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [value, setValue] = useState(""); + const [payerValue, setPayerValue] = useState( + isEdit ? item.payerType : "poultry" + ); + const handleChange = (event) => { + setValue(event.target.value); + }; + + const provinceName = useProvinceName(); + + const handleChangePayer = (event) => { + setPayerValue(event.target.value); + if (event.target.value === "buyer") { + formik.setFieldValue("mobile", buyer.mobile); + } else { + formik.setFieldValue("mobile", item.poultry.user.mobile); + } + }; + + const formik = useFormik({ + initialValues: { + mobile: item.poultry.user.mobile, + weight: isEdit ? item?.IndexWeight : "", + quantity: isEdit ? item?.quantity : "", + }, + validationSchema: Yup.object({ + mobile: Yup.string() + .required("شماره موبایل الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + weight: Yup.number(), + quantity: Yup.number(), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + let newVal = formik.values.weight; + const mystring = formik.values.weight.toString().split(".").join(""); + if (formik.values.weight) { + if (mystring.length <= 3) { + if (mystring.length === 2) { + newVal = mystring[0] + "." + mystring[1]; + } + if (mystring.length === 3) { + newVal = mystring[0] + "." + mystring[1] + mystring[2]; + } + } + } + if (isNaN(Number.parseFloat(newVal))) { + formik.setFieldValue("weight", ""); + } else { + formik.setFieldValue("weight", Number.parseFloat(newVal)); + } + }, [formik.values.weight]); + + let buyerType = "-"; + if (buyer.buyerType === "freezing") { + buyerType = "انجماد"; + } else if (buyer.buyerType === "killer") { + buyerType = "کشتارکن"; + } else if (buyer.buyerType === "killhouse") { + buyerType = "کشتارگاه"; + } + + const reg = new RegExp(/^09\d{9}$/); + + return ( + + + + اطلاعات خریدار + + + نام: {buyer.firstName} {buyer.lastName} + + + موبایل: {buyer.mobile} + + + شهر: {buyer.city} + + + استان: {buyer.province} + + + ماهیت خریدار: {buyerType} + + + + {provinceName !== "hamedan" && ( + <> + + + پرداخت کننده + + + } + label="مرغدار" + /> + } + label="خریدار" + /> + + + + + {payerValue === "poultry" ? ( + + {!reg.test(item.poultry.user.mobile) + ? "فرمت تلفن مرغدار نادرست است! لطفا یک شماره موبایل معتبر وارد کنید." + : "از این قسمت میتوانید تلفن مرغدار را ویرایش کنید."} + + ) : ( + + {!reg.test(buyer.mobile) + ? "فرمت تلفن خریدار نادرست است! لطفا یک شماره موبایل معتبر وارد کنید." + : "از این قسمت میتوانید تلفن خریدار را ویرایش کنید."} + + )} + + + + + {isEdit && ( + + + + + + + + + )} + + )} + + + {!isEdit && ( + + )} + {isEdit ? ( + + ) : ( + <> + + + + )} + + + ); +}; diff --git a/src/features/province/components/province-chicken-distribution-and-sales-details/ProvinceChickenDistributionsAndSalesDetails.js b/src/features/province/components/province-chicken-distribution-and-sales-details/ProvinceChickenDistributionsAndSalesDetails.js new file mode 100644 index 0000000..b9a2f45 --- /dev/null +++ b/src/features/province/components/province-chicken-distribution-and-sales-details/ProvinceChickenDistributionsAndSalesDetails.js @@ -0,0 +1,269 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, Checkbox, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useParams } from "react-router-dom"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; + +export const ProvinceChickenDistributionsAndSalesDetails = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const { unitkey, name, type } = useParams(); + const [withDate, setWithDate] = useState(false); + + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `https://rsibackend.rasadyar.com/app/${ + type === "Steward" ? "guilds-" : "" + }transport-carcass-detail/?search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&code=${unitkey}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.productDate ? formatJustDate(item?.productDate) : "-", + `${formatJustDate(item?.date)} (${item?.time?.slice(0, 5)})`, + item?.out ? "خارج استان" : "داخل استان", + item?.product, + item?.quantity?.toLocaleString(), + , + item?.origin, + item?.originProvince, + item?.originCity, + item?.destination, + item?.destinationProvince, + item?.destinationCity, + item?.driverName, + item?.owner, + item?.carTrackingCode, + item?.plate, + item?.unloading ? "تخلیه شده" : "در انتظار تخلیه", + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/${ + type === "Steward" ? "guilds-" : "" + }transport-carcass-detail/?search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&code=${unitkey}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + {/* */} + + + + + + ); +}; diff --git a/src/features/province/components/province-chicken-distribution-and-sales/ProvinceChickenDistributionsAndSales.js b/src/features/province/components/province-chicken-distribution-and-sales/ProvinceChickenDistributionsAndSales.js new file mode 100644 index 0000000..c5a4a6f --- /dev/null +++ b/src/features/province/components/province-chicken-distribution-and-sales/ProvinceChickenDistributionsAndSales.js @@ -0,0 +1,437 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Autocomplete, + Button, + Checkbox, + IconButton, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getSamasatProvinces } from "../../../../utils/getSamasatProvinces"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + ROUTE_ADMINX_ROUTE_NATIONAL_INFO_SLAUGHTER, + ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_SLAUGHTER, +} from "../../../../routes/routes"; +import { ProvinceChickenDistributionsAndSalesDashboardService } from "../../services/province-chicken-distribution-and-sales-dashboard"; +import { formatTime } from "../../../../utils/formatTime"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const ProvinceChickenDistributionsAndSales = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + const [selectedRole, setSelectedRole] = useState("KillHouse"); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const [dashboardData, setDashboardData] = useState([]); + const [withDate, setWithDate] = useState(false); + const [openNotif] = useContext(AppContext); + + const [selectedProvince, setSelectedProvince] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + getDashboardData(); + dispatch(LOADING_START()); + response = await axios.get( + `https://rsibackend.rasadyar.com/app/transport-carcass-detail/?search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&role=${selectedRole}&province=${selectedProvince}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + const getDashboardData = () => { + dispatch( + ProvinceChickenDistributionsAndSalesDashboardService({ + role: selectedRole, + province: selectedProvince, + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const distributonWeight = + item?.info?.totalInputBarsWight + item?.info?.totalOutputBarsWight; + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.info?.role, + item?.UnitName || item?.name, + item?.PartIdCode || item?.jihadiCode, + item?.Province || item?.province, + item?.City || item?.city, + "گوشت مرغ تازه", + item?.info?.totalInputBuyBarsCount?.toLocaleString(), + item?.info?.totalInputBuyBarsWight?.toLocaleString(), + item?.info?.totalOutputBuyBarsCount?.toLocaleString(), + item?.info?.totalOutputBuyBarsWight?.toLocaleString(), + item?.info?.totalWareHouse?.toLocaleString(), + distributonWeight?.toLocaleString(), + "%" + + (item?.info?.totalWareHouse + ? ((distributonWeight / item?.info?.totalWareHouse) * 100).toFixed( + 1 + ) + : 0), + item?.info?.inputBars?.toLocaleString(), + item?.info?.totalInputBarsWight?.toLocaleString(), + "%" + item?.info?.totalInputBarsPercent?.toLocaleString(), + item?.info?.totalOutputBarsWight?.toLocaleString(), + "%" + item?.info?.totalOutputBarsPercent?.toLocaleString(), + { + window.open( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_ROUTE_NATIONAL_INFO_SLAUGHTER}/${ + selectedRole === "KillHouse" + ? item.PartIdCode + : item?.jihadiCode + }/${item?.UnitName || item?.name}/distribution` + : `${ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_SLAUGHTER}/${ + selectedRole === "KillHouse" + ? item.PartIdCode + : item?.jihadiCode + }/${item?.UnitName || item?.name}/distribution`, + "_blank" + ); + }} + > + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [ + dispatch, + selectedDate1, + selectedDate2, + perPage, + selectedRole, + selectedProvince, + withDate, + ]); + + const handleSubmit = async (event) => { + event.preventDefault(); + getDashboardData(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/transport-carcass-detail/?role=${selectedRole}&province=${selectedProvince}&search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const getProvinceList = () => { + return [{ name: "همه" }, ...getSamasatProvinces()]; + }; + + return ( + + + + + + { + return { + label: i.name, + }; + })} + onChange={(event, value) => { + if (value.label !== "همه") { + setSelectedProvince(value.label); + } else { + setSelectedProvince(""); + } + }} + renderInput={(params) => ( + + )} + /> + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + {/* */} + + + + + + ); +}; diff --git a/src/features/province/components/province-chicken-steward-sales/ProvinceChickenStewardSales.js b/src/features/province/components/province-chicken-steward-sales/ProvinceChickenStewardSales.js new file mode 100644 index 0000000..23d1fac --- /dev/null +++ b/src/features/province/components/province-chicken-steward-sales/ProvinceChickenStewardSales.js @@ -0,0 +1,365 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Autocomplete, + Button, + Checkbox, + IconButton, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getSamasatProvinces } from "../../../../utils/getSamasatProvinces"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + ROUTE_ADMINX_ROUTE_NATIONAL_INFO_SLAUGHTER, + ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_SLAUGHTER, +} from "../../../../routes/routes"; +import { ProvinceStewardChickenDistributionsAndSalesDashboardService } from "../../services/province-chicken-distribution-and-sales-dashboard"; +import { formatTime } from "../../../../utils/formatTime"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const ProvinceChickenStewardSales = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const [dashboardData, setDashboardData] = useState([]); + const [withDate, setWithDate] = useState(false); + + const [selectedProvince, setSelectedProvince] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + getDashboardData(); + dispatch(LOADING_START()); + response = await axios.get( + `https://rsibackend.rasadyar.com/app/guilds-transport-carcass-detail/?search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&province=${selectedProvince}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + const getDashboardData = () => { + dispatch( + ProvinceStewardChickenDistributionsAndSalesDashboardService({ + province: selectedProvince, + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.info?.role, + item?.name, + item?.PartIdCode || item?.jihadiCode, + item?.Province || item?.province, + item?.City || item?.city, + "گوشت مرغ تازه", + item?.info?.totalInputBuyBarsCount?.toLocaleString(), + item?.info?.totalInputBuyBarsWight?.toLocaleString(), + item?.info?.totalOutputBuyBarsCount?.toLocaleString(), + item?.info?.totalOutputBuyBarsWight?.toLocaleString(), + item?.info?.totalWareHouse?.toLocaleString(), + item?.info?.totalInputBuyBarsPercent?.toLocaleString(), + item?.info?.totalOutputBuyBarsPercent?.toLocaleString(), + + { + window.open( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_ROUTE_NATIONAL_INFO_SLAUGHTER}/${item?.jihadiCode}/${item?.name}/Steward` + : `${ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_SLAUGHTER}/${item?.jihadiCode}/${item?.name}/Steward`, + "_blank" + ); + }} + > + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [ + dispatch, + selectedDate1, + selectedDate2, + perPage, + selectedProvince, + withDate, + ]); + + const handleSubmit = async (event) => { + event.preventDefault(); + getDashboardData(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/guilds-transport-carcass-detail/?&province=${selectedProvince}&search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const getProvinceList = () => { + return [{ name: "همه" }, ...getSamasatProvinces()]; + }; + + return ( + + + + + + { + return { + label: i.name, + }; + })} + onChange={(event, value) => { + if (value.label !== "همه") { + setSelectedProvince(value.label); + } else { + setSelectedProvince(""); + } + }} + renderInput={(params) => ( + + )} + /> + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + {/* */} + + + + + + ); +}; diff --git a/src/features/province/components/province-city-new-requests/ProvinceCityNewRequests.js b/src/features/province/components/province-city-new-requests/ProvinceCityNewRequests.js new file mode 100644 index 0000000..b210b63 --- /dev/null +++ b/src/features/province/components/province-city-new-requests/ProvinceCityNewRequests.js @@ -0,0 +1,252 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import IconButton from "@mui/material/IconButton"; +import CreateIcon from "@mui/icons-material/Create"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import CityFileOperations from "../../../file/components/city-file-operations/CityFileOperations"; +// import { useNavigate } from "react-router-dom"; +// import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +// import { ROUTE_PROVINCE_FILE } from "../../../../routes/routes"; +import ProvinceCheckRequest from "../../../file/components/province-check-request/ProvinceCheckRequest"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceCityNewRequests = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + // const navigate = useNavigate(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `management_request/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item.stateProcess === "pending" + ? "در انتظار تایید شهرستان" + : "در انتظار تایید استان", + item.orderCode, + item?.poultry?.user?.baseOrder, + formatJustDate(item?.createDate) + + " " + + `(${item?.registrar?.fullname} - ${getFaUserRole( + item?.registrar?.role + )})`, + formatJustDate(item?.sendDate), + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + `${item?.poultry?.user?.fullname} (${item?.poultry?.user?.mobile})`, + `${item?.poultry?.unitName}`, + item?.poultry?.cityOperator, + item?.poultry?.address?.city?.name, + formatJustDate(item?.hatching?.hatchingDate), + item?.hatching?.age, + item?.IndexWeight, + item?.quantity.toLocaleString(), + (item?.quantity * item?.IndexWeight).toLocaleString(), + + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: + item.stateProcess === "pending" ? ( + + ) : ( + + ), + title: "انجام عملیات تایید/رد", + }) + ) + } + > + + , + // + // navigate(ROUTE_PROVINCE_FILE + item?.poultry?.poultryRequestId) + // } + // > + // + // , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `management_request/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/province-cold-houses-killhouses/ProvinceColdHousesKillHouses.js b/src/features/province/components/province-cold-houses-killhouses/ProvinceColdHousesKillHouses.js new file mode 100644 index 0000000..4a05f9c --- /dev/null +++ b/src/features/province/components/province-cold-houses-killhouses/ProvinceColdHousesKillHouses.js @@ -0,0 +1,201 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, IconButton, TextField, Tooltip } from "@mui/material"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { + ROUTE_ADMINX_COLD_HOUSES_MANAGEMENT, + ROUTE_PROVINCE_COLD_HOUSES_MANAGEMENT, + ROUTE_SUPER_ADMIN_COLD_HOUSES_MANAGEMENT, +} from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { RiSearchLine } from "react-icons/ri"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const ProvinceColdHousesKillHouses = () => { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `kill-house-cold-house/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + item?.fullname, + item?.mobile, + item?.city, + item?.coldHousesInfo?.totalColdHouses?.toLocaleString(), + item?.coldHousesInfo?.totalInputWeight?.toLocaleString(), + item?.coldHousesInfo?.totalAllocatedWeight?.toLocaleString(), + item?.coldHousesInfo?.totalRemainWeight?.toLocaleString(), + + { + navigate( + (getRoleFromUrl() === "ProvinceOperator" + ? ROUTE_PROVINCE_COLD_HOUSES_MANAGEMENT + : getRoleFromUrl() === "AdminX" + ? ROUTE_ADMINX_COLD_HOUSES_MANAGEMENT + : ROUTE_SUPER_ADMIN_COLD_HOUSES_MANAGEMENT) + + "/" + + item?.key + + "/" + + item?.fullname + + "/" + + "killhouse" + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill-house-cold-house/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + {/* */} + + {/* */} + + + + + + ); +}; diff --git a/src/features/province/components/province-cold-houses-list-add-cold-house/ProvinceColdHousesListAddColdHouse.js b/src/features/province/components/province-cold-houses-list-add-cold-house/ProvinceColdHousesListAddColdHouse.js new file mode 100644 index 0000000..8162515 --- /dev/null +++ b/src/features/province/components/province-cold-houses-list-add-cold-house/ProvinceColdHousesListAddColdHouse.js @@ -0,0 +1,326 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Grid, + TextField, + Button, + Autocomplete, + Typography, + FormControlLabel, + Checkbox, +} from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { + provinceCreateColdHouseService, + provinceEditColdHouseService, + provinceGetAllStewardsService, +} from "../../services/province-cold-houses"; +import { + slaughterGetCitiesService, + slaughterGetProvinceService, +} from "../../../slaughter-house/services/slaughter-get-provinces"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceColdHousesListAddColdHouse = ({ + isEdit, + updateTable, + item, + stewardKey, + killhouseKey, +}) => { + const dispatch = useDispatch(); + const [stewardsOptions, setStewardsOptions] = useState([]); + const validationSchema = Yup.object({ + name: Yup.string().required("این فیلد اجباریست!"), + address: Yup.string().required("این فیلد اجباریست!"), + steward_key: Yup.string(), + province: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + city: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + active: Yup.boolean(), + broadcast: Yup.boolean(), + relocate: Yup.boolean(), + }); + + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + if (!isEdit && !stewardKey) { + dispatch(provinceGetAllStewardsService()).then((r) => { + setStewardsOptions(r.payload.data); + }); + } + }, []); + const formik = useFormik({ + initialValues: { + name: isEdit ? item?.name : "", + address: isEdit ? item?.address : "", + steward_key: "", + province: isEdit ? item?.province : "", + city: isEdit ? item?.city : "", + active: isEdit ? item?.active : false, + broadcast: isEdit ? item?.broadcast : false, + relocate: isEdit ? item?.relocate : false, + }, + validationSchema, + onSubmit: (values) => { + if (isEdit) { + dispatch( + provinceEditColdHouseService({ + cold_house_key: item?.key, + name: values.name, + province: values.province, + city: values.city, + address: values.address, + active: values.active, + broadcast: values.broadcast, + relocate: values.relocate, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } else { + let req = { + steward_key: killhouseKey + ? null + : stewardKey + ? stewardKey + : values.steward_key, + kill_house_key: killhouseKey, + name: values.name, + province: values.province, + city: values.city, + address: values.address, + active: values.active, + broadcast: values.broadcast, + relocate: values.relocate, + }; + req = Object.fromEntries( + Object.entries(req).filter(([_, value]) => value !== null) + ); + dispatch(provinceCreateColdHouseService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + dispatch(slaughterGetProvinceService()).then((r) => { + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + if (formik.values.province) { + setCityData( + [], + dispatch(slaughterGetCitiesService(formik.values.province)).then( + (r) => { + setCityData(r.payload.data); + } + ) + ); + } + }, [formik.values.province]); + + return ( + + {!isEdit && !stewardKey && ( + + ({ + id: i.key, + label: `${i.fullname} / ${i.mobile} `, + item: i, + })) + : [] + } + value={formik.values.guild} + onChange={(e, item) => { + formik.setFieldValue("steward_key", item?.id); + formik.validateForm(); + }} + error={formik.touched.guild && Boolean(formik.errors.guild)} + helperText={formik.touched.guild && formik.errors.guild} + getOptionLabel={(option) => option.label} + renderInput={(params) => ( + + )} + /> + + )} + + + + + ({ id: i.name, label: i.name })) + : [] + } + onChange={(e, value) => { + formik.setFieldValue("province", value ? value.id : ""); + formik.setFieldValue("city", ""); + }} + renderInput={(params) => ( + + )} + /> + {isEdit && ( + + استان: {formik.values.province} + + )} + + ({ id: i.name, label: i.name })) : [] + } + onChange={(e, value) => { + formik.setFieldValue("city", value ? value.id : ""); + }} + renderInput={(params) => ( + + )} + /> + + {isEdit && ( + + شهر: {formik.values.city} + + )} + + + + + + + + } + label="فعال" + /> + + } + label="اجازه پخش" + /> + + } + label="اجازه جابجایی" + /> + + + + + + + ); +}; diff --git a/src/features/province/components/province-cold-houses-list/ProvinceColdHousesList.js b/src/features/province/components/province-cold-houses-list/ProvinceColdHousesList.js new file mode 100644 index 0000000..480bf8c --- /dev/null +++ b/src/features/province/components/province-cold-houses-list/ProvinceColdHousesList.js @@ -0,0 +1,74 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceColdHousesKillHouses } from "../province-cold-houses-killhouses/ProvinceColdHousesKillHouses"; +import { ProvinceColdHousesStewards } from "../province-cold-houses-stewards/ProvinceColdHousesStewards"; +import { useDispatch } from "react-redux"; +import { provinceGetColdHousesDashboard } from "../../services/province-cold-houses"; + +export const ProvinceColdHousesList = () => { + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + const [dashboardData, setDashboardData] = useState([]); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(provinceGetColdHousesDashboard()).then((r) => { + setDashboardData(r.payload.data); + }); + }, [dispatch]); + + return ( + + + + + + + + + + + {value === 0 && } + {value === 1 && } + + ); +}; diff --git a/src/features/province/components/province-cold-houses-operations/ProvinceColdHousesOperations.js b/src/features/province/components/province-cold-houses-operations/ProvinceColdHousesOperations.js new file mode 100644 index 0000000..434aa06 --- /dev/null +++ b/src/features/province/components/province-cold-houses-operations/ProvinceColdHousesOperations.js @@ -0,0 +1,51 @@ +import React from "react"; +import { useLocation } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import AcUnitIcon from "@mui/icons-material/AcUnit"; +import { + ROUTE_ADMINX_COLD_HOUSES_MANAGEMENT, + ROUTE_PROVINCE_COLD_HOUSES_MANAGEMENT, + ROUTE_SUPER_ADMIN_COLD_HOUSES_MANAGEMENT, +} from "../../../../routes/routes"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceColdHousesOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + } + title="سردخانه ها" + description="سردخانه ها" + /> + + + + + ); +}; diff --git a/src/features/province/components/province-cold-houses-stewards/ProvinceColdHousesStewards.js b/src/features/province/components/province-cold-houses-stewards/ProvinceColdHousesStewards.js new file mode 100644 index 0000000..53985cb --- /dev/null +++ b/src/features/province/components/province-cold-houses-stewards/ProvinceColdHousesStewards.js @@ -0,0 +1,205 @@ +import React, { useEffect, useState } from "react"; +import { Button, IconButton, TextField, Tooltip } from "@mui/material"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { ProvinceColdHousesListAddColdHouse } from "../province-cold-houses-list-add-cold-house/ProvinceColdHousesListAddColdHouse"; +import { useNavigate } from "react-router-dom"; +import { + ROUTE_ADMINX_COLD_HOUSES_MANAGEMENT, + ROUTE_PROVINCE_COLD_HOUSES_MANAGEMENT, + ROUTE_SUPER_ADMIN_COLD_HOUSES_MANAGEMENT, +} from "../../../../routes/routes"; +import { RiSearchLine } from "react-icons/ri"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; + +export const ProvinceColdHousesStewards = () => { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `stewards-for-cold-house/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&total=true` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + // const coldHouses = item?.coldHouses?.map((option, index) => { + // return [ + // index + 1, + // option?.name, + // option?.city, + // option?.address, + // option?.totalInputWeight?.toLocaleString(), + // option?.totalAllocatedWeight?.toLocaleString(), + // option?.totalRemainWeight?.toLocaleString(), + // ]; + // }); + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.fullname, + item?.mobile, + item?.city, + item?.coldHousesInfo?.totalColdHouses?.toLocaleString(), + item?.coldHousesInfo?.totalInputWeight?.toLocaleString(), + item?.coldHousesInfo?.totalAllocatedWeight?.toLocaleString(), + item?.coldHousesInfo?.totalRemainWeight?.toLocaleString(), + + { + navigate( + (getRoleFromUrl() === "ProvinceOperator" + ? ROUTE_PROVINCE_COLD_HOUSES_MANAGEMENT + : getRoleFromUrl() === "AdminX" + ? ROUTE_ADMINX_COLD_HOUSES_MANAGEMENT + : ROUTE_SUPER_ADMIN_COLD_HOUSES_MANAGEMENT) + + "/" + + item?.key + + "/" + + item?.fullname + + "/" + + "steward" + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `stewards-for-cold-house/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}&total=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-cold-houses/ProvinceColdHouses.js b/src/features/province/components/province-cold-houses/ProvinceColdHouses.js new file mode 100644 index 0000000..2278a22 --- /dev/null +++ b/src/features/province/components/province-cold-houses/ProvinceColdHouses.js @@ -0,0 +1,178 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceColdHouses = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `kill-house-cold-house-allocations-info/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + item?.info?.totalAllocationsCount?.toLocaleString(), + item?.info?.totalAllocationsWeight?.toLocaleString(), + item?.info?.totalSelfAllocationsCount?.toLocaleString(), + item?.info?.totalSelfAllocationsWeight?.toLocaleString(), + item?.info?.totalOtherAllocationsCount?.toLocaleString(), + item?.info?.totalOtherAllocationsWeight?.toLocaleString(), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill-house-cold-house-allocations-info/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/province-create-allocate-steward-guild/ProvinceCreateAllocateStewardGuild.js b/src/features/province/components/province-create-allocate-steward-guild/ProvinceCreateAllocateStewardGuild.js new file mode 100644 index 0000000..c4d62e6 --- /dev/null +++ b/src/features/province/components/province-create-allocate-steward-guild/ProvinceCreateAllocateStewardGuild.js @@ -0,0 +1,370 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { + Button, + Checkbox, + FormControl, + FormControlLabel, + FormLabel, + MenuItem, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceGetCitiesService } from "../../services/province-get-cities"; +import { provinceGetFieldOfWorks } from "../../services/ProvinceGetFieldOfWorks"; +import { provinceGetTypeActivity } from "../../services/provinceGetTypeActivity"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceDispensersCreateSteward } from "../../services/province-dispensers-services"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = yup.object({ + mobile: yup + .string() + .required("شماره موبایل الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + first_name: yup.string().required("نام الزامی است"), + last_name: yup.string().required("نام خانوادگی الزامی است"), + national_id: yup.string().required("کدملی الزامی است"), + postal_code: yup.string().required("کدپستی الزامی است"), + city: yup.string().required("شهر الزامی است"), + address: yup.string().required("آدرس الزامی است"), + guilds_id: yup.string().required("شناسه انجمن الزامی است"), + license_number: yup.string().required("شماره مجوز الزامی است"), + guilds_name: yup.string().required("نام انجمن الزامی است"), + type_activity: yup.string().required("نوع فعالیت الزامی است"), + area_activity: yup.string().required("حوزه فعالیت الزامی است"), + allocation_limit: yup.string().required("این فیلد الزامی است"), +}); + +export const ProvinceCreateAllocateStewardGuild = ({ + killHousekey, + type, + updateTable, + item, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const { provinceGetCities, provinceGetAreActivity, provinceTypeActivity } = + useSelector((state) => state.provinceSlice); + + const formik = useFormik({ + initialValues: { + mobile: item ? item.user.mobile : "", + first_name: item ? item.user.firstName : "", + last_name: item ? item.user.lastName : "", + city: item ? item.address.city.name : "", + address: item ? item.address.address : "", + guilds_id: item ? item.guildsId : "", + license_number: item ? item.licenseNumber : "", + postal_code: item ? item.address.postalCode : "", + guilds_name: item ? item.guildsName : "", + type_activity: item ? item.typeActivity : "", + area_activity: item ? item.areaActivity : "", + steward: item ? item.steward : false, + national_id: item ? item.user.nationalId : "", + allocation_limit: item ? item.allocation_limit : "", + }, + validationSchema, + onSubmit: (values) => { + dispatch( + provinceDispensersCreateSteward({ + ...values, + role: getRoleFromUrl(), + allocation_type: value, + owner_key: killHousekey, + role_type: type, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + useEffect(() => { + dispatch(provinceGetCitiesService()); + dispatch(provinceGetFieldOfWorks()); + dispatch(provinceGetTypeActivity()); + }, []); + + const [value, setValue] = useState("forced"); + + const handleChangeRadioButton = (event) => { + setValue(event.target.value); + }; + + return ( +

+ + + + + + + + {provinceGetCities?.map((city) => ( + + {city.name} + + ))} + + + + + + + + + {provinceTypeActivity?.map((option) => ( + + {option.title} + + ))} + + + + {provinceGetAreActivity?.map((option) => ( + + {option.title} + + ))} + + + + + + + + + + + نوع تعهد + + + } + label="اجباری" + /> + } + label="اختیاری" + /> + + + + + {getRoleFromUrl() !== "Guilds" && ( + + } + label="مباشر" + /> + )} + + {formik.errors.steward &&

{formik.errors.steward}

} + + + +

+ ); +}; diff --git a/src/features/province/components/province-create-killhouse/ProvinceCreateKillhouse.js b/src/features/province/components/province-create-killhouse/ProvinceCreateKillhouse.js new file mode 100644 index 0000000..8de5efd --- /dev/null +++ b/src/features/province/components/province-create-killhouse/ProvinceCreateKillhouse.js @@ -0,0 +1,234 @@ +import { + Button, + Checkbox, + FormControlLabel, + MenuItem, + TextField, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { slaughterGetKillerKillhousesService } from "../../../slaughter-house/services/slaughter-get-killers-killhouses"; +import { provinceCreateKillhouseService } from "../../services/province-create-killhouse"; +import { provinceGetCitiesService } from "../../services/province-get-cities"; +import { provinceGetSlaughterhousesQuotaService } from "../../services/province-get-slaughterhouses-quota"; + +const initialValues = { + city: "", + mobile: "", + password: "", + first_name: "", + last_name: "", + national_id: "", + address: "", + name: "", + killer: false, +}; + +const validationSchema = Yup.object().shape({ + city: Yup.string().required("City is required"), + mobile: Yup.string().required("Mobile is required"), + password: Yup.string().required("Password is required"), + first_name: Yup.string().required("First Name is required"), + last_name: Yup.string().required("Last Name is required"), + national_id: Yup.string().required("National ID is required"), + address: Yup.string().required("Address is required"), + name: Yup.string().required("Name is required"), +}); + +export const ProvinceCreateKillhouse = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const { provinceGetCities } = useSelector((state) => state.provinceSlice); + const formik = useFormik({ + initialValues, + validationSchema, + onSubmit: (values) => { + // Handle form submission here + // console.log(values); + const { + first_name, + last_name, + mobile, + city, + password, + national_id, + address, + name, + killer, + } = values; + dispatch( + provinceCreateKillhouseService({ + city, + mobile, + password, + first_name, + last_name, + national_id, + address, + name, + killer, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(provinceGetSlaughterhousesQuotaService()); + dispatch(slaughterGetKillerKillhousesService()); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + useEffect(() => { + dispatch(provinceGetCitiesService()); + }, []); + + return ( +

+ +

+ ); +}; diff --git a/src/features/province/components/province-daily-bars-details/ProvinceDailyBarsDetails.js b/src/features/province/components/province-daily-bars-details/ProvinceDailyBarsDetails.js new file mode 100644 index 0000000..f683f67 --- /dev/null +++ b/src/features/province/components/province-daily-bars-details/ProvinceDailyBarsDetails.js @@ -0,0 +1,405 @@ +import { + Button, + Checkbox, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { format } from "date-fns-jalali"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useSelector } from "react-redux"; + +export const ProvinceDailyBarsDetails = ({ killhouseKey, type }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [openNotif] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `kill_house_request_bar_management_wage/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&type=paid&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `kill_house_request_bar_management_wage/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&type=paid&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `kill_house_request_bar_management_wage/?search=filter&value=${textValue}&type=paid&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const columns = [ + { + name: "کد بار", + selector: (item) => { + return item.barCode; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "خریدار", + selector: (item) => { + return `${item.killhouseUser?.name} (${item.killhouseUser?.killHouseOperator?.user?.mobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "ماشین", + selector: (item) => { + return `${item.addCar.driver.typeCar} ${item.addCar.driver.pelak}`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "راننده", + selector: (item) => { + return `${item.addCar.driver.driverName} (${item.addCar.driver.driverMobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "کد بهداشتی حمل و نقل", + selector: (item) => { + return item?.trafficCode; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "نژاد", + selector: (item) => { + return item.poultryRequest.chickenBreed; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "تعداد", + selector: (item) => item.quantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وزن بار", + selector: (item) => item?.weightInfo?.weight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "میانگین وزن", + selector: (item) => item?.weightInfo?.indexWeight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مرغدار", + selector: (item) => + `${item.poultryRequest?.poultry?.unitName} (${item.poultryRequest.poultry?.user?.mobile})`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "دامپزشک فارم", + selector: (item) => + item?.vetFarm?.vet?.user?.fullname + ? item?.vetFarm?.vet?.user?.fullname + + `(${item?.vetFarm?.vet?.user?.mobile})` + : "فاقد دامپزشک", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "کد رهگیری قرنطینه", + selector: (item) => (item?.clearanceCode ? item?.clearanceCode : "-"), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "محل کشتار", + selector: (item) => item.killPlace, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => item.poultryRequest.poultry.address.city.name, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "تاریخ کشتار", + selector: (item) => + item?.poultryRequest.sendDate + ? format(new Date(item?.poultryRequest.sendDate), "yyyy/MM/dd") + : "-", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "کد سفارش کشتار", + selector: (item) => item?.poultryRequest.orderCode, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وضعیت", + selector: (item) => + item.vetState === "accepted" ? "تایید تخلیه" : "در انتظار تخلیه", + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + بارها + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + {/* */} + + {/* */} + + + {true === false && ( + + )} + + ); +}; diff --git a/src/features/province/components/province-daily-bars/ProvinceDailyBars.js b/src/features/province/components/province-daily-bars/ProvinceDailyBars.js new file mode 100644 index 0000000..c977818 --- /dev/null +++ b/src/features/province/components/province-daily-bars/ProvinceDailyBars.js @@ -0,0 +1,268 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Checkbox, + FormControlLabel, + IconButton, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + ROUTE_ADMINX_PAYING_FEES_REQUESTS, + ROUTE_PROVINCE_PAYING_FEES_REQUESTS, + ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS, +} from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const ProvinceDailyBars = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const navigate = useNavigate(); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [withDate, setWithDate] = useState(false); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `kill-house-request-total-wage/?search=filter&value=${textValue}&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + const type = item?.info?.killer ? "کشتارکن" : "کشتارگاه"; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${type} ${item?.info?.killHouseName} - ${item?.info?.killHouseFullname} (${item?.info?.killHouseMobile})`, + item?.info?.killHouseCity, + item?.info?.totalCount?.toLocaleString(), + item.info?.totalQuantity?.toLocaleString(), + item.info?.totalWeight?.toLocaleString(), + { + navigate( + `${ + getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS + : getRoleFromUrl() === "AdminX" + ? ROUTE_ADMINX_PAYING_FEES_REQUESTS + : ROUTE_PROVINCE_PAYING_FEES_REQUESTS + }/daily_bar/${item.key}` + ); + }} + > + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill-house-request-total-wage/?search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dashboard-news/ProvinceDashboardNews.js b/src/features/province/components/province-dashboard-news/ProvinceDashboardNews.js new file mode 100644 index 0000000..0893497 --- /dev/null +++ b/src/features/province/components/province-dashboard-news/ProvinceDashboardNews.js @@ -0,0 +1,190 @@ +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + TextField, + MenuItem, + Select, + FormControl, + InputLabel, + Chip, + Box, + Typography, + Paper, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { provinceSubmitDashboardNewsService } from "../../services/province-dashboard-submit-news"; +import { AppContext } from "../../../../contexts/AppContext"; +import { styled } from "@mui/material/styles"; + +const roles = [ + { id: 1, role: "AdminX", name: "ادمین ایکس" }, + { id: 2, role: "SuperAdmin", name: "ادمین کل" }, + { id: 3, role: "ProvinceOperator", name: "مدیر اجرایی" }, +]; + +const StyledPaper = styled(Paper)(({ theme }) => ({ + padding: theme.spacing(4), + borderRadius: theme.shape.borderRadius * 2, + boxShadow: theme.shadows[4], + maxWidth: 800, + margin: "0 auto", +})); + +const StyledButton = styled(Button)(({ theme }) => ({ + marginTop: theme.spacing(3), + padding: theme.spacing(1.5), + fontSize: "1rem", +})); + +export const ProvinceDashboardNews = () => { + const [formData, setFormData] = useState({ + title: "", + text: "", + status: "", + selectedRoles: [], + }); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleChange = (e) => { + const { name, value } = e.target; + setFormData((prev) => ({ ...prev, [name]: value })); + }; + + const handleRoleChange = (event) => { + const selectedValues = event.target.value; + setFormData((prev) => ({ + ...prev, + selectedRoles: Array.isArray(selectedValues) + ? selectedValues + : [selectedValues], + })); + }; + + const handleSubmit = () => { + const payload = { + role: formData.selectedRoles.map((role) => role.role), + title: formData.title, + text: formData.text, + status: formData.status, + }; + + dispatch(provinceSubmitDashboardNewsService(payload)).then((response) => { + if (response.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: response.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + setFormData({ + title: "", + text: "", + status: "", + selectedRoles: [], + }); + } + }); + }; + + return ( + + + + ایجاد اطلاعیه جدید + + + + + + + + + + + + + + + + + + نقش ها + + + + + + + ثبت اطلاعیه + + + + + + ); +}; diff --git a/src/features/province/components/province-direct-buy-operation/ProvinceDirectBuyOperation.js b/src/features/province/components/province-direct-buy-operation/ProvinceDirectBuyOperation.js new file mode 100644 index 0000000..717f05c --- /dev/null +++ b/src/features/province/components/province-direct-buy-operation/ProvinceDirectBuyOperation.js @@ -0,0 +1,397 @@ +import { Button, IconButton, Popover, Tooltip } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +import { useDispatch } from "react-redux"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import VpnKeyIcon from "@mui/icons-material/VpnKey"; +import { useContext, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt"; +import DoNotDisturbIcon from "@mui/icons-material/DoNotDisturb"; +import DoneOutlineIcon from "@mui/icons-material/DoneOutline"; +import { provinceDeleteTradePanelService } from "../../services/province-delete-trade-panel"; +import TradePanelPurchaseModal from "../trade-panel-purchase-modal/TradePanelPurchaseModal"; +import { ProvinceMarketRequestFinalAcceptService } from "../../services/province-market-request-final-accept"; +import { ProvinceTradePanelEnterMarketCode } from "../province-trade-panel-enter-market-code/ProvinceTradePanelEnterMarketCode"; +export const ProvinceDirectBuyOperation = ({ + item, + updateTable, + updateTable2, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const updateAll = () => { + updateTable(); + updateTable2(); + }; + + return ( + + + + + +

+ + {getRoleFromUrl() === "KillHouse" && + item?.marketCodeStatus === true && + !item?.inputMarketCode && + item?.marketFinalAccept === true && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ورود کد احراز", + content: ( + + ), + }) + ); + }} + > + + + + )} + + {getRoleFromUrl() === "KillHouse" && !item?.marketFinalAccept && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + )} + + {getRoleFromUrl() === "KillHouse" && + item?.marketFinalAccept === false && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ویرایش خرید", + content: ( + + ), + }) + ); + }} + > + + + + )} + {getRoleFromUrl() === "KillHouse" && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + )} + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX") && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + )} + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX") && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + )} + +

+ + + ); +}; diff --git a/src/features/province/components/province-dispencer-sale-distribution/ProvinceDispencerSaleDistribution.js b/src/features/province/components/province-dispencer-sale-distribution/ProvinceDispencerSaleDistribution.js new file mode 100644 index 0000000..533f999 --- /dev/null +++ b/src/features/province/components/province-dispencer-sale-distribution/ProvinceDispencerSaleDistribution.js @@ -0,0 +1,336 @@ +import { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch, useSelector } from "react-redux"; +import moment from "moment"; +import { Button, Checkbox, Tab, Tabs, TextField, Tooltip } from "@mui/material"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { DatePicker } from "@mui/x-date-pickers"; +import { ProvinceDispenserSaleOut } from "../province-dispenser-sale-out/ProvinceDispenserSaleOut"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceSaleInDispenser } from "../province-sale-dispenser/ProvinceSaleInDispenser"; +import { provinceGetDispenserSlaughterToStewardDashboardService } from "../../services/province-dispenser-slaughter-get-steward-service"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvinceDispenserSegmentation } from "../province-dispenser-segmentation/ProvinceDispenserSegmentation"; + +export const ProvinceDispencerSaleDistribution = () => { + const [data, setData] = useState([]); + const [withDate, setWithDate] = useState(false); + const [dashboardData, setDashboardData] = useState([]); + const [openNotif] = useContext(AppContext); + const [value, setValue] = useState(0); + const [page, setPage] = useState(1); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [tableData, setTableData] = useState([]); + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const dispatch = useDispatch(); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `/total-steward-dashboard-detail/?&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const fetchDashboardData = () => { + dispatch( + provinceGetDispenserSlaughterToStewardDashboardService({ + selectedDate1: withDate ? selectedDate1 : null, + selectedDate2: withDate ? selectedDate2 : null, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const fetchTableData = () => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.user?.fullname?.toLocaleString()} ${item?.user?.mobile?.toLocaleString()}`, + `${item?.steward ? "مباشر" : "صنف"} `, + item?.address?.city?.name || item?.user?.cityName, + item?.wareHouseInfo?.totalBarsWeight?.toLocaleString(), + item?.wareHouseInfo?.totalEnteredBarsWeight?.toLocaleString(), + item?.wareHouseInfo?.totalOutputWeight?.toLocaleString(), + item?.wareHouseInfo?.totalRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.totalRemainGovernmentalWeight?.toLocaleString(), + item?.wareHouseInfo?.totalRemainFreeWeight?.toLocaleString(), + item?.wareHouseInfo?.inputBarsWeight?.toLocaleString(), + item?.wareHouseInfo?.freeBarsWeight?.toLocaleString(), + item?.wareHouseInfo?.inProvinceBarsWeight?.toLocaleString(), + item?.wareHouseInfo?.outProvinceBarsWeight?.toLocaleString(), + item?.wareHouseInfo?.totalOutputGovernmentalWeight?.toLocaleString(), + item?.wareHouseInfo?.totalOutputFreeWeight?.toLocaleString(), + item?.wareHouseInfo?.lastTotalRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.lastTotalRemainGovernmentalWeight?.toLocaleString(), + item?.wareHouseInfo?.lastTotalRemainFreeWeight?.toLocaleString(), + item?.wareHouseInfo?.segmentationsWeight?.toLocaleString(), + ]; + }); + setTableData(d); + }; + + useEffect(() => { + if (value === 0) { + fetchApiData(page); + fetchDashboardData(); + } + }, [value]); + + useEffect(() => { + if (value === 0) { + fetchApiData(page); + fetchDashboardData(); + } + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + useEffect(() => { + if (value === 0) { + fetchTableData(); + } + }, [data, perPage]); + + const handlePageChange = (page) => { + if (value === 0) { + fetchApiData(page); + setPage(page); + } + }; + + const handlePerRowsChange = (perRows) => { + if (value === 0) { + setPerPage(perRows); + setPage(1); + } + }; + + return ( + + + + + + + + + + + + + {value === 0 && ( + <> + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + )} + + {value === 1 && } + + {value === 2 && } + + {value === 3 && } + + ); +}; diff --git a/src/features/province/components/province-dispenser-accepted-sale-with-in-province/ProvinceDispenserAcceptedSaleWithInProvince.js b/src/features/province/components/province-dispenser-accepted-sale-with-in-province/ProvinceDispenserAcceptedSaleWithInProvince.js new file mode 100644 index 0000000..8343bf1 --- /dev/null +++ b/src/features/province/components/province-dispenser-accepted-sale-with-in-province/ProvinceDispenserAcceptedSaleWithInProvince.js @@ -0,0 +1,343 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { RiSearchLine } from "react-icons/ri"; +import { ProvinceDispenserSaleWithInInventory } from "../province-dispenser-sale-with-in-province-inventory/ProvinceDispenserSaleWithInInventory"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceDispenserWithInGetDashboard } from "../../services/province-dispenser-with-in-sale-inventory-dashboard"; +import { ProvinceDispenserSaleWithInProvinceOperation } from "../province-dispenser-sale-with-in-province-operation/ProvinceDispenserSaleWithInProvinceOperation"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { provinceDispenserGetKillHouseService } from "../../services/province-dispenser-get-kill-house"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { getAllocationType } from "../../../../utils/getAllocationType"; + +export const ProvinceDispenserAcceptedSaleWithInProvince = ({ priceInfo }) => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [dashboardData, setDashboardData] = useState([]); + const [openNotif] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [killHouses, setKillHouses] = useState([]); + const [selectedKillHouse, setSelectedKillHouse] = useState(null); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `/in-province-allocation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&trash=false&page=${ + page || 1 + }&page_size=${perPage}&type=KillHouse${ + selectedKillHouse + ? `&kill_house_key=${selectedKillHouse}` + : "&kill_house_key=all" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + const fetchKillHouses = () => { + dispatch(provinceDispenserGetKillHouseService()).then((r) => { + setKillHouses(r.payload.data); + }); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const getAllocationData = (item) => { + if (!item) return "-"; + + switch (item?.allocationType) { + case "killhouse_killhouse": + return `${item?.toKillHouse?.name || "-"} - ${ + item?.toKillHouse?.killHouseOperator?.user?.fullname || "-" + } (${item?.toKillHouse?.killHouseOperator?.user?.mobile || "-"})`; + case "killhouse_steward": + return `${item?.toStewards?.name || "-"} - ${ + item?.toStewards?.user?.fullname || "-" + } (${item?.toStewards?.user?.mobile || "-"})`; + case "killhouse_guild": + return `${item?.toGuilds?.guildsName || "-"} - ${ + item?.toGuilds?.user?.fullname || "-" + } (${item?.toGuilds?.user?.mobile || "-"})`; + case "ColdHouse": + return `${item?.toColdHouse?.name || "-"}`; + default: + return `${item?.toKillHouse?.name || "-"} - ${ + item?.toKillHouse?.killHouseOperator?.user?.fullname || "-" + } (${item?.toKillHouse?.killHouseOperator?.user?.mobile || "-"})`; + } + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const fetchDashboardData = () => { + dispatch( + provinceDispenserWithInGetDashboard({ + search: "filter", + role: getRoleFromUrl(), + selectedDate1, + selectedDate2, + kill_house_key: selectedKillHouse || "all", + trash: false, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.date ? formatTime(item?.date) : "-", + item?.productionDate ? formatJustDate(item?.productionDate) : "-", + item?.distributionType === "web" + ? "سایت" + : item?.distributionType === "app" + ? "موبایل" + : item?.distributionType === "pos" + ? "پوز" + : item?.distributionType, + getAllocationType(item), + `${item?.killHouse?.killHouseOperator?.user?.fullname?.toLocaleString()} ${item?.killHouse?.name?.toLocaleString()} ${ + item?.killHouse?.killHouseOperator?.user?.mobile?.toLocaleString() || + "-" + }`, + getAllocationData(item), + item?.sellType === "exclusive" ? "اختصاصی" : "آزاد", + item?.quota === "governmental" + ? "دولتی" + : item?.quota === "free" + ? "آزاد" + : "-", + item?.approvedPriceStatus ? "دولتی" : "آزاد", + (item?.amount?.toLocaleString() || "0") + " ریال", + (item?.totalAmount?.toLocaleString() || "0") + " ریال", + item?.weightOfCarcasses?.toLocaleString() || "0", + item?.reciverWeightOfCarcasses?.toLocaleString() || "0", + item?.loggedRegistrationCode || "-", + item?.registrationCode ? "ارسال شده" : "ارسال نشده", + , + item?.receiverState === "accepted" || item?.loggedRegistrationCode + ? "تایید شده" + : item?.receiverState === "rejected" + ? "رد شده" + : item?.activeExpireDateTime && !item?.loggedRegistrationCode + ? "در انتظار ورود کد احراز" + : "در انتظار تایید", + , + ]; + }); + setTableData(d); + }, [data, page, perPage, priceInfo]); + + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + }, [dispatch, selectedDate1, selectedDate2, perPage, selectedKillHouse]); + + useEffect(() => { + fetchKillHouses(); + }, [dispatch]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-edit-sale-out/ProvinceDispenserEditSaleOut.js b/src/features/province/components/province-dispenser-edit-sale-out/ProvinceDispenserEditSaleOut.js new file mode 100644 index 0000000..1fc5b25 --- /dev/null +++ b/src/features/province/components/province-dispenser-edit-sale-out/ProvinceDispenserEditSaleOut.js @@ -0,0 +1,152 @@ +import { useContext } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { slaughterEditOutOfProvinceService } from "../../../slaughter-house/services/slaughterEditOutOfProvinceService"; +import { slaughterGetOutOfProvinceSells } from "../../../slaughter-house/services/slaughter-get-out-of-province-sells"; + +export const ProvinceDispenserEditSaleOut = ({ + editData, + fetchData, + fetchApiData, + fetchDashboardData, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const validationSchema = Yup.object({ + weight: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + // .max( + // editData?.realWeightOfCarcasses || 0, + // "وزن وارد شده بیش از موجودی انبار است!" + // ), + quarantineCode: Yup.string().required("کد قرنطینه الزامی است"), + date: Yup.date().required("تاریخ الزامی است"), + }); + + const formik = useFormik({ + initialValues: { + weight: editData?.realWeightOfCarcasses || "", + quarantineCode: editData?.clearanceCode || "", + date: editData?.date ? moment(editData.date) : moment(), + }, + validationSchema, + enableReinitialize: true, + }); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "وزن با موفقیت ویرایش شد.", + severity: "success", + }); + dispatch(slaughterGetOutOfProvinceSells()); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + { + formik.setFieldValue("date", value); + }} + onBlur={() => formik.setFieldTouched("date", true)} + renderInput={(params) => ( + + )} + /> + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-edit-to-guild/ProvinceDispenserEditToGuild.js b/src/features/province/components/province-dispenser-edit-to-guild/ProvinceDispenserEditToGuild.js new file mode 100644 index 0000000..84b1228 --- /dev/null +++ b/src/features/province/components/province-dispenser-edit-to-guild/ProvinceDispenserEditToGuild.js @@ -0,0 +1,453 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { slaughterGetProductsService } from "../../../slaughter-house/services/slaughter-inventory-gets"; +import { slaughterGetGuildsForAllocateService } from "../../../slaughter-house/services/slaughter-get-guilds-for-allocate"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import moment from "moment"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { + Autocomplete, + Button, + FormControl, + FormControlLabel, + InputAdornment, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { + slaughterAllocateStewardService, + slaughterEditAllocateStewardService, +} from "../../../slaughter-house/services/slaughter-allocate-steward"; +import { fetchSlaughterBroadcastAndProducts } from "../../../slaughter-house/services/handle-fetch-slaughter-products"; + +export const ProvinceDispenserEditToGuild = ({ + item, + key, + sellerType, + buyerType, + allocationType, + sellType, + fetchApiData, + editData, + priceInfo, + coldHouseKey, + coldHouseItemKey, + remainWeight, + fetchDashboardData, +}) => { + const dispatch = useDispatch(); + const [productData, setProductData] = useState([]); + const [guildsData, setGuildsData] = useState([]); + const [productKey, setProductKey] = useState(null); + const [openNotif] = useContext(AppContext); + + const [value, setValue] = useState("own"); + + const handleChange = (event) => { + setValue(event.target.value); + setBuyerData({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + }; + + const [sellGovernmental, setSellGovernmental] = useState( + priceInfo?.active ? "true" : "false" + ); + + const handleChangeSellGovernmental = (event) => { + setSellGovernmental(event.target.value); + if (event.target.value === "false") { + formik.setFieldValue("price", ""); + } + }; + + const [buyerData, setBuyerData] = useState({ + key, + item, + buyerType, + allocationType, + }); + + useEffect(() => { + if (getRoleFromUrl() === "Steward") { + setValue("free"); + } + }, []); + + useEffect(() => { + if (!editData) { + dispatch(slaughterGetProductsService()).then((r) => { + setProductData(r.payload.data); + }); + if (!item) { + dispatch( + slaughterGetGuildsForAllocateService({ + free: value === "free" ? true : false, + }) + ).then((r) => { + setGuildsData(r.payload.data); + }); + } + } + }, [dispatch, value]); + + const validationSchema = Yup.object({ + weight: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + price: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + wholePrice: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + }); + + const formik = useFormik({ + initialValues: { + weight: editData?.realWeightOfCarcasses || "", + wholePrice: editData?.totalAmount || "", + price: editData?.amount || "", + }, + validationSchema, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (sellGovernmental === "false") { + if (formik.values.weight && formik.values.price) { + formik.setFieldValue( + "wholePrice", + formik.values.price * formik.values.weight + ); + } + } else { + if (priceInfo?.active && formik.values.weight) { + formik.setFieldValue( + "wholePrice", + priceInfo?.killHousePrice * formik.values.weight + ); + } + } + }, [formik.values.price, formik.values.weight, sellGovernmental]); + + useEffect(() => { + if (priceInfo?.active && sellGovernmental === "true") { + formik.setFieldValue("price", priceInfo?.killHousePrice); + } + }, [sellGovernmental]); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(fetchSlaughterBroadcastAndProducts()); + fetchDashboardData(); + fetchApiData(1); + }; + + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + return ( + + {!editData && ( + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + )} + + {!editData && !coldHouseKey && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setProductKey(value.data); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!editData && ( + + + } + label="صنوف اختصاصی" + /> + } + label="صنوف آزاد" + /> + + + )} + + {!item && !editData && ( + + { + return { + data: i, + label: `${i?.steward ? "مباشر" : "صنف"} ${ + i?.guildsName + } ${i?.user?.fullname} (${i?.user?.mobile})`, + }; + }) + : [] + } + onChange={(event, value) => { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: value?.data?.steward + ? "killhouse_steward" + : "killhouse_guild", + buyerType: value?.data?.steward ? "Steward" : "Guild", + }); + }} + renderInput={(params) => ( + + )} + /> + + )} + + + {priceInfo?.active && ( + + + } + label="قیمت مصوب" + /> + } + label="قیمت آزاد" + /> + + + )} + + ریال, + }} + value={formik.values.price} + error={formik.touched.price ? Boolean(formik.errors.price) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.price && Boolean(formik.errors.price) + ? formik.errors.price + : null + } + /> + + ریال, + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice ? Boolean(formik.errors.wholePrice) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-killhouses/ProvinceDispenserKillhouses.js b/src/features/province/components/province-dispenser-killhouses/ProvinceDispenserKillhouses.js new file mode 100644 index 0000000..dcbc011 --- /dev/null +++ b/src/features/province/components/province-dispenser-killhouses/ProvinceDispenserKillhouses.js @@ -0,0 +1,188 @@ +import React, { useEffect, useState } from "react"; +import { Button, IconButton, TextField, Tooltip } from "@mui/material"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { RiSearchLine } from "react-icons/ri"; +import { useNavigate } from "react-router-dom"; +import { + ROUTE_ADMINX_DISPENSERS_KILLHOUSES, + ROUTE_PROVINCE_DISPENSERS_KILLHOUSES, + ROUTE_SUPER_ADMIN_DISPENSERS_KILLHOUSES, +} from "../../../../routes/routes"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const ProvinceDispenserKillhouses = () => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const navigate = useNavigate(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `kill-house-distribution-management/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + (perPage * page) / 2 + 1, + `${item?.killHouseOperator?.user?.fullname} (${item?.killHouseOperator?.user?.mobile})`, + item?.name, + item?.killHouseOperator?.user?.city?.name, + item?.distributionInfo?.stewards.toLocaleString(), + item?.distributionInfo?.guilds.toLocaleString(), + item?.distributionInfo?.totalDailyWeight.toLocaleString(), + item?.distributionInfo?.forceDailyWeight.toLocaleString(), + item?.distributionInfo?.optionalDailyWeight.toLocaleString(), + item?.distributionInfo?.aveTotalDailyWeight.toLocaleString(), + + { + navigate( + getRoleFromUrl() === "AdminX" + ? ROUTE_ADMINX_DISPENSERS_KILLHOUSES + + "/" + + item?.key + + "/" + + item?.name + : getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_DISPENSERS_KILLHOUSES + + "/" + + item?.key + + "/" + + item?.name + : getRoleFromUrl() === "ProvinceOperator" + ? ROUTE_PROVINCE_DISPENSERS_KILLHOUSES + + "/" + + item?.key + + "/" + + item?.name + : ROUTE_PROVINCE_DISPENSERS_KILLHOUSES + + "/" + + item?.key + + "/" + + item?.name + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill-house-distribution-management/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-rejected-sale-with-in-province/ProvinceDispenserRejectedSaleWithInProvince.js b/src/features/province/components/province-dispenser-rejected-sale-with-in-province/ProvinceDispenserRejectedSaleWithInProvince.js new file mode 100644 index 0000000..fafaa91 --- /dev/null +++ b/src/features/province/components/province-dispenser-rejected-sale-with-in-province/ProvinceDispenserRejectedSaleWithInProvince.js @@ -0,0 +1,336 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { RiSearchLine } from "react-icons/ri"; +import { ProvinceDispenserSaleWithInInventory } from "../province-dispenser-sale-with-in-province-inventory/ProvinceDispenserSaleWithInInventory"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceDispenserWithInGetDashboard } from "../../services/province-dispenser-with-in-sale-inventory-dashboard"; +import { ProvinceDispenserSaleWithInProvinceOperation } from "../province-dispenser-sale-with-in-province-operation/ProvinceDispenserSaleWithInProvinceOperation"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { provinceDispenserGetKillHouseService } from "../../services/province-dispenser-get-kill-house"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { getAllocationType } from "../../../../utils/getAllocationType"; + +export const ProvinceDispenserRejectedSaleWithInProvince = ({ priceInfo }) => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [dashboardData, setDashboardData] = useState([]); + const [openNotif] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [killHouses, setKillHouses] = useState([]); + const [selectedKillHouse, setSelectedKillHouse] = useState(null); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `/in-province-allocation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&trash=true&page=${ + page || 1 + }&page_size=${perPage}&type=KillHouse${ + selectedKillHouse + ? `&kill_house_key=${selectedKillHouse}` + : "&kill_house_key=all" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + const fetchKillHouses = () => { + dispatch(provinceDispenserGetKillHouseService()).then((r) => { + setKillHouses(r.payload.data); + }); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const getAllocationData = (item) => { + if (!item) return "-"; + + switch (item?.allocationType) { + case "killhouse_killhouse": + return `${item?.toKillHouse?.name || "-"} - ${ + item?.toKillHouse?.killHouseOperator?.user?.fullname || "-" + } (${item?.toKillHouse?.killHouseOperator?.user?.mobile || "-"})`; + case "killhouse_steward": + return `${item?.toStewards?.name || "-"} - ${ + item?.toStewards?.user?.fullname || "-" + } (${item?.toStewards?.user?.mobile || "-"})`; + case "killhouse_guild": + return `${item?.toGuilds?.guildsName || "-"} - ${ + item?.toGuilds?.user?.fullname || "-" + } (${item?.toGuilds?.user?.mobile || "-"})`; + case "ColdHouse": + return `${item?.toColdHouse?.name || "-"}`; + default: + return `${item?.toKillHouse?.name || "-"} - ${ + item?.toKillHouse?.killHouseOperator?.user?.fullname || "-" + } (${item?.toKillHouse?.killHouseOperator?.user?.mobile || "-"})`; + } + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const fetchDashboardData = () => { + dispatch( + provinceDispenserWithInGetDashboard({ + search: "filter", + role: getRoleFromUrl(), + selectedDate1, + selectedDate2, + kill_house_key: selectedKillHouse || "all", + trash: true, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.date ? formatTime(item?.date) : "-", + item?.productionDate ? formatJustDate(item?.productionDate) : "-", + item?.distributionType === "web" + ? "سایت" + : item?.distributionType === "app" + ? "موبایل" + : item?.distributionType === "pos" + ? "پوز" + : item?.distributionType, + getAllocationType(item), + `${item?.killHouse?.killHouseOperator?.user?.fullname?.toLocaleString()} ${item?.killHouse?.name?.toLocaleString()} ${ + item?.killHouse?.killHouseOperator?.user?.mobile?.toLocaleString() || + "-" + }`, + getAllocationData(item), + item?.sellType === "exclusive" ? "اختصاصی" : "آزاد", + item?.quota === "governmental" + ? "دولتی" + : item?.quota === "free" + ? "آزاد" + : "-", + item?.approvedPriceStatus ? "دولتی" : "آزاد", + (item?.amount?.toLocaleString() || "0") + " ریال", + (item?.totalAmount?.toLocaleString() || "0") + " ریال", + item?.weightOfCarcasses?.toLocaleString() || "0", + item?.reciverWeightOfCarcasses?.toLocaleString() || "0", + item?.loggedRegistrationCode || "-", + item?.registrationCode ? "ارسال شده" : "ارسال نشده", + , + "حذف (احراز نشده)", + , + ]; + }); + setTableData(d); + }, [data, page, perPage, priceInfo]); + + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + }, [dispatch, selectedDate1, selectedDate2, perPage, selectedKillHouse]); + + useEffect(() => { + fetchKillHouses(); + }, [dispatch]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-returned-sale-with-in-province/ProvinceDispenserReturnedSaleWithInProvince.js b/src/features/province/components/province-dispenser-returned-sale-with-in-province/ProvinceDispenserReturnedSaleWithInProvince.js new file mode 100644 index 0000000..db0d072 --- /dev/null +++ b/src/features/province/components/province-dispenser-returned-sale-with-in-province/ProvinceDispenserReturnedSaleWithInProvince.js @@ -0,0 +1,328 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { RiSearchLine } from "react-icons/ri"; +import { ProvinceDispenserSaleWithInInventory } from "../province-dispenser-sale-with-in-province-inventory/ProvinceDispenserSaleWithInInventory"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceDispenserWithInGetDashboard } from "../../services/province-dispenser-with-in-sale-inventory-dashboard"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { provinceDispenserGetKillHouseService } from "../../services/province-dispenser-get-kill-house"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { getAllocationType } from "../../../../utils/getAllocationType"; + +export const ProvinceDispenserReturnedSaleWithInProvince = ({ priceInfo }) => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [dashboardData, setDashboardData] = useState([]); + const [openNotif] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [killHouses, setKillHouses] = useState([]); + const [selectedKillHouse, setSelectedKillHouse] = useState(null); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `/in-province-allocation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&trash=false&return_trash=true&page=${ + page || 1 + }&page_size=${perPage}&type=KillHouse${ + selectedKillHouse + ? `&kill_house_key=${selectedKillHouse}` + : "&kill_house_key=all" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + const fetchKillHouses = () => { + dispatch(provinceDispenserGetKillHouseService()).then((r) => { + setKillHouses(r.payload.data); + }); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const getAllocationData = (item) => { + if (!item) return "-"; + + switch (item?.allocationType) { + case "killhouse_killhouse": + return `${item?.toKillHouse?.name || "-"} - ${ + item?.toKillHouse?.killHouseOperator?.user?.fullname || "-" + } (${item?.toKillHouse?.killHouseOperator?.user?.mobile || "-"})`; + case "killhouse_steward": + return `${item?.toStewards?.name || "-"} - ${ + item?.toStewards?.user?.fullname || "-" + } (${item?.toStewards?.user?.mobile || "-"})`; + case "killhouse_guild": + return `${item?.toGuilds?.guildsName || "-"} - ${ + item?.toGuilds?.user?.fullname || "-" + } (${item?.toGuilds?.user?.mobile || "-"})`; + case "ColdHouse": + return `${item?.toColdHouse?.name || "-"}`; + default: + return `${item?.toKillHouse?.name || "-"} - ${ + item?.toKillHouse?.killHouseOperator?.user?.fullname || "-" + } (${item?.toKillHouse?.killHouseOperator?.user?.mobile || "-"})`; + } + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const fetchDashboardData = () => { + dispatch( + provinceDispenserWithInGetDashboard({ + search: "filter", + role: getRoleFromUrl(), + selectedDate1, + selectedDate2, + kill_house_key: selectedKillHouse || "all", + trash: false, + return_trash: true, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.date ? formatTime(item?.date) : "-", + item?.productionDate ? formatJustDate(item?.productionDate) : "-", + item?.distributionType === "web" + ? "سایت" + : item?.distributionType === "app" + ? "موبایل" + : item?.distributionType === "pos" + ? "پوز" + : item?.distributionType, + getAllocationType(item), + `${item?.killHouse?.killHouseOperator?.user?.fullname?.toLocaleString()} ${item?.killHouse?.name?.toLocaleString()} ${ + item?.killHouse?.killHouseOperator?.user?.mobile?.toLocaleString() || + "-" + }`, + getAllocationData(item), + item?.sellType === "exclusive" ? "اختصاصی" : "آزاد", + item?.quota === "governmental" + ? "دولتی" + : item?.quota === "free" + ? "آزاد" + : "-", + item?.approvedPriceStatus ? "دولتی" : "آزاد", + (item?.amount?.toLocaleString() || "0") + " ریال", + (item?.totalAmount?.toLocaleString() || "0") + " ریال", + item?.weightOfCarcasses?.toLocaleString() || "0", + item?.reciverWeightOfCarcasses?.toLocaleString() || "0", + item?.loggedRegistrationCode || "-", + item?.registrationCode ? "ارسال شده" : "ارسال نشده", + , + "برگشت خورده", + ]; + }); + setTableData(d); + }, [data, page, perPage, priceInfo]); + + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + }, [dispatch, selectedDate1, selectedDate2, perPage, selectedKillHouse]); + + useEffect(() => { + fetchKillHouses(); + }, [dispatch]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-sale-out-dashboard/ProvinceDispenserSaleOutDashboard.js b/src/features/province/components/province-dispenser-sale-out-dashboard/ProvinceDispenserSaleOutDashboard.js new file mode 100644 index 0000000..b490e43 --- /dev/null +++ b/src/features/province/components/province-dispenser-sale-out-dashboard/ProvinceDispenserSaleOutDashboard.js @@ -0,0 +1,21 @@ +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceDispenserSaleOutDashboard = ({ dashboardData }) => { + return ( + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-sale-out-operation/ProvinceDispenserSaleOutOperation.js b/src/features/province/components/province-dispenser-sale-out-operation/ProvinceDispenserSaleOutOperation.js new file mode 100644 index 0000000..41945ee --- /dev/null +++ b/src/features/province/components/province-dispenser-sale-out-operation/ProvinceDispenserSaleOutOperation.js @@ -0,0 +1,130 @@ +import React, { useState } from "react"; +import { + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditOutlinedIcon from "@mui/icons-material/EditOutlined"; +import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceDispenserEditSaleOut } from "../province-dispenser-edit-sale-out/ProvinceDispenserEditSaleOut"; +import { provinceDispenserDeleteService } from "../../../slaughter-house/services/province-dispenser-delete-sale-out"; + +export const ProvinceDispenserSaleOutOperation = ({ + fetchApiData, + item, + fetchData, + updateTable, + priceInfo, + fetchDashboardData, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleEditClick = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ویرایش تخصیص", + content: ( + + ), + // ), + }) + ); + }; + + const handleDeleteClick = () => { + dispatch( + provinceDispenserDeleteService({ + key: item.key, + }) + ).then(() => { + fetchDashboardData(); + fetchApiData(1); + setAnchorEl(null); + }); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-sale-out-province/ProvinceDispenserSaleInProvince.js b/src/features/province/components/province-dispenser-sale-out-province/ProvinceDispenserSaleInProvince.js new file mode 100644 index 0000000..af12fb4 --- /dev/null +++ b/src/features/province/components/province-dispenser-sale-out-province/ProvinceDispenserSaleInProvince.js @@ -0,0 +1,285 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { RiSearchLine } from "react-icons/ri"; +import { ProvinceDispenserSaleOutDashboard } from "../province-dispenser-sale-out-dashboard/ProvinceDispenserSaleOutDashboard"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; +import { provinceDispenserWithOutGetDashboard } from "../../services/province-dispenser-sale-out-dashboard"; +import { AppContext } from "../../../../contexts/AppContext"; +import { ProvinceDispenserSaleOutOperation } from "../province-dispenser-sale-out-operation/ProvinceDispenserSaleOutOperation"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { provinceDispenserGetKillHouseService } from "../../services/province-dispenser-get-kill-house"; + +export const ProvinceDispenserSaleOutProvince = ({ + updateTable, + priceInfo, + remainWeight, +}) => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + // const [openNotif] = useContext(AppContext); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [openNotif] = useContext(AppContext); + const [killHouses, setKillHouses] = useState([]); + const [selectedKillHouse, setSelectedKillHouse] = useState(null); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `kill_house_free_sale_bar/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${ + page || 1 + }&page_size=${perPage}&type=dashboard${ + selectedKillHouse + ? `&kill_house_key=${selectedKillHouse}` + : "&kill_house_key=all" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const fetchDashboardData = () => { + dispatch( + provinceDispenserWithOutGetDashboard({ + search: "filter", + role: getRoleFromUrl(), + selectedDate1, + selectedDate2, + }) + ).then((r) => { + setDashboardData(r.payload?.data); + }); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.date) || "-", + `${item?.killHouse?.killHouseOperator?.user?.fullname} ${ + item?.killHouse?.name + } ${item?.killHouse?.killHouseOperator?.user?.mobile || "-"}`, + `${item?.buyerName} (${item?.buyerMobile})`, + item?.buyer ? `${item?.buyer?.unitName}` : `${item?.buyerName}`, + item?.province, + item?.city, + item?.clearanceCode && ( + + ), + item?.quarantineWeightOfCarcasses?.toLocaleString(), + item?.weightOfCarcasses?.toLocaleString(), + , + ]; + }); + setTableData(d); + }, [data, page, perPage, priceInfo]); + + const fetchKillHouses = () => { + dispatch(provinceDispenserGetKillHouseService()).then((r) => { + setKillHouses(r.payload.data); + }); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + fetchKillHouses(); + }, [dispatch, selectedDate1, selectedDate2, perPage, selectedKillHouse]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-sale-out/ProvinceDispenserSaleOut.js b/src/features/province/components/province-dispenser-sale-out/ProvinceDispenserSaleOut.js new file mode 100644 index 0000000..a46dca6 --- /dev/null +++ b/src/features/province/components/province-dispenser-sale-out/ProvinceDispenserSaleOut.js @@ -0,0 +1,301 @@ +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext, useEffect, useState } from "react"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; +import { Grid } from "../../../../components/grid/Grid"; +import { StewardDispenserSaleOutDashboard } from "../../../guild/components/StewardDispenserSaleOutDashboard"; +import { DatePicker } from "@mui/x-date-pickers"; +import { + Autocomplete, + Button, + FormControl, + TextField, + Tooltip, +} from "@mui/material"; +import moment from "moment"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceDispenserWithOutGetDashboard } from "../../services/province-deispenser-sale-out-get-dashboard"; +import { provinceDispenserGetStewardService } from "../../services/province-dispenser-get-steward"; +import { ProvinceDispenserStewardSaleOutOperation } from "../province-dispenser-steward-sale-out-operation/ProvinceDispenserStewardSaleOutOperation"; + +export const ProvinceDispenserSaleOut = ({ priceInfo }) => { + const { slaughterProducts } = useSelector( + (state) => state.slaughterSlice || {} + ); + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + const [steward, setSteward] = useState([]); + const [selectedSteward, setselectedSteward] = useState(null); + + const userKey = useSelector((state) => state.userSlice?.userProfile?.key); + const [openNotif] = useContext(AppContext); + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `steward_free_sale_bar/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${ + page || 1 + }&page_size=${perPage}&type=dashboard${ + selectedSteward + ? `&steward_key=${selectedSteward}` + : "&steward_key=all" + }` + ); + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + const fetchsteward = () => { + dispatch(provinceDispenserGetStewardService()).then((r) => { + setSteward(r?.payload?.data || []); + }); + }; + const fetchDashboardData = () => { + dispatch( + provinceDispenserWithOutGetDashboard({ + search: "filter", + role: getRoleFromUrl(), + selectedDate1, + selectedDate2, + steward_key: selectedSteward || "all", + }) + ).then((r) => { + setDashboardData(r?.payload?.data || []); + }); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + const d = Array.isArray(data) + ? data.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.date ? formatTime(item?.date) : "-", + item?.productionDate ? formatJustDate(item?.productionDate) : "-", + item?.distributionType === "web" + ? "سایت" + : item?.distributionType === "app" + ? "موبایل" + : item?.distributionType === "pos" + ? "پوز" + : item?.distributionType, + `${item?.steward?.guildsName?.toLocaleString()} ${item?.steward?.user?.fullname?.toLocaleString()} ${ + item?.steward?.user?.mobile?.toLocaleString() || "-" + }`, + `${item?.buyerName} (${item?.buyerMobile})`, + item?.buyer ? `${item?.buyer?.unitName}` : `${item?.buyerName}`, + item?.province, + item?.city, + item?.clearanceCode && ( + + ), + item?.quarantineWeightOfCarcasses?.toLocaleString(), + item?.weightOfCarcasses?.toLocaleString(), + , + ]; + }) + : []; + setTableData(d); + }, [data, page, perPage, priceInfo, slaughterProducts]); + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + fetchsteward(); + }, [dispatch, selectedDate1, selectedDate2, perPage, selectedSteward]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + +

+ + + `(${option?.guildsName}) ${option?.user?.fullname}` + } + value={ + selectedSteward && Array.isArray(steward) + ? steward.find((item) => item?.key === selectedSteward) || + null + : null + } + onChange={(event, newValue) => { + setselectedSteward(newValue ? newValue.key : null); + }} + renderInput={(params) => ( + + )} + noOptionsText="مباشری یافت نشد" + isOptionEqualToValue={(option, value) => + option?.key === value?.key + } + /> + + + + + +

+ + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-sale-with-in-province-inventory/ProvinceDispenserSaleWithInInventory.js b/src/features/province/components/province-dispenser-sale-with-in-province-inventory/ProvinceDispenserSaleWithInInventory.js new file mode 100644 index 0000000..c860197 --- /dev/null +++ b/src/features/province/components/province-dispenser-sale-with-in-province-inventory/ProvinceDispenserSaleWithInInventory.js @@ -0,0 +1,27 @@ +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceDispenserSaleWithInInventory = ({ dashboardData }) => { + return ( + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-sale-with-in-province-operation/ProvinceDispenserSaleWithInProvinceOperation.js b/src/features/province/components/province-dispenser-sale-with-in-province-operation/ProvinceDispenserSaleWithInProvinceOperation.js new file mode 100644 index 0000000..ba77a9f --- /dev/null +++ b/src/features/province/components/province-dispenser-sale-with-in-province-operation/ProvinceDispenserSaleWithInProvinceOperation.js @@ -0,0 +1,242 @@ +import React, { useContext, useState } from "react"; +import { + Button, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditOutlinedIcon from "@mui/icons-material/EditOutlined"; +import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline"; +import ReplayIcon from "@mui/icons-material/Replay"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { + slaughterDeleteAllocatedService, + slaughterReturnAllocatedService, +} from "../../../slaughter-house/services/salughter-delete-allocated"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceDispenserEditToGuild } from "../province-dispenser-edit-to-guild/ProvinceDispenserEditToGuild"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceDispenserSaleWithInProvinceOperation = ({ + fetchApiData, + item, + fetchData, + updateTable, + priceInfo, + fetchDashboardData, + isAccepted, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleEditClick = () => { + handleClose(true); + dispatch( + OPEN_MODAL({ + title: "ویرایش تخصیص", + content: ( + + ), + }) + ); + }; + + const handleDeleteClick = () => { + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }; + + const handleReturnClick = () => { + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + + + {isAccepted ? ( + <> + + + + + + + + + + + + + + ) : ( + + + + + + + )} + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-sale-with-in-province/ProvinceDispenserSaleWithInProvince.js b/src/features/province/components/province-dispenser-sale-with-in-province/ProvinceDispenserSaleWithInProvince.js new file mode 100644 index 0000000..134f16f --- /dev/null +++ b/src/features/province/components/province-dispenser-sale-with-in-province/ProvinceDispenserSaleWithInProvince.js @@ -0,0 +1,38 @@ +import React, { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceDispenserAcceptedSaleWithInProvince } from "../province-dispenser-accepted-sale-with-in-province/ProvinceDispenserAcceptedSaleWithInProvince"; +import { ProvinceDispenserRejectedSaleWithInProvince } from "../province-dispenser-rejected-sale-with-in-province/ProvinceDispenserRejectedSaleWithInProvince"; +import { ProvinceDispenserReturnedSaleWithInProvince } from "../province-dispenser-returned-sale-with-in-province/ProvinceDispenserReturnedSaleWithInProvince"; + +export const ProvinceDispenserSaleWithInProvince = () => { + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + return ( + + + + + + + + + + + {value === 0 && } + {value === 1 && } + {value === 2 && } + + + ); +}; diff --git a/src/features/province/components/province-dispenser-segmentation/ProvinceDispenserSegmentation.js b/src/features/province/components/province-dispenser-segmentation/ProvinceDispenserSegmentation.js new file mode 100644 index 0000000..97feb6f --- /dev/null +++ b/src/features/province/components/province-dispenser-segmentation/ProvinceDispenserSegmentation.js @@ -0,0 +1,298 @@ +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext, useEffect, useState } from "react"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { + Autocomplete, + Button, + FormControl, + TextField, + Tooltip, +} from "@mui/material"; +import moment from "moment"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceDispenserGetStewardService } from "../../services/province-dispenser-get-steward"; +import { provinceDispenserSegmentationDashboard } from "../../services/province-dispenser-segmentation-dashboard"; + +export const ProvinceDispenserSegmentation = ({ + updateTable, + priceInfo, + remainWeight, +}) => { + const { slaughterProducts } = useSelector((state) => state.slaughterSlice); + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + const [steward, setSteward] = useState([]); + const [selectedSteward, setselectedSteward] = useState(null); + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [openNotif] = useContext(AppContext); + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `app-segmentation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${ + page || 1 + }&page_size=${perPage}&type=dashboard${ + selectedSteward + ? `&steward_key=${selectedSteward}` + : "&steward_key=all" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + const fetchsteward = () => { + dispatch(provinceDispenserGetStewardService()).then((r) => { + setSteward(r.payload.data); + }); + }; + const fetchDashboardData = () => { + dispatch( + provinceDispenserSegmentationDashboard({ + search: "filter", + role: getRoleFromUrl(), + selectedDate1, + selectedDate2, + steward_key: selectedSteward || "all", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.toGuild ? "قطعه بند" : "مباشر", + `${item?.buyer?.fullname}(${item?.buyer?.mobile})`, + item?.toGuild + ? `${item?.toGuild?.user?.fullname}(${item?.toGuild?.user?.mobile})` + : "-", + formatJustDate(item?.date), + item?.weight, + item?.quota === "governmental" + ? "دولتی" + : item?.quota === "free" + ? "آزاد" + : "-", + item?.saleType === "governmental" + ? "دولتی" + : item?.saleType === "free" + ? "آزاد" + : "-", + ]; + }); + setTableData(d); + }, [data, page, perPage, priceInfo, slaughterProducts]); + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + fetchsteward(); + }, [dispatch, selectedDate1, selectedDate2, perPage, selectedSteward]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + +

+ + + `(${option?.guildsName}) ${option?.user?.fullname}` + } + value={ + selectedSteward + ? steward.find((item) => item.key === selectedSteward) || + null + : null + } + onChange={(event, newValue) => { + setselectedSteward(newValue ? newValue.key : null); + }} + renderInput={(params) => ( + + )} + noOptionsText="مباشری یافت نشد" + isOptionEqualToValue={(option, value) => + option.key === value.key + } + /> + + + + + +

+ + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-steward-edit-operation/ProvinceDispenserStewardEditOperation.js b/src/features/province/components/province-dispenser-steward-edit-operation/ProvinceDispenserStewardEditOperation.js new file mode 100644 index 0000000..a3ce157 --- /dev/null +++ b/src/features/province/components/province-dispenser-steward-edit-operation/ProvinceDispenserStewardEditOperation.js @@ -0,0 +1,455 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import moment from "moment"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { + Autocomplete, + Button, + FormControl, + FormControlLabel, + InputAdornment, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { + slaughterAllocateStewardService, + slaughterEditAllocateStewardService, +} from "../../../slaughter-house/services/slaughter-allocate-steward"; +import { fetchSlaughterBroadcastAndProducts } from "../../../slaughter-house/services/handle-fetch-slaughter-products"; + +export const ProvinceDispenserStewardEditOperation = ({ + item, + key, + sellerType, + buyerType, + allocationType, + sellType, + fetchApiData, + editData, + priceInfo, + coldHouseKey, + coldHouseItemKey, + fetchDashboardData, +}) => { + const dispatch = useDispatch(); + const [productData, setProductData] = useState([]); + const [guildsData, setGuildsData] = useState([]); + const [productKey, setProductKey] = useState(null); + const [openNotif] = useContext(AppContext); + + const [value, setValue] = useState("own"); + + const handleChange = (event) => { + setValue(event.target.value); + setBuyerData({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + }; + + const [sellGovernmental, setSellGovernmental] = useState( + priceInfo?.active ? "true" : "false" + ); + + const handleChangeSellGovernmental = (event) => { + setSellGovernmental(event.target.value); + if (event.target.value === "false") { + formik.setFieldValue("price", ""); + } + }; + + const [buyerData, setBuyerData] = useState({ + key, + item, + buyerType, + allocationType, + }); + + useEffect(() => { + if (getRoleFromUrl() === "Steward") { + setValue("free"); + } + }, []); + + useEffect(() => { + if (!editData) { + dispatch(slaughterAllocateStewardService()).then((r) => { + setProductData(r.payload.data); + }); + if (!item) { + dispatch( + slaughterEditAllocateStewardService({ + free: value === "free" ? true : false, + }) + ).then((r) => { + setGuildsData(r.payload.data); + }); + } + } + }, [dispatch, value]); + + const validationSchema = Yup.object({ + weight: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + price: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + wholePrice: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + }); + + const formik = useFormik({ + initialValues: { + weight: editData?.realWeightOfCarcasses || "", + wholePrice: editData?.totalAmount || "", + price: editData?.amount || "", + }, + validationSchema, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (sellGovernmental === "false") { + if (formik.values.weight && formik.values.price) { + formik.setFieldValue( + "wholePrice", + formik.values.price * formik.values.weight + ); + } + } else { + if (priceInfo?.active && formik.values.weight) { + formik.setFieldValue( + "wholePrice", + priceInfo?.killHousePrice * formik.values.weight + ); + } + } + }, [formik.values.price, formik.values.weight, sellGovernmental]); + + useEffect(() => { + if (priceInfo?.active && sellGovernmental === "true") { + formik.setFieldValue("price", priceInfo?.killHousePrice); + } + }, [sellGovernmental]); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(fetchSlaughterBroadcastAndProducts()); + fetchDashboardData(); + fetchApiData(1); + }; + + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + return ( + + {!editData && ( + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + )} + + {!editData && !coldHouseKey && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setProductKey(value.data); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!editData && ( + + + } + label="صنوف اختصاصی" + /> + } + label="صنوف آزاد" + /> + + + )} + + {!item && !editData && ( + + { + return { + data: i, + label: `${i?.steward ? "مباشر" : "صنف"} ${ + i?.guildsName + } ${i?.user?.fullname} (${i?.user?.mobile})`, + }; + }) + : [] + } + onChange={(event, value) => { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: value?.data?.steward + ? "killhouse_steward" + : "killhouse_guild", + buyerType: value?.data?.steward ? "Steward" : "Guild", + }); + }} + renderInput={(params) => ( + + )} + /> + + )} + + + {priceInfo?.active && ( + + + } + label="قیمت مصوب" + /> + } + label="قیمت آزاد" + /> + + + )} + + ریال, + }} + value={formik.values.price} + error={formik.touched.price ? Boolean(formik.errors.price) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.price && Boolean(formik.errors.price) + ? formik.errors.price + : null + } + /> + + ریال, + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice ? Boolean(formik.errors.wholePrice) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-steward-sale-in-operation/ProvinceDispenserStewardSaleInOperation.js b/src/features/province/components/province-dispenser-steward-sale-in-operation/ProvinceDispenserStewardSaleInOperation.js new file mode 100644 index 0000000..bbbb938 --- /dev/null +++ b/src/features/province/components/province-dispenser-steward-sale-in-operation/ProvinceDispenserStewardSaleInOperation.js @@ -0,0 +1,138 @@ +import React, { useState } from "react"; +import { + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { slaughterDeleteAllocatedService } from "../../../slaughter-house/services/salughter-delete-allocated"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceDispenserStewardEditOperation } from "../province-dispenser-steward-edit-operation/ProvinceDispenserStewardEditOperation"; +import { fetchSlaughterBroadcastAndProducts } from "../../../slaughter-house/services/handle-fetch-slaughter-products"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +export const ProvinceDispenserStewardSaleInOperation = ({ + fetchApiData, + item, + fetchData, + updateTable, + priceInfo, + // remainWeight, + fetchDashboardData, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleEditClick = () => { + handleClose(true); + dispatch( + OPEN_MODAL({ + title: "ویرایش تخصیص", + content: ( + + ), + }) + ); + }; + + const handleDeleteClick = () => { + dispatch( + slaughterDeleteAllocatedService({ + steward_allocation_key: item.key, + }) + ).then(() => { + dispatch(fetchSlaughterBroadcastAndProducts()); + fetchApiData(1); + setAnchorEl(null); + }); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + + + { + handleClose(); + handleEditClick(); + }} + sx={{ borderRadius: 1, mb: 0.25, py: 0.5 }} + > + + + + + + { + handleClose(); + handleDeleteClick(); + }} + sx={{ borderRadius: 1, py: 0.5 }} + > + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-steward-sale-out-operation/ProvinceDispenserStewardSaleOutOperation.js b/src/features/province/components/province-dispenser-steward-sale-out-operation/ProvinceDispenserStewardSaleOutOperation.js new file mode 100644 index 0000000..433d37f --- /dev/null +++ b/src/features/province/components/province-dispenser-steward-sale-out-operation/ProvinceDispenserStewardSaleOutOperation.js @@ -0,0 +1,129 @@ +import React, { useState } from "react"; +import { + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditOutlinedIcon from "@mui/icons-material/EditOutlined"; +import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceStewardEditSaleOutOperation } from "../province-steward-edit-sale-out-operation/ProvinceStewardEditSaleOutOperation"; +import { stewardDeleteOutSellService } from "../../../guild/services/steward-sell-out-delete-service"; +import { fetchSlaughterBroadcastAndProducts } from "../../../slaughter-house/services/handle-fetch-slaughter-products"; + +export const ProvinceDispenserStewardSaleOutOperation = ({ + fetchApiData, + item, + fetchData, + updateTable, + priceInfo, + fetchDashboardData, + remainWeight, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleEditClick = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ویرایش تخصیص", + content: ( + + ), + }) + ); + }; + + const handleDeleteClick = () => { + handleClose(); + dispatch(stewardDeleteOutSellService(item?.key)).then(() => { + dispatch(fetchSlaughterBroadcastAndProducts()); + fetchApiData(1); + setAnchorEl(null); + }); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispenser-stewards/ProvinceDispenserStewards.js b/src/features/province/components/province-dispenser-stewards/ProvinceDispenserStewards.js new file mode 100644 index 0000000..97cee69 --- /dev/null +++ b/src/features/province/components/province-dispenser-stewards/ProvinceDispenserStewards.js @@ -0,0 +1,10 @@ +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceDispenserStewards = () => { + return ( + + در حال توسعه ... + + ); +}; diff --git a/src/features/province/components/province-dispensers-killhouses/ProvinceDispensersKillhouses.js b/src/features/province/components/province-dispensers-killhouses/ProvinceDispensersKillhouses.js new file mode 100644 index 0000000..2801150 --- /dev/null +++ b/src/features/province/components/province-dispensers-killhouses/ProvinceDispensersKillhouses.js @@ -0,0 +1,393 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Button, Checkbox, Tab, Tabs, TextField, Tooltip } from "@mui/material"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { + provinceGetDispenserKillhousesDashboardService, + provinceGetDispenserKillhousesService, +} from "../../services/province-get-dispenser-killhouses"; +import { AppContext } from "../../../../contexts/AppContext"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import axios from "axios"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceDispenserSaleWithInProvince } from "../province-dispenser-sale-with-in-province/ProvinceDispenserSaleWithInProvince"; +import { ProvinceDispenserSaleOutProvince } from "../province-dispenser-sale-out-province/ProvinceDispenserSaleInProvince"; +import { ProvinceSegmentation } from "../province-segmentation/ProvinceSegmentation"; +import { ProvinceColdHouses } from "../province-cold-houses/ProvinceColdHouses"; + +export const ProvinceDispensersKillhouses = () => { + const [tableData, setTableData] = useState([]); + const [withDate, setWithDate] = useState(false); + const [dashboardData, setDashboardData] = useState([]); + const [openNotif] = useContext(AppContext); + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const dispatch = useDispatch(); + + const fetchDashboardData = () => { + if (value === 0) { + dispatch( + provinceGetDispenserKillhousesDashboardService({ + selectedDate1: withDate ? selectedDate1 : null, + selectedDate2: withDate ? selectedDate2 : null, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + } + }; + + const fetchTableData = () => { + if (value === 0) { + dispatch( + provinceGetDispenserKillhousesService( + withDate ? { selectedDate1, selectedDate2 } : {} + ) + ).then((r) => { + const d = r.payload?.data?.map((item, i) => { + return [ + i + 1, + `${item?.killHouseOperator?.user?.fullname} (${item?.killHouseOperator?.user?.mobile})`, + `${item?.killer ? "کشتارکن" : "کشتارگاه"} (${item?.name})`, + item?.killHouseOperator?.user?.city?.name, + item?.wareHouseInfo?.productRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.totalGovernmentalRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.totalFreeRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.warehouseTotalEnteredCarcassesWeight?.toLocaleString(), + item?.wareHouseInfo?.totalSell?.toLocaleString(), + // item?.wareHouseInfo?.provinceKillRequestsQuantity?.toLocaleString(), + // item?.wareHouseInfo?.totalProvinceBars?.toLocaleString(), + // item?.wareHouseInfo?.totalProvinceBarsQuantity?.toLocaleString(), + // item?.wareHouseInfo?.totalProvinceBarsWeight?.toLocaleString(), + // item?.wareHouseInfo?.totalKillHouseFreeBar?.toLocaleString(), + // item?.wareHouseInfo?.totalKillHouseFreeLiveBarQuantity?.toLocaleString(), + // item?.wareHouseInfo?.totalKillHouseFreeLiveBarWeight?.toLocaleString(), + // item?.wareHouseInfo?.totalKillHouseFreeCarcassesBar?.toLocaleString(), + // item?.wareHouseInfo?.totalKillHouseFreeBarCarcasses?.toLocaleString(), + // item?.wareHouseInfo?.totalKillHouseFreeBarCarcassesWeight?.toLocaleString(), + item?.wareHouseInfo?.totalBars?.toLocaleString(), + item?.wareHouseInfo?.warehouseTotalQuantity?.toLocaleString(), + Math.floor( + item?.wareHouseInfo?.warehouseTotalWeight + )?.toLocaleString(), + item?.wareHouseInfo?.warehouseTotalEnteredBars?.toLocaleString(), + item?.wareHouseInfo?.totalGovernmentalInputWeight?.toLocaleString(), + item?.wareHouseInfo?.totalFreeInputWeight?.toLocaleString(), + item?.wareHouseInfo?.totalKillHouseAllocationsWeight?.toLocaleString(), + item?.wareHouseInfo?.totalKillHouseFreeSale_barCarcassesWeight?.toLocaleString(), + item?.wareHouseInfo?.totalKillHouseSegmentationsWeight?.toLocaleString(), + item?.wareHouseInfo?.totalKillHouseColdHouseAllocationsWeight?.toLocaleString(), + item?.wareHouseInfo?.totalGovernmentalOutputWeight?.toLocaleString(), + item?.wareHouseInfo?.totalFreeOutputWeight?.toLocaleString(), + item?.wareHouseInfo?.lastTotalRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.lastTotalGovernmentalRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.lastTotalFreeRemainWeight?.toLocaleString(), + item?.wareHouseInfo?.warehouseTotalNotEnteredBars?.toLocaleString(), + item?.wareHouseInfo?.warehouseTotalNotEnteredBarsQuantity?.toLocaleString(), + item?.wareHouseInfo?.warehouseTotalNotEnteredBarsWeight?.toLocaleString(), + + + , + ]; + }); + setTableData(d); + }); + } + }; + + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [selectedDate2, setSelectedDate2] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + useEffect(() => { + fetchDashboardData(); + fetchTableData(); + }, [selectedDate1, selectedDate2, withDate, value]); + + return ( + + + + + + + + + + + + + + {value === 0 && ( + <> + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + )} + + {value === 1 && } + + {value === 2 && } + + {value === 3 && } + + {value === 4 && } + + ); +}; diff --git a/src/features/province/components/province-dispensers-sell-carcass-buyers-out/ProvinceDispensersSellCarcassBuyersOut.js b/src/features/province/components/province-dispensers-sell-carcass-buyers-out/ProvinceDispensersSellCarcassBuyersOut.js new file mode 100644 index 0000000..678560b --- /dev/null +++ b/src/features/province/components/province-dispensers-sell-carcass-buyers-out/ProvinceDispensersSellCarcassBuyersOut.js @@ -0,0 +1,180 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceDispensersSellCarcassBuyersOut = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `base-out-province-carcasses-buyer/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&state=true` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.fullname} (${item?.mobile})`, + item?.unitName, + item?.province, + item?.city, + item?.killHouses?.map((option) => option).join(" - "), + item?.requestsInfo?.numberOfRequests?.toLocaleString(), + item?.requestsInfo?.totalQuantity?.toLocaleString(), + item?.requestsInfo?.totalWeight?.toLocaleString(), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `base-out-province-carcasses-buyer/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}&state=true` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispensers-sell-carcass-sell-out/ProvinceDispensersSellCarcassSellOut.js b/src/features/province/components/province-dispensers-sell-carcass-sell-out/ProvinceDispensersSellCarcassSellOut.js new file mode 100644 index 0000000..7331849 --- /dev/null +++ b/src/features/province/components/province-dispensers-sell-carcass-sell-out/ProvinceDispensersSellCarcassSellOut.js @@ -0,0 +1,128 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import moment from "moment"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { slaughterSellCarcassOutProvinceGetDashboard } from "../../../slaughter-house/services/slaughter-sell-carcass-out-province"; + +export const ProvinceDispensersSellCarcassSellOut = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [dashboardData, setDashboardData] = useState([]); + + useEffect(() => { + dispatch( + slaughterSellCarcassOutProvinceGetDashboard({ + selectedDate1, + selectedDate2, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [selectedDate1, selectedDate2]); + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + {/* + + + + + + */} + + + + + + + ); +}; diff --git a/src/features/province/components/province-dispensers-sell-carcass/ProvinceDispensersSellCarcass.js b/src/features/province/components/province-dispensers-sell-carcass/ProvinceDispensersSellCarcass.js new file mode 100644 index 0000000..b98c73a --- /dev/null +++ b/src/features/province/components/province-dispensers-sell-carcass/ProvinceDispensersSellCarcass.js @@ -0,0 +1,73 @@ +import React, { useState } from "react"; +import { Box, Divider, Tab, Tabs } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceDispensersSellCarcassSellOut } from "../province-dispensers-sell-carcass-sell-out/ProvinceDispensersSellCarcassSellOut"; +import { ProvinceDispensersSellCarcassBuyersOut } from "../province-dispensers-sell-carcass-buyers-out/ProvinceDispensersSellCarcassBuyersOut"; + +export const ProvinceDispensersSellCarcass = () => { + const [value, setValue] = useState(0); + + const handleChangeTab = (event, newValue) => { + setValue(newValue); + }; + + const [valueOutProvince, setValueOutProvince] = useState(0); + + const handleChangeTabsetOutProvince = (event, newValue) => { + setValueOutProvince(newValue); + }; + + return ( + + + + + + + + + + + {value === 0 && ( + + + + + + + + + {valueOutProvince === 0 && } + + {valueOutProvince === 1 && } + + )} + + ); +}; diff --git a/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlug.js b/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlug.js new file mode 100644 index 0000000..f60e859 --- /dev/null +++ b/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlug.js @@ -0,0 +1,58 @@ +import { Box, Tab, Tabs } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { BackButton } from "../../../../components/back-button/BackButton"; +import { useState } from "react"; +import { ProvinceDispensersStockSlugActive } from "./ProvinceDispensersStockSlugActive"; +import { ProvinceDispensersStockSlugArchive } from "./ProvinceDispensersStockSlugArchive"; + +const ProvinceDispensersStockSlug = () => { + const [value, setValue] = useState("active"); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + return ( + + + + + + + + + + + + {value === "active" && } + {value === "archive" && } + + + + + ); +}; + +export default ProvinceDispensersStockSlug; diff --git a/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlugActive.js b/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlugActive.js new file mode 100644 index 0000000..9e69e8d --- /dev/null +++ b/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlugActive.js @@ -0,0 +1,492 @@ +import { useCallback, useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + Button, + Box, + Typography, + TextField, + FormControlLabel, + Switch, +} from "@mui/material"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { SPACING } from "../../../../data/spacing"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { resizeImage } from "../../../../utils/resizeImage"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceWarehouseArchive } from "../../services/province-warehouse-archive"; +import { provinceGetTotalKillhouseRemainWeight } from "../../services/province-get-total-killhouse-remain-weight"; +import { useLocation } from "react-router-dom"; +import { formatJustDate } from "../../../../utils/formatTime"; + +const DayDetailContent = ({ + killhouseName, + killhouseKey, + dayData, + governmentalData, + freeData, + selectedType, + onSuccess, +}) => { + const dispatch = useDispatch(); + const location = useLocation(); + const [openNotif] = useContext(AppContext); + + const [description, setDescription] = useState(""); + const [profileImages, setProfileImages] = useState([]); + const [profileImg, setProfileImg] = useState(""); + + const currentData = selectedType === "free" ? freeData : governmentalData; + + const getArchiveType = () => { + const pathSegments = location.pathname.split("/").filter(Boolean); + if (pathSegments.includes("steward")) { + return "steward"; + } + if (pathSegments.includes("killhouse")) { + return "kill_house"; + } + return pathSegments[pathSegments.length - 1] || "kill_house"; + }; + + const imageHandler = (imageList) => { + setProfileImages(imageList); + if (imageList[0]) { + const file = imageList[0]?.file; + resizeImage(file, (resizedDataUrl) => { + const optimizedBase64 = fixBase64(resizedDataUrl); + setProfileImg(optimizedBase64); + }); + } else { + setProfileImg(""); + } + }; + + const handleSubmit = () => { + const archiveType = getArchiveType(); + const role = getRoleFromUrl(); + + const payload = { + role, + owner_key: killhouseKey, + archive_type: archiveType, + date: dayData, + weight: currentData.amount, + quota: selectedType, + image: profileImg || "", + description: description || "", + }; + + dispatch(provinceWarehouseArchive(payload)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "بایگانی با موفقیت ثبت شد", + severity: "success", + }); + + dispatch( + DRAWER({ + top: false, + left: false, + bottom: false, + right: false, + title: null, + content: null, + size: null, + }) + ); + setDescription(""); + setProfileImg(""); + setProfileImages([]); + + if (onSuccess) { + onSuccess(); + } + } + }); + }; + + return ( + + + + {killhouseName} + + + تاریخ: {formatJustDate(dayData)} + + + + + + + موجودی {selectedType === "free" ? "آزاد" : "دولتی"}: + + + {currentData.amount.toLocaleString()} کیلوگرم + + + + + + + + + + { + setDescription(e.target.value); + }} + placeholder="توضیحات خود را وارد کنید..." + /> + + + + + + ); +}; + +export const ProvinceDispensersStockSlugActive = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const location = useLocation(); + const pathSegments = location.pathname.split("/").filter(Boolean); + const lastSegment = pathSegments[pathSegments.length - 1] || ""; + const isStewardPage = lastSegment === "steward"; + const nameColumnLabel = isStewardPage ? "مباشر" : "کشتارگاه"; + const [tableData, setTableData] = useState([]); + const [killhousesData, setKillhousesData] = useState([]); + const [showType, setShowType] = useState("governmental"); + const initialPageSize = isStewardPage ? 40 : 10; + const [tablePage, setTablePage] = useState(1); + const [tablePageSize, setTablePageSize] = useState(initialPageSize); + const [tableTotalRows, setTableTotalRows] = useState(0); + + const handleTypeToggle = () => { + setShowType((prev) => (prev === "free" ? "governmental" : "free")); + }; + + const fetchKillhouseData = useCallback(() => { + const params = { + search: "filter", + value: "", + page: tablePage, + page_size: tablePageSize, + quota: showType === "free" ? "free" : "governmental", + + ...(isStewardPage ? { owner_type: "steward" } : {}), + }; + + dispatch(provinceGetTotalKillhouseRemainWeight(params)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else if (r.payload?.data) { + const apiData = r.payload.data.results || []; + const totalCount = r.payload.data.count || 0; + setTableTotalRows(totalCount); + + if (apiData.length === 0 && totalCount > 0 && tablePage > 1) { + setTablePage((prev) => Math.max(prev - 1, 1)); + return; + } + + const transformedData = apiData + .filter((item) => item.info !== null) + .map((item) => ({ + id: item.key, + key: item.key, + name: isStewardPage ? item.guildsName || item.name : item.name, + governmental: item.info?.governmental || [], + free: item.info?.free || [], + })); + + setKillhousesData(transformedData); + } + }); + }, [dispatch, openNotif, isStewardPage, tablePage, tablePageSize, showType]); + + useEffect(() => { + setTablePage(1); + setTablePageSize(isStewardPage ? 40 : 10); + }, [isStewardPage]); + + useEffect(() => { + fetchKillhouseData(); + }, [fetchKillhouseData]); + + useEffect(() => { + const filteredKillhouses = killhousesData + .map((killhouse) => { + const relevantList = + showType === "free" ? killhouse.free : killhouse.governmental; + const nonZeroDays = Array.isArray(relevantList) + ? relevantList.filter((item) => item?.amount) + : []; + + if (!nonZeroDays.length) { + return null; + } + + const totalWeight = nonZeroDays.reduce( + (acc, curr) => acc + (curr?.amount || 0), + 0 + ); + + return { killhouse, nonZeroDays, totalWeight }; + }) + .filter(Boolean); + + if (!filteredKillhouses.length && tableTotalRows > 0 && tablePage > 1) { + setTablePage((prev) => Math.max(prev - 1, 1)); + return; + } + + const data = filteredKillhouses.map((item, index) => { + const { killhouse, nonZeroDays, totalWeight } = item; + const uniqueDays = [...new Set(nonZeroDays.map((d) => d.day))].sort(); + + const daysContent = ( + + {uniqueDays + .map((day, dayIndex) => { + const govDay = killhouse.governmental.find((d) => d.day === day); + const freeDay = killhouse.free.find((d) => d.day === day); + + const currentAmount = + showType === "free" + ? freeDay?.amount || 0 + : govDay?.amount || 0; + + if (!currentAmount) { + return null; + } + + return ( + + ); + }) + .filter(Boolean)} + + ); + + return [ + (tablePage - 1) * tablePageSize + index + 1, + killhouse.name || "نامشخص", + totalWeight.toLocaleString(), + daysContent, + ]; + }); + + setTableData(data); + }, [ + showType, + killhousesData, + fetchKillhouseData, + dispatch, + tablePage, + tablePageSize, + tableTotalRows, + ]); + + return ( + + + + + + } + label={ + + + دولتی + + + / + + + آزاد + + + } + labelPlacement="start" + /> + + + + + setTablePage(newPage)} + handlePerRowsChange={(newPageSize) => { + setTablePageSize(newPageSize); + setTablePage(1); + }} + /> + + + ); +}; diff --git a/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlugArchive.js b/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlugArchive.js new file mode 100644 index 0000000..0b02c9d --- /dev/null +++ b/src/features/province/components/province-dispensers-stock-slug/ProvinceDispensersStockSlugArchive.js @@ -0,0 +1,444 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + TextField, + Switch, + FormControlLabel, + IconButton, + Button, + Typography, +} from "@mui/material"; +import DeleteIcon from "@mui/icons-material/Delete"; +import SearchIcon from "@mui/icons-material/Search"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provinceGetWarehouseArchive, + provinceDeleteWarehouseArchive, +} from "../../services/province-warehouse-archive"; +import { provinceGetTotalKillhouseArchiveDashboard } from "../../services/province-get-total-killhouse-remain-weight"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { numberDigitSeperator } from "../../../../utils/numberDigitSeperator"; +import { useLocation } from "react-router-dom"; +import { OPEN_MODAL, CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceDispensersStockSlugArchive = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const location = useLocation(); + const pathSegments = location.pathname.split("/").filter(Boolean); + const isStewardPage = pathSegments.includes("steward"); + const nameColumnLabel = isStewardPage ? "نام مباشر" : "نام کشتارگاه"; + const [tableData, setTableData] = useState([]); + const [tablePage, setTablePage] = useState(1); + const [tablePageSize, setTablePageSize] = useState(10); + const [tableTotalRows, setTableTotalRows] = useState(0); + const [dashboardTableData, setDashboardTableData] = useState([]); + const [dashboardPage, setDashboardPage] = useState(1); + const [dashboardPageSize, setDashboardPageSize] = useState(10); + const [dashboardTotalRows, setDashboardTotalRows] = useState(0); + const [dashboardSearchValue, setDashboardSearchValue] = useState(""); + const [dateRangeEnabled, setDateRangeEnabled] = useState(false); + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [selectedDate2, setSelectedDate2] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + const handleDeleteWarehouseItem = (key) => { + dispatch( + OPEN_MODAL({ + title: "تأیید حذف", + size: "auto", + content: ( + + + + آیا از حذف این بایگانی اطمینان دارید؟ + + + + + + + + + + ), + }) + ); + }; + + const fetchDashboardData = () => { + const params = { + search: "filter", + value: dashboardSearchValue, + page: dashboardPage, + page_size: dashboardPageSize, + ...(isStewardPage ? { owner_type: "steward" } : { role: "SuperAdmin" }), + }; + + if (dateRangeEnabled) { + params.date1 = selectedDate1; + params.date2 = selectedDate2; + } + + dispatch(provinceGetTotalKillhouseArchiveDashboard(params)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else if (r.payload?.data) { + const apiData = r.payload.data.results || []; + setDashboardTotalRows(r.payload.data.count || 0); + + const data = apiData.map((item, index) => { + const info = item?.info || {}; + const normalizeInfoValue = (...keys) => { + for (const key of keys) { + if (info?.[key] !== undefined && info?.[key] !== null) { + return info[key]; + } + } + return 0; + }; + + const nameValue = isStewardPage + ? item?.guilds_name || item?.guildsName || item?.name || "نامشخص" + : item?.name || "نامشخص"; + + return [ + (dashboardPage - 1) * dashboardPageSize + index + 1, + nameValue, + numberDigitSeperator( + normalizeInfoValue("total_count", "totalCount") + ) || 0, + numberDigitSeperator( + normalizeInfoValue( + "total_governmental_count", + "totalGovernmentalCount" + ) + ) || 0, + numberDigitSeperator( + normalizeInfoValue("total_free_count", "totalFreeCount") + ) || 0, + numberDigitSeperator( + normalizeInfoValue("total_weight", "totalWeight") + ) || 0, + numberDigitSeperator( + normalizeInfoValue( + "total_governmental_weight", + "totalGovernmentalWeight" + ) + ) || 0, + numberDigitSeperator( + normalizeInfoValue("total_free_weight", "totalFreeWeight") + ) || 0, + ]; + }); + + setDashboardTableData(data); + } + }); + }; + + const fetchWarehouseData = () => { + const params = { + search: "filter", + value: "", + page: tablePage, + page_size: tablePageSize, + ...(isStewardPage + ? { archive_type: "steward", owner_type: "steward" } + : {}), + }; + + if (dateRangeEnabled) { + params.date1 = selectedDate1; + params.date2 = selectedDate2; + } + + dispatch(provinceGetWarehouseArchive(params)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else if (r.payload?.data) { + const apiData = r.payload.data.results || []; + const totalCount = r.payload.data.count || 0; + setTableTotalRows(totalCount); + + if (apiData.length === 0 && totalCount > 0 && tablePage > 1) { + setTablePage((prev) => Math.max(prev - 1, 1)); + return; + } + + const data = apiData.map((item, index) => { + const killHouse = item?.killHouse || {}; + const steward = item?.steward || {}; + const guild = item?.guild || {}; + + const createDateValue = item?.createDate; + const registererMobile = item?.registererMobile || "-"; + const registererName = item?.registerer || "-"; + const quotaLabel = item?.quota === "free" ? "آزاد" : "دولتی"; + const description = item?.description || "-"; + const archiveKey = item?.key; + + const nameValue = isStewardPage + ? item?.guildsName || + steward?.guildsName || + steward?.fullname || + guild?.name || + item?.ownerName || + killHouse?.name || + "نامشخص" + : killHouse?.name || item?.ownerName || "نامشخص"; + + const cityValue = isStewardPage + ? item?.guildsCity || + steward?.city || + guild?.city || + item?.ownerCity || + killHouse?.city || + "-" + : killHouse?.city || item?.ownerCity || "-"; + + return [ + (tablePage - 1) * tablePageSize + index + 1, + createDateValue ? formatTime(createDateValue) : "-", + item?.date ? formatJustDate(item.date) : "-", + nameValue, + cityValue, + numberDigitSeperator(item?.weight || 0) || 0, + quotaLabel, + registererName, + registererMobile, + description, + handleDeleteWarehouseItem(archiveKey)} + size="small" + > + + , + ]; + }); + + setTableData(data); + } + }); + }; + + useEffect(() => { + setTablePage(1); + }, [selectedDate1, selectedDate2, dateRangeEnabled]); + + useEffect(() => { + fetchWarehouseData(); + }, [ + selectedDate1, + selectedDate2, + dateRangeEnabled, + tablePage, + tablePageSize, + ]); + + useEffect(() => { + fetchDashboardData(); + }, [ + selectedDate1, + selectedDate2, + dateRangeEnabled, + dashboardPage, + dashboardPageSize, + ]); + + return ( + + + + setDateRangeEnabled(e.target.checked)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + setDashboardSearchValue(e.target.value)} + onKeyPress={(e) => { + if (e.key === "Enter") { + fetchDashboardData(); + } + }} + /> + + + + + + + setDashboardPage(newPage)} + handlePerRowsChange={(newPageSize) => { + setDashboardPageSize(newPageSize); + setDashboardPage(1); + }} + /> + + + + setTablePage(newPage)} + handlePerRowsChange={(newPageSize) => { + setTablePageSize(newPageSize); + setTablePage(1); + }} + /> + + + ); +}; diff --git a/src/features/province/components/province-dispensers-stock-slug/service.js b/src/features/province/components/province-dispensers-stock-slug/service.js new file mode 100644 index 0000000..4d178f9 --- /dev/null +++ b/src/features/province/components/province-dispensers-stock-slug/service.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +// import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const getKillhouseRemainWeight = createAsyncThunk( + "GET_KILLHOUSE_REMAIN_WEIGHT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/api/killhouse-remain-weight" + // , { + // params: { role: getRoleFromUrl() }, + // } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/components/province-dispensers-stock/ProvinceDispensersStock.js b/src/features/province/components/province-dispensers-stock/ProvinceDispensersStock.js new file mode 100644 index 0000000..32624a1 --- /dev/null +++ b/src/features/province/components/province-dispensers-stock/ProvinceDispensersStock.js @@ -0,0 +1,139 @@ +import React from "react"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { BackButton } from "../../../../components/back-button/BackButton"; +import { VscBroadcast } from "react-icons/vsc"; +import { FaStore } from "react-icons/fa"; +import { GiMeat } from "react-icons/gi"; +import { + ROUTE_ADMINX_DISPENSERS_STOCK_KILLHOUSE, + ROUTE_SUPER_ADMIN_DISPENSERS_STOCK_KILLHOUSE, + ROUTE_ADMINX_DISPENSERS_STOCK_STEWARD, + ROUTE_SUPER_ADMIN_DISPENSERS_STOCK_STEWARD, + ROUTE_ADMINX_DISPENSERS_STOCK_GUILD, + ROUTE_SUPER_ADMIN_DISPENSERS_STOCK_GUILD, + ROUTE_PROVINCE_SUPERVISOR_DISPENSERS_STOCK_STEWARD, + ROUTE_PROVINCE_SUPERVISOR_DISPENSERS_STOCK_GUILD, + ROUTE_PROVINCE_SUPERVISOR_DISPENSERS_STOCK_KILLHOUSE, +} from "../../../../routes/routes"; +import { useLocation } from "react-router-dom"; +import { Box } from "@mui/material"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +const ProvinceDispensersStock = () => { + const { pathname } = useLocation(); + + return ( + + + + + + + + + + } + title="کشتارگاه" + description="کشتارگاه" + /> + + + + } + title="مباشر" + description="مباشر" + /> + + + + } + title="صنف" + description="صنف" + /> + + + + + + ); +}; + +export default ProvinceDispensersStock; diff --git a/src/features/province/components/province-dispensers-view-killhouse/ProvinceDispensersViewKillHouse.js b/src/features/province/components/province-dispensers-view-killhouse/ProvinceDispensersViewKillHouse.js new file mode 100644 index 0000000..3e88012 --- /dev/null +++ b/src/features/province/components/province-dispensers-view-killhouse/ProvinceDispensersViewKillHouse.js @@ -0,0 +1,32 @@ +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceDispensersView } from "../province-dispensers-view/ProvinceDispensersView"; + +export const ProvinceDispensersViewKillHouse = ({ key, name }) => { + const [value, setValue] = React.useState("0"); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + return ( + + + + + + + {value === "0" && ( + + )} + {value === "1" && ( + + )} + + ); +}; diff --git a/src/features/province/components/province-dispensers-view/ProvinceDispensersView.js b/src/features/province/components/province-dispensers-view/ProvinceDispensersView.js new file mode 100644 index 0000000..67eea83 --- /dev/null +++ b/src/features/province/components/province-dispensers-view/ProvinceDispensersView.js @@ -0,0 +1,300 @@ +import React, { useEffect, useState } from "react"; +import { Button, Popover, TextField, Typography } from "@mui/material"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { useDispatch } from "react-redux"; +import { useParams } from "react-router-dom"; +import { ProvinceAllocateStewardGuild } from "../province-allocate-steward-guild/ProvinceAllocateStewardGuild"; +import { ProvinceCreateAllocateStewardGuild } from "../province-create-allocate-steward-guild/ProvinceCreateAllocateStewardGuild"; + +export const ProvinceDispensersView = ({ type, roleType }) => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const { key, name } = useParams(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `total-guilds-distribution-management/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}${ + roleType && "&role_type=" + roleType + }${type && "&type=" + type}&key=${key}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.guildsName, + `${item?.user?.fullname} (${item?.user?.mobile})`, + item?.city, + item?.userLevel?.length + ? item?.userLevel?.map((option, i) => ( + + {option?.faTitle} + + )) + : "-", + item?.typeActivity, + item?.areaActivity, + item?.generalInfos?.selfTotalAllocationType === "forced" + ? "اجباری" + : "اختیاری", + item?.generalInfos?.inputTotalAllocationLimit?.toLocaleString(), + item?.generalInfos?.outputTotalAllocationLimit?.toLocaleString(), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `total-guilds-distribution-management/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const [anchorEl, setAnchorEl] = React.useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "simple-popover" : undefined; + + return ( + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-edit-age-message/ProvinceEditAgeMessage.js b/src/features/province/components/province-edit-age-message/ProvinceEditAgeMessage.js new file mode 100644 index 0000000..1a7f37b --- /dev/null +++ b/src/features/province/components/province-edit-age-message/ProvinceEditAgeMessage.js @@ -0,0 +1,125 @@ +import React, { useContext } from "react"; +import { TextField, Button, Grid } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { provinceEditAgeMessagesService } from "../../services/province-age-message"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceEditAgeMessage = ({ item, fetchData }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const validationSchema = Yup.object({ + ageRange: Yup.number() + .required("بازه سنی ضروری است") + .max(99, "عدد دورقمی وارد کنید!"), + lossPercent: Yup.number() + .required("درصد افت ضروری است") + .max(99, "عدد دورقمی وارد کنید!"), + message: Yup.string() + .required("پیغام ضروری است") + .max(500, "حداکثر 500 کاراکتر"), + }); + + const formik = useFormik({ + initialValues: { + ageRange: item?.poultryAge, + message: item?.message, + lossPercent: item?.lossesPercent, + }, + validationSchema, + onSubmit: (values) => { + dispatch( + provinceEditAgeMessagesService({ + message: values.message, + poultry_age: values.ageRange, + losses_percent: values.lossPercent, + notif_key: item?.key, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( + + ); +}; diff --git a/src/features/province/components/province-edit-kill-capacity-form/ProvinceEditKillCapacityForm.js b/src/features/province/components/province-edit-kill-capacity-form/ProvinceEditKillCapacityForm.js new file mode 100644 index 0000000..df35f05 --- /dev/null +++ b/src/features/province/components/province-edit-kill-capacity-form/ProvinceEditKillCapacityForm.js @@ -0,0 +1,83 @@ +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getSlaughterHousesRequest } from "../../../file/services/getSlaughterHousesRequest"; +import { provinceEditKillCapacityService } from "../../services/province-edit-kill-capacity"; + +export const ProvinceEditKillCapacityForm = ({ + killRequestKey, + poultryRequestKey, + killCapacity, + updateTable, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + number: killCapacity, + }, + onSubmit: (values) => { + dispatch( + provinceEditKillCapacityService({ + kill_request_key: killRequestKey, + quantity: values.number, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(getSlaughterHousesRequest(poultryRequestKey)); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(); + } + }); + }, + validate: (values) => { + const errors = {}; + if (!values.number) { + errors.number = "این فیلد اجباری است"; + } else if (isNaN(parseInt(values.number))) { + errors.number = "باید عدد وارد شود."; + } + return errors; + }, + }); + + return ( + + ); +}; diff --git a/src/features/province/components/province-edit-poultry-request-form/ProvinceEditPoultryRequestForm.js b/src/features/province/components/province-edit-poultry-request-form/ProvinceEditPoultryRequestForm.js new file mode 100644 index 0000000..f57c1df --- /dev/null +++ b/src/features/province/components/province-edit-poultry-request-form/ProvinceEditPoultryRequestForm.js @@ -0,0 +1,85 @@ +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import useUserProfile from "../../../authentication/hooks/useUserProfile"; +import { getFileFromApi } from "../../../file/hooks/useRequestFile"; +import { provinceEditPoultryRequestService } from "../../services/province-edit-poultry-request-service"; +import { provinceGetAllRequests } from "../../services/province-get-all-requests"; + +export const ProvinceEditPoultryRequestForm = ({ + quantity, + poultryRequestKey, +}) => { + const [openNotif] = useContext(AppContext); + const [roles] = useUserProfile(); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + numberField: quantity, + }, + onSubmit: (values) => { + dispatch( + provinceEditPoultryRequestService({ + quantity: values.numberField, + key: poultryRequestKey, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + getFileFromApi(roles, poultryRequestKey, dispatch); + dispatch(provinceGetAllRequests()); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + validate: (values) => { + const errors = {}; + if (!values.numberField) { + errors.numberField = "Field cannot be empty"; + } else if (!/^\d+$/.test(values.numberField)) { + errors.numberField = "Only numbers are allowed"; + } + return errors; + }, + }); + return ( + + ); +}; diff --git a/src/features/province/components/province-edit-price/ProvincePriceEdit.js b/src/features/province/components/province-edit-price/ProvincePriceEdit.js new file mode 100644 index 0000000..840d68c --- /dev/null +++ b/src/features/province/components/province-edit-price/ProvincePriceEdit.js @@ -0,0 +1,246 @@ +import { + Button, + IconButton, + Popover, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext, useState } from "react"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import EditIcon from "@mui/icons-material/Edit"; +import SettingsSuggestIcon from "@mui/icons-material/SettingsSuggest"; +import TuneIcon from "@mui/icons-material/Tune"; +import { provincePriceEditService } from "../../services/province-price-edit"; +import { ProvineSubmitPrice } from "../province-submit-price/ProvineSubmitPrice"; + +export const ProvincePriceEdit = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif] = useContext(AppContext); + + const handleClick = (event) => setAnchorEl(event.currentTarget); + const handleClose = () => setAnchorEl(null); + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + const role = getRoleFromUrl(); + + const isToday = () => { + if (!item?.date) return false; + const today = new Date(); + const itemDate = new Date(item.date); + return ( + itemDate.getFullYear() === today.getFullYear() && + itemDate.getMonth() === today.getMonth() && + itemDate.getDate() === today.getDate() + ); + }; + + const handleEdit = () => { + handleClose(); + + if (!isToday()) { + openNotif({ + msg: "فقط قیمت‌های مربوط به تاریخ امروز قابل ویرایش هستند.", + severity: "error", + vertical: "top", + horizontal: "center", + }); + return; + } + + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + { + dispatch( + provincePriceEditService({ + id: item.id, + prices: { + kill_house_price: prices.killHousePrice, + wholesaler_price: prices.wholesalerPrice, + retailer_price: prices.retailerPrice, + }, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + msg: r.payload.error, + severity: "error", + vertical: "top", + horizontal: "center", + }); + } else { + updateTable(); + openNotif({ + msg: "قیمت‌ها با موفقیت ویرایش شدند", + severity: "success", + vertical: "top", + horizontal: "center", + }); + } + }); + }} + /> + ), + title: "ویرایش قیمت‌های کارمزد", + }) + ); + }; + + const handleApproval = (state) => { + dispatch( + provincePriceEditService({ + id: item.id, + prices: { + kill_house_check: true, + state, + }, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + msg: r.payload.error, + severity: "error", + vertical: "top", + horizontal: "center", + }); + } else { + updateTable(); + dispatch(CLOSE_MODAL()); + openNotif({ + msg: "وضعیت با موفقیت به روز رسانی شد", + severity: "success", + vertical: "top", + horizontal: "center", + }); + } + }); + }; + + const renderActions = () => { + if (role !== "KillHouse") { + return ( + + + + ); + } else { + return ( + + + + + + + + ), + }) + ); + }} + sx={{ + "&.Mui-disabled": { + backgroundColor: "transparent", + color: "text.disabled", + }, + }} + > + + تایید / رد + + + + ); + } + }; + + return ( +

+ + + + +

+ + {renderActions()} + +

+ +

+ ); +}; diff --git a/src/features/province/components/province-edit-send-date/ProvinceEditSendDate.js b/src/features/province/components/province-edit-send-date/ProvinceEditSendDate.js new file mode 100644 index 0000000..401b790 --- /dev/null +++ b/src/features/province/components/province-edit-send-date/ProvinceEditSendDate.js @@ -0,0 +1,76 @@ +import { DatePicker } from "@mui/x-date-pickers"; +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { provinceEditSendDate } from "../../services/province-edit-send-date"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext } from "react"; +import { provinceGetAllRequests } from "../../services/province-get-all-requests"; + +export const ProvinceEditSendDate = ({ poultryRequestKey }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + date: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + }); + + return ( + + } + value={formik.values.date} + error={formik.touched.date ? Boolean(formik.errors.date) : null} + onChange={(e) => { + formik.setFieldValue("date", moment(e).format("YYYY-MM-DD hh:mm:ss")); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.date && Boolean(formik.errors.date) + ? formik.errors.date + : null + } + /> + + + ); +}; diff --git a/src/features/province/components/province-edit-unpaid-fee/ProvinceEditUnpaidFee.js b/src/features/province/components/province-edit-unpaid-fee/ProvinceEditUnpaidFee.js new file mode 100644 index 0000000..190aa55 --- /dev/null +++ b/src/features/province/components/province-edit-unpaid-fee/ProvinceEditUnpaidFee.js @@ -0,0 +1,70 @@ +import { Button, InputAdornment } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceEditUnpaidFeeService } from "../../services/province-edit-unpaid-fee"; + +export const ProvinceEditUnpaidFee = ({ item, updateTable }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [value, setValue] = useState(item?.provinceRequest?.totalAmount); + + const handleChange = (event) => { + setValue(event.target.value); + }; + + return ( + + ریال, + }} + /> + + + ); +}; diff --git a/src/features/province/components/province-export/ProvinceExport.js b/src/features/province/components/province-export/ProvinceExport.js new file mode 100644 index 0000000..cbf57db --- /dev/null +++ b/src/features/province/components/province-export/ProvinceExport.js @@ -0,0 +1,364 @@ +import React, { useContext, useEffect, useState } from "react"; +import moment from "moment"; +import axios from "axios"; +import { useDispatch, useSelector } from "react-redux"; +import { + Button, + Chip, + IconButton, + Tab, + Tabs, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { SlaughterFreeBuyOperations } from "../../../slaughter-house/components/slaughter-free-buy-operations/SlaughterFreeBuyOperations"; +import { EnterAuthCodeDirectBuy } from "../../../slaughter-house/components/enter-auth-code-direct-buy/EnterAuthCodeDirectBuy"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { RiSearchLine } from "react-icons/ri"; +import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline"; + +export const ProvinceExport = () => { + const dispatch = useDispatch(); + + const [activeTab, setActiveTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [tableDataArchive, setTableDataArchive] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `kill_request/?export=true&type=${ + activeTab === 0 ? "pending" : "archive" + }&search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const getItemState = (item) => { + let state = ""; + if (item.exportState === "pending") { + state = "در انتظار تایید"; + } else if (item.exportState === "rejected") { + state = "رد شده"; + } else if (item.exportState === "accepted") { + state = "تایید شده"; + } else if (item.exportState === "deleted") { + state = "حذف شده"; + } + return state; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.createDate), + formatJustDate(item.reciveDate), + `${item.killHouse.name} (${item.killHouse.killHouseOperator.user.mobile})`, + item?.slaughterHouse + ? item?.slaughterHouse?.name + : item?.killHouse?.name, + item?.exportCountry, + `${item?.poultry?.userprofile?.fullName} (${item?.poultry?.userprofile?.mobile})`, + item.killCapacity, + item.IndexWeight, + (item.IndexWeight * item.killCapacity)?.toLocaleString(), + <> + {item?.inputDirectBuyingCode ? ( + item?.inputDirectBuyingCode + ) : ( + + { + dispatch( + OPEN_MODAL({ + title: "ثبت کد احراز", + size: "auto", + content: ( + + ), + }) + ); + }} + > + + + + )} + , + , + , + ]; + }); + + setTableData(d); + + const a = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.createDate), + formatJustDate(item.reciveDate), + `${item.killHouse.name} (${item.killHouse.killHouseOperator.user.mobile})`, + item?.slaughterHouse + ? item?.slaughterHouse?.name + : item?.killHouse?.name, + item?.exportCountry, + `${item?.poultry?.userprofile?.fullName} (${item?.poultry?.userprofile?.mobile})`, + item.killCapacity, + item.IndexWeight, + (item.IndexWeight * item.killCapacity)?.toLocaleString(), + getItemState(item), + item?.acceptRejectDate ? formatTime(item?.acceptRejectDate) : "-", + item?.directBuyingMessage, + ]; + }); + + setTableDataArchive(a); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage, activeTab]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill_request/?export=true&type=${ + activeTab === 0 ? "pending" : "archive" + }&role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + return ( + + + + + + + + +

+ + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + {activeTab === 1 && ( + + + + + + + + )} + +

+ + {activeTab === 0 ? ( + + ) : ( + + )} + + + ); +}; diff --git a/src/features/province/components/province-fees-overview/ProvinceFeesOverview.js b/src/features/province/components/province-fees-overview/ProvinceFeesOverview.js new file mode 100644 index 0000000..c826c52 --- /dev/null +++ b/src/features/province/components/province-fees-overview/ProvinceFeesOverview.js @@ -0,0 +1,358 @@ +import axios from "axios"; +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceFeesTotalOverview } from "../province-fees-total-overview/ProvinceFeesTotalOverview"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useSelector } from "react-redux"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceFeesOverview = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [withDate, setWithDate] = useState(false); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&type=total&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&type=total&page=${page}&role=${getRoleFromUrl()}&page_size=${newPerPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&type=total${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const columns = [ + { + name: "خریدار", + selector: (item) => { + const type = item?.info?.killer ? "کشتارکن" : "کشتارگاه"; + return `${type} ${item?.info?.killHouseName} - ${item?.info?.killHouseFullname} (${item?.info?.killHouseMobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.info?.killHouseCity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تعداد کل سفارشات", + selector: (item) => `${item?.info?.totalCount?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعداد کل قطعه ها", + selector: (item) => `${item?.info?.totalQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "وزن کل (کیلوگرم)", + selector: (item) => `${item?.info?.totalWeight?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مبلغ کل (﷼)", + selector: (item) => `${item?.info?.totalWage?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعداد سفارشات پرداخت شده", + selector: (item) => `${item?.info?.paidCount?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعداد قطعات پرداخت شده", + selector: (item) => `${item?.info?.totalPaidQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "وزن قطعات پرداخت شده (کیلوگرم)", + selector: (item) => `${item?.info?.totalWeightPaid?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مبلغ قطعات پرداخت شده (﷼)", + selector: (item) => `${item?.info?.totalPaidWage?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعداد سفارشات پرداخت نشده", + selector: (item) => `${item?.info?.unpaidCount?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعداد قطعات پرداخت نشده", + selector: (item) => + `${item?.info?.totalUnpaidQuantity?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "وزن قطعات پرداخت نشده (کیلوگرم)", + selector: (item) => `${item?.info?.totalWeightUnpaid?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مبلغ قطعات پرداخت نشده (﷼)", + selector: (item) => `${item?.info?.totalUnpaidWage?.toLocaleString()}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + ]; + + return ( + + + + + اطلاعات کلی + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-fees-total-overview/ProvinceFeesTotalOverview.js b/src/features/province/components/province-fees-total-overview/ProvinceFeesTotalOverview.js new file mode 100644 index 0000000..b35e87d --- /dev/null +++ b/src/features/province/components/province-fees-total-overview/ProvinceFeesTotalOverview.js @@ -0,0 +1,61 @@ +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { getProvinceFeeTotalOverviewService } from "../../services/get-province-fee-total-overview"; + +export const ProvinceFeesTotalOverview = () => { + const dispatch = useDispatch(); + const { getProvinceFeeTotalOverview } = useSelector( + (state) => state.provinceSlice + ); + + useEffect(() => { + dispatch(getProvinceFeeTotalOverviewService()); + }, []); + + return ( + + ); +}; diff --git a/src/features/province/components/province-files-state/ProvinceFilesState.js b/src/features/province/components/province-files-state/ProvinceFilesState.js new file mode 100644 index 0000000..7172121 --- /dev/null +++ b/src/features/province/components/province-files-state/ProvinceFilesState.js @@ -0,0 +1,70 @@ +import { + // IconButton, + ToggleButton, + ToggleButtonGroup, + Typography, +} from "@mui/material"; +import { useState } from "react"; +// import { useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +// import { formatJustDate } from "../../../../utils/formatTime"; + +import { ProvinceCaseStatusComponent } from "../province-case-status/ProvinceCaseStatusComponent"; + +import { ProvinceCases } from "../province-cases/ProvinceCases"; +import { ProvinceManageContradictions } from "../province-manage-contradictions/ProvinceManageContradictions"; +import { ProvinceKillbroadcastInDetail } from "../province-kill-broadcast-in-detail/ProvinceKillbroadcastInDetail"; +import { ProvinceSlaughterSurveillance } from "../province-slaughter-surveillance/ProvinceSlaughterSurveillance"; + +export const ProvinceFilesState = () => { + const [view, setView] = useState("new"); + + const handleChange = (event, newAlignment) => { + if (newAlignment) { + setView(newAlignment); + } + }; + + // const updateTable = () => { + // fetchApiData(1); + // }; + + return ( + + + + نمایش بصورت: + + پرونده ای + گزارش مغایرت + با جزئیات + جزئیات کشتار و پخش + + جزئیات پایش کشتارگاه + + + + + + {view === "atlas" && } + {view === "new" && } + {view === "contradictions" && } + {view === "killdetail" && } + {view === "killhouseSurveillance" && } + + + ); +}; diff --git a/src/features/province/components/province-free-sale-add-buyer/ProvinceFreeSaleAddBuyer.js b/src/features/province/components/province-free-sale-add-buyer/ProvinceFreeSaleAddBuyer.js new file mode 100644 index 0000000..ba169bb --- /dev/null +++ b/src/features/province/components/province-free-sale-add-buyer/ProvinceFreeSaleAddBuyer.js @@ -0,0 +1,306 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + FormControlLabel, + FormLabel, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { SPACING } from "../../../../data/spacing"; +import { provinceFreeSalesSubmitBuyer } from "../../services/province-free-sales-submit-buyer"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceFreeSalesEditBuyer } from "../../services/province-free-sales-edit-buyer"; + +export const ProvinceFreeSaleAddBuyer = ({ fetchApiData, isEdit, item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + fullname: item?.fullname ? item?.fullname : "", + mobile: item?.mobile ? item?.mobile : "", + province: item?.province ? item?.province : "", + city: item?.city ? item?.city : "", + unitname: item?.unitName ? item?.unitName : "", + uniqueCode: item?.killHouseUniqueId ? item?.killHouseUniqueId : "", + }, + validationSchema: Yup.object({ + fullname: Yup.string() + .required("این فیلد اجباری است!") + .matches( + /^[^*&^%$#@!()|.]*$/, + "این فیلد نباید شامل کاراکترهای ویژه باشد!" + ), + mobile: Yup.string() + .required("شماره موبایل الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + province: Yup.string() + .required("این فیلد اجباری است!") + .matches( + /^[^*&^%$#@!()|.]*$/, + "این فیلد نباید شامل کاراکترهای ویژه باشد!" + ), + city: Yup.string() + .required("این فیلد اجباری است!") + .matches( + /^[^*&^%$#@!()|.]*$/, + "این فیلد نباید شامل کاراکترهای ویژه باشد!" + ), + unitname: Yup.string().matches( + /^[^*&^%$#@!()|.]*$/, + "این فیلد نباید شامل کاراکترهای ویژه باشد!" + ), + uniqueCode: Yup.string().matches( + /^[^*&^%$#@!()|.]*$/, + "این فیلد نباید شامل کاراکترهای ویژه باشد!" + ), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + const [type, setType] = useState(item?.type ? item?.type : "killhouse"); + + const handleChange = (event) => { + setType(event.target.value); + }; + + const isFormValid = () => { + if (type === "killhouse") { + return formik.isValid && formik.values.unitname; + } else { + return formik.isValid; + } + }; + + return ( + + + + + + + + + نوع خریدار + + + } + label="کشتارگاه" + /> + } + label="کشتارکن" + /> + + + + {type === "killhouse" && ( + + + + + + )} + + + + + ); +}; diff --git a/src/features/province/components/province-free-sale-edit-request/ProvinceFreeSaleEditRequest.js b/src/features/province/components/province-free-sale-edit-request/ProvinceFreeSaleEditRequest.js new file mode 100644 index 0000000..971c348 --- /dev/null +++ b/src/features/province/components/province-free-sale-edit-request/ProvinceFreeSaleEditRequest.js @@ -0,0 +1,552 @@ +import React, { useContext, useEffect, useState } from "react"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { + Autocomplete, + Button, + Divider, + FormControl, + FormControlLabel, + FormLabel, + IconButton, + InputAdornment, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { CarPelak } from "../../../../components/car-pelak/CarPelak"; +import { useDispatch } from "react-redux"; +import { provinceFreeSaleEditRequestService } from "../../services/province-free-sale-edit-request"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceFreeSaleBuyers } from "../../services/province-free-sales-get-buyers"; +import { avicultureGetWageType } from "../../../aviculture/services/aviculture-get-wage-type"; +import AddIcon from "@mui/icons-material/Add"; +import RemoveIcon from "@mui/icons-material/Remove"; + +export const ProvinceFreeSaleEditRequest = ({ item, fetchApiData }) => { + const [openNotif] = useContext(AppContext); + const [submitDriver, setSubmitDriver] = useState( + item?.outProvinceDriverInfo?.driverName ? true : false + ); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + noChicken: item?.quantity ? item?.quantity : "", + weight: item?.IndexWeight ? item?.IndexWeight : "", + }, + validationSchema: Yup.object({ + noChicken: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + weight: Yup.number() + .test("weight", "وزن را تا دو رقم اعشار وارد کنید", (val, context) => { + return ( + context.originalValue && + context.originalValue.toString().length <= 4 + ); + }) + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + const formikDriver = useFormik({ + initialValues: { + driverName: item?.outProvinceDriverInfo?.driverName + ? item?.outProvinceDriverInfo?.driverName + : "", + driverMobile: item?.outProvinceDriverInfo?.driverMobile + ? item?.outProvinceDriverInfo?.driverMobile + : "", + driverCar: item?.outProvinceDriverInfo?.driverCar + ? item?.outProvinceDriverInfo?.driverCar + : "", + driverhealthCode: item?.outProvinceDriverInfo?.driverhealthCode + ? item?.outProvinceDriverInfo?.driverhealthCode + : "", + }, + validationSchema: Yup.object({ + driverName: Yup.string().required("این فیلد اجباری است!"), + driverMobile: Yup.string().required("این فیلد اجباری است!"), + driverCar: Yup.string().required("این فیلد اجباری است!"), + driverhealthCode: Yup.string().required("این فیلد اجباری است!"), + }), + }); + + const formikPayer = useFormik({ + initialValues: { + mobile: "", + weight: "", + quantity: "", + }, + validationSchema: Yup.object({ + mobile: Yup.string() + .required("شماره موبایل الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + weight: Yup.number(), + quantity: Yup.number(), + }), + }); + + const [driverPelak, setDriverPelak] = useState([]); + + const carPelakHandleChange = (pelak1, pelak2, pelak3, pelak4) => { + setDriverPelak([pelak1, pelak2, pelak3, pelak4]); + }; + + const [buyersData, setBuyersData] = useState([]); + const [buyerSelected, setBuyerSelected] = useState(); + const [buyerItem, setBuyerItem] = useState(); + const [wageType, setWageType] = useState(); + + useEffect(() => { + setBuyerSelected(item?.outProvincePoultryRequestBuyer?.key); + dispatch(avicultureGetWageType()).then((r) => { + setWageType(r.payload.data.status); + }); + + dispatch(provinceFreeSaleBuyers()).then((r) => { + setBuyersData(r.payload.data); + }); + }, []); + + const [payerValue, setPayerValue] = useState("poultry"); + + const handleChangePayer = (event) => { + setPayerValue(event.target.value); + if (event.target.value === "poultry") { + formikPayer.setFieldValue("mobile", item.poultry.user.mobile); + } else if (buyerItem) { + formikPayer.setFieldValue("mobile", buyerItem.mobile); + } else { + formikPayer.setFieldValue( + "mobile", + item?.outProvincePoultryRequestBuyer.mobile + ); + } + }; + + const wageValidation = () => { + if (wageType) { + return formikPayer.isValid; + } else { + return true; + } + }; + + const isFormValid = () => { + if (payerValue === "poultry") { + if (submitDriver) { + return ( + formik.isValid && + wageValidation() && + buyerSelected && + formikDriver && + driverPelak[0] + ); + } else { + return ( + formik.isValid && + formikPayer.isValid && + buyerSelected && + wageValidation() + ); + } + } else { + if (submitDriver) { + return ( + formik.isValid && + buyerSelected && + formikDriver && + driverPelak[0] && + wageValidation() + ); + } else { + return formik.isValid && buyerSelected && wageValidation(); + } + } + }; + + useEffect(() => { + formikPayer.setFieldValue("mobile", item.poultry.user.mobile); + }, []); + + return ( + + + + + وزن کل:{" "} + + + {Math.floor(item.IndexWeight * item.quantity)?.toLocaleString()} + + {" "} + + کیلوگرم + ), + }} + value={formik.values.weight} + error={formik.touched.weight ? Boolean(formik.errors.weight) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + /> + + + وزن کل:{" "} + + + {Math.floor( + parseInt(formik.values.noChicken) * + parseFloat(formik.values.weight) + )?.toLocaleString()} + {"‌ ‌"} + کیلوگرم + + + + اطلاعات خریدار + option.disabled} + options={ + buyersData + ? buyersData?.map((i) => ({ + id: i.key, + label: `${i?.fullname} / ${i.mobile} / استان ${i?.province}/ ${i?.city}`, + item: i, + mobile: i.mobile, + })) + : [] + } + onChange={(event, value) => { + setBuyerSelected(value.id); + setBuyerItem(value.item); + if (payerValue === "buyer") { + formikPayer.setFieldValue("mobile", value.mobile); + } + }} + renderInput={(params) => ( + + )} + /> + + + خریدار:{"‌ ‌"} + + {buyerItem ? ( + + {" "} + {buyerItem?.fullname} ({buyerItem?.mobile}) + + ) : ( + + {" "} + {item?.outProvincePoultryRequestBuyer?.fullname} ( + {item?.outProvincePoultryRequestBuyer?.mobile}) + + )} + + + { + setSubmitDriver(!submitDriver); + }} + > + + {" "} + افزودن اطلاعات خودرو + + + {submitDriver ? : } + + {submitDriver && ( + + اطلاعات خودرو حمل + + + + + + + )} + + {wageType && ( + <> + + + پرداخت کننده + + + } + label="مرغدار" + /> + } + label="خریدار" + /> + + + + + از این قسمت میتوانید تلفن{" "} + {payerValue === "poultry" ? "مرغدار" : "خریدار"} را ویرایش کنید. + + + + + )} + + + + + + ); +}; diff --git a/src/features/province/components/province-free-sales-accepted-requests-operations/ProvinceFreeSalesAcceptedRequestsOperations.js b/src/features/province/components/province-free-sales-accepted-requests-operations/ProvinceFreeSalesAcceptedRequestsOperations.js new file mode 100644 index 0000000..d3c485c --- /dev/null +++ b/src/features/province/components/province-free-sales-accepted-requests-operations/ProvinceFreeSalesAcceptedRequestsOperations.js @@ -0,0 +1,210 @@ +import React, { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Typography, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceOutRequestCancelRequest } from "../../services/provinceOutRequestCancelRequest"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvinceFreeSaleEditRequest } from "../province-free-sale-edit-request/ProvinceFreeSaleEditRequest"; +import EditIcon from "@mui/icons-material/Edit"; +import CloseIcon from "@mui/icons-material/Close"; + +export const ProvinceFreeSalesAcceptedRequestsOperations = ({ + fetchApiData, + item, +}) => { + const dispatch = useDispatch(); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const [openNotif] = useContext(AppContext); + const role = getRoleFromUrl(); + + const handleEdit = () => { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش درخواست", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }; + + const handleCancelRequest = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا از لغو درخواست مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }; + + const options = [ + { + key: "edit", + label: "ویرایش", + color: "primary.main", + icon: , + action: handleEdit, + disabled: Boolean(item.quarantineCode || item?.outState === "پرداخت شده"), + }, + { + key: "cancel", + label: "لغو", + color: "error.main", + icon: , + action: handleCancelRequest, + disabled: + !item.provinceState === "pending" || + !item.provinceState === "accepted" || + item?.outState === "پرداخت شده" || + item.quarantineCode, + }, + ]; + + return ( + + + + + + + {options.map((option) => ( + { + if (option.disabled) { + return; + } + option.action(); + }} + disabled={Boolean(option.disabled)} + sx={{ + borderRadius: 1, + mb: 0.5, + color: option.disabled ? "text.disabled" : option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {option.icon} + + + {option.label} + + } + /> + + ))} + + + + ); +}; diff --git a/src/features/province/components/province-free-sales-accepted-requests/ProvinceFreeSalesAcceptedRequests.js b/src/features/province/components/province-free-sales-accepted-requests/ProvinceFreeSalesAcceptedRequests.js new file mode 100644 index 0000000..aea308f --- /dev/null +++ b/src/features/province/components/province-free-sales-accepted-requests/ProvinceFreeSalesAcceptedRequests.js @@ -0,0 +1,499 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, Chip, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useSelector } from "react-redux"; + +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvinceFreeSalesAcceptedRequestsOperations } from "../province-free-sales-accepted-requests-operations/ProvinceFreeSalesAcceptedRequestsOperations"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { VetFarmSubmitClearanceCode } from "../../../vet-farm/components/vet-farm-submit-clearance-code/VetFarmSubmitClearanceCode"; + +export const ProvinceFreeSalesAcceptedRequests = ({ state }) => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [accepttableData, setaccepteTableData] = useState([]); + const [columnsRejected, setcolumnsRejected] = useState([]); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `out-province-poultry-requests/?search=filter&value=${textValue}&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}&date1=${selectedDate1}&date2=${selectedDate2}&state=${state}` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + getRoleFromUrl() === "CityOperator" ? ( + "-" + ) : ( + + ), + , + `${item?.totalWageAmount?.toLocaleString()} ریال`, + `${item?.registrar?.fullname}`, + item.orderCode, + item.buyer?.firstName + ? `${item.buyer?.firstName} ${item.buyer?.lastName} (${item.buyer?.mobile}) / ${item.buyer.province} - ${item.buyer.city}` + : item?.outProvincePoultryRequestBuyer.type === "killhouse" + ? `کشتارگاه ${item.buyerFullname} (${item.buyerMobile}) / شناسه یکتا ${item.outProvincePoultryRequestBuyer?.killHouseUniqueId} / ${item.buyerProvince} - ${item.buyerCity}` + : `کشتارکن ${item.buyerFullname} (${ + item.buyerMobile + }) / نام کشتارگاه ${ + item.killerKillHouseUnitName ? item.killerKillHouseUnitName : "-" + } / شناسه یکتا ${ + item.killerKillHouseUniqueId ? item.killerKillHouseUniqueId : "-" + } / استان ${ + item.killerKillHouseProvince ? item.killerKillHouseProvince : "-" + } / شهر ${ + item.killerKillHouseCity ? item.killerKillHouseCity : "-" + }`, + item?.outProvincePoultryRequestBuyer?.type === "killhouse" + ? "محل کشتارگاه" + : item?.killerKillHouseUnitName + ? `کشتارگاه ${item?.killerKillHouseUnitName} / ${item?.killerKillHouseProvince} / ${item?.killerKillHouseCity}` + : "-", + item?.hasWage ? item?.payerFullname : "-", + `${item.poultry?.unitName} (${item.poultry.user.mobile})`, + + + , + formatJustDate(item?.createDate), + formatJustDate(item.sendDate), + item.hatching.age, + item.IndexWeight?.toLocaleString(), + item.quantity.toLocaleString(), + Math.floor(item.IndexWeight * item.quantity)?.toLocaleString(), + item?.freezing ? "انجماد" : "عادی", + item?.hasWage ? "دارد" : "ندارد", + item.hatching?.city, + item.hatching?.province, + item.hatching.leftOver?.toLocaleString(), + item.hatching.hatchingQuantity?.toLocaleString(), + item?.outProvinceDriverInfo?.driverCar + ? item?.outProvinceDriverInfo?.driverCar + : "-", + item?.outProvinceDriverInfo?.driverPelak + ? item?.outProvinceDriverInfo?.driverPelak + : "-", + item?.outProvinceDriverInfo?.driverName + ? item?.outProvinceDriverInfo?.driverName + : "-", + item?.outProvinceDriverInfo?.driverMobile + ? item?.outProvinceDriverInfo?.driverMobile + : "-", + item?.outProvinceDriverInfo?.driverhealthCode + ? item?.outProvinceDriverInfo?.driverhealthCode + : "-", + // getBuyerType(item), + item?.outProvinceDriverInfo?.driverhealthCode, + ]; + }); + setaccepteTableData(d); + + const r = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + + , + `${item?.totalWageAmount?.toLocaleString()} ریال`, + item.outProvinceRequestCanceller?.fullname + ? `${item.outProvinceRequestCanceller?.fullname} (${item.outProvinceRequestCanceller?.mobile})` + : item.agent?.fullname + ? `${item.agent?.fullname} (${item.agent?.mobile})` + : "-", + `${item?.registrar?.fullname}`, + item.orderCode, + item.buyer?.firstName + ? `${item.buyer?.firstName} ${item.buyer?.lastName} (${item.buyer?.mobile}) / ${item.buyer.province} - ${item.buyer.city}` + : item?.outProvincePoultryRequestBuyer.type === "killhouse" + ? `کشتارگاه ${item.buyerFullname} (${item.buyerMobile}) / شناسه یکتا ${item.outProvincePoultryRequestBuyer?.killHouseUniqueId} / ${item.buyerProvince} - ${item.buyerCity}` + : `کشتارکن ${item.buyerFullname} (${ + item.buyerMobile + }) / نام کشتارگاه ${ + item.killerKillHouseUnitName ? item.killerKillHouseUnitName : "-" + } / شناسه یکتا ${ + item.killerKillHouseUniqueId ? item.killerKillHouseUniqueId : "-" + } / استان ${ + item.killerKillHouseProvince ? item.killerKillHouseProvince : "-" + } / شهر ${ + item.killerKillHouseCity ? item.killerKillHouseCity : "-" + }`, + item?.outProvincePoultryRequestBuyer?.type === "killhouse" + ? "محل کشتارگاه" + : item?.killerKillHouseUnitName + ? `کشتارگاه ${item?.killerKillHouseUnitName} / ${item?.killerKillHouseProvince} / ${item?.killerKillHouseCity}` + : "-", + item?.hasWage ? item?.payerFullname : "-", + `${item.poultry?.unitName} (${item.poultry.user.mobile})`, + item.quarantineCode ? item?.quarantineCode : "-", + formatJustDate(item?.createDate), + formatJustDate(item.sendDate), + item.IndexWeight?.toLocaleString(), + item.hatching.age, + item.quantity.toLocaleString(), + Math.floor(item.IndexWeight * item.quantity)?.toLocaleString(), + item?.freezing ? "انجماد" : "عادی", + item?.hasWage ? "دارد" : "ندارد", + item.hatching?.city, + item.hatching?.province, + item.hatching.leftOver?.toLocaleString(), + item.hatching.hatchingQuantity?.toLocaleString(), + item?.outProvinceDriverInfo?.driverCar + ? item?.outProvinceDriverInfo?.driverCar + : "-", + item?.outProvinceDriverInfo?.driverPelak + ? item?.outProvinceDriverInfo?.driverPelak + : "-", + item?.outProvinceDriverInfo?.driverName + ? item?.outProvinceDriverInfo?.driverName + : "-", + item?.outProvinceDriverInfo?.driverMobile + ? item?.outProvinceDriverInfo?.driverMobile + : "-", + item?.outProvinceDriverInfo?.driverhealthCode + ? item?.outProvinceDriverInfo?.driverhealthCode + : "-", + ]; + }); + + setcolumnsRejected(r); + }, [data]); + + // useEffect(() => { + // const d = data?.map((item, i) => { + // return [ + // page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + // item?.poultryRequest?.freezing ? "انجماد" : "عادی", + // ]; + // }); + + // setaccepteTableData(d); + // }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await await axios.get( + `out-province-poultry-requests/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&state=${state}&role=${getRoleFromUrl()}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + {/* + + */} + + + + + + ); +}; diff --git a/src/features/province/components/province-free-sales-manage-buyers/ProvinceFreeSalsesManageBuyers.js b/src/features/province/components/province-free-sales-manage-buyers/ProvinceFreeSalsesManageBuyers.js new file mode 100644 index 0000000..a7b9547 --- /dev/null +++ b/src/features/province/components/province-free-sales-manage-buyers/ProvinceFreeSalsesManageBuyers.js @@ -0,0 +1,362 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + IconButton, + Popover, + TextField, + Tooltip, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Typography, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import ToggleOffIcon from "@mui/icons-material/ToggleOff"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceFreeSaleAddBuyer } from "../province-free-sale-add-buyer/ProvinceFreeSaleAddBuyer"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import EditIcon from "@mui/icons-material/Edit"; +import { provinceFreeSalesEditBuyer } from "../../services/province-free-sales-edit-buyer"; +import { AppContext } from "../../../../contexts/AppContext"; + +const BuyerOperations = ({ item, fetchApiData, openNotif }) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleToggleActive = () => { + handleClose(); + dispatch( + provinceFreeSalesEditBuyer({ + buyer_key: item?.key, + active: !item?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchApiData(1); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + const handleEdit = () => { + handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ویرایش خریدار", + content: ( + + ), + }) + ); + }; + + const options = [ + { + key: "toggle", + label: item?.active ? "غیرفعال سازی" : "فعالسازی", + color: item?.active ? "error.main" : "success.main", + icon: item?.active ? : , + action: handleToggleActive, + }, + { + key: "edit", + label: "ویرایش", + color: "primary.main", + icon: , + action: handleEdit, + disabled: !item?.active, + }, + ]; + + const open = Boolean(anchorEl); + const id = open ? `buyer-operations-${item?.key}` : undefined; + + return ( + + + + + + + + + {options.map((option) => ( + { + if (option.disabled) { + return; + } + option.action(); + }} + disabled={Boolean(option.disabled)} + sx={{ + borderRadius: 1, + mb: 0.5, + color: option.disabled ? "text.disabled" : option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {React.cloneElement(option.icon, { fontSize: "small" })} + + + {option.label} + + } + /> + + ))} + + + + ); +}; + +export const ProvinceFreeSalsesManageBuyers = () => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `out-province-poultry-request-buyers/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}&state=buyer-list` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.fullname, + item?.mobile, + item?.province, + item?.city, + item?.type === "killhouse" ? "کشتارگاه" : "کشتارکن", + item?.unitName ? item?.unitName : "-", + item?.killHouseUniqueId ? item?.killHouseUniqueId : "-", + item?.requestsInfo?.numberOfRequests?.toLocaleString(), + item?.requestsInfo?.totalQuantity?.toLocaleString(), + item?.requestsInfo?.totalWeight?.toLocaleString(), + item?.active ? "فعال" : "غیر فعال", + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `out-province-poultry-request-buyers/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&state=buyer-list` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-free-sales-operations/ProvinceFreeSalesOperations.js b/src/features/province/components/province-free-sales-operations/ProvinceFreeSalesOperations.js new file mode 100644 index 0000000..ced238c --- /dev/null +++ b/src/features/province/components/province-free-sales-operations/ProvinceFreeSalesOperations.js @@ -0,0 +1,360 @@ +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + IconButton, + Popover, + Typography, + List, + ListItemButton, + ListItemIcon, + ListItemText, +} from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import CloseIcon from "@mui/icons-material/Close"; +import { ProvinceFreeSaleEditRequest } from "../province-free-sale-edit-request/ProvinceFreeSaleEditRequest"; +import { provinceOutRequestCancelRequest } from "../../services/provinceOutRequestCancelRequest"; +import TuneIcon from "@mui/icons-material/Tune"; +import ThumbDownOffAltIcon from "@mui/icons-material/ThumbDownOffAlt"; +import { ProvinceFreeSalesRejectRequest } from "../province-free-sales-reject-request/ProvinceFreeSalesRejectRequest"; +import { provinceCheckFreeSaleService } from "../../services/province-check-free-sale"; +import CheckIcon from "@mui/icons-material/Check"; +import { useDispatch } from "react-redux"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceFreeSalsesSendSmsService } from "../../services/province-free-sales-send-sms-again"; +import SmsIcon from "@mui/icons-material/Sms"; + +export const ProvinceFreeSalesOperations = ({ item, fetchApiData }) => { + const dispatch = useDispatch(); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const [openNotif] = useContext(AppContext); + const role = getRoleFromUrl(); + + const handleEdit = () => { + dispatch( + DRAWER({ + title: "ویرایش درخواست", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }; + + const handleApprove = () => { + dispatch( + OPEN_MODAL({ + title: "آیا از تایید درخواست مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }; + + const handleResendSms = () => { + dispatch( + OPEN_MODAL({ + title: "پیامک مجددا ارسال شود؟", + content: ( + + {item?.hasWage && ( + + پیامک پرداخت مجددا برای {item?.payerFullname} {"‌‌"} به شماره + موبایل{" "} + {item?.payerType === "buyer" + ? item?.outProvincePoultryRequestBuyer?.mobile + : item?.poultry?.user?.mobile}{" "} + ارسال میشود. + + )} + + + + + + ), + }) + ); + }; + + const handleCancel = () => { + dispatch( + OPEN_MODAL({ + title: "آیا از لغو درخواست مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }; + + const handleReject = () => { + dispatch( + OPEN_MODAL({ + title: "رد درخواست فروش خارج از استان", + content: ( + + ), + }) + ); + }; + + const options = [ + { + key: "edit", + label: "ویرایش", + color: "primary.main", + icon: , + action: handleEdit, + }, + role !== "CityOperator" && { + key: "approve", + label: "تایید درخواست", + color: "success.main", + icon: , + action: handleApprove, + disabled: item.provinceState !== "pending", + }, + (role === "CityOperator" || + role === "ProvinceOperator" || + role === "SuperAdmin" || + role === "AdminX") && { + key: "resendSms", + label: "ارسال مجدد پیامک", + color: "info.main", + icon: , + action: handleResendSms, + disabled: item.outState !== "در انتظار پرداخت", + }, + { + key: "cancel", + label: "لغو", + color: "error.main", + icon: , + action: handleCancel, + disabled: + !item.provinceState === "pending" || !item.provinceState === "accepted", + }, + role !== "CityOperator" && { + key: "reject", + label: "رد درخواست", + color: "error.main", + icon: , + action: handleReject, + disabled: + !item.provinceState === "pending" || + !item.provinceState === "accepted" || + item.outState === "در انتظار پرداخت", + }, + ].filter(Boolean); + + return ( + + + + + + + {options.map((option) => ( + { + handleClose(); + option.action(); + }} + disabled={Boolean(option.disabled)} + sx={{ + borderRadius: 1, + mb: 0.5, + color: option.disabled ? "text.disabled" : option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {React.cloneElement(option.icon, { fontSize: "small" })} + + + {option.label} + + } + /> + + ))} + + + + ); +}; diff --git a/src/features/province/components/province-free-sales-reject-request/ProvinceFreeSalesRejectRequest.js b/src/features/province/components/province-free-sales-reject-request/ProvinceFreeSalesRejectRequest.js new file mode 100644 index 0000000..8084706 --- /dev/null +++ b/src/features/province/components/province-free-sales-reject-request/ProvinceFreeSalesRejectRequest.js @@ -0,0 +1,86 @@ +import React, { useContext, useEffect } from "react"; +import { TextField, Button } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { provinceCheckFreeSaleService } from "../../services/province-check-free-sale"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceFreeSalesRejectRequest = ({ item, fetchApiData }) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + textFieldInput: "", + }, + validationSchema: Yup.object({ + textFieldInput: Yup.string().required("این فیلد اجباری است!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + ); +}; diff --git a/src/features/province/components/province-free-sales-transactions/ProvinceFreeSalesTransactions.js b/src/features/province/components/province-free-sales-transactions/ProvinceFreeSalesTransactions.js new file mode 100644 index 0000000..cfb9a4d --- /dev/null +++ b/src/features/province/components/province-free-sales-transactions/ProvinceFreeSalesTransactions.js @@ -0,0 +1,307 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Tab, + Tabs, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { provinceFreeSalesGetDashboardTransactionsService } from "../../services/province-free-sales-get-transaction-dashboard"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceFreeSalesTransactions = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const handleChange = (event, newValue) => { + setValue(newValue); + }; + const [dashboardData, setDashboardData] = useState([]); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [value, setValue] = useState(0); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `poultry-requests-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&type=${ + value === 0 ? "poultry" : "buyer" + }` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.orderId, + item?.poultryRequest?.map((option, index) => ( + + {option.orderCode} + + )), + item?.amount?.toLocaleString(), + `${item?.payerInfo?.fullname} (${item?.payerInfo?.mobile})`, + item?.refId, + item?.unionShare?.toLocaleString(), + item?.companyShare?.toLocaleString(), + item?.guildsShare?.toLocaleString(), + item?.otherShare?.toLocaleString(), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + dispatch( + provinceFreeSalesGetDashboardTransactionsService({ + selectedDate1, + selectedDate2, + textValue, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [dispatch, selectedDate1, selectedDate2, perPage, value]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `poultry-requests-transactions/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}&type=${ + value === 0 ? "poultry" : "buyer" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + + dispatch(LOADING_END()); + dispatch( + provinceFreeSalesGetDashboardTransactionsService({ + selectedDate1, + selectedDate2, + textValue, + type: value === 0 ? "poultry" : "buyer", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + + + + + + {value === 0 ? ( + + ) : ( + + )} + + ); +}; diff --git a/src/features/province/components/province-free-sales/ProvinceFreeSales.js b/src/features/province/components/province-free-sales/ProvinceFreeSales.js new file mode 100644 index 0000000..17dc873 --- /dev/null +++ b/src/features/province/components/province-free-sales/ProvinceFreeSales.js @@ -0,0 +1,477 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, Chip, Tab, Tabs, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ProvinceFreeSaleNewRequest } from "../../../aviculture/components/province-free-sale-new-request/ProvinceFreeSaleNewRequest"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { ProvinceFreeSalesAcceptedRequests } from "../province-free-sales-accepted-requests/ProvinceFreeSalesAcceptedRequests"; +import { ProvinceFreeSalsesManageBuyers } from "../province-free-sales-manage-buyers/ProvinceFreeSalsesManageBuyers"; +import { provinceApproveFreeSaleService } from "../../services/province-approve-free-sale"; +import { ProvinceFreeSalesOperations } from "../province-free-sales-operations/ProvinceFreeSalesOperations"; +import { avicultureGetWageType } from "../../../aviculture/services/aviculture-get-wage-type"; +import { ProvinceFreeSalesTransactions } from "../province-free-sales-transactions/ProvinceFreeSalesTransactions"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceGetFreeSalesDashboardService } from "../../services/province-get-free-sales-dashboard"; + +export const ProvinceFreeSales = () => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [value, setValue] = useState(0); + const [dashboardData, setDashboardData] = useState([]); + const [wageType, setWageType] = useState(); + + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleChange = (event, newValue) => { + setValue(newValue); + refreshDashboard(); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `out-province-poultry-requests/?search=filter&value=${textValue}&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}&date1=${selectedDate1}&date2=${selectedDate2}&state=pending` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const refreshDashboard = () => { + dispatch( + provinceGetFreeSalesDashboardService({ + selectedDate1, + selectedDate2, + textValue, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + fetchApiData(1); + refreshDashboard(); + + dispatch(avicultureGetWageType()).then((r) => { + setWageType(r.payload.data.status); + }); + }, [dispatch, perPage]); + + useEffect(() => { + if (value === 0) { + fetchApiData(1); + } + refreshDashboard(); + }, [selectedDate1, selectedDate2, value]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + , + , + `${item?.registrar?.fullname}`, + item.orderCode, + item.buyer?.firstName + ? `${item.buyer?.firstName} ${item.buyer?.lastName} (${item.buyer?.mobile}) / ${item.buyer.province} - ${item.buyer.city}` + : item?.outProvincePoultryRequestBuyer.type === "killhouse" + ? `کشتارگاه ${item.buyerFullname} (${item.buyerMobile}) / شناسه یکتا ${item.outProvincePoultryRequestBuyer?.killHouseUniqueId} / ${item.buyerProvince} - ${item.buyerCity}` + : `کشتارکن ${item.buyerFullname} (${ + item.buyerMobile + }) / نام کشتارگاه ${ + item.killerKillHouseUnitName ? item.killerKillHouseUnitName : "-" + } / شناسه یکتا ${ + item.killerKillHouseUniqueId ? item.killerKillHouseUniqueId : "-" + } / استان ${ + item.killerKillHouseProvince ? item.killerKillHouseProvince : "-" + } / شهر ${ + item.killerKillHouseCity ? item.killerKillHouseCity : "-" + }`, + item?.outProvincePoultryRequestBuyer?.type === "killhouse" + ? "محل کشتارگاه" + : item?.killerKillHouseUnitName + ? `کشتارگاه ${item?.killerKillHouseUnitName} / ${item?.killerKillHouseProvince} / ${item?.killerKillHouseCity}` + : "-", + item?.hasWage ? item?.payerFullname : "-", + item?.paymentLink ? ( + + {item?.paymentLink.length > 25 + ? `${item?.paymentLink.slice(0, 25)}...` + : item?.paymentLink} + + ) : ( + "-" + ), + `${item.poultry?.unitName} (${item.poultry.user.mobile})`, + formatJustDate(item.createDate), + formatJustDate(item.sendDate), + item.hatching.age, + item.IndexWeight?.toLocaleString(), + item.quantity.toLocaleString(), + Math.floor(item.IndexWeight * item.quantity)?.toLocaleString(), + item?.freezing ? "انجماد" : "عادی", + item?.hasWage ? "دارد" : "ندارد", + item.hatching?.city, + item.hatching?.province, + item.hatching.hatchingLeftOver + ? item.hatching.hatchingLeftOver.toLocaleString() + : item.hatching.leftOver.toLocaleString(), + item.hatching.hatchingQuantity?.toLocaleString(), + item.totalWageAmount?.toLocaleString() + " ریال", + item?.outProvinceDriverInfo?.driverhealthCode || "-", + ]; + }); + + setTableData(d); + }, [data]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `out-province-poultry-requests/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&date1=${selectedDate1}&date2=${selectedDate2}&state=pending&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + refreshDashboard(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + dispatch(LOADING_END()); + } + }; + + return ( + + + + + + + + + + + + + + + {value === 0 && ( + + + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + {getRoleFromUrl() !== "CityOperator" && ( + + + + )} + + + + + + )} + {value === 1 && ( + + )} + {value === 2 && ( + + )} + {value === 3 && } + {value === 4 && } + + + + ); +}; diff --git a/src/features/province/components/province-get-case-file/ProvinceGetCaseFile.js b/src/features/province/components/province-get-case-file/ProvinceGetCaseFile.js new file mode 100644 index 0000000..f0a6651 --- /dev/null +++ b/src/features/province/components/province-get-case-file/ProvinceGetCaseFile.js @@ -0,0 +1,1002 @@ +import React, { forwardRef } from "react"; +import { PropTypes } from "prop-types"; +import logo from "../../../../assets/images/logo.png"; +// import logoFooter from "../../../../assets/images/reportFooter.png"; +import "./styles.css"; +import checkIcon from "../../../../assets/images/check-icon-small.png"; +import waitingIcon from "../../../../assets/images/waiting-icon.png"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; +import moment from "moment"; + +const styles = { + page: { + width: "214mm", + height: "302mm", + display: "flex", + margin: "0 auto", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + pageData: { + position: "relative", + display: "flex", + direction: "rtl", + flexDirection: "column", + }, + tableInNewPage: { + pageBreakAfter: "always", + paddingLeft: "40px", + paddingRight: "40px", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "titr", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "titr", + fontWeight: "bold", + pAlign: "justify", + }, + invoiceTable: { + width: "195mm", + borderCollapse: "collapse", + alignSelf: "center", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + }, + tableCellAlert: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + color: "red", + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 7, + whiteSpace: "nowrap", + }, + tableHeader: { + pageBreakAfter: "auto", + }, + headerRow: { + backgroundColor: "rgba(32, 95, 243, 0.8)", + color: "white", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + logo: { + marginTop: "15px", + width: "100px", + height: "auto", + zIndex: 10, + }, + logoFooter: { + width: "100px", + height: "auto", + }, + contentContainer: { + alignItems: "center", + display: "flex", + justifyContent: "space-between", + marginRight: "20px", + marginLeft: "20px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "titr", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 350, + left: 30, + right: 0, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.15, + zIndex: -1, + userSelect: "none", + }, + watermarkp: { + fontFamily: "nazanin", + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + userSelect: "none", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + pAlign: "center", + color: "#00008b", + fontWeight: "800", + }, + options: { + marginLeft: "50px", + padding: "10px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + alignSelf: "center", + width: "120mm", + height: "1px", + backgroundColor: "black", + margin: "0em", + }, + pTitleContainer: { + pAlign: "center", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + fontFamily: "nazanin", + fontSize: "20px", + fontWeight: "bolder", + }, + tableHeaderCell: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + left: 0, + bottom: 0, + width: "100%", + position: "absolute", + }, + footerContainer: { + alignItems: "center", + display: "flex", + }, + circle: { + borderRadius: "50%", + width: "20px", + height: "20px", + padding: "10px", + background: "#ecf0f1", + border: " 1px solid #000", + color: "#000", + textAlign: "center", + marginRight: "130px", + }, + tableRowEven: { + backgroundColor: "rgba(207, 213, 234, 0.5)", + }, + levelDetails: { + color: "red", + fontSize: 10, + }, +}; + +const ProvinceGetCaseFile = forwardRef((props, ref) => { + const { item } = props; + // const { targetperson } = props; + // const { reportType } = props; + const getSellType = (item) => { + let sellType = ""; + if (item?.directBuying) { + sellType = "خرید مستقیم"; + } else if (item?.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return sellType; + }; + + // const getItemState = (item) => { + // let sellType = ""; + // if (item?.directBuying) { + // sellType = "خرید مستقیم"; + // } else if (item?.union) { + // sellType = "خرید خارج از استان"; + // } else { + // sellType = "اتحادیه"; + // } + // return sellType; + // }; + + const HeaderPDF = () => { + return ( + <> +

+ + مشخصات پرونده با کد سفارش {item?.orderCode} + + + فروش از طریق {getSellType(item)} + + + این گزارش در تاریخ {formatJustDate(moment())} ساعت{" "} + {formatJustTime(moment())} صادر شده است. + +

+ + اطلاعات پرونده کشتار تاریخ {formatJustDate(item?.sendDate)}{" "} + مرغداری {item?.poultry?.unitName} + +

+ +

+ + ); + }; + + // let pageNumber = 0; + // const FooterPDF = () => { + // pageNumber++; + // return ( + // <> + //

+ //

+ + //

+ // گزارش فرآیند کامل کشتار و پخش مرغ گوشتی سامانه رصدیار + // www.rasadyaar.ir + //

+ //

{pageNumber}

+ //

+ // + // ); + // }; + + const Table1 = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

کد سفارش	مرغدار	تلفن	تاریخ درخواست کشتار	آدرس	تاریخ جوجه ریزی	تعداد جوجه ریزی	مانده در سالن	سفارش کشتار (قطعه)	میانگین وزن	وزن تقریبی سفارش	قیمت پیشنهادی	نوع فروش	فرآیند مالی	دامپزشک فارم
{item?.orderCode}	{item?.poultry?.unitName}	{item?.poultry?.user?.mobile}	{formatJustDate(item?.sendDate)}	{item?.poultry?.address?.address}	{formatJustDate(item?.sendDate)}	{item?.amount?.toLocaleString()}	+ {item?.hatching?.leftOver?.toLocaleString()} +	{item?.quantity?.toLocaleString()}	{item?.IndexWeight}	{item?.hatching?.weight}	{item?.amount?.toLocaleString()}	+ {item?.freeSaleInProvince === false ? "دولتی" : "آزاد"} +	+ {item?.financialOperation === "outside-system" + ? "خارج از سامانه" + : "از طریق سامانه"} +	+ {item?.hatching?.vetFarmInfo + ? `${item?.vetFarm?.vetFarmFullName} (${item?.vetFarm?.vetFarmMobile})` + : "ندارد"} +

+ ); + }; + + const TableCityLevel = () => { + return ( + + + + + + + + + + + + {item?.cityState?.date ? ( + + + + + + + + + + + ) : ( + + )} +

اپراتور	سمت	تلفن	تعاونی مرغدار	آدرس	وضعیت
+ {item?.cityState?.cityOperatorFullname} +	سمت	+ {item?.cityState?.cityOperatorMobile} +	{item?.cityState?.poultry}	+ {item?.cityState?.province + " - " + item?.cityState?.city} +	+ {item?.cityState?.state === "accept" ? "تایید شده" : "رد شده"} +
+ هنوز شهرستان پرونده را تائید نکرده است +

+ ); + }; + + const TableProvinceLevel = () => { + return ( + + + + + + + + + + + + {item?.provinceState?.date ? ( + + + + + + + + + + + ) : ( + + )} +

اپراتور	سمت	تلفن	تعاونی مرغدار	آدرس	وضعیت
+ {item?.provinceState?.provinceOperatorFullname} +	اپراتور استان	+ {item?.provinceState?.cityOperatorMobile} +	{item?.provinceState?.poultry}	+ {item?.provinceState?.province + + " - " + + item?.provinceState?.city} +	+ {item?.provinceState?.state === "accept" + ? "تایید شده" + : "رد شده"} +
+ هنوز استان پرونده را تائید نکرده است +

+ ); + }; + + const TableSalughterAllocationLevel = () => { + return ( + + + + + + + + + + + + + + {item?.provinceKillRequests?.provinceKillRequestSerializer ? ( + + {item?.provinceKillRequests?.provinceKillRequestSerializer.map( + (item, i) => ( + + + + + + + + + + + ) + )} + + ) : ( + + )} +

ردیف	ماهیت خریدار	خریدار	نوع تخصیص	تعداد تخصیصی	میانگین وزن	وزن تخصیصی	وضعیت
{i + 1}	+ {item?.killhouseUser?.killer === false + ? "کشتارگاه" + : "کشتارکن"} +	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	+ {item?.automatic === false ? "دستی" : "اتوماتیک"} +	+ {item?.weightInfo?.provinceKillRequestQuantity} +	+ {item?.weightInfo?.provinceKillRequestIndexWeight} +	+ {item?.weightInfo?.provinceKillRequestWeight} +	+ {item?.state === "accepted" + ? "تایید شده" + : item?.state === "rejected" + ? "رد شده" + : "در انتظار تایید"} +
+ داده ای ثبت نشده! +

+ ); + }; + + const TableSlaughterAddCar = () => { + return ( + + + + + + + + + + + + + + + + {item?.killHouseRequests?.killHouseRequestsSerializer ? ( + + {item?.killHouseRequests?.killHouseRequestsSerializer.map( + (item, i) => ( + + + + + + + + + + + + + ) + )} + + ) : ( + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	تعداد	وزن بار	میانگین وزن	کد قرنطینه	محل کشتار
{i + 1}	{item?.barCode}	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	{`${item?.addCar?.driver?.typeCar} (${item?.addCar?.driver?.pelak})`}	{`${item?.addCar?.driver?.driverName} (${item?.addCar?.driver?.driverMobile})`}	+ {item?.quantity.toLocaleString()} +	{item?.weightInfo?.weight}	+ {item?.weightInfo?.indexWeight} +	{item?.clearanceCode}	{item?.killPlace}
+ داده ای ثبت نشده! +

+ ); + }; + + const TableSVetAcceptDischarge = () => { + return ( + + + + + + + + + + + + + + + + + + + {item?.killHouseRequests?.killHouseRequestVetCheckSerializer ? ( + + {item?.killHouseRequests?.killHouseRequestVetCheckSerializer.map( + (item, i) => ( + + + + + + + + + + + + + + + + ) + )} + + ) : ( + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده	وزن تخلیه شده	وضعیت	اطلاعات تخلیه
{i + 1}	{item?.barCode}	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	{`${item?.addCar?.driver?.typeCar} (${item?.addCar?.driver?.pelak})`}	{`${item?.addCar?.driver?.driverName} (${item?.addCar?.driver?.driverMobile})`}	+ {item?.quantity.toLocaleString()} +	{item?.weightInfo?.weight}	+ {item?.weightInfo?.indexWeight} +	{item?.clearanceCode}	+ {item?.vetAcceptedRealQuantity?.toLocaleString()} +	+ {item?.vetAcceptedRealWeight?.toLocaleString()} +	+ {item?.vetState === "accepted" + ? "تخلیه شده" + : "در انتظار تخلیه"} +	+ {item?.vetState === "accepted" + ? `${item?.killHouseVet?.fullname} (${item?.killHouseVet?.mobile})` + : "-"} +
+ داده ای ثبت نشده! +

+ ); + }; + + const TableSlaughterInputBarData = () => { + return ( + + + + + + + + + + + + + + + + + + + {item?.killHouseRequests?.killHouseRequestAssignmentSerializer ? ( + + {item?.killHouseRequests?.killHouseRequestAssignmentSerializer.map( + (item, i) => ( + + + + + + + + + + + + + {" "} + + + ) + )} + + ) : ( + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	تعداد نهایی	وزن خالص واقعی
{i + 1}	{item?.barCode}	+ {`${item?.killhouseUser?.killHouseOperator?.user?.fullname} (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`} +	{`${item?.addCar?.driver?.typeCar} (${item?.addCar?.driver?.pelak})`}	{`${item?.addCar?.driver?.driverName} (${item?.addCar?.driver?.driverMobile})`}	+ {item?.quantity.toLocaleString()} +	{item?.weightInfo?.weight}	+ {item?.weightInfo?.indexWeight} +	{item?.clearanceCode}	+ {item?.vetAcceptedRealQuantity?.toLocaleString()} +	+ {item?.vetAcceptedRealWeight?.toLocaleString()} +	+ {item?.acceptedRealQuantity?.toLocaleString()} +	+ {item?.acceptedRealWeight?.toLocaleString()} +
+ داده ای ثبت نشده! +

+ ); + }; + + const TableSlaughterFinanceInfo = () => { + return ( + + + + + + + + + + + + + + + + + + + {item?.provinceState?.date && ( + + + {/* */} + + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	نژاد	کد قرنطینه	تعداد نهایی	وزن خالص بار	میانگین وزن	مبلغ فاکتور	وضعیت	+ اطلاعات پرداخت (شناسه پرداخت) +
+ {item?.provinceState?.provinceOperatorFullname} +

+ ); + }; + + const TableInspector = () => { + return ( + + + + + + + + + + + + + + + + + + + + {item?.provinceState?.date && ( + + + {/* */} + + + )} +

ردیف	کد بار	خریدار	ماشین	راننده	نژاد	کد قرنطینه	تعداد نهایی	وزن خالص بار	میانگین وزن	مبلغ فاکتور	وضعیت پرداخت	وضعیت	نظر بازرس
+ {item?.provinceState?.provinceOperatorFullname} +

+ ); + }; + + return ( +

سامانه رصدیار

+ +

+
+ +
+
+
مشخصات درخواست
+
+ +
+
+
+
+ +
+
+
مرحله شهرستان
+
+ +
+
+
+
+ +
+
+
مرحله استان
+
+ +
+
+
+
+ +
+
+
+ تخصیصات استان به کشتارگاه + {" ( "} + + تعداد درخواست:{" "} + {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.poultryRequestQuantity.toLocaleString()} + ، تعداد تخصیصی به کشتارگاه:{" "} + {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.allocatedQuantity.toLocaleString()} + ، مانده قابل تخصیصی:{" "} + {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.poultryRequestRemainQuantity.toLocaleString()} + + {" ) "} +
+
+ +
+
+
+
+ +
+
+
+ ثبت ماشین توسط خریدار (ایجاد بار) + {" ( "} + + تعداد تخصیص به خریداران:{" "} + {item?.killHouseRequests?.allocatedQuantity?.toLocaleString()} + ، تعداد بارها:{" "} + {item?.killHouseRequests?.numberOfBars?.toLocaleString()}، + تعداد تخصیص به ماشین:{" "} + {item?.killHouseRequests?.killHouseRequestQuantity?.toLocaleString()} + ، مانده قابل تخصیص:{" "} + {item?.killHouseRequests?.remainQuantity?.toLocaleString()} + + {" ) "} +
+
+ +
+
+
+
+ +
+
+
+ تایید تخلیه توسط دامپزشک کشتارگاه + {" ( "} + + تعداد بارها:{" "} + {item?.killHouseRequests?.numberOfBars?.toLocaleString()}، + تایید تخلیه:{" "} + {item?.killHouseRequests?.vetAcceptedNumberOfBars?.toLocaleString()} + ، تخلیه نشده:{" "} + {item?.killHouseRequests?.vetRemainNumberOfBars?.toLocaleString()} + + {" ) "} +
+
+ +
+
+
+
+ +
+
+
+ ورود اطلاعات بار توسط کشتارگاه + {" ( "} + + تعداد بارها:{" "} + {item?.killHouseRequests?.numberOfBars?.toLocaleString()}، + ورود اطلاعات بار:{" "} + {item?.killHouseRequests?.killHouseRequestAssignment?.toLocaleString()} + ، وارد نشده:{" "} + {item?.killHouseRequests?.assignmentRemainNumberOfBars?.toLocaleString()} + + {" ) "} +
+
+ +
+
+
+
+ +
+
+
اطلاعات مالی
+
+ +
+
+
+
+ +
+
+
بازرس
+
+ +
+
+

+ اتمام پرونده + {/* {" ( "} + + پرونده در تاریخ 1400/02/04 خاتمه یافت. + + {" ) "} */} +

+ ); +}); + +ProvinceGetCaseFile.displayName = "ProvinceGetCaseFile"; + +export default ProvinceGetCaseFile; + +ProvinceGetCaseFile.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-get-case-file/styles.css b/src/features/province/components/province-get-case-file/styles.css new file mode 100644 index 0000000..d6d02f2 --- /dev/null +++ b/src/features/province/components/province-get-case-file/styles.css @@ -0,0 +1,91 @@ +/* ----------------------------timeline---------------------------- */ +.timeline { + width: 100%; + margin: 0; +} + +.base-timeline { + position: relative; +} + +.timeline .base-timeline { + margin: 0; + padding-left: 20px; + padding-right: 20px; +} + +.base-timeline li { + list-style-type: none; + margin: 0; + padding: 0; + position: relative; + display: flex; + align-items: flex-start; +} + +.text-primary { + text-decoration: none; +} + +.timeline-icon { + margin-top: 5px; + color: white; + width: 15px; + height: 15px; + border-radius: 50%; + text-align: center; + line-height: 13px; + align-items: center; + justify-content: center; +} +.icon-image { + width: 9px; + align-self: center; +} + +.timeline-content { + margin-right: 10px; + position: relative; +} + +.act-time { + font-size: 14px; + color: #453939; +} + +.base-timeline-info { + margin-top: 2px; +} + +.base-timeline-info a { + font-size: 14px; + font-weight: bold; + color: #333; +} + +.text-muted { + font-size: 12px; + color: #999; +} + +.base-timeline li + li::before, +.base-timeline li::before { + content: ""; + position: absolute; + top: 10px; + right: 6.5px; + width: 2px; + height: 100%; + background-color: #ddd; + z-index: -1; +} + +.fa-caret-down { + color: white !important; +} + +.bg-primary { + background-color: orange; +} + +/* ----------------------------end timeline---------------------------- */ diff --git a/src/features/province/components/province-get-contradictions-file/Pages.js b/src/features/province/components/province-get-contradictions-file/Pages.js new file mode 100644 index 0000000..319a3f6 --- /dev/null +++ b/src/features/province/components/province-get-contradictions-file/Pages.js @@ -0,0 +1,527 @@ +import { useRef } from "react"; +import { formatJustDate } from "../../../../utils/formatTime"; + +const styles = { + tableInNewPage: { + pageBreakAfter: "always", + paddingLeft: "40px", + paddingRight: "40px", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + marginBottom: "2px", + fontFamily: "titr", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + fontWeight: "bolder", + }, + tableCellGreen: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + color: "white", + fontWeight: "bolder", + backgroundColor: "rgba(26, 188, 156, 0.7)", + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 7, + whiteSpace: "nowrap", + }, + tableHeader: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + pageBreakAfter: "auto", + }, + headerRow: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + + tableHeaderCell: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + }, + tableHeaderCellGreen: { + backgroundColor: "rgba(26, 188, 156, 0.7)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + color: "white", + }, + footer: { + left: 0, + bottom: 0, + width: "100%", + position: "absolute", + }, + footerContainer: { + alignItems: "center", + display: "flex", + }, + + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + titleOfTable: { + marginRight: "20px", + fontSize: "15px", + }, +}; + +export const GetClearanceCode = ({ clearanceCode }) => { + const formRef = useRef(null); + + const handleCodeClick = () => { + if (formRef.current) { + formRef.current.submit(); + } + }; + + return ( + + ); +}; +export const TablePage1 = ({ item }) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + +

تعداد درخواست	مجموع درخواست کشتار (قطعه)	مجموع درخواست کشتار (وزن)	تعداد تخصیص به خریدار	وزن تخصیص به خریدار	مانده قطعه قابل تخصیص	وزن قابل تخصیص	اپراتور
+ {item?.totalRequests.toLocaleString()} +	+ {item?.poultryRequestTotalQuantity.toLocaleString()} +	+ {Math.round(item?.poultryRequestTotalWeight).toLocaleString()} +	+ {item?.provinceKillRequestsTotalQuantity.toLocaleString()} +	+ {item?.provinceKillRequestsTotalWeight.toLocaleString()} +	+ {item?.poultryRequestTotalRemainQuantity.toLocaleString()} +	+ {Math.round(item?.poultryRequestRemainWeight).toLocaleString()} +	+ {item?.operatorFullname} {item?.operatorMobile} +

+ ); +}; + +export const TablePage1Part2 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + ))} + +

ردیف	خریدار	سهم کشتار (قطعه)	سهم کشتار (وزن)	تعداد ماشین ها	تخصیص به ماشین (قطعه)	تخصیص به ماشین (وزن)	مانده قطعه قابل تخصیص	مانده وزن قابل تخصیص	اپراتور
{i + start}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {item?.totalInfo?.provinceKillRequestQuantity.toLocaleString()} +	+ {item?.totalInfo?.provinceKillRequestWeight.toLocaleString()} +	+ {item?.totalInfo?.killHouseRequestsCount.toLocaleString()} +	+ {item?.totalInfo?.killHouseRequestQuantity.toLocaleString()} +	+ {item?.totalInfo?.killHouseRequestWeight.toLocaleString()} +	+ {item?.totalInfo?.provinceKillRequestRemainQuantity.toLocaleString()} +	+ {item?.totalInfo?.provinceKillRequestRemainWeight.toLocaleString()} +	+ { + <> + {item?.totalInfo?.operatorFullname} + + {item?.totalInfo?.operatorMobile} + + } +

+ ); +}; + +export const TablePage2 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + + + ))} + +

ردیف	کد بار	خریدار	تاریخ کشتار	فروشنده	ماشین	راننده	نژاد	تعداد	وزن بار	میانگین وزن	محل کشتار	دامپزشک
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	{item?.car?.typeCar}	{item?.car?.driverName}	+ {item?.poultryRequest?.chickenBreed} +	{item?.quantity?.toLocaleString()}	+ {item?.weightInfo?.weight?.toLocaleString()} +	{item?.weightInfo?.indexWeight}	{item?.killPlace}	+ {item?.vetFarm ? ( + <> + {item?.vetFarm?.vet?.user?.fullname} + + {item?.vetFarm?.vet?.user?.mobile} + + ) : ( + "ندارد" + )} +

+ ); +}; + +export const TablePage3 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + {/* + */} + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + {/* + */} + + + ))} + +

ردیف	کد بار	خریدار	فروشنده	تاریخ کشتار	ماشین	راننده	نژاد	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	دامپزشک
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	{item?.car?.typeCar}	{item?.car?.driverName}	+ {item?.poultryRequest?.chickenBreed} +	{item?.quantity?.toLocaleString()}	+ {item?.weightInfo?.weight?.toLocaleString()} +	{item?.weightInfo?.indexWeight}	+ +	{item?.vetAcceptedRealQuantity}	{item?.vetAcceptedRealWeight}	+ {item?.vetFarm ? ( + <> + {item?.vetFarm?.vet?.user?.fullname} + + {item?.vetFarm?.vet?.user?.mobile} + + ) : ( + "ندارد" + )} +

+ ); +}; + +export const TablePage4 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + + + {/* + */} + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + + + {/* + */} + + + ))} + +

ردیف	کد بار	خریدار	فروشنده	تاریخ کشتار	ماشین	راننده	نژاد	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	اطلاعات بار تعداد	اطلاعات بار وزن	کاربر
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	{item?.car?.typeCar}	{item?.car?.driverName}	+ {item?.poultryRequest?.chickenBreed} +	{item?.quantity?.toLocaleString()}	+ {item?.weightInfo?.weight?.toLocaleString()} +	{item?.weightInfo?.indexWeight}	+ +	+ {item?.vetAcceptedRealQuantity.toLocaleString()} +	+ {item?.vetAcceptedRealWeight.toLocaleString()} +	ثبت نشده	ثبت نشده	+ {item?.vetFarm ? ( + <> + {item?.vetFarm?.vet?.user?.fullname} + + {item?.vetFarm?.vet?.user?.mobile} + + ) : ( + "ندارد" + )} +

+ ); +}; + +export const TablePage5 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + {/* */} + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + {/* */} + + + + + + + + + + + ))} + +

ردیف	کد بار	خریدار	تاریخ کشتار	فروشنده	ماشین	راننده	کد قرنطینه	تعداد	وزن بار	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	اطلاعات بار کشتارگاه (تعداد)	اطلاعات بار کشتارگاه (وزن)
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	{item?.car?.typeCar}	{item?.car?.driverName}	+ +	+ {item?.weightInfo?.quantity.toLocaleString()} +	+ {item?.weightInfo?.weight.toLocaleString()} +	+ {item?.weightInfo?.killHouseVetQuantity.toLocaleString()} +	+ {item?.weightInfo?.killHouseVetWeight.toLocaleString()} +	+ {item?.weightInfo?.assingmentQuantity.toLocaleString()} +	+ {item?.weightInfo?.assingmentWeight.toLocaleString()} +

+ ); +}; diff --git a/src/features/province/components/province-get-contradictions-file/PagesWeb.js b/src/features/province/components/province-get-contradictions-file/PagesWeb.js new file mode 100644 index 0000000..d413c38 --- /dev/null +++ b/src/features/province/components/province-get-contradictions-file/PagesWeb.js @@ -0,0 +1,527 @@ +import { useRef } from "react"; +import { formatJustDate } from "../../../../utils/formatTime"; + +const styles = { + tableInNewPage: { + pageBreakAfter: "always", + paddingLeft: "40px", + paddingRight: "40px", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + fontFamily: "titr", + marginBottom: "15px", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + fontWeight: "bolder", + }, + tableCellGreen: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + color: "white", + fontWeight: "bolder", + backgroundColor: "rgba(26, 188, 156, 0.7)", + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + whiteSpace: "nowrap", + }, + tableHeader: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + pageBreakAfter: "auto", + }, + headerRow: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + + tableHeaderCell: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + fontSize: 12, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + }, + tableHeaderCellGreen: { + backgroundColor: "rgba(26, 188, 156, 0.7)", + fontSize: 12, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bolder", + color: "white", + }, + footer: { + left: 0, + bottom: 0, + width: "100%", + position: "absolute", + }, + footerContainer: { + alignItems: "center", + display: "flex", + }, + + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + titleOfTable: { + marginRight: "20px", + fontSize: "15px", + }, +}; + +export const GetClearanceCode = ({ clearanceCode }) => { + const formRef = useRef(null); + + const handleCodeClick = () => { + if (formRef.current) { + formRef.current.submit(); + } + }; + + return ( + + ); +}; +export const TablePage1Web = ({ item }) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + +

تعداد درخواست	مجموع درخواست کشتار (قطعه)	مجموع درخواست کشتار (وزن)	تعداد تخصیص به خریدار	وزن تخصیص به خریدار	مانده قطعه قابل تخصیص	وزن قابل تخصیص	اپراتور
+ {item?.totalRequests.toLocaleString()} +	+ {item?.poultryRequestTotalQuantity.toLocaleString()} +	+ {Math.round(item?.poultryRequestTotalWeight).toLocaleString()} +	+ {item?.provinceKillRequestsTotalQuantity.toLocaleString()} +	+ {item?.provinceKillRequestsTotalWeight.toLocaleString()} +	+ {item?.poultryRequestTotalRemainQuantity.toLocaleString()} +	+ {Math.round(item?.poultryRequestRemainWeight).toLocaleString()} +	+ {item?.operatorFullname} {item?.operatorMobile} +

+ ); +}; + +export const TablePage1Part2Web = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + ))} + +

ردیف	خریدار	سهم کشتار (قطعه)	سهم کشتار (وزن)	تعداد ماشین ها	تخصیص به ماشین (قطعه)	تخصیص به ماشین (وزن)	مانده قطعه قابل تخصیص	مانده وزن قابل تخصیص	اپراتور
{i + start}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {item?.totalInfo?.provinceKillRequestQuantity.toLocaleString()} +	+ {item?.totalInfo?.provinceKillRequestWeight.toLocaleString()} +	+ {item?.totalInfo?.killHouseRequestsCount.toLocaleString()} +	+ {item?.totalInfo?.killHouseRequestQuantity.toLocaleString()} +	+ {item?.totalInfo?.killHouseRequestWeight.toLocaleString()} +	+ {item?.totalInfo?.provinceKillRequestRemainQuantity.toLocaleString()} +	+ {item?.totalInfo?.provinceKillRequestRemainWeight.toLocaleString()} +	+ { + <> + {item?.totalInfo?.operatorFullname} + + {item?.totalInfo?.operatorMobile} + + } +

+ ); +}; + +export const TablePage2Web = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + + + ))} + +

ردیف	کد بار	خریدار	تاریخ کشتار	فروشنده	ماشین	راننده	نژاد	تعداد	وزن بار	میانگین وزن	محل کشتار	دامپزشک
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	{item?.car?.typeCar}	{item?.car?.driverName}	+ {item?.poultryRequest?.chickenBreed} +	{item?.quantity?.toLocaleString()}	+ {item?.weightInfo?.weight?.toLocaleString()} +	{item?.weightInfo?.indexWeight}	{item?.killPlace}	+ {item?.vetFarm ? ( + <> + {item?.vetFarm?.vet?.user?.fullname} + + {item?.vetFarm?.vet?.user?.mobile} + + ) : ( + "ندارد" + )} +

+ ); +}; + +export const TablePage3Web = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + {/* + */} + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + {/* + */} + + + ))} + +

ردیف	کد بار	خریدار	فروشنده	تاریخ کشتار	ماشین	راننده	نژاد	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	دامپزشک
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	{item?.car?.typeCar}	{item?.car?.driverName}	+ {item?.poultryRequest?.chickenBreed} +	{item?.quantity?.toLocaleString()}	+ {item?.weightInfo?.weight?.toLocaleString()} +	{item?.weightInfo?.indexWeight}	+ +	{item?.vetAcceptedRealQuantity}	{item?.vetAcceptedRealWeight}	+ {item?.vetFarm ? ( + <> + {item?.vetFarm?.vet?.user?.fullname} + + {item?.vetFarm?.vet?.user?.mobile} + + ) : ( + "ندارد" + )} +

+ ); +}; + +export const TablePage4Web = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + + + {/* + */} + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + + + {/* + */} + + + ))} + +

ردیف	کد بار	خریدار	فروشنده	تاریخ کشتار	ماشین	راننده	نژاد	تعداد	وزن بار	میانگین وزن	کد قرنطینه	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	اطلاعات بار تعداد	اطلاعات بار وزن	کاربر
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	{item?.car?.typeCar}	{item?.car?.driverName}	+ {item?.poultryRequest?.chickenBreed} +	{item?.quantity?.toLocaleString()}	+ {item?.weightInfo?.weight?.toLocaleString()} +	{item?.weightInfo?.indexWeight}	+ +	+ {item?.vetAcceptedRealQuantity.toLocaleString()} +	+ {item?.vetAcceptedRealWeight.toLocaleString()} +	ثبت نشده	ثبت نشده	+ {item?.vetFarm ? ( + <> + {item?.vetFarm?.vet?.user?.fullname} + + {item?.vetFarm?.vet?.user?.mobile} + + ) : ( + "ندارد" + )} +

+ ); +}; + +export const TablePage5Web = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + {/* */} + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + {/* */} + + + + + + + + + + + ))} + +

ردیف	کد بار	خریدار	تاریخ کشتار	فروشنده	ماشین	راننده	کد قرنطینه	تعداد	وزن بار	تعداد تخلیه شده (دامپزشک)	وزن تخلیه شده (دامپزشک)	اطلاعات بار کشتارگاه (تعداد)	اطلاعات بار کشتارگاه (وزن)
{i + start}	{item?.barCode}	+ {item?.killhouseUser?.name} ( + {item?.killhouseUser?.killHouseOperator?.user.mobile}) +	+ {formatJustDate(item?.killRequest?.reciveDate)} +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item?.poultryRequest?.poultry?.user?.mobile}) +	{item?.car?.typeCar}	{item?.car?.driverName}	+ +	+ {item?.weightInfo?.quantity.toLocaleString()} +	+ {item?.weightInfo?.weight.toLocaleString()} +	+ {item?.weightInfo?.killHouseVetQuantity.toLocaleString()} +	+ {item?.weightInfo?.killHouseVetWeight.toLocaleString()} +	+ {item?.weightInfo?.assingmentQuantity.toLocaleString()} +	+ {item?.weightInfo?.assingmentWeight.toLocaleString()} +

+ ); +}; diff --git a/src/features/province/components/province-get-contradictions-file/ProvinceGetContradictionsFile.js b/src/features/province/components/province-get-contradictions-file/ProvinceGetContradictionsFile.js new file mode 100644 index 0000000..e8151cd --- /dev/null +++ b/src/features/province/components/province-get-contradictions-file/ProvinceGetContradictionsFile.js @@ -0,0 +1,496 @@ +import React, { forwardRef } from "react"; +import { PropTypes } from "prop-types"; +import logo from "../../../../assets/images/logo.png"; +import { formatJustDate } from "../../../../utils/formatTime"; +import moment from "moment"; +import logoFooter from "../../../../assets/images/reportFooter.png"; +import { + TablePage1, + TablePage1Part2, + TablePage2, + TablePage3, + TablePage4, + TablePage5, +} from "./Pages"; + +const styles = { + page: { + width: "210mm", + height: "297mm", + display: "flex", + margin: "0 auto", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + pageData: { + position: "relative", + display: "flex", + direction: "rtl", + flexDirection: "column", + }, + tableInNewPage: { + pageBreakAfter: "always", + paddingLeft: "20px", + paddingRight: "20px", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "titr", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "titr", + fontWeight: "bold", + pAlign: "justify", + }, + + logo: { + marginTop: "15px", + width: "100px", + height: "auto", + zIndex: 10, + }, + logoFooter: { + width: "100px", + height: "auto", + }, + contentContainer: { + alignItems: "center", + display: "flex", + justifyContent: "space-between", + marginRight: "20px", + marginLeft: "20px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "titr", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 250, + left: 30, + right: 0, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.15, + zIndex: -1, + userSelect: "none", + }, + watermarkp: { + fontFamily: "nazanin", + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + userSelect: "none", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + pAlign: "center", + color: "#00008b", + fontWeight: "800", + }, + title2: { + fontSize: 10, + marginBottom: 10, + pAlign: "center", + }, + options: { + marginLeft: "50px", + padding: "10px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + alignSelf: "center", + width: "120mm", + height: "1px", + backgroundColor: "black", + margin: "0em", + }, + divider2: { + alignSelf: "center", + width: "100%", + height: "1px", + backgroundColor: "black", + margin: "0em", + }, + pTitleContainer: { + pAlign: "center", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + fontFamily: "nazanin", + fontSize: "20px", + fontWeight: "bolder", + }, + tableHeaderCell: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + left: 0, + bottom: 0, + width: "100%", + position: "absolute", + }, + footerContainer: { + alignItems: "center", + display: "flex", + }, + circle: { + borderRadius: "50%", + width: "20px", + height: "20px", + padding: "10px", + background: "#ecf0f1", + border: " 1px solid #000", + color: "#000", + textAlign: "center", + marginRight: "300px", + }, + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + titleOfTable: { + marginRight: "20px", + fontSize: "15px", + }, + titleOfTable2: { + fontSize: "15px", + }, +}; + +const ProvinceGetContradictionsFile = forwardRef((props, ref) => { + const { item } = props; + const { inDate1 } = props; + const { inDate2 } = props; + + const HeaderPDF = () => { + return ( + <> +

+ + گزارش مغایرت اطلاعات کشتار و عدم فعالیت نقش ها{" "} + + {inDate1 === inDate2 ? ( + + مورخ {formatJustDate(moment(inDate1))} + + ) : ( + + از تاریخ {formatJustDate(moment(inDate1))} {"‌ ‌‌ "} تا تاریخ{" "} + {"‌ "} + {formatJustDate(moment(inDate2))} + + )} +

+ سامانه رصدیار +

+ +

+ + ); + }; + + let pageNumber = 0; + const FooterPDF = () => { + pageNumber++; + return ( + <> +

+ +

+ گزارش مغایرت درخواست کشتار و عدم فعالیت نقش ها +
+ www.rasadyaar.ir +

{pageNumber}

+ + ); + }; + + const step = 15; + + const iterationsPage1Part2 = Math.ceil( + Math.max(0, (item?.partFour.length - step) / step) + ); + + const generatedComponentsPage1Part2 = []; + + for (let i = 0; i < iterationsPage1Part2; i++) { + const start = step + i * step + 1; + const end = step + (i + 1) * step; + + if (item?.partTwo.length > end - step) { + generatedComponentsPage1Part2.push( +

+ +

+ مغایرت در ثبت ماشین و ایجاد بار +

+ +

+ ); + } + } + + const iterationsPage3 = Math.ceil( + Math.max(0, (item?.partFour.length - step) / step) + ); + const generatedComponentsPage3 = []; + + for (let i = 0; i < iterationsPage3; i++) { + const start = step + i * step + 1; + const end = step + (i + 1) * step; + + if (item?.partFour.length > end - step) { + generatedComponentsPage3.push( +

+ +

بارهای تخلیه نشده

+ +

+ ); + } + } + + const iterationsPage4 = Math.ceil( + Math.max(0, (item?.partFive.length - step) / step) + ); + const generatedComponentsPage4 = []; + + for (let i = 0; i < iterationsPage4; i++) { + const start = step + i * step + 1; + const end = step + (i + 1) * step; + + if (item?.partFour.length > end - step) { + generatedComponentsPage4.push( +

+ +

+ بارهاي تکمیل نشده (بارگزاري سند باسکول و مستندات وزنی) +

+ +

+ ); + } + } + + const iterationsPage5 = Math.ceil( + Math.max(0, (item?.partSix.length - step) / step) + ); + const generatedComponentsPage5 = []; + + for (let i = 0; i < iterationsPage5; i++) { + const start = step + i * step + 1; + const end = step + (i + 1) * step; + + if (item?.partFour.length > end - step) { + generatedComponentsPage5.push( +

+ +

مغایرت در اطلاعات بار

+ +

+ ); + } + } + + return ( +

سامانه رصدیار

+ +

درخواست کشتار و تخصیص

+ +

مغایرت در ثبت ماشین و ایجاد بار

+ +

+ + {generatedComponentsPage1Part2} + + {/* Page 2 */} + +

+ +

بارهای فاقد کد قرنطینه

+ +

+ + {item?.partThree.length > 15 && ( +

+ +

بارهای فاقد کد قرنطینه

+ +

+ )} + + {item?.partThree.length > 30 && ( +

+ +

بارهای فاقد کد قرنطینه

+ +

+ )} + + {item?.partThree.length > 45 && ( +

+ +

بارهای فاقد کد قرنطینه

+ +

+ )} + + {/* Page 3 */} + +

+ +

بارهای تخلیه نشده

+ +

+ + {generatedComponentsPage3} + + {/* Page 4 */} + +

+ +

+ بارهاي تکمیل نشده (بارگزاري سند باسکول و مستندات وزنی) +

+ +

+ + {generatedComponentsPage4} + + {/* Page 5 */} + +

+ +

مغایرت در اطلاعات بار

+ +

+ {generatedComponentsPage5} +

+ ); +}); + +ProvinceGetContradictionsFile.displayName = "ProvinceGetContradictionsFile"; + +export default ProvinceGetContradictionsFile; + +ProvinceGetContradictionsFile.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-get-contradictions-file/styles.css b/src/features/province/components/province-get-contradictions-file/styles.css new file mode 100644 index 0000000..d6d02f2 --- /dev/null +++ b/src/features/province/components/province-get-contradictions-file/styles.css @@ -0,0 +1,91 @@ +/* ----------------------------timeline---------------------------- */ +.timeline { + width: 100%; + margin: 0; +} + +.base-timeline { + position: relative; +} + +.timeline .base-timeline { + margin: 0; + padding-left: 20px; + padding-right: 20px; +} + +.base-timeline li { + list-style-type: none; + margin: 0; + padding: 0; + position: relative; + display: flex; + align-items: flex-start; +} + +.text-primary { + text-decoration: none; +} + +.timeline-icon { + margin-top: 5px; + color: white; + width: 15px; + height: 15px; + border-radius: 50%; + text-align: center; + line-height: 13px; + align-items: center; + justify-content: center; +} +.icon-image { + width: 9px; + align-self: center; +} + +.timeline-content { + margin-right: 10px; + position: relative; +} + +.act-time { + font-size: 14px; + color: #453939; +} + +.base-timeline-info { + margin-top: 2px; +} + +.base-timeline-info a { + font-size: 14px; + font-weight: bold; + color: #333; +} + +.text-muted { + font-size: 12px; + color: #999; +} + +.base-timeline li + li::before, +.base-timeline li::before { + content: ""; + position: absolute; + top: 10px; + right: 6.5px; + width: 2px; + height: 100%; + background-color: #ddd; + z-index: -1; +} + +.fa-caret-down { + color: white !important; +} + +.bg-primary { + background-color: orange; +} + +/* ----------------------------end timeline---------------------------- */ diff --git a/src/features/province/components/province-get-deleted-allocated-requests/ProvinceGetDeletedAllocatedRequests.js b/src/features/province/components/province-get-deleted-allocated-requests/ProvinceGetDeletedAllocatedRequests.js new file mode 100644 index 0000000..022599f --- /dev/null +++ b/src/features/province/components/province-get-deleted-allocated-requests/ProvinceGetDeletedAllocatedRequests.js @@ -0,0 +1,278 @@ +import { Button, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import axios from "axios"; +import moment from "moment"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { provinceGetDeletedAllocatedRequestsService } from "../../services/province-get-deleted-allocated-requests"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceGetDashboardDeletedKillRequestService } from "../../services/get-dahsnoard-province-kill-request"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { RiSearchLine } from "react-icons/ri"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceGetDeletedAllocatedRequests = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const { provinceGetDeletedAllocatedRequests } = useSelector( + (state) => state.provinceSlice + ); + + useEffect(() => { + dispatch( + provinceGetDeletedAllocatedRequestsService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + selectedDate1, + selectedDate2, + textValue, + }) + ); + }, [selectedDate1, selectedDate2, selectedSubUser?.key]); + + const handleSubmit = () => { + dispatch( + provinceGetDeletedAllocatedRequestsService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + selectedDate1, + selectedDate2, + textValue, + }) + ); + + dispatch( + provinceGetDashboardDeletedKillRequestService({ + selectedDate1, + selectedDate2, + textValue, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = provinceGetDeletedAllocatedRequests?.map((item, i) => { + let state = ""; + if (item.allocatedState === "pending") { + state = "در انتظار تایید"; + } else if (item.allocatedState === "accepted") { + state = "تایید شده"; + } else if (item.allocatedState === "rejected") { + state = "رد شده"; + } + return [ + i + 1, + item?.orderCode, + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + item?.poultryUnitName, + `${item?.poultryFullName} (${item?.poultryMobile})`, + item?.poultryCity, + formatJustDate(item?.sendDate), + item.poultryQuantity, + formatJustDate(item?.dateOfAllocate), + item?.killHouseName, + item?.killHouseCity, + item?.amount?.toLocaleString() + " ﷼", + item?.killHousePrice?.toLocaleString() + " ﷼", + item?.allocatedQuantity, + state, + item?.allocatedCarState ? "دارد" : "ندارد", + item?.allocatedRemainQuantity, + ]; + }); + setDataTable(d); + }, [provinceGetDeletedAllocatedRequests]); + + const [dashboardData, setDashboardData] = useState([]); + + useEffect(() => { + dispatch( + provinceGetDashboardDeletedKillRequestService({ + selectedDate1, + selectedDate2, + textValue, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [selectedDate1, selectedDate2, selectedSubUser?.key]); + + return ( + + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-get-report-file/ProvinceGetReportFile.js b/src/features/province/components/province-get-report-file/ProvinceGetReportFile.js new file mode 100644 index 0000000..d289036 --- /dev/null +++ b/src/features/province/components/province-get-report-file/ProvinceGetReportFile.js @@ -0,0 +1,1195 @@ +import React, { forwardRef } from "react"; +import { PropTypes } from "prop-types"; +import logo from "../../../../assets/images/reportHeader.png"; +import logoFooter from "../../../../assets/images/reportFooter.png"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; +import moment from "moment"; +import { useCeoName } from "../../../../utils/getCeoName"; +import { useSystemName } from "../../../../utils/getSystemName"; + +const styles = { + page: { + width: "214mm", + height: "302mm", + display: "flex", + margin: "0 auto", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + pageData: { + margin: "20px", + position: "relative", + display: "flex", + direction: "rtl", + flexDirection: "column", + }, + tableInNewPage: { + pageBreakAfter: "always", + paddingLeft: "40px", + paddingRight: "40px", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "titr", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "titr", + fontWeight: "bold", + pAlign: "justify", + }, + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + marginBottom: "2px", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 10, + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 10, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 8, + whiteSpace: "nowrap", + }, + tableHeader: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + pageBreakAfter: "auto", + }, + headerRow: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + logo: { + width: "300px", + height: "auto", + }, + logoFooter: { + width: "100px", + height: "auto", + }, + contentContainer: { + alignItems: "center", + display: "flex", + justifyContent: "space-between", + marginRight: "20px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "titr", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 250, + left: 30, + right: 0, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.15, + zIndex: -1, + userSelect: "none", + }, + watermarkp: { + fontFamily: "nazanin", + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + userSelect: "none", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + marginLeft: "40px", + pAlign: "center", + color: "#00008b", + fontWeight: "800", + }, + title2: { + fontSize: 10, + marginBottom: 10, + pAlign: "center", + }, + options: { + marginLeft: "50px", + padding: "10px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + width: "100%", + height: "2px", + backgroundColor: "red", + }, + pTitleContainer: { + pAlign: "center", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + fontFamily: "nazanin", + fontSize: "20px", + fontWeight: "bolder", + }, + tableHeaderCell: { + backgroundColor: "rgba(211, 211, 211, 0.3)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + left: 0, + bottom: 0, + width: "100%", + position: "absolute", + }, + footerContainer: { + alignItems: "center", + display: "flex", + }, + circle: { + borderRadius: "50%", + width: "20px", + height: "20px", + padding: "10px", + background: "#ecf0f1", + border: " 1px solid #000", + color: "#000", + textAlign: "center", + marginRight: "130px", + }, + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, +}; + +const ProvinceGetReportFile = forwardRef((props, ref) => { + const { item } = props; + const { inDate } = props; + const { targetperson } = props; + const { reportType } = props; + const systemName = useSystemName(); + const ceoName = useCeoName(); + + const getItemState = (item) => { + let sellType = ""; + if (item?.directBuying) { + sellType = "خرید مستقیم"; + } else if (item?.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return sellType; + }; + + function totalCapacity(item) { + return item?.reduce( + (total, currentItem) => total + (currentItem?.quantity || 0), + 0 + ); + } + + function getItemInfoWeight(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.hatching?.totalWeight) { + if (option?.hatching?.totalWeight !== undefined) { + totalQuantity += option?.hatching?.totalWeight; + } + } + }); + return totalQuantity; + } + + function getItemInfoQuantityPage2(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.provinceKillRequests) { + option.provinceKillRequests.forEach((request) => { + if (request.info?.quantity !== undefined) { + totalQuantity += request.info.quantity; + } + }); + } + }); + return totalQuantity; + } + + function getItemInfoWeightPage2(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.provinceKillRequests) { + option.provinceKillRequests.forEach((request) => { + if (request.info?.weight !== undefined) { + totalQuantity += request.info.weight; + } + }); + } + }); + return totalQuantity; + } + + function totalQuantityCar() { + return item?.serializerKillHouseRequestsThirdLetter.reduce( + (total, currentItem) => total + (currentItem?.weightInfo?.weight || 0), + 0 + ); + } + + const HeaderPDF = () => { + return ( + <> +

+ + گزارش فرآیند کشتار وتوزیع مرغ گوشتی سامانه رصدیار + + + {systemName} {" - "} + مورخ {formatJustDate(inDate)} + + + این گزارش در تاریخ {formatJustDate(moment())} ساعت{" "} + {formatJustTime(moment())} صادر شده است. + +

+ +

+ + ); + }; + + let pageNumber = 0; + const FooterPDF = () => { + pageNumber++; + return ( + <> +

+ +

+ گزارش فرآیند کامل کشتار و پخش مرغ گوشتی سامانه رصدیار + www.rasadyaar.ir +

{pageNumber}

+ + ); + }; + + const TablePage2 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + return ( + + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + ))} + +

ردیف	کد سفارش	نوع فروش	تاریخ کشتار	مرغدار	شهر/تعاونی	سن مرغ	میانگین وزن	وزن تقریبی	مانده در سالن	تعداد درخواست کشتار
{i + start}	{item.orderCode}	{getItemState(item)}	{formatJustDate(item?.sendDate)}	{`${item?.poultry?.unitName} (${item?.poultry?.user?.mobile})`}	{`${ + item?.poultry?.address?.city?.name + }/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`}	{item?.hatching?.age}	{item?.IndexWeight}	+ {item?.hatching?.totalWeight?.toLocaleString()} +	+ {item?.hatching?.leftOver?.toLocaleString()} +	+ {item?.firstQuantity?.toLocaleString()} +

+ ); + }; + + const TablePage3 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + + return ( + + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + ))} + +

ردیف	مرغدار	تلفن	شهر	تعداد	میانگین وزنی	سن	خریدار	تعداد	وزن تقریبی بار	محل کشتار
{i + start}	{item?.poultry?.user?.fullname}	+ {item?.poultry?.user?.mobile} +	+ {item?.poultry?.address?.city?.name} +	+ {item?.quantity.toLocaleString()} +	+ {item?.IndexWeight.toLocaleString()} +	{item?.hatching?.age}	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.killhouseUser?.killHouseOperator?.user?.fullname + ? item?.killhouseUser?.killHouseOperator?.user?.fullname + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.info?.quantity + ? item?.info?.quantity.toLocaleString() + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {Math.round(item?.info?.weight) + ? Math.round(item?.info?.weight).toLocaleString() + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.info?.killPlace + ? item?.info?.killPlace + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +

+ ); + }; + + const TablePage4 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + + return ( + + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + ))} + +

ردیف	کد بار	خریدار	ماشین	راننده	نژاد	تعداد	وزن بار	میانگین وزن	مرغدار	محل کشتار
{i + start}	{item?.barCode}	+ {item.killhouseUser?.name} ( + {item.killhouseUser?.killHouseOperator?.user?.mobile}) +	+ {item.addCar.driver.typeCar} {item?.addCar.driver.pelak} +	+ {item?.addCar?.driver?.driverName} ( + {item?.addCar?.driver?.driverMobile}) +	+ {item?.poultryRequest?.chickenBreed} +	+ {item?.quantity?.toLocaleString()} +	+ {item?.weightInfo?.weight?.toLocaleString()} +	+ {item?.weightInfo?.indexWeight?.toLocaleString()} +	+ {item?.poultryRequest?.poultry?.unitName} ( + {item.poultryRequest.poultry?.user?.mobile}) +	{item?.killPlace}

+ ); + }; + + const TablePage5 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + + return ( + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + ))} + +

ردیف	خریدار/تلفن	شهر	حجم لاشه ها	وزن لاشه ها	لاشه های تخصیص داده شده	وزن تخصیص داده شده	لاشه قابل تخصیص	وزن قابل تخصیص
{i + start}	{`${item?.killHouseOperator.user?.fullname} (${item?.killHouseOperator.user?.mobile})`}	{item?.systemAddress?.address}	+ {item?.provinceKillRequestInformation?.totalNumberOfCarcasses.toLocaleString()} +	+ {item?.provinceKillRequestInformation?.totalWeightOfCarcasses.toLocaleString()} +	+ {item?.provinceKillRequestInformation?.allocatedTotalNumberOfCarcasses.toLocaleString()} +	+ {item?.provinceKillRequestInformation?.allocatedTotalWeightOfCarcasses.toLocaleString()} +	+ {item?.provinceKillRequestInformation?.remainTotalNumberOfCarcasses.toLocaleString()} +	+ {item?.provinceKillRequestInformation?.remainTotalWeightOfCarcasses.toLocaleString()} +

+ ); + }; + + const TablePage6 = ({ items, start, end }) => { + const slicedItems = items?.slice(start - 1, end); + + return ( + + + + + + + + + + + + + + + + + + + + {slicedItems?.map((item, i) => ( + + + + + + + + + + + + + + + + ))} + +

ردیف	خریدار	تاریخ تخصیص	ماهیت	نوع تخصیص	نام واحد صنفی	موبایل مالک	شناسه صنف	نوع فعالیت	حوزه فعالیت	شهرستان	حجم لاشه	وزن لاشه
{i + start}	+ {item?.wareHouse?.killHouse?.killer === "true" + ? "کشتارکن" + : "کشتارگاه"}{" "} + {item?.wareHouse?.killHouse?.name} +	{formatJustDate(item?.date)}	+ {item?.steward ? "مباشر" : "صنف"} +	+ {item?.type === "manual" ? "دستی" : "اتوماتیک"} +	+ {item?.steward?.guilds?.guildsName + ? item?.steward?.guilds?.guildsName + : item?.guilds?.guildsName} +	+ {item?.steward?.guilds?.user.mobile + ? item?.steward?.guilds?.user.mobile + : item?.guilds?.user.mobile} +	+ {item?.steward?.guilds?.guildsId + ? item?.steward?.guilds?.guildsId + : item?.guilds?.guildsId} +	+ {item?.steward?.guilds?.typeActivity + ? item?.steward?.guilds?.typeActivity + : item?.guilds?.typeActivity} +	+ {item?.steward?.guilds?.areaActivity + ? item?.steward?.guilds?.areaActivity + : item?.guilds?.areaActivity} +	+ {item?.steward?.guilds?.user?.city + ? item?.steward?.guilds?.user?.city + : item?.guilds?.user?.city} +	{item?.numberOfCarcasses}	{item?.weightOfCarcasses}

+ ); + }; + + return ( +

سامانه رصدیار

+ +

{targetperson}

با سلام

+ احتراماً به پیوست، گزارش کامل فرآیند کشتار و توزیع مرغ گوشتی استان + جهت استحضار بحضورتان ارسال میگردد. +

خلاصه گزارش:

+ در مورخ{" "} + {reportType === "slaughter" + ? formatJustDate(moment(inDate)) + : formatJustDate(moment(inDate).subtract(1, "days"))}{" "} + تعداد + {item?.serializerPoultryRequestsFirstLetter.length} درخواست کشتار + توسط مرغداران استان برای کشتار{" "} + {totalCapacity(item?.serializerPoultryRequestsFirstLetter) !== + undefined && + totalCapacity( + item?.serializerPoultryRequestsFirstLetter + ).toLocaleString()}{" "} + قطعه مرغ زنده با وزن تقریبی{" "} + {getItemInfoWeight( + item?.serializerPoultryRequestsFirstLetter + ).toLocaleString()}{" "} + کیلوگرم به اتحادیه مرغداران گوشتی استان ارسال گردید بعد از پایش + اطلاعات تعداد{" "} + {getItemInfoQuantityPage2( + item?.serializerPoultryRequestsSecondeLetter + ).toLocaleString()}{" "} + قطعه مرغ با وزن تقریبی{" "} + {Math.round( + getItemInfoWeightPage2( + item?.serializerPoultryRequestsSecondeLetter + ) + ).toLocaleString()}{" "} + کیلوگرم به {item?.serializerKillHouseRequestsFourthPartOne.buyers}{" "} + خریدار تخصیص داده شد .از مجموع ذکر شده تخصیصی به خریداران،{" "} + {item?.serializerKillHouseRequestsThirdLetter.length} + بار (خودرو) به تعداد{" "} + {item?.killHouseRequestsThirdLetterQuantity.toLocaleString()} قطعه و + وزن {totalQuantityCar()?.toLocaleString()} کیلوگرم ایجاد شد از + بارهای ایجاد شده تعداد{" "} + {item?.serializerKillHouseRequestsThirdLetterPartThree} بار توسط + دامپزشک فارم کد قرنطینه دریافت کرده اند و{" "} + {item?.serializerKillHouseRequestsThirdLetterPartTwo} بار به تعداد{" "} + {item?.killHouseRequestsThirdLetterPartTwoQuantity.toLocaleString()}{" "} + قطعه و وزن{" "} + {item?.killHouseRequestsThirdLetterPartTwoWeight?.toLocaleString()}{" "} + کیلوگرم توسط دامپزشک کشتارگاه یا کاربر کشتارگاه عملیات تخلیه و تکمیل + اطلاعات انجام پذیرفته است.از بار های تخلیه (تکمیل) شده توسط خریداران + و کشتارگاه ها بعد از کسر 25 % افت مرغ زنده، مقدار{" "} + {Math.floor( + (item?.killHouseRequestsThirdLetterPartTwoWeight / 100) * 75 + ).toLocaleString()}{" "} + کیلوگرم لاشه مرغ برای توزیع در بین مباشرین و اصناف + {reportType === "broadcast" + ? ` در انبار امروز (${formatJustDate( + inDate + )}) خریداران موجود گردید` + : ` در انبار خریداران موجود گردید`} + {reportType === "slaughter" + ? "." + : ` ، از مجموع موجودی انبار خریداران + و کشتارگاه ها مقدار ${Math.floor( + item?.serializerKillHouseRequestsFourthPartFifth + ).toLocaleString()} کیلوگرم به تعداد ${item?.serializerKillHouseRequestsFourthPartFourth.toLocaleString()} قطعه + بین ${ + item?.serializerKillHouseRequestsFourthPartSixth + } مباشر و صنف توزیع شد.`} +
+
+ {reportType === "broadcast" && ( + + *باتوجه به اینکه گوشت مرغ پخش شده در تاریخ امروز ( + {formatJustDate(inDate)}) مربوط به اطلاعات و کشتار دیروز ( + {reportType === "slaughter" + ? formatJustDate(moment(inDate)) + : formatJustDate(moment(inDate).subtract(1, "days"))} + ) میباشد مبنای گزارش، تاریخ توزیع گوشت مرغ گرم در بین مباشرین + است. + + )} +

+ ✒️ مدیرعامل + {ceoName} +

+ + +

+ +

درخواست کشتار مرغداران:

+ +

+ اطلاعات درخواست:{" "} + + {" "} + تعداد درخواست کشتار ( + {totalCapacity(item?.serializerPoultryRequestsFirstLetter) !== + undefined && + totalCapacity( + item?.serializerPoultryRequestsFirstLetter + ).toLocaleString()}{" "} + قطعه)، وزن کل ( + {getItemInfoWeight( + item?.serializerPoultryRequestsFirstLetter + ).toLocaleString()}{" "} + کیلوگرم). + +

+ + +

+ + {item?.serializerPoultryRequestsFirstLetter.length > 18 && ( +

+ +

درخواست کشتار مرغداران:

+ +

+ )} + + {item?.serializerPoultryRequestsFirstLetter.length > 40 && ( +

+ +

درخواست کشتار مرغداران:

+ +

+ )} + +

+ +

تخصیص به خریداران توسط اتحادیه:

+ +

+ اطلاعات تخصیص:{" "} + + {" "} + تعداد درخواست کشتار ( + {totalCapacity( + item?.serializerPoultryRequestsSecondeLetter + ) !== undefined && + totalCapacity( + item?.serializerPoultryRequestsSecondeLetter + ).toLocaleString()}{" "} + قطعه)، تخصیص داده شده ( + {getItemInfoQuantityPage2( + item?.serializerPoultryRequestsSecondeLetter + ).toLocaleString()}{" "} + قطعه)، وزن کل تخصیص ({" "} + {Math.round( + getItemInfoWeightPage2( + item?.serializerPoultryRequestsSecondeLetter + ) + ).toLocaleString()}{" "} + کیلوگرم). + +

+ + +

+ +

+ + {item?.serializerPoultryRequestsSecondeLetter.length > 25 && ( +

+ +

تخصیص به خریداران توسط اتحادیه:

+ +

+ )} + + {item?.serializerPoultryRequestsSecondeLetter.length > 50 && ( +

+ +

تخصیص به خریداران توسط اتحادیه:

+ +

+ )} + +

+ +

+ ثبت خودرو توسط خریدار (ایجاد بار): +

+ +

+ {/*

+ اطلاعات درخواست:{" "} + + {" "} + تعداد درخواست کشتار ( + {totalCapacity(item?.serializerPoultryRequestsFirstLetter) !== + undefined && + totalCapacity( + item?.serializerPoultryRequestsFirstLetter + ).toLocaleString()}{" "} + قطعه)، وزن کل تقریبی ( + {getItemInfoWeight( + item?.serializerPoultryRequestsFirstLetter + ).toLocaleString()}{" "} + کیلوگرم). + +

*/} + +

+ +

+ {item?.serializerKillHouseRequestsThirdLetter.length > 16 && ( +

+ +

ثبت خودرو توسط خریدار (ایجاد بار):

+ +

+ )} + + {item?.serializerKillHouseRequestsThirdLetter.length > 34 && ( +

+ +

ثبت خودرو توسط خریدار (ایجاد بار):

+ +

+ )} + + {item?.serializerKillHouseRequestsThirdLetter.length > 54 && ( +

+ +

ثبت خودرو توسط خریدار (ایجاد بار):

+ +

+ )} + + {item?.serializerKillHouseRequestsThirdLetter.length > 75 && ( +

+ +

ثبت خودرو توسط خریدار (ایجاد بار):

+ +

+ )} + + {reportType === "broadcast" && ( + <> +

+ +

+ اطلاعات انبار خریداران و پخش به مباشرین: +

+ +

+ اطلاعات :{" "} + + تعداد خریداران ( + {item?.serializerKillHouseRequestsFourthPartOne?.buyers})، + حجم لاشه ها ( + {Math.floor( + item?.serializerKillHouseRequestsFourthPartOne + ?.totalNumberOfCarcasses + ).toLocaleString()} + ) ، وزن لاشه ها ( + {Math.floor( + item?.serializerKillHouseRequestsFourthPartOne + ?.totalWeightOfCarcasses + ).toLocaleString()} + ) کیلوگرم. + +

+ + +

+ +

+ + {item?.serializerKillHouseRequestsFourthPartTwo.length > 25 && ( +

+ +

+ اطلاعات انبار خریداران و پخش به مباشرین: +

+ +

+ )} + + {item?.serializerKillHouseRequestsFourthPartTwo.length > 50 && ( +

+ +

+ اطلاعات انبار خریداران و پخش به مباشرین: +

+ +

+ )} + + )} + +

+ +

+ گزارش توزیع و پخش گوشت مرغ گرم به مباشرین و اصناف:{" "} +

+ +

+ اطلاعات :{" "} + + تعداد تخصیصات: ( + {item?.serializerKillHouseRequestsFourthPartSixth.toLocaleString()} + ) مورد، حجم لاشه ها ( + {item?.serializerKillHouseRequestsFourthPartFourth.toLocaleString()} + ) قطعه، وزن لاشه ها ( + {Math.floor( + item?.serializerKillHouseRequestsFourthPartFifth + ).toLocaleString()} + ) کیلوگرم. + +

+ + +

+ +

+ + {item?.serializerKillHouseRequestsFourthPartThree.length > 26 && ( +

+ +

+ گزارش توزیع و پخش گوشت مرغ گرم به مباشرین و اصناف:{" "} +

+ +

+ )} + + {item?.serializerKillHouseRequestsFourthPartThree.length > 55 && ( +

+ +

+ گزارش توزیع و پخش گوشت مرغ گرم به مباشرین و اصناف:{" "} +

+ +

+ )} +

+ ); +}); + +ProvinceGetReportFile.displayName = "ProvinceGetReportFile"; + +export default ProvinceGetReportFile; + +ProvinceGetReportFile.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-get-report-operations/PorvinceGetReportOperations.js b/src/features/province/components/province-get-report-operations/PorvinceGetReportOperations.js new file mode 100644 index 0000000..544d80c --- /dev/null +++ b/src/features/province/components/province-get-report-operations/PorvinceGetReportOperations.js @@ -0,0 +1,234 @@ +import React from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext } from "react"; +import moment from "moment"; +import { + Button, + FormControl, + FormControlLabel, + IconButton, + Radio, + RadioGroup, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { useState } from "react"; +import { useRef } from "react"; +import { useReactToPrint } from "react-to-print"; +import { useEffect } from "react"; +import ProvinceGetReportFile from "../province-get-report-file/ProvinceGetReportFile"; +import axios from "axios"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceGetProcessData } from "../../services/province-get-report-process"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ArrowBackIcon from "@mui/icons-material/ArrowBack"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useLocation } from "react-router-dom"; +import { ROUTE_COMMERCE_REQUESTS } from "../../../../routes/routes"; + +export default function PorvinceGetReportOperations() { + const { pathname } = useLocation(); + const [, , selectedDate1, setSelectedDate1] = useContext(AppContext); + + const userInfo = useSelector((state) => state.userSlice); + + const dispatch = useDispatch(); + + const [data, setData] = useState(); + const componentRef = useRef(); + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: `گزارش روزانه ${formatJustDate(selectedDate1)}`, + onAfterPrint: () => { + setData(null); + }, + }); + + const setPdfOptions = (item) => { + dispatch(LOADING_START()); + dispatch(provinceGetProcessData({ selectedDate1, value })).then((r) => { + setData(r.payload.data); + dispatch(LOADING_END()); + }); + }; + + useEffect(() => { + if (data) { + printPDF(); + } + }, [data, printPDF]); + + const formik = useFormik({ + initialValues: { + target: "", + }, + validationSchema: Yup.object({ + target: Yup.string() + .typeError("لطفا فیلد را به درستی وارد کنید.!") + .required("این فیلد اجباری است!"), + }), + }); + + const [value, setValue] = React.useState("slaughter"); + + const handleChange = (event) => { + setValue(event.target.value); + }; + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + +

+ +

+ + + + + + } + value="slaughter" + /> + } + value="broadcast" + /> + + + + + {pathname !== ROUTE_COMMERCE_REQUESTS && ( + + + گیرنده گزارش: + + + + + + )} + + + + تاریخ گزارش: + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + { + setSelectedDate1( + moment(selectedDate1) + .subtract(1, "days") + .format("YYYY-MM-DD") + ); + }} + aria-label="delete" + color="secondary" + > + + + + + + + + + + 📌 توجه: بمنظور پرینت صحیح، مشخصه Page size را بر روی A4 تنظیم کنید. + + + + + + + + + + ); +} diff --git a/src/features/province/components/province-guild-allocation.js/ProvinceGuildAllocation.js b/src/features/province/components/province-guild-allocation.js/ProvinceGuildAllocation.js new file mode 100644 index 0000000..0a8338f --- /dev/null +++ b/src/features/province/components/province-guild-allocation.js/ProvinceGuildAllocation.js @@ -0,0 +1,200 @@ +import { DatePicker } from "@mui/x-date-pickers"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import moment from "moment"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { totalReportDailyStewardBroadCastService } from "../../../slaughter-house/services/total-report-daily-steward-broadcast"; +import { getProvinceStewardAllocationsService } from "../../services/get-province-steward.allocation"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceGuildAllocation = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + // const navigate = useNavigate(); + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const { getProvinceStewardAllocations, totalReportStewardDailyBroadCast } = + useSelector((state) => state.provinceSlice); + + useEffect(() => { + dispatch( + getProvinceStewardAllocationsService({ selectedDate1, selectedDate2 }) + ); + dispatch( + totalReportDailyStewardBroadCastService({ + selectedDate1, + selectedDate2, + }) + ); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + dispatch( + getProvinceStewardAllocationsService({ selectedDate1, selectedDate2 }) + ); + dispatch( + totalReportDailyStewardBroadCastService({ + selectedDate1, + selectedDate2, + }) + ); + }, []); + + useEffect(() => { + const d = getProvinceStewardAllocations?.map((item, i) => { + return [ + i + 1, + item?.informations?.buyers, + item?.informations?.city, + item?.informations?.totalFreeWeightOfCarcasses?.toLocaleString(), + item?.informations?.totalNumberOfFreeCarcasses?.toLocaleString(), + item?.informations?.totalWeightOfCarcasses?.toLocaleString(), + item?.informations?.totalNumberOfCarcasses?.toLocaleString(), + item?.informations?.finalTotalWeightOfCarcasses?.toLocaleString(), + item?.informations?.finalTotalNumberOfCarcasses?.toLocaleString(), + item?.informations?.totalAllocatedWeight?.toLocaleString(), + item?.informations?.totalAllocatedQuantity?.toLocaleString(), + item?.informations?.totalAcceptedAllocatedWeight?.toLocaleString(), + item?.informations?.totalAcceptedAllocatedQuantity?.toLocaleString(), + item?.informations?.totalRemainQuantity?.toLocaleString(), + item?.informations?.totalRemainWeight?.toLocaleString(), + + + + + , + ]; + }); + setDataTable(d); + }, [getProvinceStewardAllocations]); + + return ( + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-guilds-quantity/ProvinceGuildsQuantity.js b/src/features/province/components/province-guilds-quantity/ProvinceGuildsQuantity.js new file mode 100644 index 0000000..33aaaa4 --- /dev/null +++ b/src/features/province/components/province-guilds-quantity/ProvinceGuildsQuantity.js @@ -0,0 +1,77 @@ +import { Popover, Typography } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { provinceGetGuildsNumbersNamesService } from "../../services/province-get-guilds-numbers-names"; + +export const ProvinceGuildsQuantity = ({ item }) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + const [dataTable, setDataTable] = useState([]); + const [data, setData] = useState([]); + + useEffect(() => { + const d = data?.map((item) => { + return [ + item?.guildsName, + item?.user?.fullname, + item?.user?.mobile, + item?.allocationLimit?.toLocaleString(), + item?.address?.city?.name, + ]; + }); + setDataTable(d); + }, [data]); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? item.key : undefined; + + useEffect(() => { + dispatch(provinceGetGuildsNumbersNamesService({ key: item.key })).then( + (r) => setData(r.payload.data) + ); + }, []); + + return ( + + + {item.guildsQuantity} + + + + + + + + ); +}; diff --git a/src/features/province/components/province-hatching-archive-percent/ProvinceHatchingArchivePercent.js b/src/features/province/components/province-hatching-archive-percent/ProvinceHatchingArchivePercent.js new file mode 100644 index 0000000..a217370 --- /dev/null +++ b/src/features/province/components/province-hatching-archive-percent/ProvinceHatchingArchivePercent.js @@ -0,0 +1,155 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControlLabel, + Radio, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../../lib/yup/yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provinceEditHatchingArchivePercent, + provinceGetHatchingArchivePercent, +} from "../../services/province-hatching-archive-percent"; + +export const ProvinceHatchingArchivePercent = () => { + const [isActive, setIsActive] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + percent: "", + }, + validationSchema: Yup.object({ + percent: Yup.number() + .required("این فیلد اجباری است") + .min(1, "حداقل مقدار باید 1 باشد") + .max(100, "حداکثر مقدار باید 100 باشد"), + }), + }); + + const fetchData = () => { + dispatch(provinceGetHatchingArchivePercent()).then((r) => { + if (r.payload?.data) { + setIsActive(r.payload.data.active); + formik.setFieldValue("percent", r.payload.data.percent); + } + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + const handleSubmit = (activeStatus) => { + dispatch( + provinceEditHatchingArchivePercent({ + percent: activeStatus ? parseInt(formik.values.percent) : 0, + active: activeStatus, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + بایگانی خودکار جوجه‌ریزی + + + { + setIsActive(true); + }} + /> + } + label="فعال" + /> + { + setIsActive(false); + handleSubmit(false); + }} + name="hatchingArchivePercent" + /> + } + label="غیر فعال" + /> + + {isActive && ( + <> + + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-kill-broadcast-in-detail/ProvinceKillbroadcastInDetail.js b/src/features/province/components/province-kill-broadcast-in-detail/ProvinceKillbroadcastInDetail.js new file mode 100644 index 0000000..eca54c3 --- /dev/null +++ b/src/features/province/components/province-kill-broadcast-in-detail/ProvinceKillbroadcastInDetail.js @@ -0,0 +1,892 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceCasesGetTableDetails } from "../../services/province-cases-get-table-details"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { ExcelLink } from "../../../../components/excel-link/ExcelLink"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceKillbroadcastInDetail = () => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const { casesTableDetails } = useSelector((item) => item.provinceSlice); + const [openNotif] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch( + provinceCasesGetTableDetails({ + selectedDate1: selectedDate1, + selectedDate2: selectedDate2, + }) + ); + }, [selectedDate1, selectedDate2]); + + return ( + + + گزارش کلی فارم های فعال مرغ گوشتی دارای مانده در سالن بیشتر از 10 درصد و + بازه سنی 55 تا 90 روزه + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin") && ( + + + + )} +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

تعداد فارم	مجموع جوجه ریزی کل	تعداد فارم بایگانی	مجموع جوجه ریزی بایگانی	تعداد فارم فعال	مجموع جوجه ریزی فعال	مجموع قطعه کشتار شده	مجموع وزن کشتار شده	جمع کل مانده در سالن	مانده در سالن از 90 درصد جوجه ریزی	کمترین سن	بیشترین سن	مجموع وزن تعهد دولتی	مجموع قطعه کشتار دولتی	مجموع وزن کشتار دولتی	مجموع قطعه کشتار آزاد	مجموع وزن کشتار آزاد	مجموع تعداد کشتار خارج از استان	مجموع وزن کشتار خارج از استان
+ {casesTableDetails?.age55Age90?.poultry?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.hatchingQuantity?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.lenArchiveHatching?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.archiveHatchingQuantity?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.lenActiveHatching?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.activeHatchingQuantity?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.hatchingKilledQuantity?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.hatchingKilledWeight?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.hatchingLeftOver?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.hatchingLeftOverNintyPercent?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.minAge?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.maxAge?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.totalCommitment?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.governmentalQuantity?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.governmentalWeight?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.freeQuantity?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.freeWeight?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.outProvinceKilledQuantity?.toLocaleString()} +	+ {casesTableDetails?.age55Age90?.outProvinceKilledWeight?.toLocaleString()} +

+ + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + گزارش بارهای ایجاد شده در فرآیند کشتار مرغ گوشتی + + + + + اطلاعات کلی بارها + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ {" "} + {" "} +	+ {" "} +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +
+ {casesTableDetails?.killRequest?.poultryRequest?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.poultryRequestQuantity?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.poultryRequestWeight?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.minAge?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.maxAge?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.avgAge?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.lenKillRequest?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.killRequestQuantity?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.killRequestWeight?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.avgWeight} +	+ {casesTableDetails?.killRequest?.lenKillRequestHasCode?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.quantityOfKillRequestHasCode?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.lenKillRequestHasQuarantine?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.quantityOfKillRequestHasQuarantine?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.lenKillRequestHasNotCode?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.quantityOfKillRequestHasNotCode?.toLocaleString()} +	+ {casesTableDetails?.killRequest?.differenceBar?.toLocaleString()} +

+ + + + تفکیک بارهای دولتی، آزاد و خارج از استان + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ +	+ +	+ +	+ {" "} + +	+ +	+ +	+ +	مجموع وزن بارهای آزاد	+ بارهای آزاد احراز شده از قرنطینه +	+ مجموع حجم بارهای آزاد احراز شده از قرنطینه +	+ کل بارهای آزاد دارای کد قرنطینه +	تعداد بارهای خارج از استان	مجموع قطعه بارهای خارج از استان
+ {casesTableDetails?.freeAndGovernmentKillRequest?.lenGovernment?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.quantityGovernment?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.weightGovernment?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.lenGovernmentQuarantineQuantity?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.realQuantityBarGovernmentQuarantineQuantity?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.lenFree?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.quantityFree?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.weightFree?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.lenFreeQuarantineQuantity?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.realQuantityBarFreeQuarantineQuantity?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.lenFreeHasCode?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.lenOutKillRequest?.toLocaleString()} +	+ {casesTableDetails?.freeAndGovernmentKillRequest?.quantityOutKillRequest?.toLocaleString()} +

+ + + + اطلاعات بارهای تخلیه شده و تکمیل شده توسط کشتارگاه + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

تعداد بارهای ورودی به کشتارگاه	+ مجموعه قطعه بارهای ورودی به کشتارگاه +	وزن بارهای ورودی به کشتارگاه	میانگین وزن	وزن لاشه مرغ بعد از کسر 25% افت	تعداد بار تخلیه شده دامپزشک	مجموع حجم تخلیه شده دامپزشک	مجموع وزن تخلیه شده دامپزشک	تعداد بارهای تکمیل شده کشتارگاه	مجموع حجم نهایی در کشتارگاه	مجموع وزن نهایی در کشتارگاه	بارهای تخلیه شده فاقد کد قرنطینه	+ قطعه بارهای تخلیه شده فاقد کد قرنطینه +	+ وزن بارهای تخلیه شده فاقد کد قرنطینه +
+ {casesTableDetails?.completeKillRequest?.lenCompleteWithKillHouseAndVet?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.quantityWithKillHouseAndVet?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.weightWithKillHouseAndVet?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.avgWeight} +	+ {casesTableDetails?.completeKillRequest?.less25?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.lenCompleteWithVet?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.quantityCompleteWithVet?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.weightCompleteWithVet?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.lenCompleteWithKillHouse?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.quantityFinalKillHouse?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.weightFinalKillHouse?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.lenKillReqsHasNotCode?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.quantityKillReqsHasNotCode?.toLocaleString()} +	+ {casesTableDetails?.completeKillRequest?.weightKillReqsHasNotCode?.toLocaleString()} +

+ + + + اطلاعات بارهای تخلیه نشده و تخلیه نشده توسط کشتارگاه + + + +

+ + + + + + + + + + + + + + + + + + + + + +

تعداد بار تخلیه نشده	مجموع بارهای تخلیه نشده	وزن بارهای تخلیه نشده	+ بارهای تخلیه شده و عدم تکمیل توسط کشتارگاه +	+ قطعه بارهای تخلیه شده و عدم تکمیل توسط کشتارگاه +	+ وزن بارهای تخلیه شده و عدم تکمیل توسط کشتارگاه +
+ {casesTableDetails?.killRequestHasNotAssigment?.lenKillReqsNotAssigment?.toLocaleString()} +	+ {casesTableDetails?.killRequestHasNotAssigment?.quantityKillReqsNotAssigment?.toLocaleString()} +	+ {casesTableDetails?.killRequestHasNotAssigment?.weightKillReqsNotAssigment?.toLocaleString()} +	+ {casesTableDetails?.killRequestHasNotAssigment?.lenKillRequestHasNotComplete?.toLocaleString()} +	+ {casesTableDetails?.killRequestHasNotAssigment?.quantityKillRequestHasNotComplete?.toLocaleString()} +	+ {casesTableDetails?.killRequestHasNotAssigment?.weightKillRequestHasNotComplete?.toLocaleString()} +

+ + + + حجم نهایی کم شده از سالن مرغدار (ملاک کشتار) + + + +

+ + + + + + + + + + + + + +

ملاک قطعه کشتار شده	ملاک وزن کشتار شده
+ {casesTableDetails?.finalQuantityAndWeight?.finalQuantity?.toLocaleString()} +	+ {casesTableDetails?.finalQuantityAndWeight?.finalWeight?.toLocaleString()} +

+ + + + توزیع از کشتارگاه به مباشر و صنف + + + + + + تعداد خریداران:{" "} + {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.buyers?.toLocaleString()} + + + تعداد مباشر تخصیص داده شده:{" "} + {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.numberOfSteward?.toLocaleString()} + + + تعداد صنف تخصیص داده شده:{" "} + {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.numberOfGuild?.toLocaleString()} + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ ورودی از سردخانه +	+ خرید خارج از استان +	+ بارهای روزانه +	+ جمع کل انبار +	+ توزیع شده +	+ توزیع/تحویل شده +	+ مانده انبار +
تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن
+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.incomingQuantityOfColdHouse?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.incomingWeightOfColdHouse?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalNumberOfFreeCarcasses?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalFreeWeightOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalNumberOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalWeightOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.finalTotalNumberOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.finalTotalWeightOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAllocatedQuantity?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAllocatedWeight?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedQuantity?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedWeight?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalRemainQuantity?.toLocaleString()} +	+ {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalRemainWeight?.toLocaleString()} +

+ + + + توزیع از مباشر به صنف + + + + + + تعداد خریداران:{" "} + {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.buyers?.toLocaleString()} + + + تعداد صنف تخصیص داده شده:{" "} + {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.numberOfGuild?.toLocaleString()} + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ ورودی از سردخانه +	+ خرید خارج از استان +	+ بارهای روزانه +	+ جمع کل انبار +	+ توزیع شده +	+ توزیع/تحویل شده +	+ مانده انبار +
تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن	تعداد	وزن
+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.incomingQuantityOfColdHouse?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.incomingWeightOfColdHouse?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalNumberOfFreeCarcasses?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalFreeWeightOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalNumberOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalWeightOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.finalTotalNumberOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.finalTotalWeightOfCarcasses?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAllocatedQuantity?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAllocatedWeight?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedQuantity?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedWeight?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalRemainQuantity?.toLocaleString()} +	+ {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalRemainWeight?.toLocaleString()} +

+ + ); +}; diff --git a/src/features/province/components/province-killer-managment/ProvinceKillerManagment.js b/src/features/province/components/province-killer-managment/ProvinceKillerManagment.js new file mode 100644 index 0000000..95737b4 --- /dev/null +++ b/src/features/province/components/province-killer-managment/ProvinceKillerManagment.js @@ -0,0 +1,270 @@ +import { + Button, + FormControl, + FormControlLabel, + InputLabel, + MenuItem, + Radio, + RadioGroup, + Select, + Switch, + TextField, +} from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { provinceMakeKillRequestForPoultryService } from "../../services/province-make-kill-request-for-poultry"; +// import PersonAddAlt1Icon from "@mui/icons-material/PersonAddAlt1"; +// import DescriptionIcon from "@mui/icons-material/Description"; +// import HistoryIcon from "@mui/icons-material/History"; +import SettingsIcon from "@mui/icons-material/Settings"; +import CircleIcon from "@mui/icons-material/Circle"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceKillerManagment = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const hours = Array.from({ length: 8 }, (_, i) => i + 8); + const [selectedHour, setSelectedHour] = useState(""); + const [isChecked, setIsChecked] = useState(false); + const [tableRowsdata] = useState([ + [ + "احمد", + {}} />, + + , + + , + "بله", + "بهار لرستان", + + , + + // 1234, + // 1234, + // 1234, + // 1234, + + , + , + + 258, + {}} />, + + , + // , + // , + // , + + + + + + ), + }) + ); + }} + > + بیشتر + , + ], + ]); + + return ( + + + + + + + setIsChecked(!isChecked)} + /> + } + label="محدودیت زمان درخواست کشتار" + labelPlacement="start" + /> + {isChecked && ( + + ساعت پایان درخواست + + + )} + + + + + ); +}; diff --git a/src/features/province/components/province-killhouse-archive-fee/ProvinceKillhouseArchiveFee.js b/src/features/province/components/province-killhouse-archive-fee/ProvinceKillhouseArchiveFee.js new file mode 100644 index 0000000..9c59e27 --- /dev/null +++ b/src/features/province/components/province-killhouse-archive-fee/ProvinceKillhouseArchiveFee.js @@ -0,0 +1,400 @@ +import { + Button, + TextField, + Tooltip, + tooltipClasses, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { SlaughterUnpaidFeesDetails } from "../../../slaughter-house/components/slaughter-unpaid-fees-details/SlaughterUnpaidFeesDetails"; +import KeyboardDoubleArrowUpIcon from "@mui/icons-material/KeyboardDoubleArrowUp"; +import KeyboardDoubleArrowDownIcon from "@mui/icons-material/KeyboardDoubleArrowDown"; +import styled from "styled-components"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { ProvinceArchiveFeeDetails } from "../province-archive-fee-details/ProvinceArchiveFeeDetails"; +import { IconButton } from "@mui/material"; +import Visibility from "@mui/icons-material/Visibility"; +import Unarchive from "@mui/icons-material/Unarchive"; +import { ProvinceUnarchiveFee } from "../province-unarchive-fee/ProvinceUnarchiveFee"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceKillhouseArchiveFee = ({ killhouseKey }) => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&type=archive&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&type=archive&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&type=archive&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const updateTable = () => { + fetchApiData(1); + }; + + let columns = [ + { + name: "کدسفارش", + selector: (item) => item?.provinceRequest?.orderCode, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مرغدار (تلفن)", + selector: (item) => + `${item?.provinceRequest?.poultryFullname} (${item?.provinceRequest?.poultryMobile})`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.provinceRequest?.poultryCity}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تاریخ کشتار", + selector: (item) => formatJustDate(item?.provinceRequest?.sendDate), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "محل کشتار", + selector: (item) => item?.provinceRequest?.killPlace, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "نژاد", + selector: (item) => item?.provinceRequest?.breed, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تعداد (قطعه)", + selector: (item) => + item?.provinceRequest?.provinceKillRequestQuantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "وزن (کیلوگرم)", + selector: (item) => + item?.provinceRequest?.provinceKillRequestTotalWeight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "میانگین وزنی (کیلوگرم)", + selector: (item) => item?.provinceRequest?.indexWeight, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "تعرفه اتحادیه (ریال)", + selector: (item) => item?.provinceRequest?.wage?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "مبلغ کل تعرفه (ریال)", + selector: (item) => ( + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "جزییات سفارش", + selector: (item) => ( + { + dispatch( + DRAWER({ + top: true, + title: "جزییات سفارش", + content: , + }) + ); + }} + > + + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "اطلاعات بایگانی", + selector: (item) => ( + { + dispatch( + OPEN_MODAL({ + title: "اطلاعات بایگانی", + content: , + }) + ); + }} + > + + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "خارج کردن از بایگانی", + selector: (item) => { + return ( + { + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + ), + }) + ); + }} + > + + + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + ]; + + if (getRoleFromUrl() === "KillHouse") { + columns.pop(); + } + + return ( + + + تعرفه های معوقه{" "} + {data[0]?.provinceRequest?.killHouseUserFullName && + `${data[0]?.provinceRequest?.killer ? "کشتارکن" : "کشتارگاه"} ${ + data[0]?.provinceRequest?.killHouseUserFullName + }`} + + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; + +const ProvinceUnpaidFeeView = ({ item, updateTable }) => { + const isBigger = + item?.provinceRequest.prevTotalAmount < item?.provinceRequest.totalAmount; + const isSmaller = + item?.provinceRequest.prevTotalAmount > item?.provinceRequest.totalAmount; + + const prevTotalAmount = ( + + {isBigger && "افزایش یافته"} + {isSmaller && "کاهش یافته"} + + مبلغ اولیه: {item?.provinceRequest?.prevTotalAmount?.toLocaleString()} ﷼ + + ویرایش کننده: {item?.totalAmountEditor?.fullname} + تاریخ ویرایش: {formatJustDate(item?.totalAmountEditor?.date)} + سمت: {getFaUserRole(item?.totalAmountEditor?.role)} + تلفن: {item?.totalAmountEditor?.mobile} + + ); + return ( + + {Boolean(item?.provinceRequest?.prevTotalAmount) && isBigger && ( + + + + + {item?.provinceRequest?.totalAmount?.toLocaleString()} + + + + )} + + {Boolean(item?.provinceRequest?.prevTotalAmount) && isSmaller && ( + + + + + {item?.provinceRequest?.totalAmount?.toLocaleString()} + + + + )} + + {!item?.provinceRequest?.prevTotalAmount && ( + + {item?.provinceRequest?.totalAmount?.toLocaleString()} + + )} + + ); +}; + +const HtmlTooltip = styled(({ className, ...props }) => ( + +))(({ theme }) => ({ + [`& .${tooltipClasses.tooltip}`]: { + backgroundColor: "#f5f5f9", + color: "rgba(0, 0, 0, 0.87)", + maxWidth: 220, + border: "1px solid #dadde9", + }, +})); diff --git a/src/features/province/components/province-killhouse-fee/ProvinceKillhouseFee.js b/src/features/province/components/province-killhouse-fee/ProvinceKillhouseFee.js new file mode 100644 index 0000000..2261c3d --- /dev/null +++ b/src/features/province/components/province-killhouse-fee/ProvinceKillhouseFee.js @@ -0,0 +1,449 @@ +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { SlaughterUnpaidFeesDetails } from "../../../slaughter-house/components/slaughter-unpaid-fees-details/SlaughterUnpaidFeesDetails"; + +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceKillhouseFee = ({ killhouseKey }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [withDate, setWithDate] = useState(false); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&type=unpaid&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&type=unpaid&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&type=unpaid&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + // const updateTable = () => { + // fetchApiData(1); + // }; + + const columns = [ + { + name: "کدسفارش", + selector: (item) => item?.provinceRequest?.orderCode, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مرغدار (تلفن)", + selector: (item) => + `${item?.provinceRequest?.poultryFullname} (${item?.provinceRequest?.poultryMobile})`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.provinceRequest?.poultryCity}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تاریخ کشتار", + selector: (item) => formatJustDate(item?.provinceRequest?.sendDate), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "محل کشتار", + selector: (item) => item?.provinceRequest?.killPlace, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "نژاد", + selector: (item) => item?.provinceRequest?.breed, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تعداد (قطعه)", + selector: (item) => + item?.provinceRequest?.provinceKillRequestQuantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "وزن (کیلوگرم)", + selector: (item) => + item?.provinceRequest?.provinceKillRequestTotalWeight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "میانگین وزنی (کیلوگرم)", + selector: (item) => item?.provinceRequest?.indexWeight, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "تعرفه اتحادیه (ریال)", + selector: (item) => item?.provinceRequest?.wage?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مبلغ تعرفه (ریال)", + selector: (item) => item?.provinceRequest?.totalAmount?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + // { + // name: "مبلغ کل تعرفه (ریال)", + // selector: (item) => ( + // + // ), + // sortable: true, + // wrap: true, + // allowOverflow: true, + // center: true, + // // width: "90px", + // }, + { + name: "جزییات سفارش", + selector: (item) => ( + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + + + + تعرفه های پرداخت نشده{" "} + {data[0]?.provinceRequest?.killHouseUserFullName && + ` ${data[0]?.provinceRequest?.killHouseUserFullName}`} + + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + + ); +}; + +// const ProvinceUnpaidFeeView = ({ item, updateTable }) => { +// const dispatch = useDispatch(); + +// const isBigger = +// item?.provinceRequest.prevTotalAmount < item?.provinceRequest.totalAmount; +// const isSmaller = +// item?.provinceRequest.prevTotalAmount > item?.provinceRequest.totalAmount; + +// const prevTotalAmount = ( +// +// {isBigger && "افزایش یافته"} +// {isSmaller && "کاهش یافته"} +// +// مبلغ اولیه: {item?.provinceRequest?.prevTotalAmount?.toLocaleString()} ﷼ +// +// ویرایش کننده: {item?.totalAmountEditor?.fullname} +// تاریخ ویرایش: {formatJustDate(item?.totalAmountEditor?.date)} +// سمت: {getFaUserRole(item?.totalAmountEditor?.role)} +// تلفن: {item?.totalAmountEditor?.mobile} +// +// ); +// return ( +// +// {Boolean(item?.provinceRequest?.prevTotalAmount) && isBigger && ( +// +// +// +// +// {item?.provinceRequest?.totalAmount?.toLocaleString()} +// +// +// +// )} + +// {Boolean(item?.provinceRequest?.prevTotalAmount) && isSmaller && ( +// +// +// +// +// {item?.provinceRequest?.totalAmount?.toLocaleString()} +// +// +// +// )} + +// {!item?.provinceRequest?.prevTotalAmount && ( +// +// {item?.provinceRequest?.totalAmount?.toLocaleString()} +// +// )} + +// +// +// ); +// }; + +// const HtmlTooltip = styled(({ className, ...props }) => ( +// +// ))(({ theme }) => ({ +// [`& .${tooltipClasses.tooltip}`]: { +// backgroundColor: "#f5f5f9", +// color: "rgba(0, 0, 0, 0.87)", +// maxWidth: 220, +// border: "1px solid #dadde9", +// }, +// })); diff --git a/src/features/province/components/province-killhouse-paid-fee-change-payment-type/ProvinceKillhousePaidFeeChangePaymentType.js b/src/features/province/components/province-killhouse-paid-fee-change-payment-type/ProvinceKillhousePaidFeeChangePaymentType.js new file mode 100644 index 0000000..58363d4 --- /dev/null +++ b/src/features/province/components/province-killhouse-paid-fee-change-payment-type/ProvinceKillhousePaidFeeChangePaymentType.js @@ -0,0 +1,101 @@ +import React, { useContext } from "react"; +import { + Button, + MenuItem, + Select, + FormControl, + InputLabel, + FormHelperText, +} from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { provinceKillhousesPaidFeesChangePaymentTypeService } from "../../services/province-killhouses-paid-fee-change-payment-type-service"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = Yup.object({ + paymentType: Yup.string().required("نوع پرداخت را وارد کنید!"), +}); + +export const ProvinceKillhousePaidFeeChangePaymentType = ({ + fetchApiData, + item, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + paymentType: item?.transactionType ? item?.transactionType : "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + provinceKillhousesPaidFeesChangePaymentTypeService({ + transaction_key: item?.key, + transaction_type: values.paymentType, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchApiData(1); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( + + + نوع پرداخت + + {formik.touched.paymentType && formik.errors.paymentType ? ( + {formik.errors.paymentType} + ) : null} + + + + ); +}; + +export default ProvinceKillhousePaidFeeChangePaymentType; diff --git a/src/features/province/components/province-killhouse-paid-fee-edit-description/ProvinceKillHousePaidFeeEditDescription.js b/src/features/province/components/province-killhouse-paid-fee-edit-description/ProvinceKillHousePaidFeeEditDescription.js new file mode 100644 index 0000000..1218b9a --- /dev/null +++ b/src/features/province/components/province-killhouse-paid-fee-edit-description/ProvinceKillHousePaidFeeEditDescription.js @@ -0,0 +1,92 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { provincePaidFeesEditDescription } from "../../services/province-paid-fees-edit-description"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceKillHousePaidFeeEditDescription = ({ + fetchApiData, + item, +}) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + description: item?.description ? item?.description : "", + }, + validationSchema: Yup.object({ + description: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + ); +}; diff --git a/src/features/province/components/province-killhouse-paid-fee/ProvinceKillhousePaidFee.js b/src/features/province/components/province-killhouse-paid-fee/ProvinceKillhousePaidFee.js new file mode 100644 index 0000000..328f1b8 --- /dev/null +++ b/src/features/province/components/province-killhouse-paid-fee/ProvinceKillhousePaidFee.js @@ -0,0 +1,469 @@ +import { + Button, + Checkbox, + IconButton, + Popover, + TextField, + List, + ListItem, + ListItemButton, + ListItemIcon, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { AppContext } from "../../../../contexts/AppContext"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { useReactToPrint } from "react-to-print"; +import SuccessTransactionRecipt from "../success-transaction-recipt/SuccessTransactionRecipt"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import ProvinceKillhousePaidFeeChangePaymentType from "../province-killhouse-paid-fee-change-payment-type/ProvinceKillhousePaidFeeChangePaymentType"; +import ProvincePaymentFactorFile from "../province-payment-factor-file/ProvincePaymentFactorFile"; +import ArticleIcon from "@mui/icons-material/Article"; +import DescriptionIcon from "@mui/icons-material/Description"; +import { useContext, useEffect, useRef, useState } from "react"; +import PrintIcon from "@mui/icons-material/Print"; +import TuneIcon from "@mui/icons-material/Tune"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceKillHousePaidFeeEditDescription } from "../province-killhouse-paid-fee-edit-description/ProvinceKillHousePaidFeeEditDescription"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceKillhousePaidFee = ({ killhouseKey, type }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [withDate, setWithDate] = useState(false); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `internal-transactions/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&type=paid&${type}=${killhouseKey}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const [reciptData, setReciptData] = useState(); + + const componentRef = useRef(); + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: `گزارش پرونده `, + }); + + const setPdfOptions = (item) => { + setReciptData(item, printPDF()); + }; + + // factor pdf + + const [factorData, setFactorData] = useState(); + + const componentFactorRef = useRef(); + + const printFactorPDF = useReactToPrint({ + content: () => componentFactorRef.current, + documentTitle: `فاکتور پرداخت`, + pageStyle: ` + @page { + size: landscape; + margin: 0; + dir: rtl; + margin: 20px; + } + body { + -webkit-print-color-adjust: exact; + } + `, + }); + + const setFactorPdfOptions = (item) => { + setFactorData(item); + setTimeout(() => { + printFactorPDF(); + }, 1); + }; + + const KillhousePaidFeeActions = ({ item }) => { + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? `paid-fee-actions-${item?.key}` : undefined; + + const handlePrint = () => { + handleClose(); + setPdfOptions(item); + }; + + const handleFactor = (isUnion) => { + handleClose(); + setFactorPdfOptions({ item, isUnion }); + }; + + return ( +

+ + + + + + + + + + + + چاپ رسید + + + + + handleFactor(true)} + > + + + + + فاکتور اتحادیه + + + + + handleFactor(false)} + > + + + + + فاکتور سامانه + + + + + +

+ ); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${formatJustDate(item.date)} ساعت (${formatJustTime(item.date)})`, + getRoleFromUrl() === "SuperAdmin" ? ( + + {item?.transactionType === "wage-gateway-auto" + ? "آنلاین" + : item?.transactionType === "correspondence" + ? "مکاتبات" + : "دستی"} + { + dispatch( + OPEN_MODAL({ + title: "ویرایش نوع پرداخت", + content: ( + + ), + }) + ); + }} + > + + + + ) : item?.transactionType === "wage-gateway-auto" ? ( + "آنلاین" + ) : item?.transactionType === "correspondence" ? ( + "مکاتبات" + ) : ( + "دستی" + ), + `${item?.payerInfo?.fullname} (${item?.payerInfo?.mobile})`, + item?.orderId, + item?.refId, + item?.orderId, + item?.cardHolderPan, + item?.transactionAmount?.toLocaleString(), + getRoleFromUrl() === "SuperAdmin" ? ( + + {item?.description ? item?.description : "-"}{" "} + { + dispatch( + OPEN_MODAL({ + title: "ویرایش توضیحات", + content: ( + + ), + }) + ); + }} + > + + + + ) : item?.description ? ( + item?.description + ) : ( + "-" + ), + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `internal-transactions/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&type=paid&${type}=${killhouseKey}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + +

+ + +

+ + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsForm.js b/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsForm.js new file mode 100644 index 0000000..a2b5de2 --- /dev/null +++ b/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsForm.js @@ -0,0 +1,599 @@ +import React, { + useContext, + useEffect, + useState, + useCallback, + useRef, +} from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { useDispatch } from "react-redux"; +import { + Button, + TextField, + Typography, + Box, + FormControl, + Select, + MenuItem, + InputLabel, +} from "@mui/material"; +import BusinessIcon from "@mui/icons-material/Business"; +import PublicIcon from "@mui/icons-material/Public"; +import PersonIcon from "@mui/icons-material/Person"; +import BadgeIcon from "@mui/icons-material/Badge"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetLegalPersonUnitInfoService } from "../../services/province-get-legal-person-unit-info"; +import { provinceCreateLegalGuildService } from "../../services/province-create-legal-guild"; +import { provinceGetCitiesService } from "../../services/province-get-cities"; +import { provinceGetTypeActivity } from "../../services/provinceGetTypeActivity"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +let preservedUserData = null; +let preservedUserFound = false; +let preservedNationalCode = ""; + +const extractCityFromAddress = (address) => { + if (!address || typeof address !== "string") { + return ""; + } + + const cityMatch = address.match(/شهرستان\s+([^\s]+(?:\s+[^\s]+)?)/); + if (cityMatch && cityMatch[1]) { + return cityMatch[1].trim(); + } + + const parts = address.split(/\s+/); + for (let i = 0; i < parts.length; i++) { + if (parts[i] === "شهرستان" && parts[i + 1]) { + const cityParts = []; + if (parts[i + 1]) cityParts.push(parts[i + 1]); + if (parts[i + 2] && !["بخش", "شهر", "استان"].includes(parts[i + 2])) { + cityParts.push(parts[i + 2]); + } + return cityParts.join(" "); + } + if (parts[i] === "شهر" && parts[i + 1]) { + return parts[i + 1]; + } + } + + return ""; +}; + +const InfoBox = ({ icon: Icon, label, value, iconSx }) => ( + + + + + {label} + + {value || "-"} + + +); + +const getValidationSchema = (isAdmin, userFound) => + yup.object({ + national_id: yup + .string() + .required("شناسه حقوقی الزامی است") + .matches(/^[0-9]{11}$/, "شناسه حقوقی باید 11 رقم باشد"), + first_name: isAdmin || !userFound ? yup.string() : yup.string(), + last_name: isAdmin || !userFound ? yup.string() : yup.string(), + unit_name: isAdmin || !userFound ? yup.string() : yup.string(), + province: isAdmin || !userFound ? yup.string() : yup.string(), + city: yup.string(), + mobile: + isAdmin || !userFound + ? yup + .string() + .nullable() + .test( + "mobile-format", + "شماره تلفن باید 11 رقم باشد", + (value) => !value || /^[0-9]{11}$/.test(value) + ) + : yup.string(), + type_activity: isAdmin || !userFound ? yup.string() : yup.string(), + }); + +const LegalGuildForm = ({ formik, isAdmin, cities, typeActivities }) => { + return ( +

+ + + + اطلاعات واحد حقوقی + + + + + + + + {isAdmin ? ( + + ) : ( + + )} + + + + {isAdmin ? ( + + ) : ( + + )} + + + + {isAdmin ? ( + + ) : ( + + )} + + + + {isAdmin ? ( + + ) : ( + + )} + + + + + + + + {isAdmin ? ( + + ) : ( + + )} + + + + + شهرستان + + + + + + + + + + {isAdmin ? ( + + + نوع فعالیت + + + + ) : ( + + )} + + + + + + + + + +

+ ); +}; + +const InquiryForm = ({ onInquiry, nationalCode, setNationalCode }) => { + return ( + + + setNationalCode(e.target.value)} + placeholder="شناسه حقوقی 11 رقمی را وارد کنید" + inputProps={{ maxLength: 11 }} + /> + + + + + + ); +}; + +export const ProvinceLegalGuildsForm = ({ onClose, updateTable, guild }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [nationalCode, setNationalCode] = useState( + guild?.user?.national_id || + guild?.national_code || + preservedNationalCode || + "" + ); + const [userData, setUserData] = useState( + guild + ? { + national_id: guild?.user?.national_id || guild?.national_code || "", + first_name: guild?.user?.first_name || "", + last_name: guild?.user?.last_name || "", + unit_name: guild?.guilds_name || "", + province: guild?.address?.province?.name || "", + city: guild?.address?.city?.name || "", + address: guild?.address?.address || "", + mobile: guild?.user?.mobile || "", + type_activity: guild?.type_activity || "", + } + : preservedUserData + ); + const [userFound, setUserFound] = useState(guild ? true : preservedUserFound); + const [cities, setCities] = useState([]); + const [typeActivities, setTypeActivities] = useState([]); + + const currentRole = getRoleFromUrl(); + const isAdmin = currentRole === "AdminX"; + + useEffect(() => { + dispatch(provinceGetCitiesService()).then((r) => { + setCities(r.payload.data || []); + }); + dispatch(provinceGetTypeActivity()).then((r) => { + setTypeActivities(r.payload.data || []); + }); + }, [dispatch]); + + // Restore preserved data on mount + useEffect(() => { + if (preservedUserData) { + setUserData(preservedUserData); + setUserFound(preservedUserFound); + setNationalCode(preservedNationalCode); + } + }, []); + + // Update modal size when userData is available (only once) + const sizeUpdatedRef = useRef(false); + useEffect(() => { + if (userData && !sizeUpdatedRef.current) { + sizeUpdatedRef.current = true; + // Preserve state before remount + preservedUserData = userData; + preservedUserFound = userFound; + preservedNationalCode = nationalCode; + // Update modal with larger size + dispatch( + OPEN_MODAL({ + title: "ثبت واحد حقوقی", + content: ( + + ), + size: { xs: "96vw", md: "90vw", lg: "600px" }, + }) + ); + } + }, [userData, dispatch, onClose, updateTable, userFound, nationalCode]); + + const handleInquiry = useCallback(() => { + if (!nationalCode || nationalCode.length !== 11) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا شناسه حقوقی 11 رقمی معتبر وارد کنید", + severity: "error", + }); + return; + } + + dispatch(provinceGetLegalPersonUnitInfoService(nationalCode)).then((r) => { + if (r.payload.error) { + setUserFound(false); + if (isAdmin) { + // Admin can create even if user not found + setUserData({ + is_real_person: false, + first_name: "", + last_name: "", + national_id: nationalCode, + province: "", + unit_name: "", + mobile: "", + type_activity: "", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } + } else if (r.payload.data) { + setUserFound(true); + const extractedCity = extractCityFromAddress( + r.payload.data.address || "" + ); + setUserData({ + ...r.payload.data, + city: extractedCity, + }); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "اطلاعات با موفقیت دریافت شد", + severity: "success", + }); + } + }); + }, [dispatch, nationalCode, openNotif, isAdmin]); + + const formik = useFormik({ + initialValues: { + national_id: userData?.national_id || userData?.nationalId || "", + first_name: userData?.first_name || userData?.firstName || "", + last_name: userData?.last_name || userData?.lastName || "", + unit_name: userData?.unit_name || userData?.unitName || "", + province: userData?.province || "", + city: userData?.city || "", + address: userData?.address || "", + mobile: userData?.mobile || "", + type_activity: userData?.type_activity || "", + }, + validationSchema: getValidationSchema(isAdmin, userFound), + enableReinitialize: true, + onSubmit: (values) => { + // Find type_activity key from the title + const typeActivityObj = typeActivities.find( + (activity) => activity.title === values.type_activity + ); + const typeActivityKey = typeActivityObj?.key || ""; + + const submitData = { + first_name: values.first_name, + last_name: values.last_name, + national_id: values.national_id, + province: values.province, + address: values.address || "", + unit_name: values.unit_name, + mobile: values.mobile || "", + city: values.city, + type_activity: typeActivityKey, // Send key instead of title + ...(guild?.key && { guilds_key: guild.key }), // Include guild key for editing + }; + + dispatch(provinceCreateLegalGuildService(submitData)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + if (!userData && !guild) { + return ( + + ); + } + + return ( + + ); +}; diff --git a/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsInProvince.js b/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsInProvince.js new file mode 100644 index 0000000..13ec9aa --- /dev/null +++ b/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsInProvince.js @@ -0,0 +1,237 @@ +import React, { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provinceGetTotalGuildsService } from "../../services/province-get-total-guilds"; +import { ProvinceLegalGuildsForm } from "./ProvinceLegalGuildsForm"; +import { ProvinceLegalGuildsOperations } from "./ProvinceLegalGuildsOperations"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceLegalGuildsInProvince = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [selectedDate1, setSelectedDate1] = useState(null); + const [selectedDate2, setSelectedDate2] = useState(null); + + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + provinceGetTotalGuildsService({ + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + steward: false, + active_state: "all", + is_real_person: false, + ...(selectedDate1 && { + date_from: moment(selectedDate1).format("YYYY-MM-DD"), + }), + ...(selectedDate2 && { + date_to: moment(selectedDate2).format("YYYY-MM-DD"), + }), + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + const updateTableData = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.nationalId || "-", + item?.guildsName || "-", + `${item?.user?.fullname || "-"}`, + item?.user?.mobile || "-", + item?.address?.province?.name || "-", + item?.address?.city?.name || "-", + item?.typeActivity || "-", + item?.active ? "فعال" : "غیر فعال", + , + ]; + }); + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + setPage(1); + }, [perPage]); + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (e) => { + e.preventDefault(); + setPage(1); + const response = await dispatch( + provinceGetTotalGuildsService({ + search: "filter", + value: textValue, + page: 1, + page_size: perPage, + steward: false, + active_state: "all", + is_real_person: false, + ...(selectedDate1 && { + date_from: moment(selectedDate1).format("YYYY-MM-DD"), + }), + ...(selectedDate2 && { + date_to: moment(selectedDate2).format("YYYY-MM-DD"), + }), + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handleOpenModal = () => { + dispatch( + OPEN_MODAL({ + title: "ثبت واحد حقوقی", + content: ( + dispatch(CLOSE_MODAL())} + updateTable={updateTableData} + /> + ), + size: 400, + }) + ); + }; + + return ( + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsOperations.js b/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsOperations.js new file mode 100644 index 0000000..92a8d41 --- /dev/null +++ b/src/features/province/components/province-legal-guilds-in-province/ProvinceLegalGuildsOperations.js @@ -0,0 +1,161 @@ +import { + Button, + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, + Typography, + Box, +} from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { OPEN_MODAL, CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceLegalGuildsForm } from "./ProvinceLegalGuildsForm"; +import TuneIcon from "@mui/icons-material/Tune"; + +export const ProvinceLegalGuildsOperations = ({ guild, updateTable }) => { + const dispatch = useDispatch(); + const [checked, setChecked] = useState(guild?.active); + const [popoverOpen, setPopoverOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + + const openPopover = (event) => { + setPopoverOpen(true); + setAnchorEl(event.currentTarget); + }; + + const closePopover = () => { + setPopoverOpen(false); + setAnchorEl(null); + }; + + const handleActivationChange = (event) => { + const newChecked = event.target.checked; + setChecked(newChecked); + }; + + const handleDelete = () => { + closePopover(); + dispatch( + OPEN_MODAL({ + title: "تایید حذف", + size: "auto", + content: ( + + + آیا از حذف این واحد حقوقی اطمینان دارید؟ + + + + + + + ), + }) + ); + }; + + const handleEdit = () => { + closePopover(); + dispatch( + OPEN_MODAL({ + title: "ویرایش واحد حقوقی", + content: ( + dispatch(CLOSE_MODAL())} + updateTable={updateTable} + /> + ), + size: window.innerWidth <= 600 ? "small" : "auto", + }) + ); + }; + + return ( + + + + + + + + +

+ + + } + label={checked ? "فعال" : "غیرفعال"} + style={{ + justifyContent: "center", + alignItems: "center", + display: "flex", + }} + /> + + + +

+ + + ); +}; diff --git a/src/features/province/components/province-legal-guilds-out-province/ProvinceLegalGuildsOutProvince.js b/src/features/province/components/province-legal-guilds-out-province/ProvinceLegalGuildsOutProvince.js new file mode 100644 index 0000000..3962807 --- /dev/null +++ b/src/features/province/components/province-legal-guilds-out-province/ProvinceLegalGuildsOutProvince.js @@ -0,0 +1,145 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { RiSearchLine } from "react-icons/ri"; +import { fetchOutProvinceLegalBuyers } from "../../services/province-out-province-buyers"; + +export const ProvinceLegalGuildsOutProvince = () => { + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await fetchOutProvinceLegalBuyers({ + role: getRoleFromUrl(), + page: page, + pageSize: perPage, + searchValue: textValue, + }); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const killHouseName = item?.KillHouse?.name || "-"; + const killHouseOperator = + item?.KillHouse?.killHouseOperator?.user?.fullname || ""; + const killHouseInfo = killHouseOperator + ? `${killHouseName} (${killHouseOperator})` + : killHouseName; + + console.log(item); + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.unitName || "-", + item?.buyer?.parentLegalPersonNationalCode || "-", + killHouseInfo, + item?.province || "-", + item?.city || "-", + item?.requestsInfo?.numberOfRequests?.toLocaleString() || "0", + item?.requestsInfo?.totalQuantity?.toLocaleString() || "0", + item?.requestsInfo?.totalWeight?.toLocaleString() || "0", + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + setPage(1); + }; + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-buy-req-allow-operation/ProvinceManageBuyReqAllowOperation.js b/src/features/province/components/province-manage-buy-req-allow-operation/ProvinceManageBuyReqAllowOperation.js new file mode 100644 index 0000000..bf6f52a --- /dev/null +++ b/src/features/province/components/province-manage-buy-req-allow-operation/ProvinceManageBuyReqAllowOperation.js @@ -0,0 +1,64 @@ +import { Switch } from "@mui/material"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { manageProcessBuyReqService } from "../../services/manage-process-buy-req"; +import { manageProcessBuyReqOperationService } from "../../services/manage-process-buy-req-operation"; + +export const ProvinceManageBuyReqAllowOperation = ({ + item, + getLimitInformation, + isDebt, +}) => { + const dispatch = useDispatch(); + const [isChecked, setIsChecked] = useState( + isDebt + ? item.allowPurchaseRequest.totalLimitation + : item.allowPurchaseRequest.allow + ); + + const handleSwitchChange = () => { + if (isDebt) { + setIsChecked(!isChecked); + dispatch( + manageProcessBuyReqOperationService({ + kill_house_key: item.key, + total_limitation: !isChecked, + }) + ).then((r) => { + dispatch(manageProcessBuyReqService()); + getLimitInformation(); + }); + } else { + setIsChecked(!isChecked); + dispatch( + manageProcessBuyReqOperationService({ + kill_house_key: item.key, + allow: !isChecked, + }) + ).then((r) => { + dispatch(manageProcessBuyReqService()); + getLimitInformation(); + }); + } + }; + + return ( + + + + {/* {!isDebt && {isChecked ? "دارد" : "ندارد"}} */} + + + ); +}; diff --git a/src/features/province/components/province-manage-buy-req-limit-operation/ProvinceManageBuyReqLimitOperation.js b/src/features/province/components/province-manage-buy-req-limit-operation/ProvinceManageBuyReqLimitOperation.js new file mode 100644 index 0000000..0b905b4 --- /dev/null +++ b/src/features/province/components/province-manage-buy-req-limit-operation/ProvinceManageBuyReqLimitOperation.js @@ -0,0 +1,109 @@ +import { Button, Switch, TextField, Typography } from "@mui/material"; +import { useState, useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { manageProcessBuyReqService } from "../../services/manage-process-buy-req"; +import { manageProcessBuyReqOperationService } from "../../services/manage-process-buy-req-operation"; +import DoneIcon from "@mui/icons-material/Done"; + +export const ProvinceManageBuyReqLimitOperation = ({ + item, + getLimitInformation, + fetchdata, +}) => { + const dispatch = useDispatch(); + + const [isChecked, setIsChecked] = useState( + item.allowPurchaseRequest.limitation + ); + const [textValue, setTextValue] = useState( + item?.allowPurchaseRequest?.limitationNumber + ); + + useEffect(() => { + setIsChecked(item.allowPurchaseRequest.limitation); + setTextValue(item.allowPurchaseRequest.limitationNumber); + }, [item]); + + const isValidValue = Number(textValue) > 0; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleSwitchChange = () => { + const newChecked = !isChecked; + setIsChecked(newChecked); + + dispatch( + manageProcessBuyReqOperationService({ + kill_house_key: item.key, + limitation: newChecked, + }) + ); + dispatch(manageProcessBuyReqService()); + getLimitInformation(); + fetchdata(); + }; + + const handleSubmit = () => { + dispatch( + manageProcessBuyReqOperationService({ + kill_house_key: item.key, + limitation: isChecked, + limitation_number: Number(textValue), + }) + ); + dispatch(manageProcessBuyReqService()); + getLimitInformation(); + fetchdata(); + }; + + return ( + + + + + + + محدودیت بر اساس بدهی + + + + {isChecked && ( + + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-manage-buy-req/ProvinceManageBuyReq.js b/src/features/province/components/province-manage-buy-req/ProvinceManageBuyReq.js new file mode 100644 index 0000000..2cd6741 --- /dev/null +++ b/src/features/province/components/province-manage-buy-req/ProvinceManageBuyReq.js @@ -0,0 +1,180 @@ +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { manageProcessBuyReqService } from "../../services/manage-process-buy-req"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { IconButton, Tooltip, Typography } from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import { ProvinceManageOperationModalBuyReq } from "../province-manage-operation-modal-buy-req/ProvinceManageOperationModalBuyReq"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { PaymentLinkModal } from "../province-manage-payment-link-modal/PaymentLinkModal"; +import AttachmentIcon from "@mui/icons-material/Attachment"; + +export const ProvinceManageBuyReq = () => { + const dispatch = useDispatch(); + const [tableData, setDataTable] = useState([]); + const [data, setData] = useState([]); + // const [anchorEl, setAnchorEl] = useState(null); + + const fetchdata = () => { + dispatch(manageProcessBuyReqService()).then((r) => { + setData(r.payload.data); + }); + }; + + useEffect(() => { + fetchdata(); + }, []); + + // const handleClose = () => { + // setAnchorEl(null); + // }; + useEffect(() => { + const d = data?.map((item, i) => { + const identity = item.killer + ? `کشتارکن ${item?.type === "public" ? "عمومی" : "اختصاصی"} (${ + item?.killHouseForKiller?.killHouseName + })` + : "کشتارگاه"; + return [ + i + 1, + identity, + item.name, + `${item?.killHouseOperator?.user?.fullname} (${item?.killHouseOperator?.user?.mobile})`, + `${item?.systemAddress?.province?.name || ""} - ${ + item?.systemAddress?.city?.name || "" + } - ${item?.systemAddress?.address || ""}`, + item?.wageInfo?.totalAmount?.toLocaleString(), + + { + dispatch( + OPEN_MODAL({ + title: "لینک پرداخت بدهی", + content: , + }) + ); + }} + > + + + , + item?.allowPurchaseRequest?.limitation ? "فعال" : "غیر فعال", + <> + + {item?.maxKillLimit ? item.totalKillCapacity : "-"} + + , + <> + + {item?.maxKillLimit ? `%${item.extraBarKillPercent}` : "-"} + {" "} + , + <> + + {item?.inProvinceSellingLimitationPercent + ? `%${item.inProvinceSellingLimitationPercent}` + : "-"} + {" "} + , + <> + + {item?.outProvinceSellingLimitationPercent + ? `%${item.outProvinceSellingLimitationPercent}` + : "-"} + + , + item?.quota ? "دارد" : "ندارد", + item?.quota + ? item?.quotaMaxKillLimit + ? "بر اساس سقف کشتار" + : item?.quotaRequest + ? "بر اساس اعلام نیازها" + : "بر اساس حجم از سقف کشتار" + : "-", + item?.governmentalQuota ? item?.governmentalQuota : "-", + item?.quotaCustomQuantity ? item?.quotaCustomQuantity : "-", + item?.maximumLoadVolumeIncrease || 0, + item?.maximumLoadVolumeReduction || 0, + item?.wareHouseRemaininggWeightLimitationStatus ? "فعال" : "غیر فعال", + item?.wareHouseRemainingWeightLimitation + ? `${item?.wareHouseRemainingWeightLimitation} کیلوگرم` + : "-", + item?.wareHouseRemainingPercentLimitationStatus ? "فعال" : "غیر فعال", + item?.wareHouseRemainingPercentLimitation + ? `%${item?.wareHouseRemainingPercentLimitation}` + : "-", + item?.wareHouseRemainingWeightArchivePercent + ? `%${item?.wareHouseRemainingWeightArchivePercent}` + : "-", + + { + // handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 700), + bottom: window.innerWidth <= 700, + title: "محدودیت پنل", + content: ( + + ), + }) + ); + }} + > + + + , + ]; + }); + setDataTable(d); + }, [data]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-manage-carcass-standard-loss-percent/ProvinceManageCarcassStandardLossPercent.js b/src/features/province/components/province-manage-carcass-standard-loss-percent/ProvinceManageCarcassStandardLossPercent.js new file mode 100644 index 0000000..c2a8ff8 --- /dev/null +++ b/src/features/province/components/province-manage-carcass-standard-loss-percent/ProvinceManageCarcassStandardLossPercent.js @@ -0,0 +1,124 @@ +import { Button, Switch, TextField, FormControlLabel } from "@mui/material"; +import { useState, useEffect, useContext } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceUpdateKillhouseArchivePercentService } from "../../services/province-update-killhouse-archive-percent"; + +export const ProvinceManageCarcassStandardLossPercent = ({ + item, + fetchdata, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const [isChecked, setIsChecked] = useState( + item?.wareHouseRemainingWeightArchivePercent !== undefined && + item?.wareHouseRemainingWeightArchivePercent !== null && + item?.wareHouseRemainingWeightArchivePercent > 0 + ); + const [percentValue, setPercentValue] = useState( + item?.wareHouseRemainingWeightArchivePercent || 0 + ); + + useEffect(() => { + const hasValue = + item?.wareHouseRemainingWeightArchivePercent !== undefined && + item?.wareHouseRemainingWeightArchivePercent !== null && + item?.wareHouseRemainingWeightArchivePercent > 0; + setIsChecked(hasValue); + setPercentValue(item?.wareHouseRemainingWeightArchivePercent || 0); + }, [item]); + + const isValidValue = Number(percentValue) >= 0 && Number(percentValue) <= 100; + + const handleTextChange = (event) => { + setPercentValue(event.target.value); + }; + + const handleSwitchChange = () => { + const newChecked = !isChecked; + setIsChecked(newChecked); + if (!newChecked) { + setPercentValue(0); + } + }; + + const handleSubmit = () => { + dispatch( + provinceUpdateKillhouseArchivePercentService({ + kill_house_key: item.key, + ware_house_remaining_weight_archive_percent: isChecked + ? Number(percentValue) + : 0, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchdata(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + + + } + label="حداکثر افت استاندارد لاشه" + /> + + + + {isChecked && ( + + + + + + )} + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-cars/ProvinceManageCars.js b/src/features/province/components/province-manage-cars/ProvinceManageCars.js new file mode 100644 index 0000000..0b87d73 --- /dev/null +++ b/src/features/province/components/province-manage-cars/ProvinceManageCars.js @@ -0,0 +1,387 @@ +import { + Button, + Card, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Tooltip, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +// import { slaughterGetCars } from "../../services/slaughter-get-cars"; +// import { slaughterDeleteCar } from "../../services/slaughter-delete-car"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +// import { SlaughterNewCar } from "../slaughter-new-car/SlaughterNewCar"; +// import { ProvinceRegisterCar } from "../province-register-car/ProvinceRegisterCar"; +import { provinceGetCars } from "../../services/province-get-cars"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ProvinceRegisterCarForm } from "../province-register-car-form/ProvinceRegisterCarForm"; +import { provinceRemoveCar } from "../../services/province-remove-car"; +import { AppContext } from "../../../../contexts/AppContext"; +import { ProvinceAllocateCarsForm } from "../province-allocate-cars-form/ProvinceAllocateCarsForm"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ManageCarState } from "../manage-car-state/ManageCarState"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import TuneIcon from "@mui/icons-material/Tune"; +import LocalShippingIcon from "@mui/icons-material/LocalShipping"; +import EditOutlinedIcon from "@mui/icons-material/EditOutlined"; +import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceCarsDashboardService } from "../../services/province-cars-dashboard"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceManageCars = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const [openNotif] = useContext(AppContext); + const { provinceCars } = useSelector((state) => state.provinceSlice); + // const userInfo = useSelector((state) => state.userSlice); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + useEffect(() => { + dispatch( + provinceGetCars({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedSubUser?.key]); + + const [dashboardData, setDashboardData] = useState([]); + + useEffect(() => { + dispatch( + provinceCarsDashboardService({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [dispatch, provinceCars, selectedSubUser?.key]); + + useEffect(() => { + const d = provinceCars?.map((item, i) => { + let carIdentity = "-"; + if (item.type === "rental") { + carIdentity = "اجاره ای"; + } else if (item.type === "exclusive") { + carIdentity = "اختصاصی"; + } + + // const handleDisable = + // getRoleFromUrl() === "ProvinceOperator" || + // getRoleFromUrl() === "SuperAdmin" || + // getRoleFromUrl() === "AdminX" + // ? false + // : true; + + const killhouseList = + item.type === "rental" + ? "همه کشتارگاه ها/کشتارکن ها" + : item?.killHouseList?.map((killHouse, index) => { + const separator = + index + 1 === item.killHouseList.length ? "" : " - "; + return killHouse?.killHouseName + separator; + }); + + return [ + i + 1, + item.typeCar, + carIdentity, + item.pelak, + item.capocity, + parseInt(item.healthCode), + // Number(item.healthCode), + item.driverName, + item.driverMobile, + killhouseList, + , + , + ]; + }); + + setDataTable(d); + }, [provinceCars, dispatch, openNotif]); + + const [tableDataCol] = useState([ + "ردیف", + "مدل خودرو", + "ماهیت", + "پلاک", + "ظرفیت", + "کد بهداشتی", + "نام راننده", + "موبایل راننده", + "کشتارگاه ها/کشتارکن ها", + "وضعیت", + "عملیات", + ]); + return ( + <> + + + + + + + + + + + + + + + + + ); +}; + +const CarActions = ({ item, openNotif }) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + + const handleDisable = !( + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" + ); + + const hasForbiddenKillhouse = item.killHouseList?.some( + (killItem) => !killItem.allowState + ); + + const hasAccess = !handleDisable || !hasForbiddenKillhouse; + const isRental = item.type === "rental"; + + const open = Boolean(anchorEl); + const id = open ? `province-cars-popover-${item.key}` : undefined; + + const closePopover = () => setAnchorEl(null); + + const handleAllocate = () => { + closePopover(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "تخصیص/حذف کشتارگاه", + content: ( + + ), + }) + ); + }; + + const handleEdit = () => { + closePopover(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ویرایش خودرو", + content: ( + + ), + }) + ); + }; + + const handleDelete = () => { + closePopover(); + dispatch(LOADING_START()); + dispatch(provinceRemoveCar(item.key)).then((r) => { + if (r.error) { + if (r.error.message.includes("403")) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "امکان حذف بدلیل تخصیص بار فعال به خودرو وجود ندارد!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + dispatch(provinceGetCars()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + dispatch(LOADING_END()); + }); + }; + + const actionsDisabled = !hasAccess || (handleDisable && isRental); + + return ( +

+ setAnchorEl(event.currentTarget)} + disabled={!hasAccess} + > + + + + + + + + + + + + + + + + + + + + + + + + +

+ ); +}; diff --git a/src/features/province/components/province-manage-contradictions/ProvinceManageContradictions.js b/src/features/province/components/province-manage-contradictions/ProvinceManageContradictions.js new file mode 100644 index 0000000..7425716 --- /dev/null +++ b/src/features/province/components/province-manage-contradictions/ProvinceManageContradictions.js @@ -0,0 +1,259 @@ +import moment from "moment"; +import React, { useEffect, useState, useContext, useRef } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useReactToPrint } from "react-to-print"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + Button, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { BsFillFileEarmarkPdfFill } from "react-icons/bs"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceGetContradictionsData } from "../../services/provinceGetContradictionsData"; + +import { Accordion, AccordionDetails, AccordionSummary } from "@mui/material"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import ProvinceGetContradictionsFile from "../province-get-contradictions-file/ProvinceGetContradictionsFile"; +import { + TablePage1Part2Web, + TablePage1Web, + TablePage2Web, + TablePage3Web, + TablePage4Web, + TablePage5Web, +} from "../province-get-contradictions-file/PagesWeb"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceManageContradictions = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [data, setData] = useState(); + const [dataTable, setDataTable] = useState(); + + const dispatch = useDispatch(); + + const componentRef = useRef(); + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: `گزارش مغایرت درخواست کشتار و عدم فعالیت نقش ها `, + }); + + const handleSubmit = () => { + dispatch(LOADING_START()); + dispatch( + provinceGetContradictionsData({ selectedDate1, selectedDate2 }) + ).then((r) => { + setDataTable(r.payload.data); + dispatch(LOADING_END()); + }); + }; + const userInfo = useSelector((state) => state.userSlice); + + const setPdfOptions = () => { + dispatch(LOADING_START()); + dispatch( + provinceGetContradictionsData({ selectedDate1, selectedDate2 }) + ).then((r) => { + setData(r.payload.data); + dispatch(LOADING_END()); + }); + }; + + useEffect(() => { + const fetchData = () => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + const newSelectedDate1 = moment(currentDate) + .subtract(1, "days") + .format("YYYY-MM-DD"); + const newSelectedDate2 = currentDate; + + setSelectedDate1(newSelectedDate1); + setSelectedDate2(newSelectedDate2); + + dispatch(LOADING_START()); + try { + const response = dispatch( + provinceGetContradictionsData({ + selectedDate1: newSelectedDate1, + selectedDate2: newSelectedDate2, + }) + ); + setDataTable(response.payload.data); + } catch (error) { + dispatch(LOADING_END()); + } + }; + + fetchData(); + }, []); + + useEffect(() => { + if (data) { + printPDF(); + } + }, [data]); + + return ( + + +

+ +

+ + دریافت لیست مغایرت ها (حداکثر بازه 7 روزه) + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + 7 + } + aria-label="delete" + color="success" + onClick={() => { + setPdfOptions(selectedDate1); + }} + > + + + + + + + + + + {dataTable && ( + + {dataTable && ( + + {renderAccordion( + "درخواست کشتار و تخصیص", + + )} + {renderAccordion( + "مغایرت در ثبت ماشین و ایجاد بار", + + )} + {renderAccordion( + "بارهای دارای مغایرت تعداد", + + )} + {renderAccordion( + "بارهای فاقد کد قرنطینه", + + )} + {renderAccordion( + "بارهای تخلیه نشده", + + )} + {renderAccordion( + "بارهاي تکمیل نشده (بارگزاري سند باسکول و مستندات وزنی)", + + )} + {renderAccordion( + "مغایرت در اطلاعات بار", + + )} + + )} + + )} + + ); +}; + +const renderAccordion = (label, content) => ( + + } + aria-controls="panel-content" + id="panel-header" + > + {label} + + {content} + +); diff --git a/src/features/province/components/province-manage-distributions-submit-commitment-percentet/ProvinceManageDistributionsSubmitCommitmentPercent.js b/src/features/province/components/province-manage-distributions-submit-commitment-percentet/ProvinceManageDistributionsSubmitCommitmentPercent.js new file mode 100644 index 0000000..3ac442b --- /dev/null +++ b/src/features/province/components/province-manage-distributions-submit-commitment-percentet/ProvinceManageDistributionsSubmitCommitmentPercent.js @@ -0,0 +1,138 @@ +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { IconButton, TextField, Typography, Box } from "@mui/material"; +import CheckIcon from "@mui/icons-material/Check"; +import EditIcon from "@mui/icons-material/Edit"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { provinceManageTradesEditPercents } from "../../services/province-manage-trades-edit-percents"; +import { + provinceManageGuildTradesEditAllPercents, + provinceManageGuildTradesEditPercents, +} from "../../services/province-manage-guilds-trades-edit-percents"; + +const validationSchema = yup.object({ + commitmentPercent: yup + .number() + .min(0, "درصد نمی‌تواند کمتر از ۰ باشد") + .max(100, "درصد نمی‌تواند بیشتر از ۱۰۰ باشد") + .required("درصد تعهد الزامی است") + .integer("درصد باید عدد صحیح باشد"), +}); + +export const ProvinceManageDistributionsSubmitCommitmentPercent = ({ + amount, + updateTable, + item, + isGuild, + isDashboard, +}) => { + const [editMode, setEditMode] = useState(false); + + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + commitmentPercent: amount || 0, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + const api = isDashboard + ? provinceManageGuildTradesEditAllPercents + : isGuild + ? provinceManageGuildTradesEditPercents + : provinceManageTradesEditPercents; + dispatch( + api({ + ...(isDashboard ? {} : { key: item?.key }), + out_province_free_buying_commitment_percent: + values?.commitmentPercent, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + updateTable(); + setEditMode(false); + }, + }); + + const handleEditClick = () => { + formik.setValues({ commitmentPercent: amount || 0 }); + formik.setErrors({}); + setEditMode(true); + }; + + return ( + + {editMode ? ( + + + + + + + ) : ( + + %{amount || 0} + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-manage-distributions-submit-percents/ProvinceManageDistributionsSubmitPercents.js b/src/features/province/components/province-manage-distributions-submit-percents/ProvinceManageDistributionsSubmitPercents.js new file mode 100644 index 0000000..c517a3a --- /dev/null +++ b/src/features/province/components/province-manage-distributions-submit-percents/ProvinceManageDistributionsSubmitPercents.js @@ -0,0 +1,258 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { TextField, Box, Button } from "@mui/material"; +import { provinceManageTradesEditPercents } from "../../services/province-manage-trades-edit-percents"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; + +const validationSchema = yup + .object({ + percentInsideProvince: yup + .number() + .typeError("باید عدد وارد کنید") + .min(0, "نمی‌تواند کمتر از 0 باشد") + .max(100, "نمی‌تواند بیشتر از 100 باشد") + .required("الزامی"), + percentOutsideProvince: yup + .number() + .typeError("باید عدد وارد کنید") + .min(0, "نمی‌تواند کمتر از 0 باشد") + .max(100, "نمی‌تواند بیشتر از 100 باشد") + .required("الزامی"), + percentSegmentation: yup + .number() + .typeError("باید عدد وارد کنید") + .min(0, "نمی‌تواند کمتر از 0 باشد") + .max(100, "نمی‌تواند بیشتر از 100 باشد") + .required("الزامی"), + }) + .test( + "total-percentage", + "مجموع درصدها نمی‌تواند بیشتر از 100 باشد", + function (values) { + const { + percentInsideProvince, + percentOutsideProvince, + percentSegmentation, + } = values; + const total = + (percentInsideProvince || 0) + + (percentOutsideProvince || 0) + + (percentSegmentation || 0); + return total <= 100; + } + ); + +export const ProvinceManageDistributionsSubmitPercents = ({ + item, + updateTable, + type, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + percentInsideProvince: + type === "gov" + ? item?.inProvinceGovernmentalSellingPercent + : item?.inProvinceFreeSellingPercent || 0, + percentOutsideProvince: + type === "gov" + ? item?.outProvinceGovernmentalSellingPercent + : item?.outProvinceFreeSellingPercent || 0, + percentSegmentation: + type === "gov" + ? item?.segmentationGovernmentalPercent + : item?.segmentationFreeSellingPercent || 0, + percentColdHouse: + type === "gov" + ? item?.coldHouseGovernmentalPercent + : item?.coldHouseFreePercent || 0, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + provinceManageTradesEditPercents({ + key: item?.key, + ...(type === "gov" + ? { + governmental_selling_permission: true, + in_province_governmental_selling_percent: + values.percentInsideProvince, + segmentation_governmental_percent: values.percentSegmentation, + out_province_governmental_selling_percent: + values.percentOutsideProvince, + cold_house_governmental_percent: values.percentColdHouse, + } + : { + free_selling_permission: true, + in_province_free_selling_percent: values.percentInsideProvince, + out_province_free_selling_percent: + values.percentOutsideProvince, + segmentation_free_selling_percent: values.percentSegmentation, + cold_house_free_percent: values.percentColdHouse, + }), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + dispatch(CLOSE_MODAL()); + updateTable(); + }); + }, + }); + + const calculateTotal = () => { + const { + percentInsideProvince, + percentOutsideProvince, + percentSegmentation, + percentColdHouse, + } = formik.values; + return ( + (percentInsideProvince || 0) + + (percentOutsideProvince || 0) + + (percentColdHouse || 0) + + (percentSegmentation || 0) + ); + }; + + const total = calculateTotal(); + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-distributions/ProvinceManageDistributions.js b/src/features/province/components/province-manage-distributions/ProvinceManageDistributions.js new file mode 100644 index 0000000..75d2dad --- /dev/null +++ b/src/features/province/components/province-manage-distributions/ProvinceManageDistributions.js @@ -0,0 +1,365 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, Checkbox, IconButton, TextField } from "@mui/material"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceManageDistributionsSubmitPercents } from "../province-manage-distributions-submit-percents/ProvinceManageDistributionsSubmitPercents"; +import { provinceManageTradesEditPercents } from "../../services/province-manage-trades-edit-percents"; +import { AppContext } from "../../../../contexts/AppContext"; +import { ProvinceManageDistributionsSubmitCommitmentPercent } from "../province-manage-distributions-submit-commitment-percentet/ProvinceManageDistributionsSubmitCommitmentPercent"; +import EditIcon from "@mui/icons-material/Edit"; + +export const ProvinceManageDistributions = () => { + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `market-kill-houses/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const openGovModal = (item) => { + dispatch( + OPEN_MODAL({ + title: "فروش دولتی", + content: ( + + ), + }) + ); + }; + + const openFreeModal = (item) => { + dispatch( + OPEN_MODAL({ + title: "فروش آزاد", + content: ( + + ), + }) + ); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + `${item?.fullname} (${item?.mobile})`, + item?.killer ? "کشتارکن" : "کشتارگاه", + , + { + dispatch( + provinceManageTradesEditPercents({ + key: item?.key, + free_sale_from_free_quota_in_province: + !item?.freeSaleFromFreeQuotaInProvince, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + />, + { + dispatch( + provinceManageTradesEditPercents({ + key: item?.key, + free_sale_form_governmental_quota: + !item?.freeSaleFormGovernmentalQuota, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + />, + + + + { + const newValue = !item?.governmentalSellingPermission; + dispatch( + provinceManageTradesEditPercents({ + key: item?.key, + governmental_selling_permission: newValue, + ...(newValue === false + ? { + in_province_governmental_selling_percent: 0, + segmentation_governmental_percent: 0, + out_province_governmental_selling_percent: 0, + } + : {}), + }) + ).then((r) => { + if (newValue === true) { + openGovModal(item); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + updateTable(); + }); + }} + /> + + + {item?.governmentalSellingPermission && ( + + openGovModal(item)} + color="primary" + > + + + + )} + , + + + { + const newValue = !item?.freeSellingPermission; + dispatch( + provinceManageTradesEditPercents({ + key: item?.key, + free_selling_permission: newValue, + ...(newValue === false + ? { + in_province_free_selling_percent: 0, + out_province_free_selling_percent: 0, + segmentation_free_selling_percent: 0, + } + : {}), + }) + ).then((r) => { + if (newValue === true) { + openFreeModal(item); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + updateTable(); + }); + }} + /> + + + + {item?.freeSellingPermission && ( + openFreeModal(item)} + color="primary" + > + + + )}{" "} + + , + item?.inProvinceGovernmentalSellingPercent, + item?.outProvinceGovernmentalSellingPercent, + item?.segmentationGovernmentalPercent, + item?.coldHouseGovernmentalPercent, + item?.inProvinceFreeSellingPercent, + item?.outProvinceFreeSellingPercent, + item?.segmentationFreeSellingPercent, + item?.coldHouseFreePercent, + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `market-kill-houses/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-fees/ProvinceManageFees.js b/src/features/province/components/province-manage-fees/ProvinceManageFees.js new file mode 100644 index 0000000..9c7130e --- /dev/null +++ b/src/features/province/components/province-manage-fees/ProvinceManageFees.js @@ -0,0 +1,54 @@ +import { TabContext, TabPanel } from "@mui/lab"; +import { Tab, Tabs } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ProvinceArchiveFees } from "../province-archive-fees/ProvinceArchiveFees"; +import { ProvinceFeesOverview } from "../province-fees-overview/ProvinceFeesOverview"; +import { ProvincePaidFees } from "../province-paid-fees/ProvincePaidFees"; +import { ProvinceUnpaidFees } from "../province-unpaid-fees/ProvinceUnpaidFees"; +import { ProvincePaymentByWeight } from "../province-payment-by-weight/ProvincePaymentByWeight"; + +export const ProvinceManageFees = () => { + const [tabValue, setTabValue] = useState("1"); + + const handleTabChange = (event, newValue) => { + setTabValue(newValue); + }; + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-guild-distributions-submit-percents/ProvinceManageGuildDistributionsSubmitPercents.js b/src/features/province/components/province-manage-guild-distributions-submit-percents/ProvinceManageGuildDistributionsSubmitPercents.js new file mode 100644 index 0000000..4b2e6ae --- /dev/null +++ b/src/features/province/components/province-manage-guild-distributions-submit-percents/ProvinceManageGuildDistributionsSubmitPercents.js @@ -0,0 +1,235 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { TextField, Box, Button } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { + provinceManageGuildTradesEditAllPercents, + provinceManageGuildTradesEditPercents, +} from "../../services/province-manage-guilds-trades-edit-percents"; + +const validationSchema = yup + .object({ + percentInsideProvince: yup + .number() + .typeError("باید عدد وارد کنید") + .min(0, "نمی‌تواند کمتر از 0 باشد") + .max(100, "نمی‌تواند بیشتر از 100 باشد") + .required("الزامی"), + percentOutsideProvince: yup + .number() + .typeError("باید عدد وارد کنید") + .min(0, "نمی‌تواند کمتر از 0 باشد") + .max(100, "نمی‌تواند بیشتر از 100 باشد") + .required("الزامی"), + percentSegmentation: yup + .number() + .typeError("باید عدد وارد کنید") + .min(0, "نمی‌تواند کمتر از 0 باشد") + .max(100, "نمی‌تواند بیشتر از 100 باشد") + .required("الزامی"), + }) + .test( + "total-percentage", + "مجموع درصدها نمی‌تواند بیشتر از 100 باشد", + function (values) { + const { + percentInsideProvince, + percentOutsideProvince, + percentSegmentation, + } = values; + const total = + (percentInsideProvince || 0) + + (percentOutsideProvince || 0) + + (percentSegmentation || 0); + return total <= 100; + } + ); + +export const ProvinceManageGuildDistributionsSubmitPercents = ({ + item, + updateTable, + type, + isDashboard, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const api = isDashboard + ? provinceManageGuildTradesEditAllPercents + : provinceManageGuildTradesEditPercents; + const formik = useFormik({ + initialValues: { + percentInsideProvince: + type === "gov" + ? item?.inProvinceGovernmentalSellingPercent + : item?.inProvinceFreeSellingPercent || 0, + percentOutsideProvince: + type === "gov" + ? item?.outProvinceGovernmentalSellingPercent + : item?.outProvinceFreeSellingPercent || 0, + percentSegmentation: + type === "gov" + ? item?.segmentationGovernmentalPercent + : item?.segmentationFreeSellingPercent || 0, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + api({ + ...(isDashboard ? {} : { key: item?.key }), + ...(type === "gov" + ? { + governmental_selling_permission: true, + in_province_governmental_selling_percent: + values.percentInsideProvince, + segmentation_governmental_percent: values.percentSegmentation, + out_province_governmental_selling_percent: + values.percentOutsideProvince, + } + : { + free_selling_permission: true, + in_province_free_selling_percent: values.percentInsideProvince, + out_province_free_selling_percent: + values.percentOutsideProvince, + segmentation_free_selling_percent: values.percentSegmentation, + }), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + dispatch(CLOSE_MODAL()); + updateTable(); + }); + }, + }); + + const calculateTotal = () => { + const { + percentInsideProvince, + percentOutsideProvince, + percentSegmentation, + } = formik.values; + return ( + (percentInsideProvince || 0) + + (percentOutsideProvince || 0) + + (percentSegmentation || 0) + ); + }; + + const total = calculateTotal(); + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-guilds-submit-register-code/ProvinceManageGuildsSubmitRegisterCode.js b/src/features/province/components/province-manage-guilds-submit-register-code/ProvinceManageGuildsSubmitRegisterCode.js new file mode 100644 index 0000000..6be9e13 --- /dev/null +++ b/src/features/province/components/province-manage-guilds-submit-register-code/ProvinceManageGuildsSubmitRegisterCode.js @@ -0,0 +1,106 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { TextField, Button } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { checkKillhouseRequestGuildService } from "../../services/check-killhouse-request-guild"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +const validationSchema = yup.object({ + verificationCode: yup + .string() + .required("کد احراز الزامی است") + .matches(/^\d+$/, "کد احراز باید فقط شامل اعداد باشد") + .min(4, "کد احراز باید حداقل ۴ رقم باشد") + .max(6, "کد احراز حداکثر ۶ رقم می‌باشد"), +}); + +export const ProvinceManageGuildsSubmitRegisterCode = ({ + item, + updateTable, +}) => { + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + const formik = useFormik({ + initialValues: { + verificationCode: "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + checkKillhouseRequestGuildService({ + guilds_key: item.key, + state: "accepted", + code: values.verificationCode, + role: getRoleFromUrl(), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-operation-modal-buy-req/ProvinceManageOperationModalBuyReq.js b/src/features/province/components/province-manage-operation-modal-buy-req/ProvinceManageOperationModalBuyReq.js new file mode 100644 index 0000000..05c388c --- /dev/null +++ b/src/features/province/components/province-manage-operation-modal-buy-req/ProvinceManageOperationModalBuyReq.js @@ -0,0 +1,281 @@ +import { Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch, useSelector } from "react-redux"; +import { ProvinceManageBuyReqAllowOperation } from "../province-manage-buy-req-allow-operation/ProvinceManageBuyReqAllowOperation"; +import { ProvinceManageBuyReqLimitOperation } from "../province-manage-buy-req-limit-operation/ProvinceManageBuyReqLimitOperation"; +import { slaughterGetPermisionState } from "../../../slaughter-house/services/slaughter-get-permision"; +import { ProvinceManagementSellingSlaughterLimitation } from "../province-manage-selling-slaughter-limitaion/ProvinceManagementSellingSlaughterLimitation"; +import { ProvinceManageSellingForceGovernmentalBuy } from "../../../city/components/province-manage-selling-force-governmental-buy/ProvinceManageSellingForceGovernmentalBuy"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvinceManagementMaximumLoad } from "../province-management-maximum-load/ProvinceManagementMaximumLoad"; +import { ProvinceManageWarehouseLimitation } from "../province-manage-warehouse-limitation/ProvinceManageWarehouseLimitation"; +import { ProvinceManageCarcassStandardLossPercent } from "../province-manage-carcass-standard-loss-percent/ProvinceManageCarcassStandardLossPercent"; + +export const ProvinceManageOperationModalBuyReq = ({ item, fetchdata }) => { + const { role } = useSelector((state) => state.userSlice); + const dispatch = useDispatch(); + + const getLimitInformation = () => { + if (role.includes("KillHouse")) { + dispatch(slaughterGetPermisionState()); + } + }; + + return ( + + + {/* + + + + + + */} + + + + + + + + مجوز ثبت درخواست + + + + + + + + + محدودیت پنل + + + + {/* + + + + + + + + + + */} + + + + + + + + {getRoleFromUrl() === "AdminX" && ( + + + + + + )} + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-payment-link-modal/PaymentLinkModal.js b/src/features/province/components/province-manage-payment-link-modal/PaymentLinkModal.js new file mode 100644 index 0000000..65a7552 --- /dev/null +++ b/src/features/province/components/province-manage-payment-link-modal/PaymentLinkModal.js @@ -0,0 +1,58 @@ +import { Button } from "@mui/material"; +import { getSystemBaseAddress } from "../../../../utils/getSystemBaseAddress"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const PaymentLinkModal = ({ item }) => { + const userPath = useSelector((state) => state.userSlice.userPath); + + const paymentLink = `${window.location.origin}/pay/${getSystemBaseAddress( + userPath + )}/${item?.wageInfo?.userToken}`; + + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const handleCopyLink = () => { + navigator.clipboard.writeText(paymentLink).then(() => { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لینک پرداخت کپی شد", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + }); + }; + + return ( + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-poultry-request-operations/ProvinceManagePoultryRequestOperations.js b/src/features/province/components/province-manage-poultry-request-operations/ProvinceManagePoultryRequestOperations.js new file mode 100644 index 0000000..c709b7c --- /dev/null +++ b/src/features/province/components/province-manage-poultry-request-operations/ProvinceManagePoultryRequestOperations.js @@ -0,0 +1,300 @@ +import { + Button, + IconButton, + List, + ListItem, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Tooltip, +} from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { avicultureHatchingRequestsService } from "../../../aviculture/services/aviculture-hatching-requests"; +import { archiveAvicaltureRequestService } from "../../../city/services/archive-avicalture-request"; +import ArchiveIcon from "@mui/icons-material/Archive"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { removeAvicaltureRequestService } from "../../../city/services/remove-avicalture-request"; +import TuneIcon from "@mui/icons-material/Tune"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import EditIcon from "@mui/icons-material/Edit"; +import { CityUpdateKillRequest } from "../../../city/components/city-update-kill-request/CityUpdateKillRequest"; +import { ProvincePoultryRequestEnterConfirmationCode } from "../province-poultry-request-enter-confirmation-code/ProvincePoultryRequestEnterConfirmationCode"; +import VpnKeyIcon from "@mui/icons-material/VpnKey"; + +export const ProvinceManagePoultryRequestOperations = ({ + item, + fileUrl, + updateTable, +}) => { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const [openNotif] = useContext(AppContext); + + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + + + {item.hatching.fileState === "confirmation_code_pending" && ( + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ورود کد احراز", + content: ( + + ), + }) + ); + }} + > + + + + + + + + )} + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ویرایش تعداد کشتار", + content: ( + + ), + }) + ); + }} + > + + + + + + + + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + + + + + + + { + handleClose(); + navigate(fileUrl + item?.id); + }} + > + + + + + + + + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-poultry-request/ProvinceManagePoultryRequest.js b/src/features/province/components/province-manage-poultry-request/ProvinceManagePoultryRequest.js new file mode 100644 index 0000000..2dcd6f3 --- /dev/null +++ b/src/features/province/components/province-manage-poultry-request/ProvinceManagePoultryRequest.js @@ -0,0 +1,438 @@ +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useLocation } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { CityNewKillRequest } from "../../../city/components/city-new-kill-request/CityNewKillRequest"; +import { AppContext } from "../../../../contexts/AppContext"; +import { hourLimitKillRequestService } from "../../../city/services/hour-limit-kill-request"; +import { hourLimitGetKillRequestService } from "../../../city/services/hour-limit-get-kill-request"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { getPoultryRequestsTotalQuantityService } from "../../../city/services/get-poultry-requests-total-quantity"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { ProvinceManagePoultryRequestOperations } from "../province-manage-poultry-request-operations/ProvinceManagePoultryRequestOperations"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { deleteDebtorKillhouses } from "../../services/delete-debtor-killhouses"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceManagePoultryRequest = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + const { poultryRequestsTotalQuantity } = useSelector( + (state) => state.citySlice + ); + const { pathname } = useLocation(); + const dispatch = useDispatch(); + const [isChecked, setIsChecked] = useState(false); + const [selectedHour, setSelectedHour] = useState(""); + + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `Poultry_Request/?role=${getRoleFromUrl()}&today&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue || "" + }&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `Poultry_Request/?role=${getRoleFromUrl()}&today&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue || "" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const [selectedDate, setSelectedDate] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + dispatch(getPoultryRequestsTotalQuantityService(selectedDate)); + }, [selectedDate]); + + useEffect(() => { + dispatch(hourLimitGetKillRequestService()).then((r) => { + setIsChecked(r.payload.data?.[0]?.active); + setSelectedHour(r.payload.data?.[0]?.hour); + }); + dispatch(deleteDebtorKillhouses()); + }, []); + + useEffect(() => { + if (isChecked && selectedHour) { + dispatch( + hourLimitKillRequestService({ hour: selectedHour, active: isChecked }) + ); + } + if (!isChecked && selectedHour) { + setSelectedHour(null); + dispatch(hourLimitKillRequestService({ hour: 0, active: isChecked })); + } + }, [selectedHour, isChecked]); + + const urlRole = window.location.pathname.split("/")[1]; + const fileUrl = "/" + urlRole + "/file/"; + + const getItemSellState = (item) => { + let sellType = ""; + if (item?.market) { + sellType = "پنل معاملات"; + } else if (item?.directBuying) { + sellType = "خرید مستقیم"; + } else if (item?.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return sellType; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + , + item.orderCode, + getItemFreeSaleInProvince(item), + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + getItemSellState(item), + formatTime(item?.createDate) + + " " + + `(${item?.registrar?.fullname} - ${getFaUserRole( + item?.registrar?.role + )})`, + formatJustDate(item?.sendDate), + `${item?.poultry?.unitName} (${item?.poultry?.user?.mobile})`, + item?.killHouseList?.length ? item?.killHouseList.join(" - ") : "ندارد", + `${item?.poultry?.address?.city?.name}/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`, + item?.killingAge, + item?.IndexWeight, + item?.hatching?.totalWeight?.toLocaleString(), + item?.firstQuantity.toLocaleString(), + item?.amount.toLocaleString() + " ﷼", + item?.hatching?.leftOver?.toLocaleString(), + item.quantity?.toLocaleString(), + (item.quantity - item?.remainQuantity).toLocaleString(), + item?.remainQuantity?.toLocaleString(), + + {item.hatching.fileState === "province_state_pending" + ? "در انتظار تایید" + : item.hatching.fileState === "allocated_pending" + ? "آماده تخصیص" + : item.hatching.fileState === "confirmation_code_pending" + ? "در انتظار ورود کد احراز" + : "تخصیص داده شده"} + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const updateTable = () => { + fetchApiData(1); + }; + + const tableTitle = ( + +

+ + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRoles.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRoles.js new file mode 100644 index 0000000..91f34a0 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRoles.js @@ -0,0 +1,450 @@ +import { + Table, + TableCell, + TableHead, + TableRow, + Typography, +} from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { provinceGetManageUsersRolesService } from "../../services/province-get-manage-users-roles"; +import { ProvinceManageUsersRowAdmin } from "./ProvinceManageUsersRowAdmin"; +import { ProvinceManageUsersRowCityOperator } from "./ProvinceManageUsersRowCityOperator"; +import { ProvinceManageUsersRowDriver } from "./ProvinceManageUsersRowDriver"; +import { ProvinceManageUsersRowKillhouseVet } from "./ProvinceManageUsersRowDriverKillhouseVet"; +import { ProvinceManageUsersRowVetFarm } from "./ProvinceManageUsersRowDriverVetFarm"; +import { ProvinceManageUsersRowFinancialOperator } from "./ProvinceManageUsersRowFinancialOperator"; +import { ProvinceManageUsersRowInspectorOperator } from "./ProvinceManageUsersRowInspectorOperator"; +import { ProvinceManageUsersRowJahadCity } from "./ProvinceManageUsersRowJahadCity"; +import { ProvinceManageUsersRowJahadProvince } from "./ProvinceManageUsersRowJahadProvince"; +import { ProvinceManageUsersRowKillHouse } from "./ProvinceManageUsersRowKillHouse"; +import { ProvinceManageUsersRowPoultry } from "./ProvinceManageUsersRowPoultry"; +import { ProvinceManageUsersRowProvinceOperator } from "./ProvinceManageUsersRowProvinceOperator"; + +export const ProvinceManageUsersRoles = ({ userRoles, row }) => { + const dispatch = useDispatch(); + const [data, setData] = useState(); + + useEffect(() => { + dispatch( + provinceGetManageUsersRolesService({ userProfileKey: row.userKey }) + ).then((r) => setData(r.payload.data)); + }, []); + + const poultries = data?.filter((item) => item.roleName === "Poultry"); + const killHouses = data?.filter((item) => item.roleName === "KillHouse"); + const cityOperators = data?.filter( + (item) => item.roleName === "CityOperator" + ); + const provinceOperators = data?.filter( + (item) => item.roleName === "ProvinceOperator" + ); + const financialOperators = data?.filter( + (item) => item.roleName === "ProvinceFinancial" + ); + const drivers = data?.filter((item) => item.roleName === "Driver"); + const killhouseVet = data?.filter((item) => item.roleName === "KillHouseVet"); + const vetFarm = data?.filter((item) => item.roleName === "VetFarm"); + const provinceInspector = data?.filter( + (item) => item.roleName === "ProvinceInspector" + ); + const jahadProvince = data?.filter((item) => item.roleName === "Jahad"); + const jahadCity = data?.filter((item) => item.roleName === "CityJahad"); + const admin = data?.filter((item) => item.roleName === "Admin"); + + return ( + <> + {!!poultries?.length && ( + + + نقش های مرغدار + + + + + شناسه یکتا + نام مرغداری + تعاونی + استان + شهر + آدرس + تعداد سالن + ظرفیت (قطعه) + اسناد هویتی + اطلاعات بانکی + وضعیت + + + {poultries.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!killHouses?.length && ( + + + نقش کشتارگاه + + + + + نام کشتارگاه + استان + شهر + آدرس + ظرفیت + کشتارکن ها + اسناد هویتی + اطلاعات بانکی + وضعیت + + + {killHouses.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!cityOperators?.length && ( + + + نقش شهرستان + + + + + تعاونی + استان + شهر + آدرس + اسناد هویتی + اطلاعات بانکی + + + {cityOperators.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!provinceOperators?.length && ( + + + نقش اپراتور تخصیص + + + + + استان + شهر + آدرس + اسناد هویتی + اطلاعات بانکی + + + {provinceOperators.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!financialOperators?.length && ( + + + نقش اپراتور مالی + + + + + استان + شهر + آدرس + اسناد هویتی + اطلاعات بانکی + + + {financialOperators.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!drivers?.length && ( + + + نقش راننده + + + + + نام و نام خانوادگی + تلفن راننده + مدل خودرو + ظرفیت + کدبهداشتی + شماره پلاک + اطلاعات بانکی + اسناد هویتی + زیرمجموعه کشتارگاه + وضعیت + + + {drivers.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!killhouseVet?.length && ( + + + نقش دامپزشک کشتارگاه + + + + + استان + شهر + آدرس + اسناد هویتی + کشتارگاه زیرمجموعه + اطلاعات بانکی + وضعیت + + + {killhouseVet.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!vetFarm?.length && ( + + + نقش دامپزشک فارم + + + + + استان + شهر + آدرس + اسناد هویتی + اطلاعات بانکی + وضعیت + + + {vetFarm.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!provinceInspector?.length && ( + + + نقش بازرس + + + + + استان + شهر + آدرس + اسناد هویتی + وضعیت + + + {provinceInspector.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!jahadProvince?.length && ( + + + نقش جهاد استان + + + + + استان + شهر + آدرس + اطلاعات بانکی + اسناد هویتی + وضعیت + + + {jahadProvince.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!jahadCity?.length && ( + + + نقش جهاد شهرستان + + + + + استان + شهر + آدرس + اطلاعات بانکی + اسناد هویتی + وضعیت + + + {jahadCity.map((item, i) => { + return ( + + ); + })} +

+ + )} + {!!admin?.length && ( + + + نقش ادمین استان + + + + + استان + شهر + آدرس + اسناد هویتی + وضعیت + + + {admin.map((item, i) => { + return ( + + ); + })} +

+ + )} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRow.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRow.js new file mode 100644 index 0000000..26d4383 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRow.js @@ -0,0 +1,66 @@ +import { + Avatar, + Button, + Collapse, + IconButton, + Switch, + TableCell, + TableRow, +} from "@mui/material"; +import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown"; +import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp"; +import { useState } from "react"; +import { ProvinceManageUsersRoles } from "./ProvinceManageUsersRoles"; +// import { useDispatch } from "react-redux"; +// import { provinceGetManageUsersRolesService } from "../../services/province-get-manage-users-roles"; + +export function ProvinceManageUsersRow(props) { + const { row } = props; + const [open, setOpen] = useState(false); + + const [checked, setChecked] = useState(row.userState); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + <> + *": { borderBottom: "unset" } }}> + + setOpen(!open)} + > + {open ? : } + + + + {row.image && } + {row.name} + + {row.nationalCode} + {row.phone} + {row.birthDate} + {row.password} + {row.identityDocuments} + {row.rolesTitle} + + + + + + + + + + + + + + + + + ); +} diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowAdmin.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowAdmin.js new file mode 100644 index 0000000..d78f478 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowAdmin.js @@ -0,0 +1,25 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; + +export const ProvinceManageUsersRowAdmin = ({ row, item }) => { + const { details } = item; + const [checked, setChecked] = useState(details.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowCityOperator.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowCityOperator.js new file mode 100644 index 0000000..ed7e5f8 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowCityOperator.js @@ -0,0 +1,34 @@ +import { TableBody, TableCell, TableRow } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowCityOperator = ({ row, item }) => { + const { details } = item; + + return ( + + {/* {row.userRoles.map((userRolesRow) => ( */} + + + {details.unitName} + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriver.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriver.js new file mode 100644 index 0000000..f50ecba --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriver.js @@ -0,0 +1,46 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowDriver = ({ row, item }) => { + const { details } = item; + + const [checked, setChecked] = useState(details.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + + {details.driverName} + {details.driverMobile} + {details.typeCar} + + {details.capocity.toLocaleString()} + + {details.healthCode} + {details.pelak} + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + {details.identityDocuments} + - + + + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriverKillhouseVet.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriverKillhouseVet.js new file mode 100644 index 0000000..4d6b8f8 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriverKillhouseVet.js @@ -0,0 +1,43 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowKillhouseVet = ({ row, item }) => { + const { details } = item; + + const [checked, setChecked] = useState(details.vet.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + + + {details.vet.address.province.name} + + {details.vet.address.city.name} + {details.vet.address.address} + {details.vet.identityDocuments} + {details.killHouse.name} + + {details.vet.userBankInfo && details.vet.userBankInfo.bankName ? ( + + نام بانک: {details.vet.userBankInfo.bankName} + شماره کارت: {details.vet.userBankInfo.card} + شماره حساب: {details.vet.userBankInfo.account} + شبا: {details.vet.userBankInfo.shaba} + + ) : ( + "-" + )} + + + + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriverVetFarm.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriverVetFarm.js new file mode 100644 index 0000000..690783a --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowDriverVetFarm.js @@ -0,0 +1,39 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowVetFarm = ({ row, item }) => { + const { details } = item; + + const [checked, setChecked] = useState(details?.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowFinancialOperator.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowFinancialOperator.js new file mode 100644 index 0000000..5504860 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowFinancialOperator.js @@ -0,0 +1,31 @@ +import { TableBody, TableCell, TableRow } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowFinancialOperator = ({ row, item }) => { + const { details } = item; + + return ( + + {/* {row.userRoles.map((userRolesRow) => ( */} + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowInspectorOperator.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowInspectorOperator.js new file mode 100644 index 0000000..1aacf2b --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowInspectorOperator.js @@ -0,0 +1,27 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; + +export const ProvinceManageUsersRowInspectorOperator = ({ row, item }) => { + const { details } = item; + const [checked, setChecked] = useState(details.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + {/* {row.userRoles.map((userRolesRow) => ( */} + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowJahadCity.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowJahadCity.js new file mode 100644 index 0000000..3cf25b2 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowJahadCity.js @@ -0,0 +1,38 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowJahadCity = ({ row, item }) => { + const { details } = item; + const [checked, setChecked] = useState(details.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + + + + + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowJahadProvince.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowJahadProvince.js new file mode 100644 index 0000000..392f808 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowJahadProvince.js @@ -0,0 +1,40 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowJahadProvince = ({ row, item }) => { + const { details } = item; + const [checked, setChecked] = useState(details.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + {/* {row.userRoles.map((userRolesRow) => ( */} + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + + + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowKillHouse.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowKillHouse.js new file mode 100644 index 0000000..5230706 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowKillHouse.js @@ -0,0 +1,57 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowKillHouse = ({ row, item }) => { + const { details } = item; + + const [checked, setChecked] = useState(details.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + {/* {row.userRoles.map((userRolesRow) => ( */} + + + {details.name} + + + {details.systemAddress.province.name} + + {details.systemAddress.city.name} + {details.systemAddress.address} + + {details.capacity.toLocaleString()} + + {"-"} + {details.identityDocuments} + + {details.killHouseOperator.userBankInfo && + details.killHouseOperator.userBankInfo.bankName ? ( + + + نام بانک: {details.killHouseOperator.userBankInfo.bankName} + + + شماره کارت: {details.killHouseOperator.userBankInfo.card} + + + شماره حساب: {details.killHouseOperator.userBankInfo.account} + + شبا: {details.killHouseOperator.userBankInfo.shaba} + + ) : ( + "-" + )} + + + + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowPoultry.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowPoultry.js new file mode 100644 index 0000000..6af53f2 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowPoultry.js @@ -0,0 +1,52 @@ +import { Switch, TableBody, TableCell, TableRow } from "@mui/material"; +import { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowPoultry = ({ row, item }) => { + const { details } = item; + + const [checked, setChecked] = useState(details.active); + + const handleChange = () => { + setChecked(!checked); + }; + + return ( + + {/* {row.userRoles.map((userRolesRow) => ( */} + + + {details.breedingUniqueId} + + {details.unitName} + + {details.cityOperator ? details.cityOperator : "-"} + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.numberOfHalls} + + {details.totalCapacity.toLocaleString()} + + - + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + + + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-users/ProvinceManageUsersRowProvinceOperator.js b/src/features/province/components/province-manage-users/ProvinceManageUsersRowProvinceOperator.js new file mode 100644 index 0000000..71a5f45 --- /dev/null +++ b/src/features/province/components/province-manage-users/ProvinceManageUsersRowProvinceOperator.js @@ -0,0 +1,31 @@ +import { TableBody, TableCell, TableRow } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceManageUsersRowProvinceOperator = ({ row, item }) => { + const { details } = item; + + return ( + + {/* {row.userRoles.map((userRolesRow) => ( */} + + {details.address.province.name} + {details.address.city.name} + {details.address.address} + {details.identityDocuments} + + {details.userBankInfo && details.userBankInfo.bankName ? ( + + نام بانک: {details.userBankInfo.bankName} + شماره کارت: {details.userBankInfo.card} + شماره حساب: {details.userBankInfo.account} + شبا: {details.userBankInfo.shaba} + + ) : ( + "-" + )} + + + {/* ))} */} + + ); +}; diff --git a/src/features/province/components/province-manage-warehouse-limitation/ProvinceManageWarehouseLimitation.js b/src/features/province/components/province-manage-warehouse-limitation/ProvinceManageWarehouseLimitation.js new file mode 100644 index 0000000..8764da3 --- /dev/null +++ b/src/features/province/components/province-manage-warehouse-limitation/ProvinceManageWarehouseLimitation.js @@ -0,0 +1,247 @@ +import React, { useContext, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, Switch, TextField, Typography } from "@mui/material"; +import { provinceUpdateKillerIdentityService } from "../../services/province-update-killer-identity"; +import { useDispatch } from "react-redux"; + +export const ProvinceManageWarehouseLimitation = ({ item, fetchdata }) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + // Weight limitation states + const [weightLimitEnabled, setWeightLimitEnabled] = useState( + item?.wareHouseRemainingWeightLimitationStatus || false + ); + const [weightLimit, setWeightLimit] = useState( + item?.wareHouseRemainingWeightLimitation || "" + ); + + // Percent limitation states + const [percentLimitEnabled, setPercentLimitEnabled] = useState( + item?.wareHouseRemainingPercentLimitationStatus || false + ); + const [percentLimit, setPercentLimit] = useState( + item?.wareHouseRemainingPercentLimitation || "" + ); + + const handleWeightToggle = () => { + setWeightLimitEnabled(!weightLimitEnabled); + }; + + const handlePercentToggle = () => { + setPercentLimitEnabled(!percentLimitEnabled); + }; + + const handleSubmit = () => { + dispatch( + provinceUpdateKillerIdentityService({ + kill_house_key: item?.key, + ware_house_remaining_weight_limitation_status: weightLimitEnabled, + ware_house_remaining_weight_limitation: weightLimitEnabled + ? weightLimit + : 0, + ware_house_remaining_percent_limitation_status: percentLimitEnabled, + ware_house_remaining_percent_limitation: percentLimitEnabled + ? percentLimit + : 0, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchdata(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "محدودیت‌های انبار با موفقیت ویرایش شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + + محدودیت سقف انبار + + + + {/* Weight Limitation Section */} + + + + + + + + محدودیت مانده انبار + + + + + {weightLimitEnabled && ( + + + setWeightLimit(e.target.value)} + size="small" + inputProps={{ min: 0 }} + sx={{ + "& .MuiInputLabel-root": { + fontSize: { xs: "0.875rem", sm: "1rem" }, + }, + "& .MuiInputBase-input": { + fontSize: { xs: "0.875rem", sm: "1rem" }, + }, + }} + /> + + + )} + + + {/* Percent Limitation Section */} + + + + + + + + محدودیت مانده کشتار روزانه + + + + + {percentLimitEnabled && ( + + + setPercentLimit(e.target.value)} + size="small" + inputProps={{ min: 0, max: 100 }} + sx={{ + "& .MuiInputLabel-root": { + fontSize: { xs: "0.875rem", sm: "1rem" }, + }, + "& .MuiInputBase-input": { + fontSize: { xs: "0.875rem", sm: "1rem" }, + }, + }} + /> + + + )} + + + {/* Submit Button */} + + + + + ); +}; diff --git a/src/features/province/components/province-management-maximum-load/ProvinceManagementMaximumLoad.js b/src/features/province/components/province-management-maximum-load/ProvinceManagementMaximumLoad.js new file mode 100644 index 0000000..59e309e --- /dev/null +++ b/src/features/province/components/province-management-maximum-load/ProvinceManagementMaximumLoad.js @@ -0,0 +1,111 @@ +import React, { useContext } from "react"; +import { Button, TextField, Typography } from "@mui/material"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { provinceUpdateKillerIdentityService } from "../../services/province-update-killer-identity"; + +const validationSchema = yup.object({ + maximumIncrease: yup + .number() + .typeError("لطفا یک عدد وارد کنید") + .min(0, "عددی بین 0 تا 100 وارد کنید!") + .max(100, "عددی بین 0 تا 100 وارد کنید!") + .required("این فیلد اجباری است"), + maximumDecrease: yup + .number() + .typeError("لطفا یک عدد وارد کنید") + .min(0, "عددی بین 0 تا 100 وارد کنید!") + .max(100, "عددی بین 0 تا 100 وارد کنید!") + .required("این فیلد اجباری است"), +}); + +export const ProvinceManagementMaximumLoad = ({ item, fetchdata }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + maximumIncrease: item?.maximumLoadVolumeIncrease || 0, + maximumDecrease: item?.maximumLoadVolumeReduction || 0, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + provinceUpdateKillerIdentityService({ + kill_house_key: item?.key, + maximum_load_volume_increase: values.maximumIncrease, + maximum_load_volume_reduction: values.maximumDecrease, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchdata(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( +

+ + درصد افزایش/کاهش حجم ورود اطلاعات بار + + + + + + + + ); +}; diff --git a/src/features/province/components/province-mandatory-slaughterhouse-verification-code/ProvinceMandatorySlaughterhouseVerificationCode.js b/src/features/province/components/province-mandatory-slaughterhouse-verification-code/ProvinceMandatorySlaughterhouseVerificationCode.js new file mode 100644 index 0000000..96354a4 --- /dev/null +++ b/src/features/province/components/province-mandatory-slaughterhouse-verification-code/ProvinceMandatorySlaughterhouseVerificationCode.js @@ -0,0 +1,111 @@ +import { FormControlLabel, Radio, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceMandatorySlaughterhouseVerificationCode = () => { + const [isActive, setIsActive] = useState(false); + const [dataId, setDataId] = useState(null); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + const fetchData = async () => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + "/allow_register_code_for_kill_house_free_sale_bar_information" + ); + if (response.data) { + setIsActive(response.data.active); + setDataId(response.data.id); + } + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + dispatch(LOADING_END()); + } + }; + + fetchData(); + }, [dispatch]); + + // Update value + const handleUpdate = async (newValue) => { + if (dataId === null) return; + + try { + dispatch(LOADING_START()); + await axios.put( + `/allow_register_code_for_kill_house_free_sale_bar_information/${dataId}/`, + { + active: newValue, + } + ); + setIsActive(newValue); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "تغییرات با موفقیت ثبت شد", + severity: "success", + }); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error updating data:", error); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "خطا در ثبت تغییرات", + severity: "error", + }); + dispatch(LOADING_END()); + } + }; + + return ( + + اجباری بودن کد احراز کشتارگاه + + handleUpdate(true)} + /> + } + label="فعال" + /> + handleUpdate(false)} + /> + } + label="غیر فعال" + /> + + + ); +}; diff --git a/src/features/province/components/province-mandatory-supervisor-authentication-code/ProvinceMandatorySuperVisorAuthenticationCode.js b/src/features/province/components/province-mandatory-supervisor-authentication-code/ProvinceMandatorySuperVisorAuthenticationCode.js new file mode 100644 index 0000000..c273d81 --- /dev/null +++ b/src/features/province/components/province-mandatory-supervisor-authentication-code/ProvinceMandatorySuperVisorAuthenticationCode.js @@ -0,0 +1,110 @@ +import { FormControlLabel, Radio, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceMandatorySuperVisorAuthenticationCode = () => { + const [isActive, setIsActive] = useState(false); + const [dataId, setDataId] = useState(null); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + const fetchData = async () => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + "/allow_register_code_for_steward_free_sale_bar_information" + ); + if (response.data) { + setIsActive(response.data.active); + setDataId(response.data.id); + } + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + dispatch(LOADING_END()); + } + }; + + fetchData(); + }, [dispatch]); + + const handleUpdate = async (newValue) => { + if (dataId === null) return; + + try { + dispatch(LOADING_START()); + await axios.put( + `/allow_register_code_for_steward_free_sale_bar_information/${dataId}/`, + { + active: newValue, + } + ); + setIsActive(newValue); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "تغییرات با موفقیت ثبت شد", + severity: "success", + }); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error updating data:", error); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "خطا در ثبت تغییرات", + severity: "error", + }); + dispatch(LOADING_END()); + } + }; + + return ( + + اجباری بودن کد احراز مباشر + + handleUpdate(true)} + /> + } + label="فعال" + /> + handleUpdate(false)} + /> + } + label="غیر فعال" + /> + + + ); +}; diff --git a/src/features/province/components/province-national-info-Slaughterhouse/ProvinceNationalInfoSlaughterhouse.js b/src/features/province/components/province-national-info-Slaughterhouse/ProvinceNationalInfoSlaughterhouse.js new file mode 100644 index 0000000..a078945 --- /dev/null +++ b/src/features/province/components/province-national-info-Slaughterhouse/ProvinceNationalInfoSlaughterhouse.js @@ -0,0 +1,487 @@ +import { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import moment from "moment"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + Checkbox, + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useParams } from "react-router-dom"; +import { getSamasatProvinces } from "../../../../utils/getSamasatProvinces"; +import { provinceNationalInfoSlaughterhouseGetDashboardService } from "../../../city/services/province-national-info-slughter-house-service"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import TuneIcon from "@mui/icons-material/Tune"; +import DownloadIcon from "@mui/icons-material/Download"; +import { + ROUTE_ADMINX_ROUTE_NATIONAL_INFO_SLAUGHTER, + ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO_SLAUGHTER, + ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_SLAUGHTER, +} from "../../../../routes/routes"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; + +const SlaughterActionsMenu = ({ excelHref, onView }) => { + const [anchorEl, setAnchorEl] = useState(null); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "slaughter-actions-menu" : undefined; + + const options = [ + { + key: "excel", + label: "دانلود اکسل", + color: "success.main", + icon: , + action: () => { + window.open(excelHref, "_blank", "noopener"); + }, + }, + { + key: "details", + label: "نمایش جزئیات", + color: "primary.main", + icon: , + action: onView, + }, + ]; + + return ( + + + + + + + + + {options.map((option) => ( + { + handleClose(); + option.action(); + }} + sx={{ + borderRadius: 1, + mb: 0.5, + color: option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {option.icon} + + + {option.label} + + } + /> + + ))} + + + + ); +}; + +export const ProvinceNationalInfoSlaughterhouse = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [selectedProvince, setSelectedProvince] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [withDate, setWithDate] = useState(false); + + const [data, setData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const { key } = useParams(); + + const getDashboardData = () => { + dispatch( + provinceNationalInfoSlaughterhouseGetDashboardService({ + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + search: textValue, + province: key || selectedProvince ? selectedProvince : "", + role: getRoleFromUrl(), + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/total-killhouse/?search=${textValue}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&province=${ + key || selectedProvince ? selectedProvince : "" + }` + ); + + getDashboardData(); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.UnitName, + item?.PartIdCode, + item?.Province, + item?.City, + item?.info?.bars?.toLocaleString(), + item?.info?.totalBarsQuantity?.toLocaleString(), + item?.info?.inputBars?.toLocaleString(), + item?.info?.totalInputBarsQuantity?.toLocaleString(), + item?.info?.totalInputBarsPercent[0] + ? item?.info?.totalInputBarsPercent[0]?.toFixed(1) + : item?.info?.totalInputBarsPercent, + item?.info?.outputBars?.toLocaleString(), + item?.info?.totalOutputBarsQuantity?.toLocaleString(), + item?.info?.totalOutputBarsPercent?.toFixed(1), + + window.open( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_ROUTE_NATIONAL_INFO_SLAUGHTER}/${item.PartIdCode}/${item?.UnitName}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_SLAUGHTER}/${item.PartIdCode}/${item?.UnitName}` + : `${ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO_SLAUGHTER}/${item.PartIdCode}/${item?.UnitName}`, + "_blank" + ) + } + />, + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [ + dispatch, + selectedDate1, + selectedDate2, + perPage, + selectedProvince, + withDate, + ]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/total-killhouse/?role=${getRoleFromUrl()}&search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&province=${ + key || selectedProvince ? selectedProvince : "" + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + getDashboardData(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const getProvinceList = () => { + return [{ name: "همه" }, ...getSamasatProvinces()]; + }; + + return ( + + + {!key && ( + + { + return { + label: i.name, + }; + })} + onChange={(event, value) => { + if (value.label !== "همه") { + setSelectedProvince(value.label); + } else { + setSelectedProvince(""); + } + }} + renderInput={(params) => ( + + )} + /> + + )} + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-national-info-farm/ProvinceNationalInfoFarm.js b/src/features/province/components/province-national-info-farm/ProvinceNationalInfoFarm.js new file mode 100644 index 0000000..e22a9ed --- /dev/null +++ b/src/features/province/components/province-national-info-farm/ProvinceNationalInfoFarm.js @@ -0,0 +1,353 @@ +import { Grid } from "../../../../components/grid/Grid"; +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Checkbox, + FormControlLabel, + IconButton, + Tab, + Tabs, + TextField, + Tooltip, +} from "@mui/material"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; + +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useParams } from "react-router-dom"; +import { formatJustDate } from "../../../../utils/formatTime"; + +import { BackButton } from "../../../../components/back-button/BackButton"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + ROUTE_ADMINX_ROUTE_NATIONAL_INFO, + ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO, + ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO, +} from "../../../../routes/routes"; +import { nationalInfoGetDashboardService } from "../../../city/services/national-info-get-dashboard-info-service"; + +export const ProvinceNationalInfoFarm = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const { key, name } = useParams(); + + const [dashboardData, setDashboardData] = useState([]); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [withDate, setWithDate] = useState(false); + const [value, setValue] = useState("0"); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const getDashboardData = () => { + dispatch( + nationalInfoGetDashboardService({ + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + search: textValue, + system_code: key, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `https://rsibackend.rasadyar.com/app/hatchings/?search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&system_code=${key}&state=${ + value === "0" ? "pending" : "archive" + }` + ); + dispatch(LOADING_END()); + getDashboardData(); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.poultry?.Province || "-", + item?.poultry?.City || "-", + item?.poultry?.UnitName, + `${item?.poultry?.FirstName} ${item?.poultry?.LastName || ""}`, + item?.RequestCode, + item?.CertId, + item?.CapacityFemale?.toLocaleString(), + formatJustDate(item?.Date), + Math.floor(item?.Age), + item?.ChickCountSum?.toLocaleString(), + item?.Period?.toLocaleString(), + item?.Evacuation?.toLocaleString(), + item?.info?.percentHatchingLicense?.toFixed(2), + item?.LeftOver?.toLocaleString(), + Math.floor(item?.KillingAve), + item?.info?.numberLoads?.toLocaleString(), + item?.info?.loadVolume?.toLocaleString(), + + + window.open( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_ROUTE_NATIONAL_INFO}/${item.RequestCode}/${item?.poultry?.UnitName}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO}/${item.RequestCode}/${item?.poultry?.UnitName}` + : `${ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO}/${item.RequestCode}/${item?.poultry?.UnitName}`, + "_blank" + ) + } + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate, value]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/hatchings/?search=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&system_code=${key}&state=${ + value === "0" ? "pending" : "archive" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + + dispatch(LOADING_END()); + getDashboardData(); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + + + + + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-national-info-farms/ProvinceNationalInfoFarms.js b/src/features/province/components/province-national-info-farms/ProvinceNationalInfoFarms.js new file mode 100644 index 0000000..72bc557 --- /dev/null +++ b/src/features/province/components/province-national-info-farms/ProvinceNationalInfoFarms.js @@ -0,0 +1,452 @@ +import React, { useEffect, useState } from "react"; +import { + Autocomplete, + Button, + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, + TextField, + Tooltip, + Typography, +} from "@mui/material"; + +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { useNavigate, useParams } from "react-router-dom"; +import { + ROUTE_ADMINX_ROUTE_NATIONAL_INFO_FARM, + ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO_FARM, + ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_FARM, +} from "../../../../routes/routes"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import TuneIcon from "@mui/icons-material/Tune"; +import DownloadIcon from "@mui/icons-material/Download"; +import { provinceNationalFarmManagementInfoDashboardService } from "../../services/province-national-info-farm-management-info-dashboard-service"; +import { getSamasatProvinces } from "../../../../utils/getSamasatProvinces"; + +const FarmActionsMenu = ({ excelHref, onView }) => { + const [anchorEl, setAnchorEl] = useState(null); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "farm-actions-menu" : undefined; + + const options = [ + { + key: "excel", + label: "دانلود اکسل", + color: "success.main", + icon: , + action: () => { + window.open(excelHref, "_blank", "noopener"); + }, + }, + { + key: "view", + label: "نمایش جزئیات", + color: "primary.main", + icon: , + action: onView, + }, + ]; + + return ( + + + + + + + + + {options.map((option) => ( + { + handleClose(); + option.action(); + }} + sx={{ + borderRadius: 1, + mb: 0.5, + color: option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {option.icon} + + + {option.label} + + } + /> + + ))} + + + + ); +}; + +export const ProvinceNationalInfoFarms = () => { + const navigate = useNavigate(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [selectedProvince, setSelectedProvince] = useState(""); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [dashboardData, setDashboardData] = useState([]); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const dispatch = useDispatch(); + const { key } = useParams(); + + const getDashboardData = () => { + dispatch( + provinceNationalFarmManagementInfoDashboardService({ + search: textValue, + province: selectedProvince === "همه" ? "" : selectedProvince, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/poultry-info/?search=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}&province=${ + key || selectedProvince ? selectedProvince : "" + }` + ); + dispatch(LOADING_END()); + getDashboardData(); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + const name = (item.FirstName + "" + item.LastName).replace("null", ""); + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + name, + item?.Mobile, + item?.UnitName, + item?.EpidemiologicCode, + item?.SystemCode, + item?.UnitId, + item?.UserIsActiveDescription, + item?.info?.capacity?.toLocaleString(), + item?.Province, + item?.City, + item?.info?.countHatching?.toLocaleString(), + item?.info?.totalHatching?.toLocaleString(), + item?.info?.totalEvacuation?.toLocaleString(), + item?.info?.totalEvacuationPercent?.toLocaleString(), + item?.info?.totalKilling?.toLocaleString(), + item?.info?.totalKillingPercent?.toLocaleString(), + item?.info?.totalLeftover?.toLocaleString(), + item?.info?.totalLeftOverPercent?.toLocaleString(), + item?.info?.carsCount?.toLocaleString(), + item?.info?.totalCars?.toLocaleString(), + { + navigate( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_ROUTE_NATIONAL_INFO_FARM}/${item?.SystemCode}/${name}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO_FARM}/${item?.SystemCode}/${name}` + : `${ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO_FARM}/${item?.SystemCode}/${name}` + ); + }} + />, + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage, selectedProvince]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `https://rsibackend.rasadyar.com/app/poultry-info/?role=${getRoleFromUrl()}&search=${textValue}&page=${1}&page_size=${perPage}&province=${ + key || selectedProvince ? selectedProvince : "" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + getDashboardData(); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const getProvinceList = () => { + return [{ name: "همه" }, ...getSamasatProvinces()]; + }; + + const getProvince = (item) => { + if (!key && (selectedProvince === "همه" || !selectedProvince)) { + return [item ? item?.provinceCount?.toLocaleString() : "تعداد استان"]; + } else { + return []; + } + }; + return ( + + + {!key && ( + + { + return { + label: i.name, + }; + })} + onChange={(event, value) => { + if (value.label !== "همه") { + setSelectedProvince(value.label); + } else { + setSelectedProvince(""); + } + }} + renderInput={(params) => ( + + )} + /> + + )} + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-national-info-overview/ProvinceNationalInfoOverview.js b/src/features/province/components/province-national-info-overview/ProvinceNationalInfoOverview.js new file mode 100644 index 0000000..6b14d30 --- /dev/null +++ b/src/features/province/components/province-national-info-overview/ProvinceNationalInfoOverview.js @@ -0,0 +1,283 @@ +import { useDispatch } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { + ROUTE_ADMINX_ROUTE_NATIONAL_INFO, + ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO, + ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO, +} from "../../../../routes/routes"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, Typography, Box } from "@mui/material"; +import { useEffect, useState } from "react"; +import { + Egg as EggIcon, + Numbers as NumbersIcon, + LocationCity as CityIcon, + TrendingUp as TrendingUpIcon, + TrendingDown as TrendingDownIcon, + ShowChart as ChartIcon, + Home as FarmIcon, + CalendarToday as AgeIcon, + Info as InfoIcon, + ArrowForward as ArrowForwardIcon, +} from "@mui/icons-material"; +import { provinceNationalFarmManagementInfoDashboardService } from "../../services/province-national-info-farm-management-info-dashboard-service"; + +export const ProvinceNationalInfoOverview = ({ provinceId }) => { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const [provinceData, setProvinceData] = useState(null); + + useEffect(() => { + dispatch( + provinceNationalFarmManagementInfoDashboardService({ + province: provinceId, + }) + ).then((r) => { + setProvinceData(r.payload.data); + }); + }, []); + + const handleNavigate = () => { + dispatch(CLOSE_MODAL()); + navigate( + getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_ROUTE_NATIONAL_INFO}/${provinceId}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMIN_ROUTE_NATIONAL_INFO}/${provinceId}` + : `${ROUTE_PROVINCE_SUPERVISOR_ROUTE_NATIONAL_INFO}/${provinceId}` + ); + }; + + const StatItem = ({ icon, label, value, color = "text.primary" }) => ( + + + {icon} + + + + + {label}: {value} + + + + + ); + + return ( + + + + کل جوجه ریزی ها + } + label="تعداد فارم ها" + value={provinceData?.poultryCount?.toLocaleString() || 0} + /> + } + label="تعداد کل جوجه ریزی" + value={provinceData?.totalHatchingCount?.toLocaleString() || 0} + /> + } + label="حجم کل جوجه ریزی" + value={provinceData?.totalHatchingQuantity?.toLocaleString() || 0} + /> + } + label="تلفات" + value={provinceData?.totalHatchingEvacuation?.toLocaleString() || 0} + color="error.main" + /> + } + label="درصد تلفات " + value={ + provinceData?.totalHatchingEvacuationPercent?.toLocaleString() || + 0 + } + color="error.main" + /> + } + label="کشتار شده" + value={ + provinceData?.totalHatchingKillingQuantity?.toLocaleString() || 0 + } + /> + } + label="درصد کشتار" + value={ + provinceData?.totalHatchingKillingQuantityPercent?.toLocaleString() || + 0 + } + /> + } + label="مانده در سالن" + value={provinceData?.totalHatchingLeftOver?.toLocaleString() || 0} + /> + } + label="درصد مانده در سالن" + value={ + provinceData?.totalHatchingLeftOverPercent?.toLocaleString() || 0 + } + /> + } + label="میانگین سن کشتار" + value={Math.floor(provinceData?.totalHatchingKillingAge) || 0} + /> + } + label="تعداد شهرستان" + value={Math.floor(provinceData?.cityCount?.toLocaleString()) || 0} + /> + + + + جوجه ریزی های فعال + + } + label="تعداد جوجه ریزی " + value={ + Math.floor( + provinceData?.totalActiveHatchingCount?.toLocaleString() + ) || 0 + } + color="success.main" + /> + } + label="حجم جوجه ریزی " + value={provinceData?.totalActiveHatchingQuantity?.toLocaleString()} + color="success.main" + /> + + } + label="تلفات" + value={provinceData?.totalActiveHatchingEvacuation?.toLocaleString()} + color="success.main" + /> + } + label="درصد تلفات " + value={Math.floor( + provinceData?.totalActiveHatchingEvacuationPercent?.toLocaleString() + )} + color="success.main" + /> + + } + label="کشتار شده " + value={ + Math.floor( + provinceData?.totalActiveHatchingKillingQuantity + ).toLocaleString() || 0 + } + /> + } + label="درصد کشتار " + value={ + Math.floor( + provinceData?.totalActiveHatchingKillingQuantityPercent + ) || 0 + } + /> + + } + label="مانده در سالن " + value={ + provinceData?.totalActiveHatchingLeftOver?.toLocaleString() || 0 + } + /> + + } + label="درصد مانده در سالن " + value={Math.floor( + provinceData?.totalActiveHatchingLeftOverPercent?.toLocaleString() + )} + /> + } + label="میانگین سن کشتار" + value={ + Math.floor( + provinceData?.totalActiveHatchingKillingAge + )?.toLocaleString() || 0 + } + /> + + + + + + + ); +}; diff --git a/src/features/province/components/province-national-info/ProvinceNationalInfo.js b/src/features/province/components/province-national-info/ProvinceNationalInfo.js new file mode 100644 index 0000000..b69b62d --- /dev/null +++ b/src/features/province/components/province-national-info/ProvinceNationalInfo.js @@ -0,0 +1,49 @@ +import React, { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { BackButton } from "../../../../components/back-button/BackButton"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceNationalInfoSlaughterhouse } from "../province-national-info-Slaughterhouse/ProvinceNationalInfoSlaughterhouse"; +import { NationalInfoHatchings } from "../../../city/components/national-info-hatchings/NationalInfoHatchings"; +import { ProvinceNationalInfoFarms } from "../province-national-info-farms/ProvinceNationalInfoFarms"; +import { NationalInfoTransports } from "../../../city/components/national-info-bars/NationalInfoTransports"; + +export const ProvinceNationalInfo = () => { + const [value, setValue] = useState(0); + + const handleChangeTab = (event, newValue) => { + setValue(newValue); + }; + + return ( + + + + + + + + + + + + + + + {value === 0 && } + {value === 1 && } + {value === 2 && } + {value === 3 && } + + + ); +}; diff --git a/src/features/province/components/province-need-request-form/ProvinceNeedRequestForm.js b/src/features/province/components/province-need-request-form/ProvinceNeedRequestForm.js new file mode 100644 index 0000000..63e2a1c --- /dev/null +++ b/src/features/province/components/province-need-request-form/ProvinceNeedRequestForm.js @@ -0,0 +1,287 @@ +import { + Button, + FormControl, + FormHelperText, + InputLabel, + MenuItem, + Select, + TextField, + Typography, + Grid, +} from "@mui/material"; +import React, { useState, useContext } from "react"; +import { AnimatePresence, motion } from "framer-motion"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { provinceNeedRequestFormService } from "../../services/province-need-request-form"; +import { getSlaughtersKillRequestService } from "../../../city/services/get-slaughters-kill-request"; +import { AppContext } from "../../../../contexts/AppContext"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export function ProvinceNeedRequestForm({ killRequestKey, quantity, item }) { + const [isDenied, setIsDenied] = useState(false); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + rejectText: "", + number: "", + race: "", + }, + validationSchema: Yup.object({ + rejectText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا دلیل خود را بیان کنید."), + }), + }); + + const acceptButtonText = "تایید"; + const rejectButtonText = "رد"; + const handleAccept = () => { + const requestData = { + state: "accepted", + kill_request_key: killRequestKey, + }; + + if (formik.values.number) { + requestData.quantity = formik.values.number; + } + + if (formik.values.race) { + requestData.breed = formik.values.race; + } + + dispatch(LOADING_START()); + dispatch(provinceNeedRequestFormService(requestData)).then((r) => { + dispatch(LOADING_END()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error ? "مشکلی پیش آمده است!" : "عملیات با موفقیت انجام شد.", + severity: r.error ? "error" : "success", + }); + if (!r.error) { + dispatch( + getSlaughtersKillRequestService({ + selectedDate1, + selectedDate2, + }) + ); + dispatch( + DRAWER({ + right: false, + bottom: false, + top: false, + content: null, + }) + ); + } + }); + }; + return ( + + + توضیحات + + + لطفاً نیاز اولیه کشتار را بررسی کرده و در صورت تأیید یا رد، اقدام لازم + را انجام دهید.{" "} + + + شما می‌توانید حجم و نژاد مرغ درخواستی را به‌دلخواه ویرایش کنید.{" "} + + + درخواست کشتارگاه: + + + + + تعداد درخواستی: {quantity.toLocaleString()} قطعه + + + + نژاد: {item?.chickenBreed} + + + + + {isDenied ? ( + + + + + + + + + + + + + + ) : ( + + + + + + + + نژاد مرغ + + + {formik.touched.race && formik.errors.race} + + + + + + + + + + + + )} + + + ); +} diff --git a/src/features/province/components/province-need-requests/ProvinceNeedRequests.js b/src/features/province/components/province-need-requests/ProvinceNeedRequests.js new file mode 100644 index 0000000..9c2c958 --- /dev/null +++ b/src/features/province/components/province-need-requests/ProvinceNeedRequests.js @@ -0,0 +1,438 @@ +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +// import { useLocation } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + // DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +// import { CityNewKillRequest } from "../../../city/components/city-new-kill-request/CityNewKillRequest"; +import { AppContext } from "../../../../contexts/AppContext"; +import { hourLimitKillRequestService } from "../../../city/services/hour-limit-kill-request"; +import { hourLimitGetKillRequestService } from "../../../city/services/hour-limit-get-kill-request"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { getPoultryRequestsTotalQuantityService } from "../../../city/services/get-poultry-requests-total-quantity"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { ProvinceManagePoultryRequestOperations } from "../province-manage-poultry-request-operations/ProvinceManagePoultryRequestOperations"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { deleteDebtorKillhouses } from "../../services/delete-debtor-killhouses"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceNeedRequests = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + const { poultryRequestsTotalQuantity } = useSelector( + (state) => state.citySlice + ); + // const { pathname } = useLocation(); + const dispatch = useDispatch(); + const [isChecked, setIsChecked] = useState(false); + const [selectedHour, setSelectedHour] = useState(""); + + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `Poultry_Request/?role=${getRoleFromUrl()}&today&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue || "" + }&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `Poultry_Request/?role=${getRoleFromUrl()}&today&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue || "" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const [selectedDate, setSelectedDate] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + dispatch(getPoultryRequestsTotalQuantityService(selectedDate)); + }, [selectedDate]); + + useEffect(() => { + dispatch(hourLimitGetKillRequestService()).then((r) => { + setIsChecked(r.payload.data?.[0]?.active); + setSelectedHour(r.payload.data?.[0]?.hour); + }); + dispatch(deleteDebtorKillhouses()); + }, []); + + useEffect(() => { + if (isChecked && selectedHour) { + dispatch( + hourLimitKillRequestService({ hour: selectedHour, active: isChecked }) + ); + } + if (!isChecked && selectedHour) { + setSelectedHour(null); + dispatch(hourLimitKillRequestService({ hour: 0, active: isChecked })); + } + }, [selectedHour, isChecked]); + + const urlRole = window.location.pathname.split("/")[1]; + const fileUrl = "/" + urlRole + "/file/"; + + const getItemSellState = (item) => { + let sellType = ""; + if (item?.market) { + sellType = "پنل معاملات"; + } else if (item?.directBuying) { + sellType = "خرید مستقیم"; + } else if (item?.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return sellType; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + , + item.orderCode, + getItemFreeSaleInProvince(item), + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + getItemSellState(item), + formatTime(item?.createDate) + + " " + + `(${item?.registrar?.fullname} - ${getFaUserRole( + item?.registrar?.role + )})`, + formatJustDate(item?.sendDate), + `${item?.poultry?.unitName} (${item?.poultry?.user?.mobile})`, + item?.killHouseList?.length ? item?.killHouseList.join(" - ") : "ندارد", + `${item?.poultry?.address?.city?.name}/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`, + item?.hatching?.age, + item?.IndexWeight, + item?.hatching?.totalWeight?.toLocaleString(), + item?.firstQuantity.toLocaleString(), + item?.amount.toLocaleString() + " ﷼", + item?.hatching?.leftOver?.toLocaleString(), + item.quantity?.toLocaleString(), + (item.quantity - item?.remainQuantity).toLocaleString(), + item?.remainQuantity?.toLocaleString(), + + {item.hatching.fileState === "province_state_pending" + ? "در انتظار تایید" + : item.hatching.fileState === "allocated_pending" + ? "آماده تخصیص" + : item.hatching.fileState === "confirmation_code_pending" + ? "در انتظار ورود کد احراز" + : "تخصیص داده شده"} + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const updateTable = () => { + fetchApiData(1); + }; + + const tableTitle = ( + +

+ + ); + + const getItemFreeSaleInProvince = (item) => { + let sellType = ""; + if (item?.freeSaleInProvince) { + sellType = "آزاد"; + } else { + sellType = "دولتی"; + } + return sellType; + }; + + return ( + + + {/* + {pathname !== "/vet-supervisor/hatching" && ( + + )} + */} + + + + + اطلاعات کشتار + + + ( + + )} + value={selectedDate} + onChange={(e) => { + setSelectedDate(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + {tableTitle} + + + + + + ); +}; diff --git a/src/features/province/components/province-new-requests/ProvinceNewRequests.js b/src/features/province/components/province-new-requests/ProvinceNewRequests.js new file mode 100644 index 0000000..781ec41 --- /dev/null +++ b/src/features/province/components/province-new-requests/ProvinceNewRequests.js @@ -0,0 +1,96 @@ +import { Card } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import useProvinceNewRequests from "../../hooks/useProvinceNewRequests"; +import { ROUTE_PROVINCE_FILE } from "../../../../routes/routes"; +import IconButton from "@mui/material/IconButton"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import ProvinceCheckRequest from "../../../file/components/province-check-request/ProvinceCheckRequest"; +import CreateIcon from "@mui/icons-material/Create"; +import { format } from "date-fns-jalali"; + +export const ProvinceNewRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const provinceNewRequestsData = useProvinceNewRequests(); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + const d = provinceNewRequestsData?.map((item, i) => { + return [ + i + 1, + item?.poultryRequest?.orderCode, + format(new Date(item?.poultryRequest?.createDate), "yyyy/MM/dd"), + format(new Date(item?.poultryRequest?.sendDate), "yyyy/MM/dd"), + item?.poultryRequest?.process?.poultry?.poultryName, + item?.poultryRequest?.process?.poultry?.poultryMobile, + item?.poultryRequest?.process?.poultry?.poultryCity, + item?.poultryRequest?.process?.poultry?.poultryProvince, + item?.poultryRequest?.process?.poultry?.age, + item?.poultryRequest?.process?.poultry?.poultryQuantity, + + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + title: "انجام عملیات استان", + }) + ) + } + > + + , + { + navigate( + ROUTE_PROVINCE_FILE + + item?.poultryRequest?.process?.poultry?.poultryRequestId + ); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceNewRequestsData]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "عملیات", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/province/components/province-paid-fees-chain-company/ProvincePaidFeesChainCompany.js b/src/features/province/components/province-paid-fees-chain-company/ProvincePaidFeesChainCompany.js new file mode 100644 index 0000000..b531a3a --- /dev/null +++ b/src/features/province/components/province-paid-fees-chain-company/ProvincePaidFeesChainCompany.js @@ -0,0 +1,300 @@ +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_ADMINX_PAYING_FEES_REQUESTS, + ROUTE_PROVINCE_PAYING_FEES_REQUESTS, + ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS, +} from "../../../../routes/routes"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvincePaidFeesChainCompany = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `chain-company-total-transactions/?search=filter&value=${textValue}&type=paid&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `chain-company-total-transactions/?search=filter&value=${textValue}&type=paid&page=${page}&role=${getRoleFromUrl()}&page_size=${newPerPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `chain-company-total-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&type=paid${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const columns = [ + { + name: "خریدار", + selector: (item) => { + return `${item?.info?.company} - ${item?.info?.companyUserFullname} (${item?.info?.companyUserMobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.info?.companyUserCity}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تعداد تراکنش", + selector: (item) => item?.info?.totalPaidCount, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "سهم شما از واریزی (﷼)", + selector: (item) => item?.info?.totalPaidWage?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "جزییات سفارش", + selector: (item) => { + return ( + + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + + پرداختی های شرکت های زنجیره + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-paid-fees/ProvincePaidFees.js b/src/features/province/components/province-paid-fees/ProvincePaidFees.js new file mode 100644 index 0000000..3746f50 --- /dev/null +++ b/src/features/province/components/province-paid-fees/ProvincePaidFees.js @@ -0,0 +1,268 @@ +import { + Button, + Checkbox, + FormControlLabel, + IconButton, + TextField, + Tooltip, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_ADMINX_PAYING_FEES_REQUESTS, + ROUTE_COMMERCE_PAYING_FEES_REQUESTS, + ROUTE_PROVINCE_PAYING_FEES_REQUESTS, + ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS, +} from "../../../../routes/routes"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { RiSearchLine } from "react-icons/ri"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const ProvincePaidFees = () => { + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [textValue, setTextValue] = useState(""); + const [tableData, setTableData] = useState([]); + const [page, setPage] = useState(1); + const dispatch = useDispatch(); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `kill_house_total_transactions_wage/?search=filter&value=${textValue}&type=paid&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill_house_total_transactions_wage/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&type=paid${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.info?.killer ? "کشتارکن" : "کشتارگاه"} ${ + item?.info?.killHouseName + } - ${item?.info?.killHouseFullname} (${item?.info?.killHouseMobile})`, + `${item?.info?.killHouseCity}`, + item?.info?.totalPaidCount, + item?.info?.totalPaidWage?.toLocaleString(), + { + navigate( + getRoleFromUrl() === "ProvinceOperator" + ? `${ROUTE_PROVINCE_PAYING_FEES_REQUESTS}/kill_house_key/${item.key}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS}/kill_house_key/${item.key}` + : getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_PAYING_FEES_REQUESTS}/kill_house_key/${item.key}` + : getRoleFromUrl() === "Commerce" + ? `${ROUTE_COMMERCE_PAYING_FEES_REQUESTS}/kill_house_key/${item.key}` + : "-" + ); + }} + > + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + ); +}; diff --git a/src/features/province/components/province-payment-by-weight-killhouses/ProvincePaymentByWeightKillhouses.js b/src/features/province/components/province-payment-by-weight-killhouses/ProvincePaymentByWeightKillhouses.js new file mode 100644 index 0000000..e125cc7 --- /dev/null +++ b/src/features/province/components/province-payment-by-weight-killhouses/ProvincePaymentByWeightKillhouses.js @@ -0,0 +1,608 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch, useSelector } from "react-redux"; +import { provincePaymentByWeightGetKillHousesService } from "../../services/province-payment-by-weight-killhouse"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Tooltip, +} from "@mui/material"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { provincePaymentByWeightGetDashboard } from "../../services/province-payment-by-weight-dashboard"; + +export const ProvincePaymentByWeightKillhouses = () => { + const [tableData, setTableData] = useState([]); + const dispatch = useDispatch(); + const [withDate, setWithDate] = useState(false); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [dashboardData, setDashboardData] = useState([]); + + useEffect(() => { + dispatch( + provincePaymentByWeightGetDashboard({ + selectedDate1, + selectedDate2, + withDate, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [selectedDate1, selectedDate2, withDate]); + + const getData = () => { + dispatch( + provincePaymentByWeightGetKillHousesService({ + selectedDate1, + selectedDate2, + withDate, + }) + ).then((r) => { + let d = []; + switch (getRoleFromUrl()) { + case "AdminX": + d = r.payload?.data?.map((item, i) => { + return [ + i + 1, + item?.info?.type, + item?.info?.killHouseName, + item?.info?.fullname, + item?.info?.mobile, + item?.info?.city, + item?.info?.lenProvinceKillRequests?.toLocaleString(), + item?.info?.totalKilledQuantity?.toLocaleString(), + item?.info?.totalKilledWeight?.toLocaleString(), + item?.info?.lenKillHouseRequests?.toLocaleString(), + item?.info?.acceptedRealQuantity?.toLocaleString(), + item?.info?.acceptedRealWeight?.toLocaleString(), + item?.info?.lenSlaughterTransactions?.toLocaleString(), + item?.info?.off?.toLocaleString(), + item?.info?.totalWage?.toLocaleString(), + item?.info?.companyTotalWage?.toLocaleString(), + item?.info?.unionTotalWage?.toLocaleString(), + item?.info?.guildsTotalWage?.toLocaleString(), + item?.info?.otherTotalWage?.toLocaleString(), + item?.info?.notPaied?.toLocaleString(), + item?.info?.companyTotalUnpaidWage?.toLocaleString(), + item?.info?.unionTotalUnpaidWage?.toLocaleString(), + item?.info?.guildsTotalUnpaidWage?.toLocaleString(), + item?.info?.otherTotalUnpaidWage?.toLocaleString(), + item?.info?.totalPaidWage?.toLocaleString(), + item?.info?.unionTotalPaidWage?.toLocaleString(), + item?.info?.companyTotalPaidWage?.toLocaleString(), + item?.info?.guildsTotalPaidWage?.toLocaleString(), + item?.info?.otherTotalPaidWage?.toLocaleString(), + ]; + }); + break; + case "SuperAdmin": + d = r.payload?.data?.map((item, i) => { + return [ + i + 1, + item?.info?.type, + item?.info?.killHouseName, + item?.info?.fullname, + item?.info?.mobile, + item?.info?.city, + item?.info?.lenProvinceKillRequests?.toLocaleString(), + item?.info?.totalKilledQuantity?.toLocaleString(), + item?.info?.totalKilledWeight?.toLocaleString(), + item?.info?.lenKillHouseRequests?.toLocaleString(), + item?.info?.acceptedRealQuantity?.toLocaleString(), + item?.info?.acceptedRealWeight?.toLocaleString(), + item?.info?.lenSlaughterTransactions?.toLocaleString(), + item?.info?.off?.toLocaleString(), + item?.info?.totalWage?.toLocaleString(), + item?.info?.companyTotalWage?.toLocaleString(), + item?.info?.unionTotalWage?.toLocaleString(), + item?.info?.guildsTotalWage?.toLocaleString(), + item?.info?.notPaied?.toLocaleString(), + item?.info?.companyTotalUnpaidWage?.toLocaleString(), + item?.info?.unionTotalUnpaidWage?.toLocaleString(), + item?.info?.guildsTotalUnpaidWage?.toLocaleString(), + item?.info?.totalPaidWage?.toLocaleString(), + item?.info?.unionTotalPaidWage?.toLocaleString(), + item?.info?.companyTotalPaidWage?.toLocaleString(), + item?.info?.guildsTotalPaidWage?.toLocaleString(), + ]; + }); + break; + case "ProvinceOperator": + d = r.payload?.data?.map((item, i) => { + return [ + i + 1, + item?.info?.type, + item?.info?.killHouseName, + item?.info?.fullname, + item?.info?.mobile, + item?.info?.city, + item?.info?.totalKilledQuantity?.toLocaleString(), + item?.info?.totalKilledWeight?.toLocaleString(), + item?.info?.lenKillHouseRequests?.toLocaleString(), + item?.info?.acceptedRealQuantity?.toLocaleString(), + item?.info?.acceptedRealWeight?.toLocaleString(), + item?.info?.lenSlaughterTransactions?.toLocaleString(), + item?.info?.unionTotalWage?.toLocaleString(), + item?.info?.unionTotalUnpaidWage?.toLocaleString(), + item?.info?.unionTotalPaidWage?.toLocaleString(), + ]; + }); + break; + default: + d = r.payload?.data?.map((item, i) => { + return [ + i + 1, + item?.info?.type, + item?.info?.killHouseName, + item?.info?.fullname, + item?.info?.mobile, + item?.info?.city, + item?.info?.lenProvinceKillRequests?.toLocaleString(), + item?.info?.totalKilledQuantity?.toLocaleString(), + item?.info?.totalKilledWeight?.toLocaleString(), + item?.info?.lenKillHouseRequests?.toLocaleString(), + item?.info?.acceptedRealQuantity?.toLocaleString(), + item?.info?.acceptedRealWeight?.toLocaleString(), + item?.info?.lenSlaughterTransactions?.toLocaleString(), + item?.info?.unionTotalWage?.toLocaleString(), + item?.info?.unionTotalUnpaidWage?.toLocaleString(), + item?.info?.unionTotalPaidWage?.toLocaleString(), + ]; + }); + break; + } + + setTableData(d); + }); + }; + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + getData(); + }, []); + + return ( + + + + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + {(getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX") && ( + + + + + + )} + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-payment-by-weight-overview/ProvincePaymentByWeightOverview.js b/src/features/province/components/province-payment-by-weight-overview/ProvincePaymentByWeightOverview.js new file mode 100644 index 0000000..be3a88d --- /dev/null +++ b/src/features/province/components/province-payment-by-weight-overview/ProvincePaymentByWeightOverview.js @@ -0,0 +1,1076 @@ +import { + Accordion, + AccordionDetails, + AccordionSummary, + Button, + Checkbox, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvincePaymentPayDept } from "../province-payment-pay-dept/ProvincePaymentPayDept"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useDispatch, useSelector } from "react-redux"; +import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward"; +import { provincePaymentGetKillersOfKillhousesInfo } from "../../services/province-payment-get-killers-of-killhouses-info"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provinceGetWagesOfKillhousesService } from "../../services/province-get-wages-of-killhouses"; +import { provinceGetPaymentByWeightOverview } from "../../services/province-get-payment-by-weight-overview"; +import { getSystemBaseAddress } from "../../../../utils/getSystemBaseAddress"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { AppContext } from "../../../../contexts/AppContext"; +import axios from "axios"; +import SystemUpdateAltIcon from "@mui/icons-material/SystemUpdateAlt"; +import VisibilityIcon from "@mui/icons-material/Visibility"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { useNavigate } from "react-router-dom"; +import { + ROUTE_ADMINX_ROUTE_KILLERS_WAGES, + ROUTE_PROVINCE_ROUTE_KILLERS_WAGES, + ROUTE_SUPER_ADMIN_ROUTE_KILLERS_WAGES, +} from "../../../../routes/routes"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvincePaymentByWeightOverviewTable = () => { + const dispatch = useDispatch(); + const [tableData, setTableData] = useState(); + const [tableDataShares, setTableDataShares] = useState([]); + const [tableDataOfWages, setTableDataOfWages] = useState(); + const { provincePaymentKillersOfKillhouses } = useSelector( + (item) => item.provinceSlice + ); + const userPath = useSelector((state) => state.userSlice.userPath); + const [openNotif] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [withDate, setWithDate] = useState(false); + + const navigate = useNavigate(); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + if (getRoleFromUrl() === "KillHouse") { + dispatch( + provincePaymentGetKillersOfKillhousesInfo({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + } + }, [selectedSubUser?.key]); + + const { provincePaymentByWeightOverview } = useSelector( + (item) => item.provinceSlice + ); + + useEffect(() => { + const d = provincePaymentByWeightOverview?.wageInfo?.shares?.map( + (item, i) => { + return [ + i + 1, + item?.name, + item?.outProvincePoultryRequestWage?.toLocaleString(), + item?.provinceKillRequestWage?.toLocaleString(), + item?.freeSellCarcassesWage?.toLocaleString(), + item?.freeBuyingCarcassesWage?.toLocaleString(), + item?.freeBuyingLiveWage?.toLocaleString(), + parseInt(Math.floor(item?.totalWage / 1000) * 1000)?.toLocaleString(), + parseInt( + Math.floor(item?.totalPaidWage / 1000) * 1000 + )?.toLocaleString(), + parseInt( + Math.floor(item?.totalUnpaidWage / 1000) * 1000 + )?.toLocaleString(), + ]; + } + ); + + setTableDataShares(d); + }, [provincePaymentByWeightOverview]); + + useEffect(() => { + dispatch( + provinceGetPaymentByWeightOverview({ + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + role: getRoleFromUrl(), + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [dispatch, selectedDate1, selectedDate2, withDate, selectedSubUser?.key]); + + useEffect(() => { + if (provincePaymentByWeightOverview) { + const d = provincePaymentKillersOfKillhouses?.map((item, i) => { + if ( + provincePaymentByWeightOverview?.wageInfo?.wageCountingType === "live" + ) { + return [ + item?.name, + Math.ceil(item?.wageInfo?.totalWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalPaidWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.off)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalUnpaidWage)?.toLocaleString(), + {`${window.location.origin}/pay/${getSystemBaseAddress( + userPath + )}/${item?.wageInfo?.userToken}`}, + Math.ceil( + item?.wageInfo?.totalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsLiveTotalWeight + )?.toLocaleString(), + Math.ceil(item?.wageInfo?.freeBarsLiveTotalWage)?.toLocaleString(), + ]; + } else { + return [ + item?.name, + Math.ceil(item?.wageInfo?.totalWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalPaidWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.off)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalUnpaidWage)?.toLocaleString(), + {`${window.location.origin}/pay/${getSystemBaseAddress( + userPath + )}/${item?.wageInfo?.userToken}`}, + Math.ceil( + item?.wageInfo?.totalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalProvinceCarcassesWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsLiveTotalWeight + )?.toLocaleString(), + Math.ceil(item?.wageInfo?.freeBarsLiveTotalWage)?.toLocaleString(), + ]; + } + }); + + setTableData(d); + } + }, [provincePaymentKillersOfKillhouses, provincePaymentByWeightOverview]); + + const getKillHouseShares = (item, name) => { + const d = item?.map((item, i) => { + return [ + i + 1, + item?.name, + item?.provinceKillRequestWage?.toLocaleString(), + item?.returnProvinceKillRequestWage?.toLocaleString(), + item?.freeSellCarcassesWage?.toLocaleString(), + item?.freeBuyingCarcassesWage?.toLocaleString(), + item?.freeBuyingLiveWage?.toLocaleString(), + parseInt(Math.floor(item?.totalWage / 1000) * 1000)?.toLocaleString(), + parseInt( + Math.floor(item?.totalPaidWage / 1000) * 1000 + )?.toLocaleString(), + parseInt( + Math.floor(item?.totalUnpaidWage / 1000) * 1000 + )?.toLocaleString(), + ]; + }); + return ( + { + dispatch( + OPEN_MODAL({ + title: "سهم بندی تعرفه کشتارگاه " + name, + size: 1000, + content: ( + + + + ), + }) + ); + }} + > + + + ); + }; + + useEffect(() => { + if (getRoleFromUrl() !== "KillHouse" && provincePaymentByWeightOverview) { + dispatch( + provinceGetWagesOfKillhousesService({ + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + const d = r.payload.data?.map((item, i) => { + if ( + provincePaymentByWeightOverview?.wageInfo?.wageCountingType === + "live" + ) { + return [ + i + 1, + item?.name, + Math.ceil(item?.wageInfo?.totalWage)?.toLocaleString(), + getKillHouseShares(item?.shares, item?.name), + Math.ceil(item?.wageInfo?.totalPaidWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.off)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalUnpaidWage)?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsLiveTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsLiveTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.returnTotalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalReturnPureProvinceCarcassesPrice + )?.toLocaleString(), + { + navigate( + getRoleFromUrl() === "ProvinceOperator" + ? ROUTE_PROVINCE_ROUTE_KILLERS_WAGES + "/" + item?.key + : getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_ROUTE_KILLERS_WAGES + "/" + item?.key + : ROUTE_ADMINX_ROUTE_KILLERS_WAGES + "/" + item?.key + ); + }} + > + + , + ]; + } else { + return [ + i + 1, + item?.name, + Math.ceil(item?.wageInfo?.totalWage)?.toLocaleString(), + getKillHouseShares(item?.shares, item?.name), + Math.ceil(item?.wageInfo?.totalPaidWage)?.toLocaleString(), + Math.ceil(item?.wageInfo?.off)?.toLocaleString(), + Math.ceil(item?.wageInfo?.totalUnpaidWage)?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalProvinceCarcassesWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.provinceKillRequestsTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsOutProvinceCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsLiveTotalWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.freeBarsLiveTotalWage + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.returnTotalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + item?.wageInfo?.totalReturnPureProvinceCarcassesPrice + )?.toLocaleString(), + { + navigate( + getRoleFromUrl() === "ProvinceOperator" + ? ROUTE_PROVINCE_ROUTE_KILLERS_WAGES + "/" + item?.key + : getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_ROUTE_KILLERS_WAGES + "/" + item?.key + : ROUTE_ADMINX_ROUTE_KILLERS_WAGES + "/" + item?.key + ); + }} + > + + , + ]; + } + }); + + setTableDataOfWages(d); + }); + } + }, [ + dispatch, + provincePaymentByWeightOverview, + selectedDate1, + selectedDate2, + withDate, + ]); + + const getWageDetailsColumns = () => { + if ( + provincePaymentByWeightOverview?.wageInfo?.wageCountingType === "live" + ) { + return [ + "وزن کل فروش زنده به خارج استان", + "تعرفه کل فروش به خارج استان (ریال)", + "کل وزن زنده کشتار داخل استان (کیلوگرم)", + "تعرفه کشتار داخل استان (ریال)", + "وزن توزیع لاشه به خارج استان (کیلوگرم)", + "تعرفه توزیع لاشه خارج استان (ریال)", + "وزن لاشه ورودی به استان (کیلوگرم)", + "تعرفه لاشه ورودی به استان (ریال)", + "وزن مرغ زنده ورودی به استان (کیلوگرم)", + "تعرفه مرغ زنده ورودی به استان (ریال)", + "وزن خریدهای بازگشتی (کیلوگرم)", + "تعرفه خریدهای بازگشتی (ریال)", + ]; + } else { + return [ + "وزن کل فروش زنده به خارج استان", + "تعرفه کل فروش به خارج استان (ریال)", + "کل وزن زنده کشتار داخل استان (کیلوگرم)", + "وزن لاشه کشتار داخل استان (کیلوگرم)", + "وزن توزیع لاشه داخل استان (کیلوگرم)", + "تعرفه توزیع لاشه داخل استان (ریال)", + "وزن توزیع لاشه به خارج استان (کیلوگرم)", + "تعرفه توزیع لاشه خارج استان (ریال)", + "وزن لاشه ورودی به استان (کیلوگرم)", + "تعرفه لاشه ورودی به استان (ریال)", + "وزن مرغ زنده ورودی به استان (کیلوگرم)", + "تعرفه مرغ زنده ورودی به استان (ریال)", + "وزن خریدهای بازگشتی (کیلوگرم)", + "تعرفه خریدهای بازگشتی (ریال)", + ]; + } + }; + + const getDetailsKillhouseColumns = () => { + if ( + provincePaymentByWeightOverview?.wageInfo?.wageCountingType === "live" + ) { + return [ + "کل تعرفه (ریال)", + "کل تعرفه پرداخت شده (ریال)", + "تخفیف (ریال)", + "کل تعرفه پرداخت نشده (ریال)", + "کل وزن زنده کشتار داخل استان (کیلوگرم)", + "تعرفه کشتار داخل استان (ریال)", + "وزن توزیع لاشه به خارج استان (کیلوگرم)", + "تعرفه توزیع لاشه خارج استان (ریال)", + "وزن لاشه ورودی به استان (کیلوگرم)", + "تعرفه لاشه ورودی به استان (ریال)", + "وزن مرغ زنده ورودی به استان (کیلوگرم)", + "تعرفه مرغ زنده ورودی به استان (ریال)", + ]; + } else { + return [ + "کل تعرفه (ریال)", + "کل تعرفه پرداخت شده (ریال)", + "تخفیف (ریال)", + "کل تعرفه پرداخت نشده (ریال)", + "کل وزن زنده کشتار داخل استان (کیلوگرم)", + "وزن لاشه کشتار داخل استان (کیلوگرم)", + "وزن توزیع لاشه داخل استان (کیلوگرم)", + "تعرفه توزیع لاشه داخل استان (ریال)", + "وزن توزیع لاشه به خارج استان (کیلوگرم)", + "تعرفه توزیع لاشه خارج استان (ریال)", + "وزن لاشه ورودی به استان (کیلوگرم)", + "تعرفه لاشه ورودی به استان (ریال)", + "وزن مرغ زنده ورودی به استان (کیلوگرم)", + "تعرفه مرغ زنده ورودی به استان (ریال)", + ]; + } + }; + + const getDetailsAllKillhousesColumns = () => { + if ( + provincePaymentByWeightOverview?.wageInfo?.wageCountingType === "live" + ) { + return [ + "ردیف", + "کشتارگاه", + "کل تعرفه (ریال)", + "سهم بندی", + "کل تعرفه پرداخت شده (ریال)", + "تخفیف (ریال)", + "کل تعرفه پرداخت نشده (ریال)", + "کل وزن زنده کشتار داخل استان (کیلوگرم)", + "تعرفه کشتار داخل استان (ریال)", + "وزن توزیع لاشه به خارج استان (کیلوگرم)", + "تعرفه توزیع لاشه خارج استان (ریال)", + "وزن لاشه ورودی به استان (کیلوگرم)", + "تعرفه لاشه ورودی به استان (ریال)", + "وزن مرغ زنده ورودی به استان (کیلوگرم)", + "تعرفه مرغ زنده ورودی به استان (ریال)", + "وزن خریدهای بازگشتی (کیلوگرم)", + "تعرفه خریدهای بازگشتی (ریال)", + "کشتارکن", + ]; + } else { + return [ + "ردیف", + "کشتارگاه", + "کل تعرفه (ریال)", + "سهم بندی", + "کل تعرفه پرداخت شده (ریال)", + "تخفیف (ریال)", + "کل تعرفه پرداخت نشده (ریال)", + "کل وزن زنده کشتار داخل استان (کیلوگرم)", + "وزن لاشه کشتار داخل استان (کیلوگرم)", + "وزن توزیع لاشه داخل استان (کیلوگرم)", + "تعرفه توزیع لاشه داخل استان (ریال)", + "وزن توزیع لاشه به خارج استان (کیلوگرم)", + "تعرفه توزیع لاشه خارج استان (ریال)", + "وزن لاشه ورودی به استان (کیلوگرم)", + "تعرفه لاشه ورودی به استان (ریال)", + "وزن مرغ زنده ورودی به استان (کیلوگرم)", + "تعرفه مرغ زنده ورودی به استان (ریال)", + "وزن خریدهای بازگشتی (کیلوگرم)", + "تعرفه خریدهای بازگشتی (ریال)", + "کشتارکن", + ]; + } + }; + + const getDetailsKillhouseData = () => { + if ( + provincePaymentByWeightOverview?.wageInfo?.wageCountingType === "live" + ) { + return [ + [ + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalPaidWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.off + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalUnpaidWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.provinceKillRequestsTotalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.freeBarsOutProvinceCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.freeBarsOutProvinceCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.freeBarsCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.freeBarsCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.freeBarsLiveTotalWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.freeBarsLiveTotalWage + )?.toLocaleString(), + ], + ]; + } else { + return [ + [ + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalPaidWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.off + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalUnpaidWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalProvinceLiveWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.totalProvinceCarcassesWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.provinceKillRequestsTotalWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.provinceKillRequestsTotalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.freeBarsOutProvinceCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.freeBarsOutProvinceCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo + ?.freeBarsCarcasesTotalWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.freeBarsCarcasesTotalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.freeBarsLiveTotalWeight + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.freeBarsLiveTotalWage + )?.toLocaleString(), + ], + ]; + } + }; + + return ( + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + {(getRoleFromUrl() === "KillHouse" || + getRoleFromUrl() === "ChainCompany") && ( + + + + )} + {/* {(getRoleFromUrl() === "KillHouse" || + getRoleFromUrl() === "ChainCompany") && ( + + + + )} */} + + + {(getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin") && ( + + { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.", + severity: "success", + }); + const link = `${ + axios.defaults.baseURL + }kill_house_total_transactions_wage_payid_admin_x_excel/?date1=${selectedDate1}&date2=${selectedDate2}&key=${userKey}&role=${getRoleFromUrl()}${ + checkPathStartsWith("province") + ? `&role_key=${selectedSubUser?.key}` + : "" + }`; + window.location.href = link; + }} + > + + + + )} + + } + isDashboard + noPagination + title="اطلاعات کلی تعرفه" + columns={[ + "کل تعرفه (ریال)", + "کل تعرفه پرداخت شده (ریال)", + "تخفیف (ریال)", + "کل تعرفه پرداخت نشده (ریال)", + ]} + data={[ + [ + // Math.ceil( + // provincePaymentByWeightOverview?.wageInfo?.totalWeight + // )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalPaidWage + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.off + )?.toLocaleString(), + Math.ceil( + provincePaymentByWeightOverview?.wageInfo?.totalUnpaidWage + )?.toLocaleString(), + ], + ]} + /> + + {getRoleFromUrl() !== "KillHouse" && ( + + )} + + {getRoleFromUrl() !== "KillHouse" && ( + + )} + + + + + + + + + + + {getRoleFromUrl() === "KillHouse" && ( + + } + aria-controls="panel1-content" + id="panel1-header" + > + + کشتارکن ها + + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-payment-by-weight/ProvincePaymentByWeight.js b/src/features/province/components/province-payment-by-weight/ProvincePaymentByWeight.js new file mode 100644 index 0000000..11066a9 --- /dev/null +++ b/src/features/province/components/province-payment-by-weight/ProvincePaymentByWeight.js @@ -0,0 +1,283 @@ +import React, { useEffect, useState } from "react"; +import { useSelector } from "react-redux"; +import { Tab, Tabs, ToggleButton, ToggleButtonGroup } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { TabContext, TabPanel } from "@mui/lab"; +import { ProvincePaymentByWeightOverviewTable } from "../province-payment-by-weight-overview/ProvincePaymentByWeightOverview"; +import { ProvincePaidFees } from "../province-paid-fees/ProvincePaidFees"; +import { ProvincePaidFeesChainCompany } from "../province-paid-fees-chain-company/ProvincePaidFeesChainCompany"; +import { ProvinceUnpaidFees } from "../province-unpaid-fees/ProvinceUnpaidFees"; +import { ProvinceDailyBars } from "../province-daily-bars/ProvinceDailyBars"; +import { ProvincePaymentChcikenAlive } from "../province-payment-chicken-alive/ProvincePaymentChickenAlive"; +import { ProvincePaymentChains } from "../province-payment-chains/ProvincePaymentChains"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvinceKillhousePaidFee } from "../province-killhouse-paid-fee/ProvinceKillhousePaidFee"; +import { ProvinceKillhouseFee } from "../province-killhouse-fee/ProvinceKillhouseFee"; +import { ProvinceDailyBarsDetails } from "../province-daily-bars-details/ProvinceDailyBarsDetails"; +import { ProvincePaymentLiveChickenDetails } from "../province-payment-live-chicken-detail/ProvincePaymentLiveChickenDetails"; +import { ProvincePaymentChainDetails } from "../province-payment-chain-detail/ProvincePaymentChainDetails"; +import { ProvinceWagePaymentTransactions } from "../province-wage-payment-transactions/ProvinceWagePaymentTransactions"; +import { ProvincePaymentByWeightKillhouses } from "../province-payment-by-weight-killhouses/ProvincePaymentByWeightKillhouses"; + +export const ProvincePaymentByWeight = () => { + const { slaughterExclusiveState } = useSelector( + (item) => item.slaughterSlice + ); + + const [tabValue, setTabValue] = useState("1"); + + const handleTabChange = (event, newValue) => { + setTabValue(newValue); + }; + const [tabValueWages, setTabValueWages] = useState(); + + const handleTabWagesChange = (event, newValue) => { + setTabValueWages(newValue); + }; + + const [tabValuePayments, setTabValuePayments] = useState("1"); + + const handleTabPaymentsChange = (event, newValue) => { + setTabValuePayments(newValue); + }; + + useEffect(() => { + let role = getRoleFromUrl(); + if (role !== "ChainCompany") { + setTabValueWages("1"); + } + }, []); + + return ( + + + + + + {getRoleFromUrl() !== "ParentCompany" && ( + + + + + {/* {(getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX") && ( + + )} + {getRoleFromUrl() === "ProvinceOperator" && ( + + )} */} + + + )} + + {getRoleFromUrl() !== "ParentCompany" && ( + + + + + + + + + + {getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" ? ( + <> + + + کشتارگاه + شرکت زنجیره + {(getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "Guilds") && ( + تراکنش ها + )} + + + + {tabValuePayments === "1" ? ( + + ) : tabValuePayments === "2" ? ( + + ) : ( + + )} + + + ) : ( + <> + {getRoleFromUrl === "KillHouse" ? ( + + ) : ( + + )} + + )} + + + + + + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "Commerce" || + getRoleFromUrl() === "KillHouse") && ( + + + {!slaughterExclusiveState && ( + + )} + + {(getRoleFromUrl() === "KillHouse" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "Commerce") && ( + + )} + {getRoleFromUrl() !== "KillHouse" && + getRoleFromUrl() !== "ChainCompany" && ( + + )} + + )} + + {getRoleFromUrl() === "ChainCompany" && ( + + )} + + + {getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "Commerce" ? ( + + ) : ( + + )} + + + {getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "Commerce" ? ( + + ) : ( + + )} + + + + {getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "Commerce" ? ( + + ) : ( + + )} + + + {getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "Commerce" ? ( + + ) : ( + + )} + + + {getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "Commerce" ? ( + + ) : ( + + )} + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-payment-chain-detail/ProvincePaymentChainDetails.js b/src/features/province/components/province-payment-chain-detail/ProvincePaymentChainDetails.js new file mode 100644 index 0000000..a032035 --- /dev/null +++ b/src/features/province/components/province-payment-chain-detail/ProvincePaymentChainDetails.js @@ -0,0 +1,242 @@ +import { Button, TextField, Typography } from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvincePaymentChainDetails = ({ killhouseKey, type }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `chain-allocation-total-wage/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&type=paid&chain_company_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `chain-allocation-total-wage/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&type=paid&chain_company_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `chain-allocation-total-wage/?search=filter&value=${textValue}&type=paid&chain_company_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const columns = [ + { + name: "ردیف", + selector: (item, i) => { + return i + 1; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "30px", + }, + { + name: "تاریخ ایجاد", + selector: (item) => { + return formatJustDate(item?.createDate); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "auto", + }, + { + name: "مرغداری", + selector: (item, i) => { + return `${item?.poultryHatching?.poultry?.unitName} (${item?.poultryHatching?.poultry?.user?.mobile})`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "auto", + }, + { + name: "شرکت زنجیره", + selector: (item, i) => { + return `${item?.chainCompany?.name} (${item?.chainCompany?.user.mobile})`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "auto", + }, + { + name: "کد قرنطینه", + selector: (item, i) => { + return item?.quarantineCode ? item?.quarantineCode : "-"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "auto", + }, + { + name: "تعداد", + selector: (item) => { + return item?.quantity; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "auto", + }, + { + name: "وزن", + selector: (item) => { + return item?.weight; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "60px", + }, + ]; + + return ( + + + سفارشات زنجیره + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-payment-chains/ProvincePaymentChains.js b/src/features/province/components/province-payment-chains/ProvincePaymentChains.js new file mode 100644 index 0000000..74492c8 --- /dev/null +++ b/src/features/province/components/province-payment-chains/ProvincePaymentChains.js @@ -0,0 +1,306 @@ +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_ADMINX_PAYING_FEES_REQUESTS, + ROUTE_PROVINCE_PAYING_FEES_REQUESTS, + ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS, +} from "../../../../routes/routes"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvincePaymentChains = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `chain-company-total-allocations/?search=filter&value=${textValue}&type=live&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `chain-company-total-allocations/?search=filter&value=${textValue}&type=live&page=${page}&role=${getRoleFromUrl()}&page_size=${newPerPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `chain-company-total-allocations/?search=filter&value=${textValue}&type=live${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const columns = [ + { + name: "شرکت زنجیره", + selector: (item) => `${item?.info?.company}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تعداد پرونده", + selector: (item) => item?.info?.totalCount?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "حجم", + selector: (item) => item.info?.totalQuantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وزن سفارشات (کیلوگرم)", + selector: (item) => item.info?.totalWeight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مبلغ کل", + selector: (item) => `${item.info?.totalWage?.toLocaleString()} ریال`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "جزییات سفارش", + selector: (item) => { + return ( + + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + + زنجیره ها + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-payment-chicken-alive/ProvincePaymentChickenAlive.js b/src/features/province/components/province-payment-chicken-alive/ProvincePaymentChickenAlive.js new file mode 100644 index 0000000..dd38eed --- /dev/null +++ b/src/features/province/components/province-payment-chicken-alive/ProvincePaymentChickenAlive.js @@ -0,0 +1,324 @@ +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_ADMINX_PAYING_FEES_REQUESTS, + ROUTE_PROVINCE_PAYING_FEES_REQUESTS, + ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS, +} from "../../../../routes/routes"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvincePaymentChcikenAlive = ({ type }) => { + const authToken = useSelector((state) => state.userSlice.authToken); + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `kill_house_free_bar_total_wage/?search=filter&value=${textValue}&type=${ + type === "live_chicken" ? "live" : "carcass" + }&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `kill_house_free_bar_total_wage/?search=filter&value=${textValue}&type=${ + type === "live_chicken" ? "live" : "carcass" + }&page=${page}&role=${getRoleFromUrl()}&page_size=${newPerPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `kill_house_free_bar_total_wage/?search=filter&value=${textValue}&type=${ + type === "live_chicken" ? "live" : "carcass" + }${withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : ``}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const columns = [ + { + name: "خریدار", + selector: (item) => { + const type = item?.info?.killer ? "کشتارکن" : "کشتارگاه"; + return `${type} ${item?.info?.killHouseName} - ${item?.info?.killHouseFullname} (${item?.info?.killHouseMobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.info?.killHouseCity}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تعداد پرونده", + selector: (item) => item?.info?.totalCount?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "حجم", + selector: (item) => item.info?.totalQuantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وزن سفارشات (کیلوگرم)", + selector: (item) => item.info?.totalWeight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مبلغ کل", + selector: (item) => `${item.info?.totalWage?.toLocaleString()} ریال`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "جزییات سفارش", + selector: (item) => { + return ( + + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + + + خرید {type === "live_chicken" ? "مرغ زنده" : "لاشه"} آزاد + + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-payment-factor-file/ProvincePaymentFactorFile.js b/src/features/province/components/province-payment-factor-file/ProvincePaymentFactorFile.js new file mode 100644 index 0000000..b7e5693 --- /dev/null +++ b/src/features/province/components/province-payment-factor-file/ProvincePaymentFactorFile.js @@ -0,0 +1,600 @@ +import React, { forwardRef } from "react"; +import { PropTypes } from "prop-types"; +import signature from "../../../../assets/images/signature.png"; +import moment from "moment"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; +import PersianDate from "persian-date"; + +const styles = { + documentTitle: { + display: "flex", + justifyContent: "center", + alignItems: "center", + fontSize: "12px", + }, + row: { + display: "flex", + justifyContent: "space-between", + alignItems: "start", + gap: "5px", + direction: "rtl", + }, + column: { + display: "flex", + height: "100px", + borderStyle: "solid", + borderWidth: "1px", + justifyContent: "center", + alignItems: "center", + fontSize: "12px", + }, + itemsColumn: { + display: "flex", + height: "100px", + borderStyle: "solid", + borderWidth: "1px", + justifyContent: "center", + alignItems: "center", + fontSize: "12px", + }, + item: { + display: "flex", + gap: "5px", + marginTop: "10px", + alignItems: "center", + }, + itemTitle: { fontSize: "12px", fontWeight: "bolder" }, + itemText: { fontSize: "10px" }, + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 11, + padding: "10px", + fontFamily: "iranyekan", + }, + tableCellTexts: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + padding: "10px", + fontFamily: "iranyekan", + }, + tableCellAlert: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + color: "red", + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 9, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 7, + whiteSpace: "nowrap", + }, + tableHeader: { + pageBreakAfter: "auto", + }, + headerRow: { + backgroundColor: "#eee", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + tableHeaderCell: { + backgroundColor: "#eee", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + minWidth: "100px", + }, + tableHeaderCellText: { + backgroundColor: "#eee", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + minWidth: "260px", + }, +}; + +const ProvincePaymentFactorFile = forwardRef( + ({ item, isUnion, union, user }, ref) => { + const sellerItems = [ + { + title: "فروشنده", + text: isUnion ? union?.unitName || "-" : "هوشمند سازان ", + }, + { + title: "شناسه ملی", + text: isUnion ? union?.unitNationalId || "-" : "14013838372", + }, + { + title: "شماره ثبت", + text: isUnion ? union?.unitRegistrationNumber || "-" : "17514", + }, + { + title: "استان", + text: isUnion ? union?.unitProvince || "-" : "البرز", + }, + { + title: "شهرستان", + text: isUnion ? union?.unitCity || "-" : "کرج", + }, + { + title: "تلفن", + text: isUnion ? union?.mobile || "-" : "(021)28421237", + }, + { + title: "کد پستی", + text: isUnion ? union?.unitPostalCode || "-" : "3139735185", + }, + { + title: "نشانی", + text: isUnion ? union?.unitAddress || "-" : "نبش بلوار سرداران", + }, + ]; + + const buyerItems = [ + { + title: "فروشنده", + text: user?.unitName || "-", + }, + { + title: "شناسه ملی", + text: user?.unitNationalId || "-", + }, + { + title: "شماره ثبت", + text: user?.unitRegistrationNumber || "-", + }, + { + title: "استان", + text: user?.unitProvince || "-", + }, + { + title: "شهرستان", + text: user?.unitCity || "-", + }, + { + title: "تلفن", + text: user?.mobile || "-", + }, + { + title: "کد پستی", + text: user?.unitPostalCode || "-", + }, + { + title: "نشانی", + text: user?.unitAddress || "-", + }, + ]; + + return ( +

صورتحسـاب فروش کالا و خدمات

+ + فروشنده + +

+ {sellerItems?.map((option, i) => ( +

+ {option.title}: + {option.text} +

+ ))} +

+ + شماره فاکتور: {"‌"} + + + {moment(new PersianDate()).format("YYMMDD")} + +

+ + تاریخ: {"‌"} + + + {new PersianDate().toLocale("fa").format("YYYY/MM/DD")} + +

+ + {/* second row */} + +

+ + خریدار + +

+ {buyerItems?.map((option, i) => ( +

+ {option.title}: + {option.text} +

+ ))} +

+ + {/* table row */} + +

+ + + + + + + + + + + + + + {isUnion ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : ( + + + + + + + + + + )} + + {isUnion ? ( + + + + + + + + + ) : ( + + + + + + + + + )} + + + + + +

+ ردیف +	شرح خدمت	مبلغ واحد (ریال)	+ جمع مالیات و عوارض ارزش افزوده (ریال) +	مبلغ کل (ریال)	تخفیف (ریال)	+ جمع کل پس از تخفیف + ( با احتساب مالیات و عوارض ) ریال +
1	+ تعرفه استفاده از سامانه رصدیار + + (سهم اتحادیه مرغداران گوشتی) +	+ {((item?.unionShare / 100) * 90).toLocaleString()} +	+ {((item?.unionShare / 100) * 10).toLocaleString()} +	+ {item?.unionShare.toLocaleString()} +	0	+ {item?.unionShare.toLocaleString()} +
2	+ تعرفه استفاده از سامانه رصدیار + + (سهم صنف پروتئین) +	+ {((item?.guildsShare / 100) * 90).toLocaleString()} +	+ {" "} + {((item?.guildsShare / 100) * 10).toLocaleString()} +	+ {item?.guildsShare.toLocaleString()} +	0	+ {item?.guildsShare.toLocaleString()} +
3	+ تعرفه استفاده از سامانه رصدیار + + (سهم دامپزشک فارم) +	+ {" "} + {((item?.otherShare / 100) * 90).toLocaleString()} +	+ {((item?.otherShare / 100) * 10).toLocaleString()} +	+ {item?.otherShare.toLocaleString()} +	0	+ {item?.otherShare.toLocaleString()} +
1	+ تعرفه استفاده از سامانه رصدیار + + (سهم شرکت هوشمند سازان) +	+ {((item?.companyShare / 100) * 90).toLocaleString()} +	+ {((item?.companyShare / 100) * 10).toLocaleString()} +	+ {item?.companyShare.toLocaleString()} +	0	+ {item?.companyShare.toLocaleString()} +
+ جمع کل +	+ {( + ((item?.unionShare + + item?.guildsShare + + item?.otherShare) / + 100) * + 90 + ).toLocaleString()} +	+ {( + ((item?.unionShare + + item?.guildsShare + + item?.otherShare) / + 100) * + 10 + ).toLocaleString()} +	+ {" "} + {( + item?.unionShare + + item?.guildsShare + + item?.otherShare + ).toLocaleString()} +	0	+ {" "} + {( + item?.unionShare + + item?.guildsShare + + item?.otherShare + ).toLocaleString()} +
+ جمع کل +	+ {((item?.companyShare / 100) * 90).toLocaleString()} +	+ {((item?.companyShare / 100) * 10).toLocaleString()} +	+ {item?.companyShare.toLocaleString()} +	0	+ {item?.companyShare.toLocaleString()} +
+ + + + + {" "} + مهر و امضای فروشنده: + + {!isUnion && ( + + )} + + + مهر و امضای خریدار: + + + + + {isUnion && ( + + * توجه: مبلغ کل به حساب اتحادیه مرغداران گوشتی استان + واریز گردیده است . + + )} + +

+ + اطلاعات تراکنش{" "} + +

+ + تاریخ پرداخت:{" "} + {item?.date && + `${formatJustDate(item?.date)} ساعت (${formatJustTime( + item?.date + )})`} + +

+ + نوع پرداخت:{" "} + {item?.transactionType === "wage-gateway-auto" + ? "آنلاین" + : item?.transactionType === "correspondence" + ? "مکاتبات" + : "دستی"} + +

+ کد پیگیری: {item?.refId} +

+ + شماره کارت: {item?.cardHolderPan} + +

+ ); + } +); + +ProvincePaymentFactorFile.displayName = "ProvincePaymentFactorFile"; + +export default ProvincePaymentFactorFile; + +ProvincePaymentFactorFile.propTypes = { + item: PropTypes.object, +}; diff --git a/src/features/province/components/province-payment-live-chicken-detail/ProvincePaymentLiveChickenDetails.js b/src/features/province/components/province-payment-live-chicken-detail/ProvincePaymentLiveChickenDetails.js new file mode 100644 index 0000000..644d3bb --- /dev/null +++ b/src/features/province/components/province-payment-live-chicken-detail/ProvincePaymentLiveChickenDetails.js @@ -0,0 +1,236 @@ +import { Button, TextField, Typography } from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvincePaymentLiveChickenDetails = ({ killhouseKey, type }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `kill_house_free_bar_wage_total/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&type=${type}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `kill_house_free_bar_wage_total/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&type=${type}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `kill_house_free_bar_wage_total/?search=filter&value=${textValue}&kill_house_key=${killhouseKey}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&type=${type}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const columns = [ + { + name: "نام خریدار", + selector: (item) => { + return `${item.killHouse?.killHouseOperator?.user?.fullname} (${item.killHouse?.killHouseOperator?.user?.mobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "نام فروشنده", + selector: (item) => { + return item?.poultryName; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => { + return item?.city; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "تعداد", + selector: (item) => { + return type === "live" + ? item?.quantity.toLocaleString() + : item?.numberOfCarcasses.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وزن", + selector: (item) => { + return type === "live" + ? item?.liveWeight.toLocaleString() + : item?.weightOfCarcasses.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مبلغ کل", + selector: (item) => { + return item?.totalAmount?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + + بارهای {type === "live" ? "مرغ زنده" : "لاشه"} + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-payment-pay-dept/ProvincePaymentPayDept.js b/src/features/province/components/province-payment-pay-dept/ProvincePaymentPayDept.js new file mode 100644 index 0000000..3bfbba6 --- /dev/null +++ b/src/features/province/components/province-payment-pay-dept/ProvincePaymentPayDept.js @@ -0,0 +1,127 @@ +import React from "react"; +import { TextField, Button, InputAdornment, Typography } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import Num2persian from "num2persian"; +import { SlaughterPayFeesGateway } from "../../../slaughter-house/components/slaughter-pay-fees-gateway/SlaughterPayFeesGateway"; +import { useDispatch } from "react-redux"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvincePaymentPayDept = () => { + const validationSchema = Yup.object({ + paymentAmount: Yup.number() + .required("مبلغ اجباری است") + .positive("یک عدد مثبت وارد کنید!") + .min(200000, "حداقل مبلغ دویست هزار ریال است!"), + // .max( + // 2000000000, + // "در هر بار پرداخت، حداکثر مبلغ 200 میلیون تومان میتوانید پرداخت کنید!" + // ), + }); + + const dispatch = useDispatch(); + + // Initialize Formik + const formik = useFormik({ + initialValues: { + paymentAmount: "", + }, + validationSchema, + onSubmit: (values) => { + dispatch(CLOSE_MODAL()); + dispatch( + OPEN_MODAL({ + title: "واریز بدهی از طریق درگاه پرداخت", + content: ( + 1999937500 + // ? 1999937500 + // : parseInt(formik.values.paymentAmount) + // } + amount={formik.values.paymentAmount} + isZarinPal + /> + ), + }) + ); + }, + }); + // const getValueWIthTax = (value) => { + // return Number(value / 10) + Number(value); + // }; + + return ( + +

+ + + ریال + } + /> + + + + {formik.values.paymentAmount > 0 ? ( + + {Num2persian(formik.values.paymentAmount)} ریال + + ) : ( + + مبلغ را وارد کنید + + )} + + {/* + {formik.values.paymentAmount > 0 && ( + + با احتساب ده درصد ارزش افزوده:{" "} + {getValueWIthTax( + formik.values.paymentAmount + ).toLocaleString()}{" "} + ریال + + )} + */} + + + + + +

+ + ); +}; diff --git a/src/features/province/components/province-place-full-info/MainPlaceInfo.js b/src/features/province/components/province-place-full-info/MainPlaceInfo.js new file mode 100644 index 0000000..a74644d --- /dev/null +++ b/src/features/province/components/province-place-full-info/MainPlaceInfo.js @@ -0,0 +1,323 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { motion } from "framer-motion"; +import { + Typography, + Box, + Card, + CardContent, + Grid, + Divider, + Pagination, + TextField, + FormControl, + InputLabel, + Select, + MenuItem, +} from "@mui/material"; +import PersonIcon from "@mui/icons-material/Person"; +import PhoneIcon from "@mui/icons-material/Phone"; +import InventoryIcon from "@mui/icons-material/Inventory"; +import { DatePicker } from "@mui/x-date-pickers"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import ErrorIcon from "@mui/icons-material/Error"; +import Chip from "@mui/material/Chip"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getStewardTransactions } from "../../services/getStewardTransactions"; +import { convertToIranianTime } from "../../../../utils/formatTime"; +import { getPosProviderName } from "../../../../utils/getPosProviderName"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; + +const MainPlaceFullInfo = ({ item }) => { + const dispatch = useDispatch(); + const [transactionData, setTransactionData] = useState(); + const [page, setPage] = useState(1); + const [transactionMode, setTransactionMode] = useState("0"); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [renderFinished, setRenderFinished] = useState(false); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + setRenderFinished(true); + }, []); + + const fetchTransactions = (pageIndex) => { + dispatch(LOADING_START()); + dispatch( + getStewardTransactions({ + key: item.shop, + datefrom: convertToIranianTime(selectedDate1), + dateto: convertToIranianTime(selectedDate2), + page: pageIndex, + mode: transactionMode, + }) + ).then((r) => { + dispatch(LOADING_END()); + setTransactionData(r.payload.data); + }); + }; + + useEffect(() => { + if (renderFinished) { + fetchTransactions(1); + } + }, [selectedDate1, selectedDate2, renderFinished, transactionMode]); + + const handleChangePage = (newPage) => { + setPage(newPage); + fetchTransactions(newPage); + }; + + const handleChangeTransactionMode = (event) => { + setTransactionMode(event.target.value); + }; + + return ( + + + + + + + + + نام مالک: {item.guild_info.fullname} + + + + + + + + {" "} + + + شماره همراه: {item.guild_info.mobile} + + + + + + + + {" "} + + + موجودی: {item?.ware_house_info.quantity.toLocaleString()} + + + + + + + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + فیلتر تراکنش ها + + + + + + + + + + + {transactionData?.items?.map((item, index) => ( + + + + + + + {page > 1 ? page * 20 - 20 + index + 1 : index + 1} - + + + {item?.name} + + {!item?.name.includes("موفق") ? ( + + ) : ( + + )} + + + + + تاریخ:{" "} + {convertToIranianTime(item?.date)} + + {item?.product.length === 1 && ( + + محصول: {item?.product[0]?.name} + + )} + {item?.product.length > 1 && ( + + محصولات:{" "} + {item?.product?.map((productItem, index) => ( + {productItem.name} / + ))} + + )} + + مبلغ: {item?.price.toLocaleString()}{" "} + ریال + + + از سرویس:{" "} + {getPosProviderName(item?.posProvider)} + + + + + + + ))} + + + + { + handleChangePage(newPage); + }} + /> + + + + + ); +}; + +export default MainPlaceFullInfo; diff --git a/src/features/province/components/province-policey-kronjon/ProcincePolicyKronjob.js b/src/features/province/components/province-policey-kronjon/ProcincePolicyKronjob.js new file mode 100644 index 0000000..cf11db8 --- /dev/null +++ b/src/features/province/components/province-policey-kronjon/ProcincePolicyKronjob.js @@ -0,0 +1,238 @@ +import { useContext, useState } from "react"; +import axios from "axios"; +import { Box, Typography } from "@mui/material"; +import { GrCloudlinux } from "react-icons/gr"; +import { motion } from "framer-motion"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +const ProcincePolicyKronjob = () => { + const [openNotif] = useContext(AppContext); + + const handleCronjobClick = async (title, link) => { + try { + const response = await axios.get(link); + if (response.status === 200) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: `"${title}" با موفقیت ارسال شد`, + severity: "success", + }); + } + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: `خطا در ارسال "${title}"`, + severity: "error", + }); + } + }; + + const [reportList, setReportList] = useState([ + { + disabled: false, + title: "اس ام اس های بدهی ساعت 9 صبح", + description: "اس ام اس های بدهی", + link: `${axios.defaults.baseURL}send_gate_way_sms_manual/`, + }, + { + disabled: false, + title: " اس ام اس های بسته شدن پنل برای بدهی", + description: " اس ام اس های بسته شدن پنل برای بدهی", + link: `${axios.defaults.baseURL}send_deactivate_panel_debt_sms_manual/`, + }, + { + disabled: false, + title: "وارد کردن بارهای خارج استان به انبار", + description: "وارد کردن بارهای خارج استان به انبار", + link: `${axios.defaults.baseURL}add_free_bar_to_warehouse_manual/`, + }, + { + disabled: false, + title: "ساخت بارهای خارج استان", + description: "ساخت بارهای خارج استان", + link: `${axios.defaults.baseURL}create_kill_house_free_bar/`, + }, + { + disabled: false, + title: "آپدیت جوجه ریزی ها", + description: "آپدیت جوجه ریزی ها", + link: `${axios.defaults.baseURL}api_update_poultry_hatching_from_rsi/`, + }, + { + disabled: false, + title: "تیکت اخطاریه بار های واردنشده به انبار خارج استانی", + description: "تیکت اخطاریه بار های واردنشده به انبار خارج استانی", + link: `${axios.defaults.baseURL}warning_free_bar_to_warehouse_manual/`, + isTicket: true, + }, + { + disabled: false, + title: "تیکت تخصیصات بدون بار", + description: "تیکت تخصیصات بدون بار", + link: `${axios.defaults.baseURL}warning_province_kill_request_without_bar_manual/`, + isTicket: true, + }, + { + disabled: false, + title: "وارد کردن بارهای داخل استانی به انبار", + description: "وارد کردن بارهای داخل استانی به انبار", + link: `${axios.defaults.baseURL}add_to_warehouse_manual/`, + }, + { + disabled: false, + title: "خارج کردن تمام افراد", + description: "خارج کردن تمام افراد", + link: `${axios.defaults.baseURL}remove_access_token_manual/`, + }, + { + disabled: false, + title: "چک کردن تعداد کد قرنطینه داخل استان", + description: "چک کردن تعداد کد قرنطینه داخل استان", + link: `${axios.defaults.baseURL}find_gid_code_manual/`, + }, + { + disabled: false, + title: "آپدیت سن جموجه ریزی", + description: "آپدیت سن جموجه ریزی", + link: `${axios.defaults.baseURL}update_chicken_age_from_login_manual/`, + }, + { + disabled: false, + title: "چک کردن کد قرنطینه خارج استان", + description: "چک کردن کد قرنطینه خارج استان", + link: `${axios.defaults.baseURL}get_gid_out_province_manual/`, + }, + { + disabled: false, + title: "پیغام تعرفه کل ساعت 4 ایتا", + description: "پیغام تعرفه کل ساعت 4 ایتا", + link: `${axios.defaults.baseURL}daily_manual_transaction_for_eata/`, + }, + { + disabled: + process.env.NODE_ENV === "development" || + axios.defaults.baseURL.includes("testbackend.rasadyar.com"), + title: "ارسال دستی پیامک گزارش توزیع گوشت مرغ داخل استان", + description: "ارسال دستی پیامک گزارش توزیع گوشت مرغ داخل استان", + link: `${axios.defaults.baseURL}send_daily_distribution_report_sms_manual/`, + }, + { + disabled: + process.env.NODE_ENV === "development" || + axios.defaults.baseURL.includes("testbackend.rasadyar.com"), + title: "ارسال دستی پیامک اطلاعات کشتار مرغ گوشتی", + description: "ارسال دستی پیامک اطلاعات کشتار مرغ گوشتی", + link: `${axios.defaults.baseURL}send_daily_slaughter_statistics_sms_manual/`, + }, + { + disabled: false, + title: "ارسال دستی بارها به ایتا", + description: "ارسال دستی بارها به ایتا", + link: `${axios.defaults.baseURL}send_all_bar_to_eitaa/`, + }, + { + disabled: false, + title: "ارسال دستی تخصیصات به ایتا فقط برای مرکزی کار میکنه", + description: "ارسال دستی تخصیصات به ایتا فقط برای مرکزی کار میکنه", + link: `${axios.defaults.baseURL}bot_eitaa_for_province_kill_request/`, + }, + ]); + + return ( + + + + + {(reportList || []).map((item, i) => ( + + { + if (!item?.disabled) { + const updatedList = reportList.map((report, index) => + index === i ? { ...report, disabled: true } : report + ); + setReportList(updatedList); + handleCronjobClick(item?.title, item?.link); + } + }} + sx={{ cursor: "pointer" }} + > + + + + {item?.icon || ( + + )} + + + {item?.title || ""} + + + {item?.description || ""} + + + + + + ))} + + + + + ); +}; + +export default ProcincePolicyKronjob; diff --git a/src/features/province/components/province-policy-accounts-edit-account/ProvincePolicyAccountsEditAccount.js b/src/features/province/components/province-policy-accounts-edit-account/ProvincePolicyAccountsEditAccount.js new file mode 100644 index 0000000..ba33210 --- /dev/null +++ b/src/features/province/components/province-policy-accounts-edit-account/ProvincePolicyAccountsEditAccount.js @@ -0,0 +1,96 @@ +import React, { useContext, useEffect } from "react"; +import { Button, TextField, Typography } from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provincePolicyEditAccountsSevice } from "../../services/province-policy-get-accounts"; +import { Yup } from "../../../../lib/yup/yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvincePolicyAccountsEditAccount = ({ fetchData, item }) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + account: item?.account ? item?.account : "", + }, + validationSchema: Yup.object({ + account: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!") + .max(26, "شماره شبا نامعتبر است!") + .min(26, "شماره شبا نامعتبر است!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + ویرایش حساب {item?.name} + + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-accounts-operations/ProvincePolicyAccountsOperations.js b/src/features/province/components/province-policy-accounts-operations/ProvincePolicyAccountsOperations.js new file mode 100644 index 0000000..f5f7491 --- /dev/null +++ b/src/features/province/components/province-policy-accounts-operations/ProvincePolicyAccountsOperations.js @@ -0,0 +1,182 @@ +import { + Button, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Typography, +} from "@mui/material"; +import { useContext, useState } from "react"; +import DeleteIcon from "@mui/icons-material/Delete"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; + +import { AppContext } from "../../../../contexts/AppContext"; +import { ProvincePolicyAccountsSubmitBeneficiary } from "../province-policy-accounts-submit-beneficiary/ProvincePolicyAccountsSubmitBeneficiary"; +import { provincePolicyDeleteBeneficiaryAccountsSevice } from "../../services/province-policy-get-accounts"; + +export const ProvincePolicyAccountsOperations = ({ item, fetchData }) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const [openNotif] = useContext(AppContext); + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + + + { + handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + title: " ویرایش حساب ذینفع", + }) + ); + }} + > + + + + + ویرایش + + } + /> + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "حذف حساب", + content: ( + + + آیا از حذف حساب اطمینان دارید؟ + + + + + + + + + + + ), + }) + ); + }} + > + + + + + حذف + + } + /> + + + + + ); +}; diff --git a/src/features/province/components/province-policy-accounts-submit-beneficiary/ProvincePolicyAccountsSubmitBeneficiary.js b/src/features/province/components/province-policy-accounts-submit-beneficiary/ProvincePolicyAccountsSubmitBeneficiary.js new file mode 100644 index 0000000..2868143 --- /dev/null +++ b/src/features/province/components/province-policy-accounts-submit-beneficiary/ProvincePolicyAccountsSubmitBeneficiary.js @@ -0,0 +1,145 @@ +import React, { useContext } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { TextField, Button } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { + provincePolicyEditBeneficiaryAccountsSevice, + provincePolicySubmitBeneficiaryAccountsSevice, +} from "../../services/province-policy-get-accounts"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = Yup.object().shape({ + sheba: Yup.string() + .required("شبا الزامی است") + .matches( + /^IR[0-9]{24}$/, + "شماره شبا باید با IR شروع شود و شامل 24 رقم باشد" + ), + name: Yup.string().required("نام ذینفع الزامی است"), + percentage: Yup.number() + .required("درصد الزامی است") + .min(0, "درصد نمی‌تواند کمتر از 0 باشد") + .max(100, "درصد نمی‌تواند بیشتر از 100 باشد"), +}); + +export const ProvincePolicyAccountsSubmitBeneficiary = ({ + fetchData, + item, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const handleFinishSubmit = (r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + } + }; + const formik = useFormik({ + initialValues: { + name: item?.name || "", + sheba: item?.shaba || "IR", + percentage: item?.percent || "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + if (item) { + dispatch( + provincePolicyEditBeneficiaryAccountsSevice({ + name: values.name, + percent: values.percentage, + shaba: values.sheba, + account_key: item?.key, + }) + ).then((r) => { + handleFinishSubmit(r); + }); + } else { + dispatch( + provincePolicySubmitBeneficiaryAccountsSevice({ + name: values.name, + percent: values.percentage, + shaba: values.sheba, + }) + ).then((r) => { + handleFinishSubmit(r); + }); + } + }, + }); + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-accounts/ProvincePolicyAccounts.js b/src/features/province/components/province-policy-accounts/ProvincePolicyAccounts.js new file mode 100644 index 0000000..ccffe5b --- /dev/null +++ b/src/features/province/components/province-policy-accounts/ProvincePolicyAccounts.js @@ -0,0 +1,210 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { + provincePolicyEditBeneficiaryAccountsSevice, + provincePolicyGetAccountsSevice, + provincePolicyGetBeneficiaryAccountsSevice, +} from "../../services/province-policy-get-accounts"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Button, Checkbox, IconButton, Tab, Tabs } from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import { ProvincePolicyAccountsEditAccount } from "../province-policy-accounts-edit-account/ProvincePolicyAccountsEditAccount"; +import { ProvincePolicyAccountsSubmitBeneficiary } from "../province-policy-accounts-submit-beneficiary/ProvincePolicyAccountsSubmitBeneficiary"; +import { ProvincePolicyAccountsOperations } from "../province-policy-accounts-operations/ProvincePolicyAccountsOperations"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvincePolicyAccounts = () => { + const dispatch = useDispatch(); + + const [tableData, setTableData] = useState(); + const [tableBeneficiaryData, setTableBeneficiaryData] = useState(); + const [data, setData] = useState(); + const [beneficiaryData, setBeneficiaryData] = useState(); + + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const fetchData = () => { + dispatch(provincePolicyGetAccountsSevice()).then((r) => { + setData(r.payload.data); + }); + dispatch(provincePolicyGetBeneficiaryAccountsSevice()).then((r) => { + setBeneficiaryData(r.payload.data); + }); + }; + + const [openNotif] = useContext(AppContext); + + const handleFinishSubmit = (r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + item?.name, + item?.account, + + { + // dispatch(inspectorUpdateUserProfile()); + dispatch( + OPEN_MODAL({ + title: "ویرایش حساب", + content: ( + + ), + }) + ); + }} + > + + , + ]; + }); + + setTableData(d); + + const b = beneficiaryData?.map((option, index) => { + return [ + index + 1, + option?.name, + option?.percent, + option?.shaba, + + dispatch( + provincePolicyEditBeneficiaryAccountsSevice({ + in_province: !option?.inProvince, + account_key: option?.key, + }) + ).then((r) => { + handleFinishSubmit(r); + }) + } + />, + + dispatch( + provincePolicyEditBeneficiaryAccountsSevice({ + out_province: !option?.outProvince, + account_key: option?.key, + }) + ).then((r) => { + handleFinishSubmit(r); + }) + } + />, + , + ]; + }); + + setTableBeneficiaryData(b); + }, [data, beneficiaryData]); + + useEffect(() => { + fetchData(); + }, [dispatch, value]); + return ( + + + + + + + {value === 0 && ( + + )} + + {value === 1 && ( + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-add-weight-range/ProvincePolicyAddWeightRange.js b/src/features/province/components/province-policy-add-weight-range/ProvincePolicyAddWeightRange.js new file mode 100644 index 0000000..19fd6bb --- /dev/null +++ b/src/features/province/components/province-policy-add-weight-range/ProvincePolicyAddWeightRange.js @@ -0,0 +1,237 @@ +import React, { useContext, useEffect } from "react"; +import { TextField, Button } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { + provincePolicyEditWeightRange, + provincePolicySubmitWeightRange, +} from "../../services/province-policy-get-weight-range"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +function normalizeWeightInput(raw) { + let v = String(raw).replace(/[^0-9.]/g, ""); + + const firstDot = v.indexOf("."); + if (firstDot !== -1) { + v = v.slice(0, firstDot + 1) + v.slice(firstDot + 1).replace(/\./g, ""); + } + + if (v.length === 2 && !v.includes(".")) { + v = `${v[0]}.${v[1]}`; + } + + const parts = v.split("."); + if (parts[0]?.length > 1) { + const first = parts[0][0]; + const rest = parts[0]?.slice(1) + (parts[1] || ""); + v = rest ? `${first}.${rest.replace(/\D/g, "").slice(0, 1)}` : `${first}`; + } + + if (v.includes(".")) { + const [a, b = ""] = v.split("."); + v = `${a}.${b.slice(0, 1)}`; + } + + v = v.replace(/^0(\d)/, "$1"); + + if (v === ".") v = ""; + + const n = parseFloat(v); + if (!Number.isNaN(n)) { + if (n >= 10) v = "9.9"; + if (n < 0) v = "0"; + } + + return v; +} + +const validationSchema = Yup.object({ + from_age: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + to_age: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + from_weight: Yup.string() + .required("این فیلد اجباری است!") + .test("is-weight", "Format: d.d and < 10", (val) => { + if (val === undefined || val === null || val === "") return true; + return /^\d(\.\d)?$/.test(String(val)) && parseFloat(val) < 10; + }), + to_weight: Yup.string() + .required("این فیلد اجباری است!") + .test("is-weight", "Format: d.d and < 10", (val, ctx) => { + if (val === undefined || val === null || val === "") return true; + const ok = /^\d(\.\d)?$/.test(String(val)) && parseFloat(val) < 10; + if (!ok) return false; + const fw = parseFloat(ctx.parent.from_weight); + const tw = parseFloat(val); + if (!Number.isNaN(fw) && !Number.isNaN(tw)) { + return ( + tw >= fw || + ctx.createError({ + message: "حداکثر وزن از حداقل وزن باید بیشتر باشد!", + }) + ); + } + return true; + }), +}); + +export const ProvincePolicyAddWeightRange = ({ item, fetchData }) => { + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + const formik = useFormik({ + initialValues: { + from_age: item?.fromAge, + to_age: item?.toAge, + from_weight: item?.fromWeight, + to_weight: item?.toWeight, + }, + validationSchema, + validateOnChange: true, + validateOnBlur: true, + onSubmit: (values) => { + const payload = { + from_age: Number(values.from_age), + to_age: Number(values.to_age), + from_weight: + values.from_weight === "" ? null : Number(values.from_weight), + to_weight: values.to_weight === "" ? null : Number(values.to_weight), + }; + + const service = item + ? provincePolicyEditWeightRange + : provincePolicySubmitWeightRange; + dispatch( + service({ + ...payload, + ...(item ? { id: item?.id } : {}), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + fetchData(); + } + }); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + const blockNonNumericKeys = (e) => { + const blocked = ["e", "E", "+", "-", ","]; + if (blocked.includes(e.key)) e.preventDefault(); + }; + + const handleWeightChange = (field) => (e) => { + const next = normalizeWeightInput(e.target.value); + formik.setFieldValue(field, next); + }; + + return ( + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-approved-killhouse-price/ProvincePolicyApprovedKillHousePrice.js b/src/features/province/components/province-policy-approved-killhouse-price/ProvincePolicyApprovedKillHousePrice.js new file mode 100644 index 0000000..0a99a49 --- /dev/null +++ b/src/features/province/components/province-policy-approved-killhouse-price/ProvincePolicyApprovedKillHousePrice.js @@ -0,0 +1,209 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, Checkbox, FormControlLabel, TextField } from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { getKillhouseApprovedPriceState } from "../../services/get-approved-price-state"; +import { provinceEditKillhouseApprovedPrice } from "../../services/province-edit-approved-price"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvincePolicyApprovedKillHousePrice = ({ approvedState }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [checked, setChecked] = useState(false); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(getKillhouseApprovedPriceState()).then((r) => { + setData(r.payload.data); + if (r.payload.data?.active) { + setChecked(true); + } + }); + }, []); + + const formik = useFormik({ + initialValues: { + kill_house_price: "", + steward_price: "", + guild_price: "", + }, + validationSchema: Yup.object({ + kill_house_price: Yup.number().required("این فیلد اجباری است"), + steward_price: Yup.number().required("این فیلد اجباری است"), + guild_price: Yup.number().required("این فیلد اجباری است"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (data?.killHousePrice && checked) { + formik.setFieldValue("kill_house_price", data?.killHousePrice); + formik.setFieldValue("steward_price", data?.stewardPrice); + formik.setFieldValue("guild_price", data?.guildPrice); + } + }, [data]); + + const handleChange = (event) => { + setChecked(event.target.checked); + if (event.target.checked === false) { + dispatch( + provinceEditKillhouseApprovedPrice({ + active: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }; + + useEffect(() => { + if (checked && approvedState) { + setChecked(false); + dispatch( + provinceEditKillhouseApprovedPrice({ + active: false, + }) + ); + } + }, [approvedState]); + + return ( + + + + + } + label="قیمت مصوب کشتارگاه، صنف و مباشر" + /> + + + {checked && ( + <> + + + + + + + + + + + + + + + + + + )} + + + ); +}; diff --git a/src/features/province/components/province-policy-approved-price/ProvincePolicyApprovedPrice.js b/src/features/province/components/province-policy-approved-price/ProvincePolicyApprovedPrice.js new file mode 100644 index 0000000..03c99d7 --- /dev/null +++ b/src/features/province/components/province-policy-approved-price/ProvincePolicyApprovedPrice.js @@ -0,0 +1,254 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + Checkbox, + Divider, + FormControlLabel, + TextField, +} from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { getApprovedPriceState } from "../../services/get-approved-price-state"; +import { provinceEditApprovedPrice } from "../../services/province-edit-approved-price"; +import { AppContext } from "../../../../contexts/AppContext"; +import { ProvincePolicyAvicultureCommit } from "../province-policy-aviculture-commit/ProvincePolicyAvicultureCommit"; +import { ProvincePolicyApprovedKillHousePrice } from "../province-policy-approved-killhouse-price/ProvincePolicyApprovedKillHousePrice"; + +export const ProvincePolicyApprovedPrice = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [checked, setChecked] = useState(false); + const [killHousePriceCheck, setKillHousePriceCheck] = useState(false); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(getApprovedPriceState()).then((r) => { + setData(r.payload.data); + if (r.payload.data?.approved) { + setChecked(true); + } + }); + }, []); + + const formik = useFormik({ + initialValues: { + minWeight: "", + maxWeight: "", + minPrice: "", + maxPrice: "", + }, + validationSchema: Yup.object({ + minWeight: Yup.number().required("این فیلد اجباری است"), + maxWeight: Yup.number().required("این فیلد اجباری است"), + minPrice: Yup.number().required("این فیلد اجباری است"), + maxPrice: Yup.number().required("این فیلد اجباری است"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (data?.highestPrice && checked) { + formik.setFieldValue("minWeight", data?.lowestWeight); + formik.setFieldValue("maxWeight", data?.highestWeight); + formik.setFieldValue("minPrice", data?.lowestPrice); + formik.setFieldValue("maxPrice", data?.highestPrice); + } + }, [data]); + + const handleChange = (event) => { + setChecked(event.target.checked); + if (event.target.checked === false) { + setKillHousePriceCheck(true); + dispatch( + provinceEditApprovedPrice({ + approved: false, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }; + + return ( + + + + + } + label="قیمت مصوب مرغ زنده" + /> + + + {checked && ( + <> + + + + + + + + + + + + + + + + + + + + + + )} + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-automatic-accept-direct-buying/ProvincePolicyAutomaticAcceptDirectBuying.js b/src/features/province/components/province-policy-automatic-accept-direct-buying/ProvincePolicyAutomaticAcceptDirectBuying.js new file mode 100644 index 0000000..a89ec62 --- /dev/null +++ b/src/features/province/components/province-policy-automatic-accept-direct-buying/ProvincePolicyAutomaticAcceptDirectBuying.js @@ -0,0 +1,200 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + Typography, +} from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + getAutomaticDirectBuyingPermissionState, + provinceAutomaticDirectBuyingPermission, +} from "../../services/province-automatic-direct-buying-permission"; +import TimePicker from "../../../../components/date-picker/CustomDatePicker"; + +export const ProvincePolicyAutomaticAcceptDirectBuying = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [value, setValue] = useState("inactive"); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(getAutomaticDirectBuyingPermissionState()).then((r) => { + setData(r.payload.data); + if (r.payload.data?.allow) { + setValue("active"); + } + }); + }, []); + + const formik = useFormik({ + initialValues: { + hour: "", + hour2: "", + minute: "", + minute2: "", + }, + validationSchema: Yup.object({ + hour: Yup.string().required("این فیلد اجباری است"), + hour2: Yup.string().required("این فیلد اجباری است"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (data?.allow) { + formik.setFieldValue("hour", data?.startTime); + formik.setFieldValue("hour2", data?.endTime); + formik.validateForm(); + } + }, [data]); + + const handleChangeRadioButton = (event) => { + setValue(event.target.value); + }; + + return ( + + + تایید خودکار خرید مستقیم + + + + + + } + label="فعال" + /> + { + dispatch( + provinceAutomaticDirectBuyingPermission({ + allow: false, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + value="inactive" + control={} + label="غیر فعال" + /> + + + + {value === "active" && ( + + + { + formik.setFieldValue("hour", newTime); + }} + label="از" + /> + + + { + formik.setFieldValue("hour2", newTime); + }} + label="تا" + /> + + + )} + + {value === "active" && ( + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-aviculture-commit/ProvincePolicyAvicultureCommit.js b/src/features/province/components/province-policy-aviculture-commit/ProvincePolicyAvicultureCommit.js new file mode 100644 index 0000000..cb8252b --- /dev/null +++ b/src/features/province/components/province-policy-aviculture-commit/ProvincePolicyAvicultureCommit.js @@ -0,0 +1,192 @@ +import { + Button, + Checkbox, + FormControl, + FormControlLabel, + InputAdornment, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { SPACING } from "../../../../data/spacing"; +import { provinceGetPolicyAvicultureCommitService } from "../../services/province-get-policy-aviculture-commit"; +import { provinceUpdatePolicyAvicultureCommitService } from "../../services/province-update-policy-aviculture-commit"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvincePolicyAvicultureCommit = ({ approvedState }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [numberValue, setNumberValue] = useState(""); + const [checked, setChecked] = useState(false); + const [freeSaleKey, setFreeSaleKey] = useState(); + const [selectedValue, setSelectedValue] = useState("byWeight"); + + useEffect(() => { + dispatch(provinceGetPolicyAvicultureCommitService()).then((r) => { + setChecked(r.payload.data.allow); + setFreeSaleKey(r.payload.data.key); + if (r.payload.data.type === "weight") { + setSelectedValue("byWeight"); + setNumberValue(r.payload.data.weight); + } else { + setSelectedValue("byPercent"); + setNumberValue(r.payload.data.percent); + } + }); + }, []); + + const handleChange = (event) => { + setChecked(event.target.checked); + dispatch( + provinceUpdatePolicyAvicultureCommitService({ + free_sale_key: freeSaleKey, + allow: event.target.checked, + // weight: Number(numberValue), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + setChecked(false); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + const handleChangeNumber = (event) => { + const newValue = event.target.value; + if (/^\d*$/.test(newValue) || newValue === "") { + setNumberValue(newValue); + } + }; + + const handleRadioChange = (event) => { + setSelectedValue(event.target.value); + }; + + useEffect(() => { + if (!approvedState && freeSaleKey) { + setChecked(false); + dispatch( + provinceUpdatePolicyAvicultureCommitService({ + free_sale_key: freeSaleKey, + allow: false, + // weight: Number(numberValue), + }) + ); + } + }, [approvedState]); + + return ( + + + } + label="تعهد تحویل مرغ به نرخ دولتی" + /> + + {checked && ( + + + + + } + label="بر اساس درصد تحویل" + /> + } + label="بر اساس وزن قطعه" + /> + + + + {selectedValue && ( + + + + {selectedValue === "byWeight" ? "کیلوگرم" : "درصد"} + + ), + }} + size="small" + value={numberValue} + onChange={handleChangeNumber} + inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }} + /> + + + + + + )} + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-council-allow-aggregate-bar-info/ProvincePolicyCouncilAllowAggegateBarInfo.js b/src/features/province/components/province-policy-council-allow-aggregate-bar-info/ProvincePolicyCouncilAllowAggegateBarInfo.js new file mode 100644 index 0000000..c974734 --- /dev/null +++ b/src/features/province/components/province-policy-council-allow-aggregate-bar-info/ProvincePolicyCouncilAllowAggegateBarInfo.js @@ -0,0 +1,166 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControlLabel, + Radio, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../../lib/yup/yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyEditAggregateBarInfoAllowStatus, + provincePolicyGetAggregateBarInfoAllowStatus, +} from "../../services/province-policy-get-aggregate-bar-info-allow-state"; + +export const ProvincePolicyCouncilAllowAggegateBarInfo = () => { + const [aggregateStatus, setAggregateStatus] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + maxLimit: "", + }, + validationSchema: Yup.object({ + maxLimit: Yup.number().required("این فیلد اجباری است"), + }), + }); + + const fetchData = () => { + dispatch(provincePolicyGetAggregateBarInfoAllowStatus()).then((r) => { + setAggregateStatus(r.payload.data.allow); + formik.setFieldValue("maxLimit", r.payload.data.limitation); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + مجوز ادغام بار (کد قرنطینه) + + + { + setAggregateStatus(true); + }} + /> + } + label="فعال" + /> + { + dispatch( + provincePolicyEditAggregateBarInfoAllowStatus({ + allow: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + name="item6" + /> + } + label="غیر فعال" + /> + + {aggregateStatus && ( + <> + + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-council-allow-export/ProvincePolicyCouncilAllowExport.js b/src/features/province/components/province-policy-council-allow-export/ProvincePolicyCouncilAllowExport.js new file mode 100644 index 0000000..c2b11d9 --- /dev/null +++ b/src/features/province/components/province-policy-council-allow-export/ProvincePolicyCouncilAllowExport.js @@ -0,0 +1,187 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + Checkbox, + FormControlLabel, + Radio, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../../lib/yup/yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provincePolicyGetExportAllowStatus } from "../../services/province-policy-get-export-allow-state"; +import { provincePolicyEditExportAllowState } from "../../services/province-policy-edit-export-allow-state"; + +export const ProvincePolicyCouncilAllowExport = () => { + const [exportStatus, setExportStatus] = useState(false); + const [isLimited, setIsLimited] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + maxLimit: "", + }, + validationSchema: Yup.object({ + maxLimit: Yup.number() + .required("این فیلد اجباری است") + .max(100, "درصدی بین 1 تا 100 وارد کنید!") + .min(1, "درصدی بین 1 تا 100 وارد کنید!"), + }), + }); + + const fetchData = () => { + dispatch(provincePolicyGetExportAllowStatus()).then((r) => { + setExportStatus(r.payload.data.allow); + formik.setFieldValue("maxLimit", r.payload.data.limitation); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + مجوز صادرات + + + { + setExportStatus(true); + }} + /> + } + label="فعال" + /> + { + dispatch( + provincePolicyEditExportAllowState({ + allow: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + name="item6" + /> + } + label="غیر فعال" + /> + + {exportStatus && ( + <> + + setIsLimited(!isLimited)} + color="primary" + /> + } + label="درصد محدودیت جوجه ریزی" + /> + + + {isLimited && ( + + + + )} + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-council-allow-free-sale/ProvincePolicyCouncilAllowFreeSale.js b/src/features/province/components/province-policy-council-allow-free-sale/ProvincePolicyCouncilAllowFreeSale.js new file mode 100644 index 0000000..930e7a6 --- /dev/null +++ b/src/features/province/components/province-policy-council-allow-free-sale/ProvincePolicyCouncilAllowFreeSale.js @@ -0,0 +1,190 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + Checkbox, + FormControlLabel, + Radio, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { provincePolicyGetFreeSaleStatus } from "../../services/province-policy-get-free-sale-state"; +import { Yup } from "../../../../lib/yup/yup"; +import { provincePolicyEditFreeSaleAllowState } from "../../services/province-policy-edit-free-sale-allow-state"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvincePolicyCouncilAllowFreeSale = () => { + const [freeSale, setFreeSale] = useState(false); + const [isLimited, setIsLimited] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + maxLimit: "", + }, + validationSchema: Yup.object({ + maxLimit: Yup.number() + .required("این فیلد اجباری است") + .max(100, "درصدی بین 1 تا 100 وارد کنید!") + .min(1, "درصدی بین 1 تا 100 وارد کنید!"), + }), + }); + + const fetchData = () => { + dispatch(provincePolicyGetFreeSaleStatus()).then((r) => { + setFreeSale(r.payload.data.allow); + if (r.payload.data.limitationStatus) { + setIsLimited(true); + } + formik.setFieldValue("maxLimit", r.payload.data.limitation); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + حداکثر فروش به خارج استان + + + { + setFreeSale(true); + }} + /> + } + label="فعال" + /> + { + dispatch( + provincePolicyEditFreeSaleAllowState({ + allow: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + name="item6" + /> + } + label="بدون محدودیت" + /> + + {freeSale && ( + <> + + setIsLimited(!isLimited)} + color="primary" + /> + } + label="درصد محدودیت جوجه ریزی" + /> + + + {isLimited && ( + + + + )} + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-council-maximum-bar-quantity/ProvincePolicyCouncilMaximumBarQuantity.js b/src/features/province/components/province-policy-council-maximum-bar-quantity/ProvincePolicyCouncilMaximumBarQuantity.js new file mode 100644 index 0000000..9781d4b --- /dev/null +++ b/src/features/province/components/province-policy-council-maximum-bar-quantity/ProvincePolicyCouncilMaximumBarQuantity.js @@ -0,0 +1,167 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControlLabel, + Radio, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../../lib/yup/yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyEditMaximumBarQuantityStatus, + provincePolicyGetMaximumBarQuantityStatus, +} from "../../services/province-policy-get-maximum-bar-quantity"; + +export const ProvincePolicyCouncilMaximumBarQuantity = () => { + const [maximumQuantity, setMaximumQuantity] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + maxLimit: "", + }, + validationSchema: Yup.object({ + maxLimit: Yup.number().required("این فیلد اجباری است"), + }), + }); + + const fetchData = () => { + dispatch(provincePolicyGetMaximumBarQuantityStatus()).then((r) => { + setMaximumQuantity(r.payload.data.allow); + formik.setFieldValue("maxLimit", r.payload.data.limitation); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + حداکثر حجم بار تخصیصی به خودرو + + + { + setMaximumQuantity(true); + }} + /> + } + label="فعال" + /> + { + dispatch( + provincePolicyEditMaximumBarQuantityStatus({ + allow: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + name="item6" + /> + } + label="غیر فعال" + /> + + {maximumQuantity && ( + <> + + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-council-slaughter-submit-buying-price/ProvincePolicyCouncilSlaughterSubmitBuyingPrice.js b/src/features/province/components/province-policy-council-slaughter-submit-buying-price/ProvincePolicyCouncilSlaughterSubmitBuyingPrice.js new file mode 100644 index 0000000..152f09e --- /dev/null +++ b/src/features/province/components/province-policy-council-slaughter-submit-buying-price/ProvincePolicyCouncilSlaughterSubmitBuyingPrice.js @@ -0,0 +1,117 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { FormControlLabel, Radio, Typography } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyEditSlaughterSubmitBuyingPriceStatus, + provincePolicyGetSLaughterSubmitBuyingPriceStatus, +} from "../../services/province-policy-get-slaughter-buying-price-status"; + +export const ProvincePolicyCouncilSlaughterSubmitBuyingPrice = () => { + const [submitStatus, SetSubmitStatus] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const fetchData = () => { + dispatch(provincePolicyGetSLaughterSubmitBuyingPriceStatus()).then((r) => { + SetSubmitStatus(r.payload.data.allow); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( + + + ثبت قیمت خرید توسط کشتارگاه + + + { + SetSubmitStatus(true); + dispatch( + provincePolicyEditSlaughterSubmitBuyingPriceStatus({ + allow: true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="فعال" + /> + { + SetSubmitStatus(false); + dispatch( + provincePolicyEditSlaughterSubmitBuyingPriceStatus({ + allow: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="غیر فعال" + /> + + + ); +}; diff --git a/src/features/province/components/province-policy-council-validate-poultry-with-sms/ProvincePolicyCouncilValidatePoultryWithSms.js b/src/features/province/components/province-policy-council-validate-poultry-with-sms/ProvincePolicyCouncilValidatePoultryWithSms.js new file mode 100644 index 0000000..8295a68 --- /dev/null +++ b/src/features/province/components/province-policy-council-validate-poultry-with-sms/ProvincePolicyCouncilValidatePoultryWithSms.js @@ -0,0 +1,119 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { FormControlLabel, Radio, Typography } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyEditValidatePoultryWithSmsStatusService, + provincePolicyValidatePoultryWithSmsStatusService, +} from "../../services/province-policy-validate-poultry-wth-sms-service"; + +export const ProvincePolicyCouncilValidatePoultryWithSms = () => { + const [submitStatus, SetSubmitStatus] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const fetchData = () => { + dispatch(provincePolicyValidatePoultryWithSmsStatusService()).then((r) => { + SetSubmitStatus(r.payload.data.poultryStatus); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( + + + + احراز پیامکی قیمت مرغ برای مرغدار + + + + { + SetSubmitStatus(true); + dispatch( + provincePolicyEditValidatePoultryWithSmsStatusService({ + poultry_status: true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="فعال" + /> + { + SetSubmitStatus(false); + dispatch( + provincePolicyEditValidatePoultryWithSmsStatusService({ + poultry_status: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="غیر فعال" + /> + + + ); +}; diff --git a/src/features/province/components/province-policy-council/ProvincePolicyCouncil.js b/src/features/province/components/province-policy-council/ProvincePolicyCouncil.js new file mode 100644 index 0000000..96742df --- /dev/null +++ b/src/features/province/components/province-policy-council/ProvincePolicyCouncil.js @@ -0,0 +1,642 @@ +import { + Checkbox, + FormControl, + FormControlLabel, + IconButton, + InputLabel, + MenuItem, + Radio, + Select, + Tab, + Tabs, + Tooltip, + Typography, +} from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; + +import { useNavigate } from "react-router-dom"; +import LiveHelpIcon from "@mui/icons-material/LiveHelp"; +import { Grid } from "../../../../components/grid/Grid"; +import { + ROUTE_ADMINX_ROUTE_POLICY_COUNCIL_FREE_SALE, + ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_FREE_SALE, + ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_POULTRY_CHOOSE_SLAUGHTER, + ROUTE_SUPER_ADMIN_ROUTE_POLICY_COUNCIL_FREE_SALE, +} from "../../../../routes/routes"; +import { provinceGetPolicyPoultryChooseKillHouseService } from "../../services/province-get-policy-poultry-choose-kill-house"; +import { provincePolicyFreeSaleService } from "../../services/province-policy-free-sale"; +import { provincePolicyGetFreeSaleService } from "../../services/province-policy-get-free-sale"; +import { provincePolicyPoultryChooseKillHouseService } from "../../services/province-policy-poultry-choose-kill-house"; +import TuneIcon from "@mui/icons-material/Tune"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { hourLimitKillRequestService } from "../../../city/services/hour-limit-kill-request"; +import { provincePolicyAutoAcceptSlaughterService } from "../../services/province-policy-auto-accept-slaughter"; +import { provincePolicyGetAutoAcceptSlaughterService } from "../../services/province-policy-get-auto-accept-slaughter"; +import { provincePolicyAutoAllocateCarService } from "../../services/province-policy-auto-allocate-car"; +import { provincePolicyGetAutoAllocateCarService } from "../../services/province-policy-get-auto-allocate-car"; + +import { ProvinceApplyDefaultLosses } from "../province-apply-default-losses/ProvinceApplyDefaultLosses"; +import { ProvinceSlaughterDirectBuyPermission } from "../province-slaughter-direct-buy-permission/ProvinceSlaughterDirectBuyPermission"; +import { ProvincePolicyKillhouseHourLimit } from "../province-policy-killhouse-hour-limit/ProvincePolicyKillhouseHourLimit"; +import { hourLimitGetKillRequestService } from "../../../city/services/hour-limit-get-kill-request"; +import { ProvincePolicyProvinceFee } from "../province-policy-province-fee/ProvincePolicyProvinceFee"; +import { provinceGetEvacuationPermit } from "../../services/province-get-evacuation-permit"; + +import { provinceEditEvacuationPermit } from "../../services/province-edit-evacuation-permit"; +import { provinceGetSellForFreezingStatus } from "../../services/province-get-sell-for-freezing-status"; +import { provinceSetSellForFreezing } from "../../services/province-set-sell-for-freezing-access"; +import ProvincePolicyLimitAccess from "../province-policy-limit-access/ProvincePolicyLimitAccess"; +import { ProvincePolicyApprovedPrice } from "../province-policy-approved-price/ProvincePolicyApprovedPrice"; +import { ProvincePolicySlaughterAge } from "../province-policy-slaughter-age/ProvincePolicySlaughterAge"; +import { ProvincePolicyTimeRange } from "../province-policy-time-range/ProvincePolicyTimeRange"; +import ProvincePolicyWageFractions from "../province-policy-wage-fractions/ProvincePolicyWageFractions"; +import { ProvincePolicyCouncilAllowFreeSale } from "../province-policy-council-allow-free-sale/ProvincePolicyCouncilAllowFreeSale"; +import { ProvincePolicyCouncilAllowExport } from "../province-policy-council-allow-export/ProvincePolicyCouncilAllowExport"; +import { ProvincePolicyCouncilAllowAggegateBarInfo } from "../province-policy-council-allow-aggregate-bar-info/ProvincePolicyCouncilAllowAggegateBarInfo"; +import { ProvincePolicyCouncilMaximumBarQuantity } from "../province-policy-council-maximum-bar-quantity/ProvincePolicyCouncilMaximumBarQuantity"; +import { ProvincePolicyCouncilSlaughterSubmitBuyingPrice } from "../province-policy-council-slaughter-submit-buying-price/ProvincePolicyCouncilSlaughterSubmitBuyingPrice"; +import { ProvincePolicyAutomaticAcceptDirectBuying } from "../province-policy-automatic-accept-direct-buying/ProvincePolicyAutomaticAcceptDirectBuying"; +import { ProvincePolicyCouncilValidatePoultryWithSms } from "../province-policy-council-validate-poultry-with-sms/ProvincePolicyCouncilValidatePoultryWithSms"; +import { ProvincePolicyDropLimit } from "../province-policy-slaughter-drop-limit/ProvincePolicyDropLimit"; +import { ProvincePolicyUploadSlaughterInProvinceImage } from "../province-policy-upload-image_slaughter_in_province/ProvincePolicyUploadSlaughterInProvinceImage"; +import { ProvincePolicyUploadImageSlaughterOutProvince } from "../province_policy_upload_image_slaughter_out_province/ProvincePolicyUploadImageSlaughterOutProvince"; +import { ProvincePolicyUploadStewardInProvinceImage } from "../province-policy-steward-in-province-Upload-image/ProvincePolicyUploadStewardInProvinceImage"; +import { ProvincePolicyUploadImageStewardOutProvince } from "../province-policy-steward-out-province-upload-image/ProvincePolicyUploadImageStewardOutProvince"; + +import { ProvincePolicyDirectBuying } from "../province-policy-direct-buying/ProvincePolicyDirectBuying"; +import { ProvincePolicyTradeTimeRange } from "../province-policy-trade-time-range/ProvincePolicyTradeTimeRange"; +import { ProvinceMandatorySuperVisorAuthenticationCode } from "../province-mandatory-supervisor-authentication-code/ProvinceMandatorySuperVisorAuthenticationCode"; +import { ProvinceMandatorySlaughterhouseVerificationCode } from "../province-mandatory-slaughterhouse-verification-code/ProvinceMandatorySlaughterhouseVerificationCode"; +import { ProvincePolicyDirectPurchaseBarLimitation } from "../province-policy-direct-purchase-bar-limitation/ProvincePolicyDirectPurchaseBarLimitation"; +import { ManageEvacuations } from "../manage-evacuations/ManageEvacuations"; +import { ProvincePolicyMarketDailyLimitation } from "../province-policy-market-daily-limitation/ProvincePolicyMarketDailyLimitation"; +import { ProvinceHatchingArchivePercent } from "../province-hatching-archive-percent/ProvinceHatchingArchivePercent"; + +export const ProvincePolicyCouncil = () => { + const [isFirstLoad, setIsFirstLoad] = useState(true); + const [value, setValue] = useState("0"); + const [freeSale, setFreeSale] = useState(false); + + const [poultryChooseSlaughter, setPoultryChooseSlaughter] = useState(false); + const [autoAcceptSlaughter, setAutoAcceptSlaughter] = useState(false); + const [autoCarAllocateSlaughter, setAutoCarAllocateSlaughter] = + useState(false); + + const dispatch = useDispatch(); + const navigate = useNavigate(); + const hours = Array.from({ length: 8 }, (_, i) => i + 8); + const [isChecked, setIsChecked] = useState(false); + const [selectedHour, setSelectedHour] = useState(""); + const [evacuationBeforeQuarantineCode, setEvacuationBeforeQuarantineCode] = + useState("optional"); + const [sellForFreezing, setSellForFreezing] = useState(false); + + const [hovered, setHovered] = useState(false); + + const [mandatory, setMandatory] = useState(false); + + const handleChange = (event) => { + if (event.target.name === "item1") { + setFreeSale(event.target.checked); + dispatch( + provincePolicyFreeSaleService({ + allow: event.target.checked, + }) + ); + } + + if (event.target.name === "item6") { + setPoultryChooseSlaughter(event.target.checked); + dispatch( + provincePolicyPoultryChooseKillHouseService({ + allow: event.target.checked, + mandatory, + }) + ); + } + + if (event.target.name === "autoAcceptSlaughter") { + setAutoAcceptSlaughter(event.target.checked); + dispatch( + provincePolicyAutoAcceptSlaughterService({ + allow: event.target.checked, + }) + ); + } + + if (event.target.name === "autoCarAllocateSlaughter") { + setAutoCarAllocateSlaughter(event.target.checked); + dispatch( + provincePolicyAutoAllocateCarService({ + allow: event.target.checked, + }) + ); + } + }; + + useEffect(() => { + dispatch(provincePolicyGetFreeSaleService()).then((r) => { + setFreeSale(r.payload.data); + }); + + dispatch(provinceGetPolicyPoultryChooseKillHouseService()).then((r) => { + setPoultryChooseSlaughter(r.payload.data.allowState); + setMandatory(r.payload.data.mandatory); + }); + + dispatch(provincePolicyGetAutoAcceptSlaughterService()).then((r) => { + setAutoAcceptSlaughter(r.payload.data); + }); + + dispatch(provincePolicyGetAutoAllocateCarService()).then((r) => { + setAutoCarAllocateSlaughter(r.payload.data); + }); + + dispatch(provinceGetEvacuationPermit()).then((r) => { + setEvacuationBeforeQuarantineCode(r.payload.data.type); + }); + + dispatch(provinceGetSellForFreezingStatus()).then((r) => { + setSellForFreezing(r.payload.data.permission); + }); + }, []); + + useEffect(() => { + setIsFirstLoad(false); + if (!isFirstLoad) { + dispatch( + provincePolicyPoultryChooseKillHouseService({ + allow: poultryChooseSlaughter, + mandatory, + }) + ); + } + }, [mandatory]); + + useEffect(() => { + if (isChecked && selectedHour) { + dispatch( + hourLimitKillRequestService({ hour: selectedHour, active: isChecked }) + ); + } + if (!isChecked && selectedHour) { + setSelectedHour(null); + dispatch(hourLimitKillRequestService({ hour: 0, active: isChecked })); + } + }, [selectedHour, isChecked]); + + useEffect(() => { + dispatch(hourLimitGetKillRequestService()).then((r) => { + setIsChecked(r.payload.data.active); + setSelectedHour(r.payload.data.hour); + }); + }, []); + + const handleChangeEvacuationPermit = (e) => { + dispatch(provinceEditEvacuationPermit({ type: e })).then(() => { + dispatch(provinceGetEvacuationPermit()).then((r) => { + setEvacuationBeforeQuarantineCode(r.payload.data.type); + }); + }); + }; + + const handleChangeSellForFreezing = (e) => { + dispatch(provinceSetSellForFreezing({ permission: e })).then(() => { + dispatch(provinceGetSellForFreezingStatus()).then((r) => { + setSellForFreezing(r.payload.data.permission); + }); + }); + }; + const handleChangeTab = (event, newValue) => { + setValue(newValue); + }; + + return ( + + + مدیریت فرآیند + + + + + + {/* */} + + + + + {value === "0" && ( + + + + + + } + label="مدیر اجرایی (اتحادیه)" + /> + + + + } + label="مجوز فروش به خارج استان (زنده)" + /> + + { + navigate( + getRoleFromUrl() === "ProvinceOperator" + ? ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_FREE_SALE + : getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_ROUTE_POLICY_COUNCIL_FREE_SALE + : ROUTE_ADMINX_ROUTE_POLICY_COUNCIL_FREE_SALE + ); + }} + > + + + + + + + + + + تخلیه با کد قرنطینه + + { + handleChangeEvacuationPermit("force"); + }} + /> + } + label="اجباری" + /> + { + handleChangeEvacuationPermit("optional"); + }} + name="item6" + /> + } + label="اختیاری" + /> + + + + + مجوز فروش مرغ برای انجماد + + + { + handleChangeSellForFreezing(true); + }} + /> + } + label="فعال" + /> + { + handleChangeSellForFreezing(false); + }} + name="item6" + /> + } + label="غیر فعال" + /> + + + + + + + + + + + + + + + + + + + + + + + + + + + )} + + {value === "1" && ( + + + + + } + label="اولویت بندی کشتارگاه توسط مرغدار" + /> + + { + navigate( + ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_POULTRY_CHOOSE_SLAUGHTER + ); + }} + > + + + + {poultryChooseSlaughter && ( + <> + setMandatory(true)} + /> + } + label="اجباری" + /> + setMandatory(false)} + value={false} + name="item6" + /> + } + label="اختیاری" + /> + + )} + + + } + label="فروش خارج از شبکه" + /> + + } + label="فعال سازی پنل بورس" + /> + + + } + label="تسویه حساب مالی" + /> + + setHovered(true)} + onMouseLeave={() => setHovered(false)} + > + + + + + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin") && ( + + )} + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin") && ( + + setIsChecked(!isChecked)} + /> + } + label="محدودیت زمان درخواست کشتار مرغدار" + /> + {isChecked && ( + + ساعت پایان درخواست + + + )} + + )} + + } + label="تایید خودکار حجم تخصیصی به کشتارگاه" + /> + + } + label="ایجاد خودروی حمل بار برای کشتارگاه" + /> + + } + label="عدم امکان وارد کردن اطلاعات بار در صورت تایید نکردن تخلیه دامپزشک کشتارگاه" + /> + + + {/* */} + + + )} + + {value === "2" && ( + + + + )} + + {value === "3" && ( + + + + )} + {value === "4" && ( + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-direct-buying/ProvincePolicyDirectBuying.js b/src/features/province/components/province-policy-direct-buying/ProvincePolicyDirectBuying.js new file mode 100644 index 0000000..b90e6a1 --- /dev/null +++ b/src/features/province/components/province-policy-direct-buying/ProvincePolicyDirectBuying.js @@ -0,0 +1,252 @@ +import { + FormControlLabel, + Button, + Radio, + Typography, + TextField, +} from "@mui/material"; +import { useEffect, useState, useContext } from "react"; +import { useDispatch } from "react-redux"; + +import { useFormik } from "formik"; + +import { Grid } from "../../../../components/grid/Grid"; +import { Yup } from "../../../../lib/yup/yup"; + +import { directEditBuyingVerification } from "../../services/direct-edit-buying-verification"; +import { directBuyingVerification } from "../../services/direct-buying-verification"; + +import { paymentGetDeadLines } from "../../services/payment-get-deadlines"; +import { paymentEditDeadLines } from "../../services/payment-edit-deadlines"; + +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvincePolicyDirectBuying = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [directVerificationBuying, setDirectBuyingVerifivation] = + useState(false); + const [paymentDeadLine, setPaymentDeadLine] = useState(false); + + const formik = useFormik({ + initialValues: { + payment_deadline_days: "", + }, + validationSchema: Yup.object({ + payment_deadline_days: Yup.number() + .required("این فیلد اجباری است") + .min(0, "حداقل مقدار باید 0 باشد") + .max(100, "حداکثر مقدار باید 100 باشد"), + }), + }); + + useEffect(() => { + dispatch(directBuyingVerification()).then((r) => { + const isMandatory = r.payload.data?.poultryCodeMandatory; + setDirectBuyingVerifivation(isMandatory); + }); + + dispatch(paymentGetDeadLines()).then((r) => { + const isPaymentDeadline = r.payload?.data?.paymentDeadline ?? false; + setPaymentDeadLine(isPaymentDeadline); + + if (isPaymentDeadline && r.payload?.data?.paymentDeadlineDays) { + formik.setFieldValue( + "payment_deadline_days", + r.payload.data.paymentDeadlineDays + ); + } + }); + }, []); + + const handleChangeDirectBuyingVerification = (e) => { + dispatch(directEditBuyingVerification({ poultry_code_mandatory: e })).then( + () => { + dispatch(directBuyingVerification()).then((r) => { + setDirectBuyingVerifivation(r.payload?.data?.poultryCodeMandatory); + }); + } + ); + }; + + const handleChangePaymentDeadLines = (value) => { + const isActive = value === true; + if (!isActive) { + dispatch( + paymentEditDeadLines({ + payment_deadline: false, + payment_deadline_days: 0, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "غیرفعال شد.", + severity: "success", + }); + } + }); + } + + setPaymentDeadLine(isActive); + }; + + const handleSubmitPaymentDeadline = () => { + dispatch( + paymentEditDeadLines({ + payment_deadline: true, + payment_deadline_days: parseInt(formik.values.payment_deadline_days), + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "تنظیمات با موفقیت ذخیره شد.", + + severity: "success", + }); + } + }); + }; + + return ( + <> + + ثبت کداحراز خرید مستقیم مرغدار + + { + handleChangeDirectBuyingVerification(true); + }} + /> + } + label="اجباری" + /> + { + handleChangeDirectBuyingVerification(false); + }} + name="item6" + /> + } + label="اختیاری" + /> + + + + + حداکثر مهلت تسویه با مرغدار + + + handleChangePaymentDeadLines(true)} + /> + } + label="فعال" + /> + + handleChangePaymentDeadLines(false)} + name="item6" + /> + } + label="غیر فعال" + /> + + + {paymentDeadLine !== false && ( + <> + + + + + + + + )} + + + ); +}; diff --git a/src/features/province/components/province-policy-direct-purchase-bar-limitation/ProvincePolicyDirectPurchaseBarLimitation.js b/src/features/province/components/province-policy-direct-purchase-bar-limitation/ProvincePolicyDirectPurchaseBarLimitation.js new file mode 100644 index 0000000..e163884 --- /dev/null +++ b/src/features/province/components/province-policy-direct-purchase-bar-limitation/ProvincePolicyDirectPurchaseBarLimitation.js @@ -0,0 +1,252 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { + Button, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + Typography, +} from "@mui/material"; +import TimePicker from "../../../../components/date-picker/CustomDatePicker"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyGetDirectPurchaseBarLimitation, + provincePolicyEditDirectPurchaseBarLimitation, +} from "../../services/province-policy-direct-purchase-bar-limitation"; + +const DEFAULT_LIMITATION = { + id: null, + key: null, + active: false, + start_time: "08:00:00", + end_time: "18:00:00", + allowBuying: null, +}; + +export const ProvincePolicyDirectPurchaseBarLimitation = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [limitation, setLimitation] = useState(DEFAULT_LIMITATION); + + useEffect(() => { + dispatch(provincePolicyGetDirectPurchaseBarLimitation()).then((r) => { + if (r.payload?.data) { + const d = r.payload.data; + setLimitation({ + id: d.id, + key: d.key, + active: d.active, + start_time: d.startTime, + end_time: d.endTime, + allowBuying: d.allowBuying ?? null, + }); + } + }); + }, [dispatch]); + + const handleActiveChange = (e) => { + const nextActive = e.target.value === "true"; + const nextLimitation = { ...limitation, active: nextActive }; + setLimitation(nextLimitation); + + if (!nextActive) { + dispatch( + provincePolicyEditDirectPurchaseBarLimitation({ + id: limitation.id, + data: { active: false }, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else if (r.payload?.data) { + const d = r.payload.data; + setLimitation((prev) => ({ + ...prev, + id: d.id ?? prev.id, + key: d.key ?? prev.key, + active: d.active ?? prev.active, + start_time: d.startTime ?? prev.start_time, + end_time: d.endTime ?? prev.end_time, + allowBuying: d.allowBuying ?? prev.allowBuying, + })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }; + + const handleAllowBuyingChange = (e) => { + const value = e.target.value === "بلی"; + setLimitation((prev) => ({ ...prev, allowBuying: value })); + }; + + const handleSave = () => { + dispatch( + provincePolicyEditDirectPurchaseBarLimitation({ + id: limitation.id, + data: { + active: limitation.active, + start_time: limitation.start_time, + end_time: limitation.end_time, + allow_buying: limitation.allowBuying, + }, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else if (r.payload?.data) { + const d = r.payload.data; + setLimitation({ + id: d.id ?? limitation.id, + key: d.key ?? limitation.key, + active: d.active ?? limitation.active, + start_time: d.startTime ?? limitation.start_time, + end_time: d.endTime ?? limitation.end_time, + allowBuying: d.allowBuying ?? limitation.allowBuying, + }); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + بازه‌ی اضطراری خرید و ایجاد بعدی + + + + + + + } label="فعال" /> + } + label="غیر فعال" + /> + + + + + {limitation.active && ( + + + + setLimitation((prev) => ({ ...prev, start_time: newTime })) + } + label="از" + /> + + + + setLimitation((prev) => ({ ...prev, end_time: newTime })) + } + label="تا" + /> + + + )} + + {limitation.active && ( + + + اجازه خرید دارد؟ + + + + } label="بلی" /> + } label="خیر" /> + + + + )} + + {limitation.active && ( + + + + )} + + + ); +}; diff --git a/src/features/province/components/province-policy-document-states/ProvincePolicyDocumentStates.js b/src/features/province/components/province-policy-document-states/ProvincePolicyDocumentStates.js new file mode 100644 index 0000000..20f435a --- /dev/null +++ b/src/features/province/components/province-policy-document-states/ProvincePolicyDocumentStates.js @@ -0,0 +1,471 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + Checkbox, + FormControlLabel, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { + getDocumentStates, + submitDocumentStates, +} from "../../services/getDocumentStates"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { + provincePolicyDeleteDocumentState, + provincePolicyEditDocumentState, + provincePolicySubmitDocumentState, +} from "../../services/province-policy-submit-document-state"; +import { AppContext } from "../../../../contexts/AppContext"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +import TuneIcon from "@mui/icons-material/Tune"; + +// import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvincePolicyDocumentStates = () => { + const dispatch = useDispatch(); + const [tableData, setTableData] = useState([]); + const [editPriorityMode, setEditPriorityMode] = useState(false); + const [priorities, setPriorities] = useState([]); + const [data, setData] = useState([]); + + const handleTextChange = (event, i) => { + const newlist = [...priorities]; + newlist[i] = { ...newlist[i], value: parseInt(event.target.value) }; + setPriorities(newlist); + }; + + const [openNotif] = useContext(AppContext); + + const fetchData = () => { + dispatch(getDocumentStates()).then((r) => { + setData(r.payload.data); + const fields = r.payload.data?.map((item) => { + return { key: item?.key, value: item?.priorityId }; + }); + setPriorities(fields); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + editPriorityMode ? ( + handleTextChange(e, i)} + /> + ) : ( + item?.priorityId + ), + item?.title, + item?.sms ? "دارد" : "ندارد", + item?.isError ? ( + + ندارد + + ) : ( + + دارد + + ), + + { + dispatch( + OPEN_MODAL({ + title: "ویرایش وضعیت", + content: ( + + ), + }) + ); + }} + onDelete={() => { + dispatch(provincePolicyDeleteDocumentState(item?.id)).then( + (r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + } + ); + }} + /> + , + ]; + }); + setTableData(d); + }, [data, priorities, editPriorityMode]); + + useEffect(() => { + fetchData(); + }, []); + + const DocumentStateActions = ({ onEdit, onDelete }) => { + const [anchorEl, setAnchorEl] = useState(null); + const open = Boolean(anchorEl); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleEdit = () => { + onEdit(); + handleClose(); + }; + + const handleDelete = () => { + onDelete(); + handleClose(); + }; + + return ( + + + + + + + + + + + + + + ویرایش + + } + /> + + + + + + + حذف + + } + /> + + + + + ); + }; + + return ( + + + وضعیت اسناد + + + {editPriorityMode ? ( + + + + + ) : ( + + )} + + + + + ); +}; + +const ProvincePolicyDocumentStatesModal = ({ fetchData, isEdit, item }) => { + const [sms, setSms] = useState(item?.sms ? true : false); + const [isError, setIsError] = useState(item?.isError ? true : false); + const dispatch = useDispatch(); + const handleChangeSms = (event) => { + setSms(event.target.checked); + }; + + const handleChangeIsError = (event) => { + setIsError(event.target.checked); + }; + + const formik = useFormik({ + initialValues: { + stateTitle: item?.title ? item?.title : "", + priority: item?.priorityId ? item?.priorityId : 1, + }, + validationSchema: Yup.object({ + stateTitle: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عنوان وضعیت را وارد کنید!"), + priority: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عنوان وضعیت را وارد کنید!") + .min(1, "عدد مثبت وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + const [openNotif] = useContext(AppContext); + + return ( + + + {isEdit && ( + + )} + + + + } + label="ارسال پیامک" + /> + + + } + label="محدود کننده" + /> + + + + + ); +}; diff --git a/src/features/province/components/province-policy-edit-fine/ProvincePolicyEditFine.js b/src/features/province/components/province-policy-edit-fine/ProvincePolicyEditFine.js new file mode 100644 index 0000000..a68ab05 --- /dev/null +++ b/src/features/province/components/province-policy-edit-fine/ProvincePolicyEditFine.js @@ -0,0 +1,156 @@ +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + TextField, + Radio, + RadioGroup, + FormControlLabel, +} from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provincePolicyEditFinePermission } from "../../services/province-policy-edit-fine-permission"; +import TimePicker from "../../../../components/date-picker/CustomDatePicker"; + +export const ProvincePolicyEditFine = ({ item, fetchData }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [range, setRange] = useState({ + start_time: item?.startTime || "01:00:00", + end_time: item?.endTime || "24:00:00", + fine: item?.fine || false, + }); + + const formik = useFormik({ + initialValues: { + fine_coefficient: item?.fineCoefficient || 0, + }, + validationSchema: Yup.object({ + fine_coefficient: Yup.number() + .typeError("لطفا فیلد را به صورت عددی وارد کنید!") + .required("این فیلد اجباری است!"), + }), + onSubmit: async (values) => { + const payload = { + key: item?.key, + fine: range.fine, + start_time: range.fine ? range.start_time : "00:00:00", + end_time: range.fine ? range.end_time : "00:00:00", + fine_coefficient: range.fine ? values.fine_coefficient : 0, + }; + + dispatch(provincePolicyEditFinePermission(payload)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchData(); + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + return ( + +

+ + + + setRange((prev) => ({ + ...prev, + fine: e.target.value === "active", + })) + } + > + } + label="فعال" + /> + } + label="غیرفعال" + /> + + + + {range.fine && ( + + + + + setRange((prev) => ({ ...prev, start_time: newTime })) + } + label="از" + /> + + setRange((prev) => ({ ...prev, end_time: newTime })) + } + label="تا" + /> + + + )} + + + +

+ + ); +}; diff --git a/src/features/province/components/province-policy-edit-weight-category/ProvincePolicyEditWeightCategory.js b/src/features/province/components/province-policy-edit-weight-category/ProvincePolicyEditWeightCategory.js new file mode 100644 index 0000000..b3db0ff --- /dev/null +++ b/src/features/province/components/province-policy-edit-weight-category/ProvincePolicyEditWeightCategory.js @@ -0,0 +1,105 @@ +import React, { useContext } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { provincePolicyEditWeightCategory } from "../../services/province-policy-get-weight-category"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvincePolicyEditWeightCategory = ({ item, fetchData }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + min_value: item?.minValue || "", + max_value: item?.maxValue || "", + }, + validationSchema: Yup.object({ + min_value: Yup.number() + .typeError("لطفا فیلد را به صورت عددی وارد کنید.!") + .required("این فیلد اجباری است!"), + max_value: Yup.number() + .typeError("لطفا فیلد را به صورت عددی وارد کنید.!") + .required("این فیلد اجباری است!"), + }), + + onSubmit: async (values) => { + dispatch( + provincePolicyEditWeightCategory({ ...values, key: item?.key }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchData(); + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-policy-killhouse-guilds/ProvincePolicyKillhouseGuilds.js b/src/features/province/components/province-policy-killhouse-guilds/ProvincePolicyKillhouseGuilds.js new file mode 100644 index 0000000..2f01e33 --- /dev/null +++ b/src/features/province/components/province-policy-killhouse-guilds/ProvincePolicyKillhouseGuilds.js @@ -0,0 +1,54 @@ +import { Checkbox, FormControlLabel, IconButton, Tooltip } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +// import { updateLossesPermissionService } from "../../services/update-losses-permission"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_KILLHOUSE_GUILDS } from "../../../../routes/routes"; +import { postKillhouseGuildPermissionService } from "../../services/post-killhouse-guild-permission"; +import { getKillhouseGuildsPermissionService } from "../../services/get-killhouse-guilds-permission"; + +export const ProvincePolicyKillhouseGuilds = () => { + const navigate = useNavigate(); + const [isChecked, setIsChecked] = useState(false); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(getKillhouseGuildsPermissionService()).then((r) => { + setIsChecked(r.payload.data.allowState); + }); + }, []); + + const handleChange = (event) => { + dispatch( + postKillhouseGuildPermissionService({ + allow: event.target.checked, + }) + ); + setIsChecked(event.target.checked); + }; + + return ( + + + } + label="اجازه ثبت صنف به کشتارگاه ها" + /> + + { + navigate(ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_KILLHOUSE_GUILDS); + }} + > + + + + + ); +}; diff --git a/src/features/province/components/province-policy-killhouse-hour-limit/ProvincePolicyKillhouseHourLimit.js b/src/features/province/components/province-policy-killhouse-hour-limit/ProvincePolicyKillhouseHourLimit.js new file mode 100644 index 0000000..57a1cc3 --- /dev/null +++ b/src/features/province/components/province-policy-killhouse-hour-limit/ProvincePolicyKillhouseHourLimit.js @@ -0,0 +1,76 @@ +import { + Checkbox, + FormControl, + FormControlLabel, + InputLabel, + MenuItem, + Select, +} from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { getHourLimitKillRequestKillhouseService } from "../../../city/services/get-hour-limit-kill-request-killhouse"; +import { hourLimitKillRequestKillhouseService } from "../../../city/services/hour-limit-kill-request-killhouse"; + +export const ProvincePolicyKillhouseHourLimit = () => { + const dispatch = useDispatch(); + const hours = Array.from({ length: 8 }, (_, i) => i + 8); + const [isChecked, setIsChecked] = useState(false); + const [selectedHour, setSelectedHour] = useState(""); + + useEffect(() => { + dispatch(getHourLimitKillRequestKillhouseService()).then((r) => { + setIsChecked(r.payload.data.active); + setSelectedHour(r.payload.data.hour); + }); + }, []); + + useEffect(() => { + if (isChecked && selectedHour) { + dispatch( + hourLimitKillRequestKillhouseService({ + hour: selectedHour, + active: isChecked, + }) + ); + } + if (!isChecked && selectedHour) { + setSelectedHour(null); + dispatch( + hourLimitKillRequestKillhouseService({ hour: 0, active: isChecked }) + ); + } + }, [selectedHour, isChecked]); + + return ( + + setIsChecked(!isChecked)} + /> + } + label="محدودیت زمان درخواست کشتار کشتارگاه" + /> + {isChecked && ( + + ساعت پایان درخواست + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-limit-access/ProvincePolicyLimitAccess.js b/src/features/province/components/province-policy-limit-access/ProvincePolicyLimitAccess.js new file mode 100644 index 0000000..c9ff755 --- /dev/null +++ b/src/features/province/components/province-policy-limit-access/ProvincePolicyLimitAccess.js @@ -0,0 +1,176 @@ +import React, { useEffect, useState } from "react"; +import Checkbox from "@mui/material/Checkbox"; +import FormControlLabel from "@mui/material/FormControlLabel"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { provinceGetLimitation } from "../../services/province-get-limitation"; +import { toUnderscore } from "../../../../utils/toCamelCase"; +import { provincePolicyUpdateLimitations } from "../../services/province-policy-update-limitation"; + +const ProvincePolicyLimitAccess = () => { + const dispatch = useDispatch(); + const [checkedItems, setCheckedItems] = useState(); + + useEffect(() => { + dispatch(provinceGetLimitation()).then((r) => { + setCheckedItems(r.payload.data); + }); + }, []); + + const handleChange = (event) => { + const { name, checked } = event.target; + setCheckedItems((prevCheckedItems) => { + const updatedCheckedItems = { + ...prevCheckedItems, + [name]: checked, + }; + handleSubmit(updatedCheckedItems); + return updatedCheckedItems; + }); + }; + + const handleSubmit = (updatedCheckedItems) => { + const newObject = {}; + for (const key in updatedCheckedItems) { + if (Object.prototype.hasOwnProperty.call(updatedCheckedItems, key)) { + const newKey = toUnderscore(key); + newObject[newKey] = updatedCheckedItems[key]; + } + } + dispatch(provincePolicyUpdateLimitations(newObject)); + }; + + return ( + <> + {checkedItems && ( + + + } + label="محدودیت کد قرنطینه برای بار داخل استان" + /> + + + } + label="بار خارج از استان" + /> + + } + label="محدودیت تخصیص استان به کشتارگاه" + /> + + } + label="محدودیت ایجاد بار برای کشتارگاه" + /> + + } + label="محدودیت تایید تخلیه برای دامپزشک" + /> + + } + label="محدودیت تایید تخلیه ورود اطلاعات بار" + /> + + } + label="محدودیت ورود اطلاعات بار کشتارگاه " + /> + + } + label="محدودیت ورود بار به انبار کشتارگاه" + /> + + } + label="محدودیت تخصیص کشتارگاه به مباشر یا صنف" + /> + + } + label="محدودیت انجماد برای کشتارگاه" + /> + + } + label="محدودیت فروش آزاد برای کشتارگاه" + /> + + } + label="محدودیت خرید آزاد برای کشتارگاه" + /> + + )} + + ); +}; + +export default ProvincePolicyLimitAccess; diff --git a/src/features/province/components/province-policy-manage-penalty/provincePolicyManagePenalty.js b/src/features/province/components/province-policy-manage-penalty/provincePolicyManagePenalty.js new file mode 100644 index 0000000..91f44d1 --- /dev/null +++ b/src/features/province/components/province-policy-manage-penalty/provincePolicyManagePenalty.js @@ -0,0 +1,84 @@ +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +import { useDispatch } from "react-redux"; + +import EditIcon from "@mui/icons-material/Edit"; + +import { IconButton } from "@mui/material"; + +import { provincePolicyGetFinePermission } from "../../services/province-policy-get-fine-permission"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvincePolicyEditFine } from "../province-policy-edit-fine/ProvincePolicyEditFine"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvincePolicyManagePenalty = () => { + const dispatch = useDispatch(); + + const [data, setData] = useState(); + const [tableData, setTableData] = useState(); + + const fetchData = () => { + dispatch(provincePolicyGetFinePermission()).then((r) => { + setData(r.payload.data); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + item?.name, + item?.startTime && + item?.endTime && + item?.startTime !== "00:00:00" && + item?.endTime !== "00:00:00" + ? `از ${item?.startTime.slice(0, 5)} تا ${item?.endTime.slice(0, 5)}` + : "-", + + item?.fineCoefficient, + item?.fine ? "فعال" : "غیر فعال", + + { + dispatch( + OPEN_MODAL({ + title: "ویرایش جریمه", + content: ( + + ), + }) + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-policy-manage-weight-category/ProvincePolicyManageWeightCategory.js b/src/features/province/components/province-policy-manage-weight-category/ProvincePolicyManageWeightCategory.js new file mode 100644 index 0000000..a3d92d6 --- /dev/null +++ b/src/features/province/components/province-policy-manage-weight-category/ProvincePolicyManageWeightCategory.js @@ -0,0 +1,76 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { IconButton } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import EditIcon from "@mui/icons-material/Edit"; +import { provincePolicyGetWeightCategory } from "../../services/province-policy-get-weight-category"; +import { ProvincePolicyEditWeightCategory } from "../province-policy-edit-weight-category/ProvincePolicyEditWeightCategory"; + +export const ProvincePolicyManageWeightCategory = () => { + const dispatch = useDispatch(); + + const [data, setData] = useState(); + const [tableData, setTableData] = useState(); + + const fetchData = () => { + dispatch(provincePolicyGetWeightCategory()).then((r) => { + setData(r.payload.data); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + item?.name, + item?.minValue, + item?.maxValue, + + { + dispatch( + OPEN_MODAL({ + title: "ویرایش دسته بندی وزنی", + content: ( + + ), + }) + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-policy-manage-weight-range/ProvincePolicyManageWeightRange.js b/src/features/province/components/province-policy-manage-weight-range/ProvincePolicyManageWeightRange.js new file mode 100644 index 0000000..050fd4e --- /dev/null +++ b/src/features/province/components/province-policy-manage-weight-range/ProvincePolicyManageWeightRange.js @@ -0,0 +1,228 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + Button, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Typography, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { + provincePolicyDeleteWeightRange, + provincePolicyGetWeightRange, +} from "../../services/province-policy-get-weight-range"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvincePolicyAddWeightRange } from "../province-policy-add-weight-range/ProvincePolicyAddWeightRange"; +import EditIcon from "@mui/icons-material/Edit"; +import { AppContext } from "../../../../contexts/AppContext"; +import DeleteIcon from "@mui/icons-material/Delete"; +import TuneIcon from "@mui/icons-material/Tune"; + +export const ProvincePolicyManageWeightRange = () => { + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState(); + const [tableData, setTableData] = useState(); + + const fetchData = () => { + dispatch(provincePolicyGetWeightRange()).then((r) => { + setData(r.payload.data); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + item?.fromAge, + item?.toAge, + item?.fromWeight, + item?.toWeight, + { + dispatch( + OPEN_MODAL({ + title: "ویرایش بازه", + content: ( + + ), + }) + ); + }} + onDelete={() => { + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + + + + + ), + }) + ); + }} + />, + ]; + }); + + setTableData(d); + }, [data]); + + const WeightRangeActions = ({ onEdit, onDelete }) => { + const [anchorEl, setAnchorEl] = useState(null); + const open = Boolean(anchorEl); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleEdit = () => { + onEdit(); + handleClose(); + }; + + const handleDelete = () => { + onDelete(); + handleClose(); + }; + + return ( + + + + + + + + + + + + ویرایش + + } + /> + + + + + + + حذف + + } + /> + + + + + ); + }; + + return ( + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-market-daily-limitation/ProvincePolicyMarketDailyLimitation.js b/src/features/province/components/province-policy-market-daily-limitation/ProvincePolicyMarketDailyLimitation.js new file mode 100644 index 0000000..852c02f --- /dev/null +++ b/src/features/province/components/province-policy-market-daily-limitation/ProvincePolicyMarketDailyLimitation.js @@ -0,0 +1,158 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControlLabel, + Radio, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../../lib/yup/yup"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyEditMarketDailyLimitation, + provincePolicyGetMarketDailyLimitation, +} from "../../services/province-policy-market-daily-limitation"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvincePolicyMarketDailyLimitation = () => { + const [isActive, setIsActive] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + quantity: "", + }, + validationSchema: Yup.object({ + quantity: Yup.number() + .required("این فیلد اجباری است") + .min(1, "حداقل مقدار باید 1 باشد"), + }), + }); + + const fetchData = () => { + dispatch(provincePolicyGetMarketDailyLimitation()).then((r) => { + if (r.payload?.data) { + setIsActive(r.payload.data.active); + formik.setFieldValue("quantity", r.payload.data.quantity); + } + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + const handleSubmit = (activeStatus) => { + const registerRole = getRoleFromUrl(); + + dispatch( + provincePolicyEditMarketDailyLimitation({ + quantity: activeStatus ? parseInt(formik.values.quantity) : 0, + active: activeStatus, + register_role: registerRole, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + سقف کشتار پنل معاملات + + + { + setIsActive(true); + }} + /> + } + label="فعال" + /> + { + setIsActive(false); + handleSubmit(false); + }} + name="marketDailyLimit" + /> + } + label="غیر فعال" + /> + + {isActive && ( + <> + + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-mobile-message-operations/ProvincePolicyMobileMessageOperations.js b/src/features/province/components/province-policy-mobile-message-operations/ProvincePolicyMobileMessageOperations.js new file mode 100644 index 0000000..c2ee6fc --- /dev/null +++ b/src/features/province/components/province-policy-mobile-message-operations/ProvincePolicyMobileMessageOperations.js @@ -0,0 +1,170 @@ +import { + FormControlLabel, + IconButton, + Popover, + Switch, + Tooltip, +} from "@mui/material"; +import React, { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { + provinceDeleteMovingTextService, + provinceUpdateMobileMessagesActiveTextService, +} from "../../services/province-get-mobile-messages"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvincePolicyMobileMessageSubmit } from "../province-policy-mobile-message-submit/ProvincePolicyMobileMessageSubmit"; +import { AppContext } from "../../../../contexts/AppContext"; +import DeleteIcon from "@mui/icons-material/Delete"; + +export const ProvincePolicyMobileMessageOperations = ({ + item, + fetchApiData, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( +

+ + + + +

+ + + { + dispatch( + provinceUpdateMobileMessagesActiveTextService({ + moving_text_key: item?.key, + active: !item?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchApiData(1); + } + }); + }} + /> + } + /> + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ویرایش متن متحرک", + content: ( + + ), + }) + ); + }} + > + + + + + { + dispatch(provinceDeleteMovingTextService(item?.id)).then( + (r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است", + severity: "error", + }); + } else { + fetchApiData(1); + + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + } + ); + }} + > + + + + +

+ +

+ ); +}; diff --git a/src/features/province/components/province-policy-mobile-message-submit/ProvincePolicyMobileMessageSubmit.js b/src/features/province/components/province-policy-mobile-message-submit/ProvincePolicyMobileMessageSubmit.js new file mode 100644 index 0000000..09a3af4 --- /dev/null +++ b/src/features/province/components/province-policy-mobile-message-submit/ProvincePolicyMobileMessageSubmit.js @@ -0,0 +1,121 @@ +import React, { useContext, useEffect } from "react"; +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { Yup } from "../../../../lib/yup/yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { + provinceSubmitNewMovingText, + provinceUpdateMobileMessagesActiveTextService, +} from "../../services/province-get-mobile-messages"; +export const ProvincePolicyMobileMessageSubmit = ({ + fetchApiData, + item, + isEdit, +}) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + movingText: item?.movingText ? item?.movingText : "", + }, + validationSchema: Yup.object({ + movingText: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-mobile-message/ProvincePolicyMobileMessage.js b/src/features/province/components/province-policy-mobile-message/ProvincePolicyMobileMessage.js new file mode 100644 index 0000000..cc3df77 --- /dev/null +++ b/src/features/province/components/province-policy-mobile-message/ProvincePolicyMobileMessage.js @@ -0,0 +1,246 @@ +import { Button, Checkbox, TextField, Typography } from "@mui/material"; +import React, { useContext, useEffect, useState } from "react"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import axios from "axios"; +import { SPACING } from "../../../../data/spacing"; +import { provinceUpdateMobileMessagesActiveService } from "../../services/province-get-mobile-messages"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvincePolicyMobileMessageSubmit } from "../province-policy-mobile-message-submit/ProvincePolicyMobileMessageSubmit"; +import { ProvincePolicyMobileMessageOperations } from "../province-policy-mobile-message-operations/ProvincePolicyMobileMessageOperations"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvincePolicyMobileMessage = () => { + const [openNotif] = useContext(AppContext); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const dispatch = useDispatch(); + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `moving-text/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `moving-text/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `moving-text/?search=filter&value=${textValue}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const columns = [ + { + name: "ردیف", + selector: (item, i) => i + 1, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "60px", + }, + { + name: "عملیات", + selector: (item) => ( + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "وضعیت", + selector: (item) => (item?.active ? "فعال" : "غیر فعال"), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + + { + name: "متن", + selector: (item) => item?.movingText, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + ]; + + const [secondaryColumns, setSecondaryColumns] = useState([]); + + useEffect(() => { + if (data?.length) { + const d = data[0]?.roles?.map((option, index) => { + return { + name: ( + + {getFaUserRole(option?.role)} + + ), + selector: (item) => { + return ( + { + dispatch( + provinceUpdateMobileMessagesActiveService({ + moving_text_role_key: item?.roles[index]?.key, + active: !item?.roles[index]?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchApiData(1); + } + }); + }} + /> + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }; + }); + setSecondaryColumns(d); + } + }, [data]); + + const tableTitle = ( + + + متن متحرک + + + ); + + return ( + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-province-fee/ProvincePolicyProvinceFee.js b/src/features/province/components/province-policy-province-fee/ProvincePolicyProvinceFee.js new file mode 100644 index 0000000..570f47f --- /dev/null +++ b/src/features/province/components/province-policy-province-fee/ProvincePolicyProvinceFee.js @@ -0,0 +1,78 @@ +import { Button, InputAdornment, TextField, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { getPolicyProvinceFeeService } from "../../services/get-policy-province-fee"; +import { policyChangeProvinceFeeService } from "../../services/policy-change-province-fee"; + +export const ProvincePolicyProvinceFee = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [textValue, setTextValue] = useState(); + + const handleChange = (e) => { + setTextValue(e.target.value); + }; + + useEffect(() => { + dispatch(getPolicyProvinceFeeService()).then((r) => { + setTextValue(r.payload.data.provinceUnion); + }); + }, []); + + return ( + + + مبلغ تعرفه استان: + + + ﷼, + }} + /> + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-slaughter-age/ProvincePolicySlaughterAge.js b/src/features/province/components/province-policy-slaughter-age/ProvincePolicySlaughterAge.js new file mode 100644 index 0000000..a4a98f9 --- /dev/null +++ b/src/features/province/components/province-policy-slaughter-age/ProvincePolicySlaughterAge.js @@ -0,0 +1,185 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getMinMaxSlaughterAgeState } from "../../services/get-min-max-age-state"; +import { provinceEditMinMaxAge } from "../../services/province-edit-min-max-age"; + +export const ProvincePolicySlaughterAge = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [value, setValue] = useState("inactive"); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(getMinMaxSlaughterAgeState()).then((r) => { + setData(r.payload.data); + if (r.payload.data?.active) { + setValue("active"); + } + }); + }, []); + + const formik = useFormik({ + initialValues: { + minAge: "", + maxAge: "", + }, + validationSchema: Yup.object({ + minAge: Yup.number().required("این فیلد اجباری است"), + maxAge: Yup.number().required("این فیلد اجباری است"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (data?.minimum) { + formik.setFieldValue("minAge", data?.minimum); + formik.setFieldValue("maxAge", data?.maximum); + formik.validateForm(); + } + }, [data]); + + const handleChangeRadioButton = (event) => { + setValue(event.target.value); + }; + + return ( + + حداقل و حداکثر سن کشتار + + + } label="فعال" /> + { + dispatch( + provinceEditMinMaxAge({ + active: false, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + value="inactive" + control={} + label="غیر فعال" + /> + + + {value === "active" && ( + <> + + + + + + + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-policy-slaughter-drop-limit/ProvincePolicyDropLimit.js b/src/features/province/components/province-policy-slaughter-drop-limit/ProvincePolicyDropLimit.js new file mode 100644 index 0000000..a706340 --- /dev/null +++ b/src/features/province/components/province-policy-slaughter-drop-limit/ProvincePolicyDropLimit.js @@ -0,0 +1,132 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField, Typography } from "@mui/material"; +import { provincePolicyGetDropLimitService } from "../../services/province-policy-drop-limit"; +import { provinceEditDropLimitedService } from "../../services/province-policy-edit-drop-limited"; + +export const ProvincePolicyDropLimit = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [data, setData] = useState(); + + useEffect(() => { + dispatch(provincePolicyGetDropLimitService()).then((r) => { + setData(r.payload.data); + }); + }, []); + + const formik = useFormik({ + initialValues: { + limitDown: "", + limitUp: "", + }, + validationSchema: Yup.object({ + limitDown: Yup.number() + .required("این فیلد اجباری است") + .min(0, "حداقل مقدار باید 0 باشد") + .max(100, "حداکثر مقدار باید 100 باشد"), + limitUp: Yup.number() + .required("این فیلد اجباری است") + .min(0, "حداقل مقدار باید 0 باشد") + .max(100, "حداکثر مقدار باید 100 باشد"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (data?.killHouseLimitPercentDown) { + formik.setFieldValue("limitDown", data?.killHouseLimitPercentDown); + formik.setFieldValue("limitUp", data?.killHouseLimitPercentUp); + formik.validateForm(); + } + }, [data]); + + return ( + + حداقل و حداکثرافت برای کشتارگاه + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-steward-in-province-Upload-image/ProvincePolicyUploadStewardInProvinceImage.js b/src/features/province/components/province-policy-steward-in-province-Upload-image/ProvincePolicyUploadStewardInProvinceImage.js new file mode 100644 index 0000000..2b4672f --- /dev/null +++ b/src/features/province/components/province-policy-steward-in-province-Upload-image/ProvincePolicyUploadStewardInProvinceImage.js @@ -0,0 +1,117 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyGEditUploadImageService, + provincePolicyGetUploadImageService, +} from "../../services/province-policy-upload-image"; +import { Grid } from "../../../../components/grid/Grid"; +import { FormControlLabel, Radio, Typography } from "@mui/material"; + +export const ProvincePolicyUploadStewardInProvinceImage = () => { + const [submitStatus, SetSubmitStatus] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const fetchData = () => { + dispatch(provincePolicyGetUploadImageService()).then((r) => { + SetSubmitStatus(r.payload.data.stewardAllocation); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( + + + سند توزیع داخل استان مباشر + + + { + SetSubmitStatus(true); + dispatch( + provincePolicyGEditUploadImageService({ + steward_allocation: true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اجباری" + /> + { + SetSubmitStatus(false); + dispatch( + provincePolicyGEditUploadImageService({ + steward_allocation: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اختیاری" + /> + + + ); +}; diff --git a/src/features/province/components/province-policy-steward-out-province-upload-image/ProvincePolicyUploadImageStewardOutProvince.js b/src/features/province/components/province-policy-steward-out-province-upload-image/ProvincePolicyUploadImageStewardOutProvince.js new file mode 100644 index 0000000..f8c4852 --- /dev/null +++ b/src/features/province/components/province-policy-steward-out-province-upload-image/ProvincePolicyUploadImageStewardOutProvince.js @@ -0,0 +1,117 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyGEditUploadImageService, + provincePolicyGetUploadImageService, +} from "../../services/province-policy-upload-image"; +import { Grid } from "../../../../components/grid/Grid"; +import { FormControlLabel, Radio, Typography } from "@mui/material"; + +export const ProvincePolicyUploadImageStewardOutProvince = () => { + const [submitStatus, SetSubmitStatus] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const fetchData = () => { + dispatch(provincePolicyGetUploadImageService()).then((r) => { + SetSubmitStatus(r.payload.data.steward_free_sale); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( + + + سند توزیع خارج استان مباشر + + + { + SetSubmitStatus(true); + dispatch( + provincePolicyGEditUploadImageService({ + steward_free_sale: true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اجباری" + /> + { + SetSubmitStatus(false); + dispatch( + provincePolicyGEditUploadImageService({ + steward_free_sale: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اختیاری" + /> + + + ); +}; diff --git a/src/features/province/components/province-policy-submit-wage/ProvincePolicySubmitWage.js b/src/features/province/components/province-policy-submit-wage/ProvincePolicySubmitWage.js new file mode 100644 index 0000000..53b7640 --- /dev/null +++ b/src/features/province/components/province-policy-submit-wage/ProvincePolicySubmitWage.js @@ -0,0 +1,121 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { provincePolicyCreateWage } from "../../services/province-policy-create-wage"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provincePolicyEditShareType } from "../../services/province-policy-edit-share-type"; + +export const ProvincePolicySubmitWage = ({ + fetchData, + item, + itsEdit, + fetchDataShareTypes, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + wageName: item?.name ? item?.name : "", + }, + validationSchema: Yup.object({ + wageName: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید.!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-policy-ticket-permission/ProvincePolicyTicketPermission.js b/src/features/province/components/province-policy-ticket-permission/ProvincePolicyTicketPermission.js new file mode 100644 index 0000000..802e233 --- /dev/null +++ b/src/features/province/components/province-policy-ticket-permission/ProvincePolicyTicketPermission.js @@ -0,0 +1,140 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleList } from "../../../../utils/getRoleList"; +import { useDispatch } from "react-redux"; +import { provincePolicyGetTicketPermissions } from "../../services/province-policy-get-ticket-permissions"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { + FormControl, + IconButton, + InputLabel, + MenuItem, + Select, +} from "@mui/material"; +import CheckIcon from "@mui/icons-material/Check"; +import SaveIcon from "@mui/icons-material/Save"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provincePolicySubmitTicketPermission } from "../../services/province-policy-submit-ticket-permission"; + +export const ProvincePolicyTicketPermission = () => { + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState(); + const [tableData, setTableData] = useState(); + + useEffect(() => { + dispatch(provincePolicyGetTicketPermissions()).then((r) => { + setData(r.payload.data); + }); + }, []); + + const handleChangeRoles = (event, i) => { + const { + target: { value }, + } = event; + + const updatedData = [...data]; + updatedData[i] = { + ...updatedData[i], + roles: typeof value === "string" ? value.split(",") : value, + }; + + setData(updatedData); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + getFaUserRole(item?.role) !== "نامشخص" + ? getFaUserRole(item?.role) + : item?.role, + + + + مجوز ارسال تیکت + + + + , + { + dispatch( + provincePolicySubmitTicketPermission({ + roles: item?.roles, + role: item?.role, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + return; + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-policy-time-range/ProvincePolicyTimeRange.js b/src/features/province/components/province-policy-time-range/ProvincePolicyTimeRange.js new file mode 100644 index 0000000..fce4f5b --- /dev/null +++ b/src/features/province/components/province-policy-time-range/ProvincePolicyTimeRange.js @@ -0,0 +1,252 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { provincePolicyGetTimeRagnge } from "../../services/province-policy-get-time-range"; +import { provincePolicyEditTimeRange } from "../../services/province-policy-edit-time-range"; +import { useDispatch } from "react-redux"; +import { + Button, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + Typography, +} from "@mui/material"; +import TimePicker from "../../../../components/date-picker/CustomDatePicker"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvincePolicyTimeRange = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [timeRange, setTimeRange] = useState([ + { + start: "01:00:00", + end: "24:00:00", + name: "poultry_request", + active: true, + }, + { start: "01:00:00", end: "24:00:00", name: "kill_request", active: false }, + { + start: "01:00:00", + end: "24:00:00", + name: "province_kill_request", + active: false, + }, + { + start: "01:00:00", + end: "24:00:00", + name: "kill_house_request", + active: false, + }, + { + start: "01:00:00", + end: "24:00:00", + name: "vet_farm_check_request", + active: false, + }, + ]); + + useEffect(() => { + dispatch(provincePolicyGetTimeRagnge()).then((r) => { + const apiTimeRange = r.payload.data.timeRange; + + setTimeRange((prevTimeRange) => + prevTimeRange.map((item) => { + const updatedItem = apiTimeRange.find( + (apiItem) => apiItem.name === item.name + ); + return updatedItem ? { ...item, ...updatedItem } : item; + }) + ); + }); + }, []); + + const getRageFaName = (item) => { + let range = "درخواست کشتار مرغدار"; + switch (item) { + case "poultry_request": + range = "درخواست کشتار مرغدار"; + break; + case "kill_request": + range = "ثبت اعلام نیاز کشتارگاه"; + break; + case "province_kill_request": + range = "تخصیص استان به کشتارگاه"; + break; + case "kill_house_request": + range = "ایجاد بار کشتارگاه"; + break; + case "vet_farm_check_request": + range = "ثبت کد قرنطینه"; + break; + default: + break; + } + return range; + }; + + return ( + + + {timeRange?.map((item, i) => ( + + + {getRageFaName(item?.name)} + + + + + + { + const updatedObjects = timeRange.map((obj, index) => + index === i + ? { ...obj, active: e.target.value === "true" } + : obj + ); + setTimeRange(updatedObjects); + + if (e.target.value === "false") { + dispatch( + provincePolicyEditTimeRange({ + time_range: updatedObjects, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }} + row + > + } + label="فعال" + /> + } + label="غیر فعال" + /> + + + + {timeRange[i].active === true && ( + + + { + const objects = timeRange; + objects[i].start = newTime; + setTimeRange(objects); + }} + label="از" + /> + + + { + const objects = timeRange; + objects[i].end = newTime; + setTimeRange(objects); + }} + label="تا" + /> + + + )} + + {timeRange[i].active === true && ( + + + + )} + + + ))} + + + ); +}; diff --git a/src/features/province/components/province-policy-trade-time-range/ProvincePolicyTradeTimeRange.js b/src/features/province/components/province-policy-trade-time-range/ProvincePolicyTradeTimeRange.js new file mode 100644 index 0000000..078515f --- /dev/null +++ b/src/features/province/components/province-policy-trade-time-range/ProvincePolicyTradeTimeRange.js @@ -0,0 +1,171 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { + Button, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + Typography, +} from "@mui/material"; +import TimePicker from "../../../../components/date-picker/CustomDatePicker"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyEditTradeTimeRange, + provincePolicyGetTradeTimeRagnge, +} from "../../services/province-policy-edit-trade-time-range"; + +const DEFAULT_RANGE = { + start_time: "01:00:00", + end_time: "24:00:00", + allow: false, +}; + +export const ProvincePolicyTradeTimeRange = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [range, setRange] = useState(DEFAULT_RANGE); + + useEffect(() => { + dispatch(provincePolicyGetTradeTimeRagnge()).then((r) => { + const d = r.payload.data; + setRange({ + start_time: d.startTime, + end_time: d.endTime, + allow: d.allow, + }); + }); + }, [dispatch]); + + const handleActiveChange = (e) => { + const nextActive = e.target.value === "true"; + const nextRange = { ...range, allow: nextActive }; + setRange(nextRange); + + if (!nextActive) { + dispatch(provincePolicyEditTradeTimeRange({ allow: false })).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }; + + const handleSave = () => { + dispatch(provincePolicyEditTradeTimeRange(range)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + بازه نمایش معاملات + + + + + + + } label="فعال" /> + } + label="غیر فعال" + /> + + + + + {range.allow && ( + + + + setRange((prev) => ({ ...prev, start_time: newTime })) + } + label="از" + /> + + + + setRange((prev) => ({ ...prev, end_time: newTime })) + } + label="تا" + /> + + + )} + + {range.allow && ( + + + + )} + + + ); +}; diff --git a/src/features/province/components/province-policy-upload-image_slaughter_in_province/ProvincePolicyUploadSlaughterInProvinceImage.js b/src/features/province/components/province-policy-upload-image_slaughter_in_province/ProvincePolicyUploadSlaughterInProvinceImage.js new file mode 100644 index 0000000..10c196a --- /dev/null +++ b/src/features/province/components/province-policy-upload-image_slaughter_in_province/ProvincePolicyUploadSlaughterInProvinceImage.js @@ -0,0 +1,118 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { FormControlLabel, Radio, Typography } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; + +import { + provincePolicyGEditUploadImageService, + provincePolicyGetUploadImageService, +} from "../../services/province-policy-upload-image"; + +export const ProvincePolicyUploadSlaughterInProvinceImage = () => { + const [submitStatus, SetSubmitStatus] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const fetchData = () => { + dispatch(provincePolicyGetUploadImageService()).then((r) => { + SetSubmitStatus(r.payload.data.killHouseAllocation); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( + + + سند توزیع داخل استان کشتارگاه + + + { + SetSubmitStatus(true); + dispatch( + provincePolicyGEditUploadImageService({ + kill_house_allocation: true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اجباری" + /> + { + SetSubmitStatus(false); + dispatch( + provincePolicyGEditUploadImageService({ + kill_house_allocation: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اختیاری" + /> + + + ); +}; diff --git a/src/features/province/components/province-policy-wage-fractions/ProvincePolicyWageFractions.js b/src/features/province/components/province-policy-wage-fractions/ProvincePolicyWageFractions.js new file mode 100644 index 0000000..9ee33d6 --- /dev/null +++ b/src/features/province/components/province-policy-wage-fractions/ProvincePolicyWageFractions.js @@ -0,0 +1,175 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { TextField, Button, Grid, Typography } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { provincePolicyGetPaymentFractions } from "../../services/province-policy-get-payment-fractions"; +import { provincePolicyEditPaymentFractions } from "../../services/province-policy-edit-payment-fractions"; +import { AppContext } from "../../../../contexts/AppContext"; + +const ProvincePolicyWageFractions = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [percentage, setPercentages] = useState(); + const formik = useFormik({ + initialValues: { + website: "", + union: "", + guilds: "", + other: "", + }, + validationSchema: Yup.object({ + website: Yup.number() + .required("این فیلد اجباری است!") + .min(0, "درصدی بیش از 0 وارد کنید!"), + union: Yup.number() + .required("این فیلد اجباری است!") + .min(0, "درصدی بیش از 0 وارد کنید!"), + guilds: Yup.number() + .required("این فیلد اجباری است!") + .min(0, "درصدی بیش از 0 وارد کنید!"), + other: Yup.number() + .required("این فیلد اجباری است!") + .min(0, "درصدی بیش از 0 وارد کنید!"), + }), + onSubmit: (values) => { + dispatch( + provincePolicyEditPaymentFractions({ + company: values.website, + union: values.union, + guilds: values.guilds, + other: values.other, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + dispatch(provincePolicyGetPaymentFractions()).then((r) => { + setPercentages(r.payload.data); + }); + }, []); + + useEffect(() => { + if (percentage?.company || percentage?.guilds || percentage?.union) { + formik.setFieldValue("website", percentage.company); + formik.setFieldValue("union", percentage.union); + formik.setFieldValue("guilds", percentage.guilds); + formik.setFieldValue("other", percentage.other); + } + }, [percentage]); + + return ( + + ); +}; + +export default ProvincePolicyWageFractions; diff --git a/src/features/province/components/province-policy-wage-setup-killhouses/ProvincePolicyWagesSetupKillhouses.js b/src/features/province/components/province-policy-wage-setup-killhouses/ProvincePolicyWagesSetupKillhouses.js new file mode 100644 index 0000000..1afa4f8 --- /dev/null +++ b/src/features/province/components/province-policy-wage-setup-killhouses/ProvincePolicyWagesSetupKillhouses.js @@ -0,0 +1,162 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { provincePolicyWageSetupGetKillhouses } from "../../services/province-policy-wage-setup-get-killhouses"; +import { IconButton, TextField } from "@mui/material"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provincePolicyWagesEditKillhouse } from "../../services/province-policy-wages-edit-killhouse"; +import SaveIcon from "@mui/icons-material/Save"; +import { AppContext } from "../../../../contexts/AppContext"; +// import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvincePolicyWagesSetupKillhouses = () => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const [data, setData] = useState(); + const [tableData, setTableData] = useState(); + + const updateTable = () => { + dispatch(provincePolicyWageSetupGetKillhouses()).then((r) => { + setData(r.payload.data); + }); + }; + + useEffect(() => { + updateTable(); + }, []); + + const handleFormCheck = (item) => { + if ( + parseInt(item?.companyGatewayPercent) + + parseInt(item.unionGatewayPercent) + + parseInt(item.guildsGatewayPercent) + + parseInt(item.otherGatewayPercent) > + 100 + ) { + return true; + } else { + return false; + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + item?.name, + item?.killHouseOperator?.user?.mobile, + handleCompanyChange(event, i)} + size="small" + />, + handleUnionChange(event, i)} + size="small" + />, + handleGuildChange(event, i)} + size="small" + />, + handleOtherChange(event, i)} + size="small" + />, + { + dispatch( + provincePolicyWagesEditKillhouse({ + kill_house_key: item?.key, + company_gateway_percent: parseInt(item?.companyGatewayPercent), + union_gateway_percent: parseInt(item.unionGatewayPercent), + guilds_gateway_percent: parseInt(item.guildsGatewayPercent), + other_gateway_percent: parseInt(item.otherGatewayPercent), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + , + ]; + }); + + setTableData(d); + }, [data]); + + const handleCompanyChange = (event, rowIndex) => { + const newData = [...data]; + newData[rowIndex].companyGatewayPercent = Number(event.target.value); + setData(newData); + }; + const handleUnionChange = (event, rowIndex) => { + const newData = [...data]; + newData[rowIndex].unionGatewayPercent = Number(event.target.value); + setData(newData); + }; + const handleGuildChange = (event, rowIndex) => { + const newData = [...data]; + newData[rowIndex].guildsGatewayPercent = Number(event.target.value); + setData(newData); + }; + const handleOtherChange = (event, rowIndex) => { + const newData = [...data]; + newData[rowIndex].otherGatewayPercent = Number(event.target.value); + setData(newData); + }; + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-policy-wage-setup/ProvincePolicyWagesSetup.js b/src/features/province/components/province-policy-wage-setup/ProvincePolicyWagesSetup.js new file mode 100644 index 0000000..762f0f8 --- /dev/null +++ b/src/features/province/components/province-policy-wage-setup/ProvincePolicyWagesSetup.js @@ -0,0 +1,282 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { provincePolicyGetWageFractions } from "../../services/province-policy-get-wage-fractions"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Accordion, + AccordionDetails, + AccordionSummary, + Button, + Checkbox, + IconButton, + InputAdornment, + Tab, + Tabs, + TextField, +} from "@mui/material"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvincePolicySubmitWage } from "../province-policy-submit-wage/ProvincePolicySubmitWage"; +import { provincePolicyEditWage } from "../../services/province-policy-edit-wage"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provincePolicyGetShareType } from "../../services/province-policy-get-wages"; +import EditIcon from "@mui/icons-material/Edit"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvincePolicyWagesSetupKillhouses } from "../province-policy-wage-setup-killhouses/ProvincePolicyWagesSetupKillhouses"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import SaveIcon from "@mui/icons-material/Save"; + +const ProvincePolicyWagesSetup = () => { + const dispatch = useDispatch(); + const [data, setData] = useState(); + const [shareTypes, setShareTypes] = useState(); + const [dataShareTypes, setDataShareTypes] = useState(); + const [wages, setWages] = useState(); + const [openNotif] = useContext(AppContext); + + const [activeTab, setActiveTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; + + const fetchData = () => { + dispatch(provincePolicyGetWageFractions()).then((r) => { + setData(r.payload.data); + }); + }; + + const fetchDataShareTypes = () => { + dispatch(provincePolicyGetShareType()).then((r) => { + setDataShareTypes(r.payload.data); + }); + }; + + useEffect(() => { + if (activeTab === 0) { + fetchData(); + fetchDataShareTypes(); + } + }, [dispatch, activeTab]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + item.name, + handleStatusChange(event, i, item)} + inputProps={{ "aria-label": "controlled" }} + />, + handleAmountChange(event, i)} + size="small" + InputProps={{ + endAdornment: ریال, + }} + />, + + {item?.percentages?.map((percentItem, j) => ( + handlePercentageChange(event, i, j)} + size="small" + /> + ))} + , + handleEditClick(item)} + > + + , + ]; + }); + + setWages(d); + + const s = dataShareTypes?.map((item, i) => { + return [ + i + 1, + item?.name, + { + dispatch( + OPEN_MODAL({ + title: "ویرایش نقش", + content: ( + + ), + }) + ); + }} + > + + , + ]; + }); + + setShareTypes(s); + }, [data, dataShareTypes]); + + const handlePercentageChange = (event, rowIndex, percentIndex) => { + const newData = [...data]; + newData[rowIndex].percentages[percentIndex].percent = Number( + event.target.value + ); + setData(newData); + }; + + const handleAmountChange = (event, rowIndex) => { + const newData = [...data]; + newData[rowIndex].amount = Number(event.target.value); + setData(newData); + }; + const handleStatusChange = (event, rowIndex, item) => { + const newData = [...data]; + newData[rowIndex].status = !newData[rowIndex].status; + setData(newData, handleEditClick(item)); + }; + + const handleValidationCheck = (index) => { + if (data[index].percentages.length) { + let sum = 0; + data[index].percentages.forEach((percentItem) => { + sum += percentItem.percent; + }); + + if (sum !== 100) { + return true; + } else { + return false; + } + } + }; + + const handleEditClick = (item) => { + dispatch(provincePolicyEditWage(item)).then((r) => { + fetchData(); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + {getRoleFromUrl() === "AdminX" && ( + + + + + )} + {activeTab === 0 && ( + <> + + + + + + } + aria-controls="panel1-content" + id="panel1-header" + > + سهامداران + + + + + + + + + + + )} + + {activeTab === 1 && } + + ); +}; + +export default ProvincePolicyWagesSetup; diff --git a/src/features/province/components/province-poultry-request-enter-confirmation-code/ProvincePoultryRequestEnterConfirmationCode.js b/src/features/province/components/province-poultry-request-enter-confirmation-code/ProvincePoultryRequestEnterConfirmationCode.js new file mode 100644 index 0000000..b030337 --- /dev/null +++ b/src/features/province/components/province-poultry-request-enter-confirmation-code/ProvincePoultryRequestEnterConfirmationCode.js @@ -0,0 +1,102 @@ +import React, { useContext, useEffect } from "react"; +import { Grid, TextField, Button } from "@mui/material"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { useDispatch } from "react-redux"; +import { provincePoultryRequestEnterConfirmationCodeService } from "../../services/province-poultry-request-enter-confirmation-code"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvincePoultryRequestEnterConfirmationCode = ({ + updateTable, + item, +}) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const validationSchema = yup.object({ + verificationCode: yup + .string() + .required("کد احراز الزامی است") + .matches(/^\d+$/, "کد احراز باید عددی باشد") + .length(5, "کد احراز باید 5 رقم باشد"), + }); + + const formik = useFormik({ + initialValues: { + verificationCode: "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + provincePoultryRequestEnterConfirmationCodeService({ + poultry_request_key: item?.key, + confirmation_code: values?.verificationCode, + }) + ).then((r) => { + updateTable(); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + useEffect(() => { + formik.validateForm(); + }, [dispatch]); + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-poultry-science-experts-add-poultry/ProvincePoultryScienceExpertsAddPoultry.js b/src/features/province/components/province-poultry-science-experts-add-poultry/ProvincePoultryScienceExpertsAddPoultry.js new file mode 100644 index 0000000..cee1a2d --- /dev/null +++ b/src/features/province/components/province-poultry-science-experts-add-poultry/ProvincePoultryScienceExpertsAddPoultry.js @@ -0,0 +1,96 @@ +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Autocomplete, Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { provincePoultryScienceExpertsEditPoultryService } from "../../services/province-poultry-science-experts-add-poultry-service"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvincePoultryScienceExpertsAddPoultry = ({ + item, + updateTable, + poultryExperts, +}) => { + const [poultryId, setPoultryId] = useState(); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const poultryExpertOptions = poultryExperts + ? poultryExperts.map((i) => ({ + id: i.id, + label: `${i.unitName || "-"} (${i.user?.fullname || "-"} - ${ + i.user?.mobile || "-" + })`, + })) + : []; + + const poultryItemOptions = item?.poultry + ? item.poultry.map((poultry) => ({ + id: poultry.id, + label: `${poultry.unitName || "-"} (${ + poultry.user?.fullname || "-" + } - ${poultry.user?.mobile || "-"})`, + })) + : []; + + const allOptions = [ + ...poultryItemOptions, + ...poultryExpertOptions.filter( + (expert) => !poultryItemOptions.some((item) => item.id === expert.id) + ), + ]; + + const defaultSelectedItems = poultryItemOptions; + + const handleSubmit = () => { + dispatch( + provincePoultryScienceExpertsEditPoultryService({ + poultry: poultryId, + poultry_science_id: item.id, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + option.label} + isOptionEqualToValue={(option, value) => option.id === value.id} + onChange={(e, value) => { + setPoultryId(value.map((opt) => opt.id)); + }} + renderInput={(params) => ( + + )} + /> + + + + ); +}; diff --git a/src/features/province/components/province-poultry-science-experts/ProvincePoultryScienceExperts.js b/src/features/province/components/province-poultry-science-experts/ProvincePoultryScienceExperts.js new file mode 100644 index 0000000..3a9b956 --- /dev/null +++ b/src/features/province/components/province-poultry-science-experts/ProvincePoultryScienceExperts.js @@ -0,0 +1,196 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import AddIcon from "@mui/icons-material/Add"; +import { ProvincePoultryScienceExpertsAddPoultry } from "../province-poultry-science-experts-add-poultry/ProvincePoultryScienceExpertsAddPoultry"; +import { provincePoultryScienceExpertsAllPoultryService } from "../../services/province-poultry-science-experts-add-poultry-service"; + +export const ProvincePoultryScienceExperts = () => { + const [, , , setSelectedDate1, , setSelectedDate2] = useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [poultryExperts, setPoultryExperts] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `poultry_science/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const getExperts = () => { + dispatch(provincePoultryScienceExpertsAllPoultryService()).then((r) => { + setPoultryExperts(r.payload.data); + }); + }; + + const updateTable = () => { + getExperts(); + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + updateTable(); + }, [dispatch]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.user?.fullname, + item?.user?.mobile, + + {item?.poultry?.length + ? item?.poultry + ?.map( + (opt, idx) => + `${opt.unitName} (${opt.user?.fullname} - ${opt.user?.mobile})` + ) + ?.join(" - ") + : "-"} + , + + { + dispatch( + OPEN_MODAL({ + title: "افزودن مرغدار زیرمجموعه", + content: ( + + ), + }) + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `poultry_science/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-pricing-operations/ProvincePricingOperations.js b/src/features/province/components/province-pricing-operations/ProvincePricingOperations.js new file mode 100644 index 0000000..5c89076 --- /dev/null +++ b/src/features/province/components/province-pricing-operations/ProvincePricingOperations.js @@ -0,0 +1,28 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { Button } from "@mui/material"; +import { ROUTE_PROVINCE_PRICING } from "../../../../routes/routes"; + +export const ProvincePricingOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + + ); +}; diff --git a/src/features/province/components/province-pricing/ProvincePricing.js b/src/features/province/components/province-pricing/ProvincePricing.js new file mode 100644 index 0000000..7cec9a4 --- /dev/null +++ b/src/features/province/components/province-pricing/ProvincePricing.js @@ -0,0 +1,194 @@ +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceSubmitPricing } from "../province-submit-pricing/ProvinceSubmitPricing"; +import CustomCard from "../../../../components/custom-card/CustomCard"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvincePriceEdit } from "../province-edit-price/ProvincePriceEdit"; + +export const ProvincePricing = () => { + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [dataTable, setDataTable] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + + const fetchApiData = async (page) => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + `chicken-commission-prices/?role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching pricing data:", error); + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + useEffect(() => { + const d = data?.map((item, i) => [ + i + 1, + formatJustDate(item?.date), + item?.chickenAveragePrice?.toLocaleString() + " ﷼", + item?.killHousePrice?.toLocaleString() + " ﷼", + item?.wholesalerPrice?.toLocaleString() + " ﷼", + item?.retailerPrice?.toLocaleString() + " ﷼", + item?.priceInfo?.killHousePrice?.toLocaleString() + " ﷼", + item?.priceInfo?.wholesalePrice?.toLocaleString() + " ﷼", + item?.priceInfo?.retailPrice?.toLocaleString() + " ﷼", + , + ]); + + setDataTable(d); + }, [data]); + + const role = getRoleFromUrl(); + + const renderPriceCards = () => { + if (!data || data.length === 0) return null; + + const latestData = data[0]; + + const priceCards = [ + { + title: "قیمت مرغ زنده", + value: latestData?.chickenAveragePrice?.toLocaleString() + " ریال", + date: formatJustDate(latestData?.createDate), + }, + { + title: "قیمت درب کشتارگاه", + value: + latestData?.priceInfo?.killHousePrice?.toLocaleString() + " ریال", + date: formatJustDate(latestData?.createDate), + }, + { + title: "قیمت عمده فروشی", + value: + latestData?.priceInfo?.wholesalePrice?.toLocaleString() + " ریال", + date: formatJustDate(latestData?.createDate), + }, + { + title: "قیمت خرده فروشی", + value: latestData?.priceInfo?.retailPrice?.toLocaleString() + " ریال", + date: formatJustDate(latestData?.createDate), + }, + ]; + + return ( + + {priceCards.map((card, index) => ( + + + + ))} + + ); + }; + + return ( + <> + + {(role === "ProvinceFinancial" || role === "ProvinceOperator") && ( + + + + + + )} + + + {/* نمایش کارت‌های قیمت */} + {renderPriceCards()} + + + + + + ); +}; diff --git a/src/features/province/components/province-profile/ProvinceProfile.js b/src/features/province/components/province-profile/ProvinceProfile.js new file mode 100644 index 0000000..cbcdee6 --- /dev/null +++ b/src/features/province/components/province-profile/ProvinceProfile.js @@ -0,0 +1,59 @@ +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +// import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +import { provinceGetProfile } from "../../services/province-get-profile"; + +export const ProvinceProfile = () => { + const dispatch = useDispatch(); + const { profile } = useSelector((state) => state.provinceSlice); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(provinceGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + {/* + + */} + + + + + + ); +}; diff --git a/src/features/province/components/province-quarantine-invoice/ProvinceQuarantineInvoice.js b/src/features/province/components/province-quarantine-invoice/ProvinceQuarantineInvoice.js new file mode 100644 index 0000000..14cef34 --- /dev/null +++ b/src/features/province/components/province-quarantine-invoice/ProvinceQuarantineInvoice.js @@ -0,0 +1,356 @@ +import React, { forwardRef } from "react"; +import logo from "../../../../assets/images/ChickenLogo.png"; +import { PropTypes } from "prop-types"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { useCeoName } from "../../../../utils/getCeoName"; +import { useSystemName } from "../../../../utils/getSystemName"; + +const styles = { + page: { + width: "210mm", + margin: "0 auto", + display: "flex", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "nazanin", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 11, + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 10, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 8, + whiteSpace: "nowrap", + }, + tableHeader: { + pageBreakAfter: "auto", + }, + headerRow: { + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + logo: { + width: "60px", + height: "auto", + marginBottom: "10px", + }, + contentContainer: { + display: "flex", + justifyContent: "space-between", + marginTop: "20px", + marginLeft: "100px", + marginRight: "30px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "nazanin", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 450, + left: 0, + right: 30, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.2, + zIndex: -1, + }, + watermarkp: { + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + marginTop: "10px", + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + fontSize: 14, + fontWeight: "bolder", + marginLeft: "40px", + pAlign: "center", + }, + title2: { + fontSize: 10, + marginBottom: 10, + pAlign: "center", + }, + options: { + padding: "10px", + marginTop: "15px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + width: "100%", + height: "2px", + backgroundColor: "red", + marginBottom: 15, + }, + pTitleContainer: { + pAlign: "right", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + }, + tableHeaderCell: { + backgroundColor: "rgba(255, 229, 153, 0.5)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + pageBreakAfter: "always", + position: "fixed", + left: 0, + bottom: 0, + width: "100%", + }, +}; + +const ProvinceQuarantineInvoice = forwardRef((props, ref) => { + const { sDate } = props; + const { date } = props; + const { fnumber } = props; + const { receiver } = props; + const { item } = props; + const { price } = props; + const systemName = useSystemName(); + const ceoName = useCeoName(); + + // function getAddressContent(systemName) { + // switch (systemName) { + // case "استان اردبیل": + // return "آدرس : اردبیل، شهرک کارشناسان ،جنب ساختمان نظام مهندسی، ساختمان فرهنگ، طبقه دوم تلفن : 33749254 تلفاکس : 33749253 "; + + // case "استان همدان": + // return "همدان، بلوار آیت اله مدنی، کوچه امامزاده یحیی یک تلفن: 081 32523689 "; + + // case "استان آذربایجان شرقی": + // return "تبریز خیابان راه آهن نبش کوی اشکان ساختمان ۱۴ طبقه دوم تلفن: 041 34502363"; + + // default: + // return "خرم آباد، مطهری، شرکت مهندسی نرم افزار آرتا مهر آرتان تلفن: 09011110919"; + // } + // } + + return ( +

+ +

+ بسمه تعالی +

+ +

+ شماره: {fnumber} + تاریخ: {formatJustDate(date)} + پیوست: +

+ +

سامانه رصدیار

+ +

+ + {receiver} +
+ با سلام +
+ +
+ احتراماً بدینوسیله واحد + {" ‌"} + {item?.poultry?.unitName + ? item?.poultry?.unitName + : "..................."}{" "} + {" ‌"} + به مالکیت/ مستاجر + {" ‌"} + {item?.poultry?.user?.fullname + ? item?.poultry?.user?.fullname + : "..................."} + {" ‌"} + به کد سیستمی + {" ‌"} + {item?.poultry?.systemCode + ? item?.poultry?.systemCode + : "..................."} + {" ‌"} + به ظرفیت پروانه + {" ‌"} + {item?.poultry?.totalCapacity + ? item?.poultry?.totalCapacity.toLocaleString() + : "..................."} + {" ‌"} + قطعه و تعداد جوجه ریزي{" "} + {item?.hatching?.hatchingQuantity.toLocaleString()} قطعه در سالن با کد + یکتا + {" ‌"}{" "} + {item?.poultry?.breedingUniqueId + ? item?.poultry?.breedingUniqueId + : "..................."} + {" ‌"}و مسئول فنی فارم آقاي/خانم + {" ‌"} + {item?.hatching?.vetFarmName + ? item?.hatching?.vetFarmName + : "..................."} + {" ‌"} + تلفن تماس: + {" ‌"} + {item?.hatching?.vetFarmMobile + ? item?.hatching?.vetFarmMobile + : "..................."} + {" ‌"} + در راستاي اجراي شیوه نامه ابلاغی مقام عالی وزارت جهاد کشاورزي براي کشتار + {" ‌"} + {item?.quantity.toLocaleString()} + {" ‌"} قطعه مرغ با میانگین وزنی + {item?.IndexWeight ? item?.IndexWeight : "..................."} + {" ‌"} + کیلوگرم و سن {" ‌"} + {item?.hatching?.age ? item?.hatching?.age : "..................."}{" "} + {" ‌"} + روز به تاریخ کشتار {formatJustDate(sDate)} طبق جدول ذیل جهت اخذ مجوز + کشتار به حضورتان معرفی می گردد. لازم به توضیح است قیمت مصوب دولتی + {" ‌"} + {price.toLocaleString()} + {" ‌"} + ریال براي مرغ زنده ملاك فروش خواهد بود. +
+
+ اعتبار این معرفینامه از تاریخ صدور 24 ساعت می باشد. +

+ +

اطلاعات تخصیص:

+ + + + + + + + + + + + {item?.provinceKillRequests?.map((item, i) => ( + + + + + + + ))} + +

ردیف	خریدار	تعداد	وزن تقریبی بار
{i + 1}	+ {item?.killhouseUser?.killHouseOperator?.user?.fullname} +	{item?.info?.quantity}	+ {" "} + {Math.round(item?.info?.weight)} +

+ +

+ {ceoName} + + مدیرعامل اتحادیه مرغداران{" ‌"} + {systemName} + +

+ + {/*

+ {getAddressContent(systemName)} +

*/} +

+ ); +}); + +ProvinceQuarantineInvoice.displayName = "ProvinceQuarantineInvoice"; + +export default ProvinceQuarantineInvoice; + +ProvinceQuarantineInvoice.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-register-car-form/ProvinceRegisterCarForm.js b/src/features/province/components/province-register-car-form/ProvinceRegisterCarForm.js new file mode 100644 index 0000000..696b659 --- /dev/null +++ b/src/features/province/components/province-register-car-form/ProvinceRegisterCarForm.js @@ -0,0 +1,402 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { + TextField, + Button, + Grid, + FormControl, + FormHelperText, + Select, + MenuItem, + InputLabel, + InputAdornment, + FormControlLabel, + Radio, + RadioGroup, + Typography, +} from "@mui/material"; +import { CarPelak } from "../../../../components/car-pelak/CarPelak"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceRegisterCarService } from "../../services/province-register-car"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provinceGetCars } from "../../services/province-get-cars"; +import { provinceGetCitiesService } from "../../services/province-get-cities"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceEditCarService } from "../../services/province-edit-car"; + +const validationSchema = Yup.object({ + driver_mobile: Yup.string().required("شماره موبایل راننده الزامی است"), + last_name: Yup.string().required("نام خانوادگی الزامی است"), + first_name: Yup.string().required("نام الزامی است"), + city_name: Yup.string().required("نام شهر الزامی است"), + type_car: Yup.string().required("نوع خودرو الزامی است"), + pelak: Yup.string().required("پلاک الزامی است"), + capocity: Yup.string().required("ظرفیت الزامی است"), + health_code: Yup.string().required("کد سلامت الزامی است"), +}); + +export const ProvinceRegisterCarForm = ({ + first_name, + last_name, + driver_mobile, + city_name, + type_car, + pelak, + capocity, + health_code, + driverKey, + type, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const { provinceGetCities } = useSelector((state) => state.provinceSlice); + + const formik = useFormik({ + initialValues: { + driver_mobile: driver_mobile, + last_name: last_name, + first_name: first_name, + city_name: city_name, + type_car: type_car, + pelak: "", + capocity: capocity, + health_code: health_code, + type: type ? type : "exclusive", + }, + validationSchema: validationSchema, + onSubmit: () => { + // Handle form submission + + handleSubmitForm(); + }, + }); + + const [driverPelak, setDriverPelak] = useState([]); + + useEffect(() => { + if (pelak) { + const pelakParts = pelak.split(" "); + setDriverPelak(pelakParts); + } + }, [pelak]); + + useEffect(() => { + formik.setFieldValue( + "pelak", + driverPelak.length ? driverPelak.join(" ").trim() : "" + ); + }, [driverPelak]); + + const handleSubmitForm = () => { + const { values, errors } = formik; + + if (errors?.length) { + return; + } + if (driverKey) { + dispatch( + provinceEditCarService({ + driver_mobile: values.driver_mobile, + last_name: values.last_name, + first_name: values.first_name, + city_name: values.city_name, + type_car: values.type_car, + pelak: driverPelak.join(" "), + capocity: values.capocity, + health_code: values.health_code, + role: getRoleFromUrl(), + driver_key: driverKey, + type: values.type, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(provinceGetCars()); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } else { + dispatch( + provinceRegisterCarService({ + driver_mobile: values.driver_mobile, + last_name: values.last_name, + first_name: values.first_name, + city_name: values.city_name, + type_car: values.type_car, + pelak: driverPelak.join(" "), + capocity: values.capocity, + health_code: values.health_code, + role: getRoleFromUrl(), + type: values.type, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(provinceGetCars()); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }; + + const carPelakHandleChange = (pelak1, pelak2, pelak3, pelak4) => { + setDriverPelak([pelak1, pelak2, pelak3, pelak4]); + }; + + useEffect(() => { + dispatch(provinceGetCitiesService()).then(() => + formik.setFieldValue("city_name", city_name) + ); + }, []); + + return ( +

+ + + + + + + + + + + + + + + + + {provinceGetCities?.length && ( + + + شهر + + {formik.touched.city_name && formik.errors.city_name && ( + {formik.errors.city_name} + )} + + + )} + + + + نوع خودرو + + {formik.touched.type_car && formik.errors.type_car && ( + {formik.errors.type_car} + )} + + + + + + + + کیلوگرم + ), + }} + value={formik.values.capocity} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + error={formik.touched.capocity && Boolean(formik.errors.capocity)} + helperText={formik.touched.capocity && formik.errors.capocity} + /> + + + + + + + + + ماهیت خودرو + + + {(getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX") && ( + } + label={ + + + اجاره ای{" "} + + (نمایش برای تمام کشتارگاه ها) + + + + } + /> + )} + + } + label="اختصاصی" + /> + + + + + + + +

+ ); +}; diff --git a/src/features/province/components/province-register-car/ProvinceRegisterCar.js b/src/features/province/components/province-register-car/ProvinceRegisterCar.js new file mode 100644 index 0000000..f47a13b --- /dev/null +++ b/src/features/province/components/province-register-car/ProvinceRegisterCar.js @@ -0,0 +1,664 @@ +import { + Button, + FormControl, + Grid, + IconButton, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import SendIcon from "@mui/icons-material/Send"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useEffect } from "react"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +// import { slaughterNewCar } from "../../services/slaughter-new-car"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext } from "react"; +import SearchIcon from "@mui/icons-material/Search"; +import { useState } from "react"; +import { provinceGetDriverByHealthCode } from "../../services/province-get-driver-by-health-code"; +import { provinceSubmitCar } from "../../services/province-submit-car"; +import { provinceGetCars } from "../../services/province-get-cars"; +import { provinceRemoveCar } from "../../services/province-remove-car"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const ProvinceRegisterCar = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [userExist, setUserExist] = useState(false); + const [userData, setUserData] = useState(); + const [userKey, setUserKey] = useState(); + const [userChecked, setUserChecked] = useState(false); + + const formik = useFormik({ + initialValues: { + driver_name: "", + driver_mobile: "", + type_car: "ایسوزو", + type_weight: "سنگین", + capocity: "", + pelak1: "33", + pelak2: "الف", + pelak3: "", + pelak4: "", + // name: "", + }, + validationSchema: Yup.object({ + driver_name: Yup.string() + .matches( + /^[ض‌ص‌ث‌ق‌ف‌غ‌ع‌ه‌خ‌خ‌ح‌ج‌چ‌ش‌س‌ی‌ب‌ل‌ا‌ت‌ن‌ن‌م‌ک‌گ‌ظ‌ط‌ز‌ر‌ذ‌د‌و‌پ‌آ‌ژ ]+$/, + "فقط حروف فارسی وارد کنید" + ) + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + driver_mobile: Yup.string() + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }) + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + type_weight: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + capocity: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + pelak1: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + pelak2: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + pelak3: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + pelak4: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + name: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + useEffect(() => { + formik.setFieldValue("pelak2", "الف"); + formik.validateForm(); + formik2.validateForm(); + }, []); + + const formik2 = useFormik({ + initialValues: { + health_code_check: "", + }, + validationSchema: Yup.object({ + health_code_check: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + return ( + + + + + {!userChecked && ( + <> + ثبت با کد بهداشتی + + + { + if (formik2.values.health_code_check) { + dispatch(LOADING_START()); + dispatch( + provinceGetDriverByHealthCode( + formik2.values.health_code_check + ) + ).then((r) => { + if (r.error) { + if (r.error.message.includes("403")) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "این هم اکنون در کشتارگاه فعال است. یک راننده جدید ثبت کنید!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } + } else { + setUserChecked(true); + if (r.payload.data[0]) { + setUserData(r.payload.data[0]); + setUserExist(true); + setUserKey(r.payload.data[0]?.key); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "راننده پیدا نشد. یک راننده جدید ثبت کنید!", + severity: "error", + }); + setUserExist(false); + formik.setFieldValue( + "health_code", + formik2.values.health_code_check + ); + } + } + + dispatch(LOADING_END()); + }); + } + }} + > + + + + + )} + {userChecked && ( + <> + {userExist ? ( + <> + + + prop.palette.grey["A700"]} + > + نام راننده: + + + {userData.driverName} + {" "} + + + + prop.palette.grey["A700"]} + > + موبایل: + + + {userData.driverMobile} + + + + + prop.palette.grey["A700"]} + > + خودرو: + + + {userData.typeCar} + {" "} + + + + prop.palette.grey["A700"]} + > + پلاک: + + + {userData.pelak} + {" "} + + + + prop.palette.grey["A700"]} + > + ظرفیت: + + + {userData.capocity} + {" "} + + + + + ) : ( + <> + مشخصات خودرو جدید + + + + + + + + مدل خودرو + + + + + + {/* */} + + + مشخصات پلاک + + + + حرف + + + + + + + + { + formik.setFieldValue("pelak4", e.target.value); + }} + error={ + formik.touched.pelak4 + ? Boolean(formik.errors.pelak4) + : null + } + onBlur={formik.handleBlur} + helperText={ + formik.touched.pelak4 && Boolean(formik.errors.pelak4) + ? formik.errors.pelak4 + : null + } + /> + + + + + + )} + + )} + + + + + ); +}; diff --git a/src/features/province/components/province-rejected-requests/ProvinceRejectedRequests.js b/src/features/province/components/province-rejected-requests/ProvinceRejectedRequests.js new file mode 100644 index 0000000..43ed877 --- /dev/null +++ b/src/features/province/components/province-rejected-requests/ProvinceRejectedRequests.js @@ -0,0 +1,73 @@ +import { Card } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_PROVINCE_FILE } from "../../../../routes/routes"; +import IconButton from "@mui/material/IconButton"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceGetRejectedRequests } from "../../services/province-get-rejected-requests"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const ProvinceRejectedRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const { provinceRejectedRequests } = useSelector( + (state) => state.provinceSlice + ); + const [dataTable, setDataTable] = useState([]); + + useEffect(() => { + dispatch(provinceGetRejectedRequests()); + }, []); + + useEffect(() => { + const d = provinceRejectedRequests?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item.fullname, + item.mobile, + item.city, + item.province, + item.poultryQuantity, + { + navigate(ROUTE_PROVINCE_FILE + item.id); + }} + > + + , + ]; + }); + setDataTable(d); + }, [provinceRejectedRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + // "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + + + ); +}; diff --git a/src/features/province/components/province-requests-operations/ProvinceRequestsOperations.js b/src/features/province/components/province-requests-operations/ProvinceRequestsOperations.js new file mode 100644 index 0000000..c03b42f --- /dev/null +++ b/src/features/province/components/province-requests-operations/ProvinceRequestsOperations.js @@ -0,0 +1,260 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_PROVINCE_CITY_NEW_REQUESTS, + ROUTE_PROVINCE_STATEMENTـOFـNEED_REQUESTS, + ROUTE_PROVINCE_ALLOCATION_REQUESTS, + ROUTE_PROVINCE_FREE_SALES_REQUESTS, + ROUTE_PROVINCE_AUTO_ALLOCATION_REQUESTS, + ROUTE_PROVINCE_ALLOCATED_REQUESTS, + ROUTE_PROVINCE_PAYING_FEES_REQUESTS, + ROUTE_PROVINCEـFREE_BUY, + ROUTE_PROVINCE_ISSUANCE_OF_LETTER, + ROUTE_PROVINCE_TRANSACTIONS, + ROUTE_PROVINCE_CHAINS, + ROUTE_PROVINCEـEXPORT, + // ROUTE_PROVINCE_ROUTE_AGENT_SHARE, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { VscFolderActive, VscNewFolder } from "react-icons/vsc"; +// import { FaFilePdf } from "react-icons/fa"; +import { FaHornbill } from "react-icons/fa"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; + +import { + FaTruckLoading, + FaFile, + FaFilePdf, + FaExchangeAlt, +} from "react-icons/fa"; + +import { + MdCreateNewFolder, + MdImportExport, + MdOutlineRuleFolder, +} from "react-icons/md"; +import { LineWithText } from "../../../../components/line-with-text/LineWithText"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import PorvinceGetReportOperations from "../province-get-report-operations/PorvinceGetReportOperations"; +import { + Accordion, + AccordionDetails, + AccordionSummary, + Typography, +} from "@mui/material"; +// import { IoLogoUsd } from "react-icons/io"; + +export const ProvinceRequestsOperations = () => { + const { pathname } = useLocation(); + const dispatch = useDispatch(); + return ( + + + + + + + + } + title="درخواست های کشتار" + description="درخواست های کشتار مرغدار در انتظار بررسی" + /> + + + } + title="اعلام نیاز خریداران" + description="درخواست های کشتار در انتظار بررسی" + /> + + {/* + } + title="در انتظار تایید" + description="درخواست های در انتظار تایید توسط استان" + /> + */} + + + } + title="تخصیصات" + description="مشاهده و تخصیص درخواست ها" + /> + + + } + title="تعرفه ها" + /> + + + + + + + + + + + } + title="خرید مستقیم" + /> + + + } + title="صادرات" + /> + + + } + title="فروش به خارج استان" + /> + + + + } + title="زنجیره ها" + /> + + + } + title="مدیریت تخصیصات" + /> + + + + + + + }> + + نظارت درخواست ها + + + + + + } + title="تخصیصات خودکار" + /> + + + } + title="صدور نامه" + description="ارسال نامه سیستمی" + /> + + + dispatch( + OPEN_MODAL({ + title: "اطلاعات گزارش", + content: , + }) + ) + } + > + } + title="گزارش روزانه" + description="گزارش روزانه" + /> + + + } + title="تراکنش ها" + /> + + + + + + + ); +}; diff --git a/src/features/province/components/province-restriction-carcass-distribution/ProvinceRestrictionCarcassDistribution.js b/src/features/province/components/province-restriction-carcass-distribution/ProvinceRestrictionCarcassDistribution.js new file mode 100644 index 0000000..cb5f155 --- /dev/null +++ b/src/features/province/components/province-restriction-carcass-distribution/ProvinceRestrictionCarcassDistribution.js @@ -0,0 +1,103 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { IconButton } from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import { ProvinceRestrictionCarcassDistributionEdit } from "./ProvinceRestrictionCarcassDistributionEdit.js"; + +export const ProvinceRestrictionCarcassDistribution = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [data, setData] = useState([]); + const [tableData, setTableData] = useState([]); + + const fetchData = async () => { + dispatch(LOADING_START()); + try { + const response = await axios.get("restriction_carcass_distribution/"); + dispatch(LOADING_END()); + setData(response?.data || []); + } catch (error) { + dispatch(LOADING_END()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: error?.response?.data?.message || "خطا در دریافت اطلاعات", + severity: "error", + }); + console.error("Error fetching data:", error); + } + }; + + useEffect(() => { + fetchData(); + }, []); + + const getDistributionTypeLabel = (type) => { + const types = { + KillHouse: "کشتارگاه", + Steward: "مباشر", + }; + return types[type] || type; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + i + 1, + getDistributionTypeLabel(item?.distributionType), + item?.out ? "خارج استان" : "داخل استان", + item?.time || "-", + item?.allow ? "فعال" : "غیر فعال", + + { + dispatch( + OPEN_MODAL({ + title: "ویرایش محدودیت توزیع لاشه", + content: ( + + ), + }) + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + <> + + + ); +}; diff --git a/src/features/province/components/province-restriction-carcass-distribution/ProvinceRestrictionCarcassDistributionEdit.js b/src/features/province/components/province-restriction-carcass-distribution/ProvinceRestrictionCarcassDistributionEdit.js new file mode 100644 index 0000000..c23c538 --- /dev/null +++ b/src/features/province/components/province-restriction-carcass-distribution/ProvinceRestrictionCarcassDistributionEdit.js @@ -0,0 +1,102 @@ +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, Radio, RadioGroup, FormControlLabel } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + CLOSE_MODAL, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import TimePicker from "../../../../components/date-picker/CustomDatePicker"; +import axios from "axios"; + +export const ProvinceRestrictionCarcassDistributionEdit = ({ + item, + fetchData, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [formData, setFormData] = useState({ + time: item?.time || "16:00:00", + allow: item?.allow !== undefined ? item?.allow : true, + }); + + const handleSubmit = async (e) => { + e.preventDefault(); + + dispatch(LOADING_START()); + try { + await axios.put(`restriction_carcass_distribution/${item?.id}/`, { + time: formData.time, + allow: formData.allow, + }); + + dispatch(LOADING_END()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchData(); + dispatch(CLOSE_MODAL()); + } catch (error) { + dispatch(LOADING_END()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: error?.response?.data?.message || "خطا در ویرایش اطلاعات", + severity: "error", + }); + console.error("Error updating data:", error); + } + }; + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-return-purchases/ProvinceReturnPurchases.js b/src/features/province/components/province-return-purchases/ProvinceReturnPurchases.js new file mode 100644 index 0000000..893d826 --- /dev/null +++ b/src/features/province/components/province-return-purchases/ProvinceReturnPurchases.js @@ -0,0 +1,283 @@ +import { Button, Tab, Tabs, TextField } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { ReturnedAllocated } from "./ProvinceReturnedAllocated"; +import { ReturnedCargo } from "./ProvinceReturnedCargo"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { RiSearchLine } from "react-icons/ri"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceReturnPurchases = () => { + const dispatch = useDispatch(); + const [selectedTab, setSelectedTab] = useState(0); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + const [dashboardData, setDashboardData] = useState({}); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const [textValue, setTextValue] = useState(""); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchDashboard = async () => { + try { + const response = await axios.get( + `return-requests-dashboard/?role=${getRoleFromUrl()}${ + checkPathStartsWith("province") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&date1=${selectedDate1}&date2=${selectedDate2}` + ); + setDashboardData(response.data); + } catch (error) { + console.error("Error fetching dashboard data:", error); + } + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + setPage(1); + }; + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const endpoint = + selectedTab === 0 + ? "return-province-kill-requests" + : "return-kill-house-requests"; + + const response = await axios.get( + `${endpoint}/?role=${getRoleFromUrl()}${ + checkPathStartsWith("province") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${textValue}&page_size=${perPage}&page=${page}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + fetchApiData(1); + fetchDashboard(); + }, [ + selectedDate1, + selectedDate2, + perPage, + selectedTab, + selectedSubUser?.key, + ]); + + const handleSubmit = () => { + fetchApiData(page); + fetchDashboard(); + }; + + const updateTable = () => { + fetchApiData(page); + fetchDashboard(); + }; + + return ( + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + + {selectedTab === 0 && ( + + )} + {selectedTab === 1 && ( + + )} + + ); +}; diff --git a/src/features/province/components/province-return-purchases/ProvinceReturnPurchasesOperations.js b/src/features/province/components/province-return-purchases/ProvinceReturnPurchasesOperations.js new file mode 100644 index 0000000..f43f253 --- /dev/null +++ b/src/features/province/components/province-return-purchases/ProvinceReturnPurchasesOperations.js @@ -0,0 +1,156 @@ +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogContentText, + DialogTitle, + IconButton, + Popover, + Tooltip, +} from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import TuneIcon from "@mui/icons-material/Tune"; +import { AppContext } from "../../../../contexts/AppContext"; +import { activateReturnedRequest } from "../../services/activate-returned-request"; +import { activateReturnedCargo } from "../../services/activate-returned-cargo"; +import { SPACING } from "../../../../data/spacing"; + +export const ProvinceReturnPurchasesOperations = ({ + item, + updateTable, + type = "allocated", +}) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + const [openDialog, setOpenDialog] = useState(false); + const [openNotif] = useContext(AppContext); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleOpenDialog = () => { + setOpenDialog(true); + }; + + const handleCloseDialog = () => { + setOpenDialog(false); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const handleActivate = () => { + handleCloseDialog(); + const activateAction = + type === "cargo" ? activateReturnedCargo : activateReturnedRequest; + + dispatch( + activateAction({ + key: item?.key, + }) + ).then((r) => { + if (r.payload?.error || r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + handleClose(); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( +

+ + + + +

+ + + + + +

+ + + +

+ ); +}; diff --git a/src/features/province/components/province-return-purchases/ProvinceReturnedAllocated.js b/src/features/province/components/province-return-purchases/ProvinceReturnedAllocated.js new file mode 100644 index 0000000..336c353 --- /dev/null +++ b/src/features/province/components/province-return-purchases/ProvinceReturnedAllocated.js @@ -0,0 +1,163 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Button, Tooltip } from "@mui/material"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useSelector } from "react-redux"; +import { ProvinceReturnPurchasesOperations } from "./ProvinceReturnPurchasesOperations"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ReturnedAllocated = ({ + data, + page, + perPage, + totalRows, + handlePageChange, + handlePerRowsChange, + textValue, + updateTable, +}) => { + const [dataTable, setDataTable] = useState(); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + useEffect(() => { + const d = data?.map((item, i) => { + let state = ""; + if (item.state === "pending") { + state = "در انتظار تایید"; + } else if (item.state === "accepted") { + state = "تایید شده"; + } else if (item.state === "rejected") { + state = "رد شده"; + } + + let requestType = ""; + if (item?.market) { + requestType = "پنل معاملات"; + } else if (item?.directBuying) { + requestType = "خرید مستقیم"; + } else if (item?.warehouse) { + requestType = "انبار"; + } else { + requestType = "اتحادیه"; + } + + const rows = [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.orderCode || "-", + requestType, + item?.poultryUnitName, + `${item?.poultryFullname} (${item?.poultryMobile})`, + item?.poultryCity, + formatJustDate(item?.killingDate), + item?.poultryRequestQuantity?.toLocaleString(), + formatTime(item?.createDate), + item?.killhouseUser.name || "-", + item?.killhouseUser.city || "-", + item?.poultryAmount?.toLocaleString() + " ﷼", + item?.killHousePrice?.toLocaleString() + " ﷼", + item?.quantity?.toLocaleString(), + state, + item?.firstCarAllocatedQuantity > 0 ? "دارد" : "ندارد", + (item?.quantity - item?.totalKilledQuantity)?.toLocaleString(), + (item?.returner + ? `${item?.returner.fullname} (${item?.returner?.mobile})` + : "سیستم") + + " " + + formatTime(item?.modifyDate), + ]; + + if (["AdminX", "SuperAdmin"].includes(getRoleFromUrl())) { + if (item?.returnTrash === true) { + rows.push( + + ); + } else { + rows.push("-"); + } + } + + return rows; + }); + + setDataTable(d); + }, [data, page, perPage]); + + const columns = [ + "ردیف", + "کدسفارش", + "نوع درخواست", + "نام فارم", + "نام مرغدار", + "شهر مرغدار", + "تاریخ کشتار", + "تعداد درخواست", + "تاریخ ثبت تخصیص", + "نام کشتارگاه", + "شهر کشتارگاه", + "قیمت مرغدار", + "قیمت کشتارگاه", + "تعداد تخصیص", + "وضعیت تایید", + "وضعیت تخصیص ماشین", + "مانده قابل تخصیص", + "برگشت دهنده", + ]; + + if (["AdminX", "SuperAdmin"].includes(getRoleFromUrl())) { + columns.push("عملیات"); + } + + return ( + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-return-purchases/ProvinceReturnedCargo.js b/src/features/province/components/province-return-purchases/ProvinceReturnedCargo.js new file mode 100644 index 0000000..d9b19fe --- /dev/null +++ b/src/features/province/components/province-return-purchases/ProvinceReturnedCargo.js @@ -0,0 +1,182 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatTime } from "../../../../utils/formatTime"; +import { Button, Tooltip } from "@mui/material"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useSelector } from "react-redux"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { ProvinceReturnPurchasesOperations } from "./ProvinceReturnPurchasesOperations"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ReturnedCargo = ({ + data, + page, + perPage, + totalRows, + handlePageChange, + handlePerRowsChange, + textValue, + updateTable, +}) => { + const [dataTable, setDataTable] = useState(); + const [, , selectedDate1, , selectedDate2] = useContext(AppContext); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + useEffect(() => { + const mappedData = data?.map((item, i) => { + let state = ""; + if (item.state === "pending") { + state = "در انتظار تایید"; + } else if (item.state === "accepted") { + state = "تایید شده"; + } else if (item.state === "rejected") { + state = "رد شده"; + } + + let requestType = ""; + if (item?.poultryRequest?.market) { + requestType = "پنل معاملات"; + } else if (item?.poultryRequest?.directBuying) { + requestType = "خرید مستقیم"; + } else if (item?.warehouse) { + requestType = "انبار"; + } else { + requestType = "اتحادیه"; + } + + let killType = ""; + if (item?.poultryRequest?.freezing) { + killType = "انجماد"; + } else if (item?.poultryRequest?.export) { + killType = "صادرات"; + } else { + killType = "عادی"; + } + + const rows = [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.barCode || "-", + item?.poultryRequest?.orderCode || "-", + requestType, + killType, + item?.poultryRequest?.poultry?.unitName || "-", + `${item?.poultryRequest?.poultry?.user?.fullname || "-"} (${ + item?.poultryRequest?.poultry?.user?.mobile || "-" + })`, + item?.poultryRequest?.poultry?.address?.city?.name || "-", + item?.killRequest?.reciveDate + ? formatTime(item?.killRequest?.reciveDate) + : "-", + item?.quantity?.toLocaleString(), + item?.createDate ? formatTime(item?.createDate) : "-", + item?.killhouseUser?.name || item?.killer?.name || "-", + item?.killhouseUser?.killHouseOperator?.user?.city?.name || + item?.killer?.killHouseOperator?.user?.city?.name || + "-", + item?.weightInfo?.weight?.toLocaleString() || "-", + item?.weightInfo?.indexWeight?.toLocaleString() || "-", + item?.acceptedRealQuantity?.toLocaleString(), + item?.acceptedRealWeight?.toLocaleString(), + item?.poultryRequest?.amount?.toLocaleString() + " ﷼" || "-", + item?.weightInfo?.killHousePrice?.toLocaleString() + " ﷼" || "-", + state, + item?.car?.pelak || "-", + item?.car?.driverName || "-", + item?.nonReceipt ? "دارد" : "ندارد", + item?.nonReceiptMessage || "-", + (item?.nonReceipt && item?.mainNonReceipt ? `کاربر` : "سیستم") + + " " + + formatTime(item?.modifyDate), + ]; + + if (["AdminX", "SuperAdmin"].includes(getRoleFromUrl())) { + if (item?.returnTrash === true) { + rows.push( + + ); + } else { + rows.push("-"); + } + } + + return rows; + }); + setDataTable(mappedData); + }, [data, page, perPage]); + + const columns = [ + "ردیف", + "کد بار", + "کدسفارش", + "نوع درخواست", + "نوع کشتار", + "نام فارم", + "نام مرغدار", + "شهر مرغدار", + "تاریخ درخواست کشتار", + "تعداد بار", + "تاریخ ثبت بار", + "نام کشتارگاه", + "شهر کشتارگاه", + "وزن", + "میانگین وزنی", + "تعداد نهایی", + "وزن نهایی", + "قیمت مرغدار", + "قیمت کشتارگاه", + "وضعیت تایید", + "پلاک خودرو", + "نام راننده", + "عدم دریافت", + "پیام عدم دریافت", + "نوع برگشت", + ]; + + if (["AdminX", "SuperAdmin"].includes(getRoleFromUrl())) { + columns.push("عملیات"); + } + + return ( + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-sale-dispenser-with-in-dashboard/ProvinceSaleDispenserWithinDashboard.js b/src/features/province/components/province-sale-dispenser-with-in-dashboard/ProvinceSaleDispenserWithinDashboard.js new file mode 100644 index 0000000..dc679c0 --- /dev/null +++ b/src/features/province/components/province-sale-dispenser-with-in-dashboard/ProvinceSaleDispenserWithinDashboard.js @@ -0,0 +1,27 @@ +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceSaleDispenserWithinDashboard = ({ dashboardData }) => { + return ( + + + + ); +}; diff --git a/src/features/province/components/province-sale-dispenser/ProvinceSaleInDispenser.js b/src/features/province/components/province-sale-dispenser/ProvinceSaleInDispenser.js new file mode 100644 index 0000000..24d3e3e --- /dev/null +++ b/src/features/province/components/province-sale-dispenser/ProvinceSaleInDispenser.js @@ -0,0 +1,326 @@ +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext, useEffect, useState } from "react"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { + Autocomplete, + Button, + FormControl, + TextField, + Tooltip, +} from "@mui/material"; +import moment from "moment"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceSaleDispenserWithinDashboard } from "../province-sale-dispenser-with-in-dashboard/ProvinceSaleDispenserWithinDashboard"; +import { provinceDispenserWithInGetDashboard } from "../../services/province-dispenser-with-in-sale-dashboard"; +import { provinceDispenserGetStewardService } from "../../services/province-dispenser-get-steward"; +import { ProvinceDispenserStewardSaleInOperation } from "../province-dispenser-steward-sale-in-operation/ProvinceDispenserStewardSaleInOperation"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { getAllocationType } from "../../../../utils/getAllocationType"; + +export const ProvinceSaleInDispenser = ({ priceInfo }) => { + const { slaughterProducts } = useSelector((state) => state.slaughterSlice); + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [dashboardData, setDashboardData] = useState([]); + const [openNotif] = useContext(AppContext); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [steward, setSteward] = useState([]); + const [selectedSteward, setselectedSteward] = useState(null); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `/in-province-allocation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${ + page || 1 + }&page_size=${perPage}&type=Steward${ + selectedSteward + ? `&steward_key=${selectedSteward}` + : "&steward_key=all" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + const fetchsteward = () => { + dispatch(provinceDispenserGetStewardService()).then((r) => { + setSteward(r.payload.data); + }); + }; + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const getAllocationData = (item) => { + if (!item) return "-"; + + switch (item?.allocationType) { + case "steward_steward": + return `${item?.toStewards?.name || "-"} - ${ + item?.toStewards?.user?.fullname || "-" + } (${item?.toStewards?.user?.mobile || "-"})`; + case "steward_guild": + return `${item?.toGuilds?.guildsName || "-"} - ${ + item?.toGuilds?.user?.fullname || "-" + } (${item?.toGuilds?.user?.mobile || "-"})`; + case "ColdHouse": + return `${item?.toColdHouse?.name || "-"}`; + default: + return `${item?.toKillHouse?.name || "-"} - ${ + item?.toKillHouse?.killHouseOperator?.user?.fullname || "-" + } (${item?.toKillHouse?.killHouseOperator?.user?.mobile || "-"})`; + } + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const fetchDashboardData = () => { + dispatch( + provinceDispenserWithInGetDashboard({ + search: "filter", + role: getRoleFromUrl(), + selectedDate1, + selectedDate2, + steward_key: selectedSteward || "all", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.date) || "-", + getAllocationType(item), + item?.steward + ? `${item?.steward?.guildsName?.toLocaleString()} ${item?.steward?.user?.fullname?.toLocaleString()} ${ + item?.steward?.user?.mobile?.toLocaleString() || "-" + }` + : `${item?.guilds?.guildsName?.toLocaleString()} ${item?.guilds?.user?.fullname?.toLocaleString()} ${ + item?.guilds?.user?.mobile?.toLocaleString() || "-" + }`, + getAllocationData(item), + item?.sellType === "exclusive" ? "اختصاصی" : "آزاد", + (item?.amount?.toLocaleString() || "0") + " ریال", + (item?.totalAmount?.toLocaleString() || "0") + " ریال", + item?.weightOfCarcasses?.toLocaleString() || "0", + item?.reciverWeightOfCarcasses?.toLocaleString() || "0", + item?.registrationCode || "-", + item?.registrationCode ? "ارسال شده" : "ارسال نشده", + , + + item?.receiverState === "accepted" + ? "تایید شده" + : item?.receiverState === "rejected" + ? "رد شده" + : "در انتظار تایید", + , + ]; + }); + setTableData(d); + }, [data, page, perPage, priceInfo, slaughterProducts]); + + useEffect(() => { + fetchApiData(1); + fetchDashboardData(); + fetchsteward(); + }, [dispatch, selectedDate1, selectedDate2, perPage, selectedSteward]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + + + + ( + + )} + value={selectedDate1} + onChange={(newValue) => { + setSelectedDate1(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(newValue) => { + setSelectedDate2(moment(newValue).format("YYYY-MM-DD")); + }} + /> + + +

+ + + + + + + + + ); +}; diff --git a/src/features/province/components/province-segmentation/ProvinceSegmentation.js b/src/features/province/components/province-segmentation/ProvinceSegmentation.js new file mode 100644 index 0000000..dfb5516 --- /dev/null +++ b/src/features/province/components/province-segmentation/ProvinceSegmentation.js @@ -0,0 +1,235 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import moment from "moment"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { RiSearchLine } from "react-icons/ri"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { stawardGetSegmentDashboardService } from "../../../guild/services/steward-get-dashboard-service"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const ProvinceSegmentation = () => { + const [data, setData] = useState([]); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [dashboardData, setDashboardData] = useState([]); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + + // const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const getDashboardData = () => { + dispatch( + stawardGetSegmentDashboardService({ + value: textValue, + date1: selectedDate1, + date2: selectedDate2, + role: getRoleFromUrl(), + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `kill-house-segmentation-info/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}` + ); + + getDashboardData(); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + // const updateTable = () => { + // fetchApiData(page); + // }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + item?.info?.totalCount?.toLocaleString(), + item?.info?.totalWeight?.toLocaleString(), + item?.info?.totalSelfCount?.toLocaleString(), + item?.info?.totalSelfWeight?.toLocaleString(), + item?.info?.totalOtherCount?.toLocaleString(), + item?.info?.totalOtherWeight?.toLocaleString(), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + try { + const response = await axios.get( + `kill-house-segmentation-info/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + getDashboardData(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + +

+ + + + + ( + + )} + value={selectedDate1} + onChange={(e) => + setSelectedDate1(moment(e).format("YYYY-MM-DD")) + } + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => + setSelectedDate2(moment(e).format("YYYY-MM-DD")) + } + /> + + {/* + + */} + +

+ + + + + ); +}; diff --git a/src/features/province/components/province-select-slaughter-for-slaughter/ProvinceSelectSlaughterForSlaughter.js b/src/features/province/components/province-select-slaughter-for-slaughter/ProvinceSelectSlaughterForSlaughter.js new file mode 100644 index 0000000..09e20aa --- /dev/null +++ b/src/features/province/components/province-select-slaughter-for-slaughter/ProvinceSelectSlaughterForSlaughter.js @@ -0,0 +1,78 @@ +import { MenuItem, Select } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterGetKillerKillhousesService } from "../../../slaughter-house/services/slaughter-get-killers-killhouses"; +import { provinceGetSlaughterhousesQuotaService } from "../../services/province-get-slaughterhouses-quota"; +import { provinceUpdateSlaughterKillplaceService } from "../../services/province-update-slaughter-killplace"; + +export const ProvinceSelectSlaughterForSlaughter = ({ + // onSlaughterChange, + killHouseForKiller, + slaughterKey, + disabled, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [selectedValue, setSelectedValue] = useState(killHouseForKiller?.key); + const { slaughterGetKillerKillhouses } = useSelector( + (state) => state.slaughterSlice + ); + + // console.log(killHouseForKiller, "uuuuu"); + + // useEffect(() => { + // setSelectedValue(killHouseForKiller?.key); + // }, []); + + const handleChange = (event) => { + dispatch( + provinceUpdateSlaughterKillplaceService({ + percentage_key: slaughterKey, + kill_house_key: event.target.value, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(provinceGetSlaughterhousesQuotaService()); + dispatch(slaughterGetKillerKillhousesService()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + setSelectedValue(event.target.value); + }; + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-send-letter-daily-slaughter/ProvinceSendLetterDailySlaughter.js b/src/features/province/components/province-send-letter-daily-slaughter/ProvinceSendLetterDailySlaughter.js new file mode 100644 index 0000000..c5f6593 --- /dev/null +++ b/src/features/province/components/province-send-letter-daily-slaughter/ProvinceSendLetterDailySlaughter.js @@ -0,0 +1,180 @@ +import React, { useContext } from "react"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import ProvinceSendLetterFactor from "../province-send-letter-factor/ProvinceSendLetterFactor"; +import { useReactToPrint } from "react-to-print"; +import { useRef } from "react"; +import { LineWithText } from "../../../../components/line-with-text/LineWithText"; +import { useEffect } from "react"; +import { provinceGetAllocationLetter } from "../../services/province-get-allocation-letter"; +import { useDispatch } from "react-redux"; +import { useState } from "react"; + +export const ProvinceSendLetterDailySlaughter = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const componentRef = useRef(); + + const [factorData, setFactorData] = useState(null); + const dispatch = useDispatch(); + + const handleDownloadFactor = () => { + try { + const result = dispatch(provinceGetAllocationLetter(selectedDate1)); + setFactorData(result); + } catch (error) { + console.error(error); + } + }; + + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: "گزارش روزانه", + onAfterPrint: () => { + setFactorData(null); + }, + }); + + useEffect(() => { + if (factorData) { + printPDF(); + } + }, [factorData, printPDF]); + + const formik = useFormik({ + initialValues: { + receiver: "", + formNumber: "", + }, + validationSchema: Yup.object({ + receiver: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا مشخصات دریافت کننده را وارد کنید!"), + formNumber: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + +

+ +

+ + ); +}; diff --git a/src/features/province/components/province-send-letter-declaration-need-factor/ProvinceSendLetterDeclarationNeedFactor.js b/src/features/province/components/province-send-letter-declaration-need-factor/ProvinceSendLetterDeclarationNeedFactor.js new file mode 100644 index 0000000..5c4e663 --- /dev/null +++ b/src/features/province/components/province-send-letter-declaration-need-factor/ProvinceSendLetterDeclarationNeedFactor.js @@ -0,0 +1,346 @@ +import React, { forwardRef } from "react"; +import logo from "../../../../assets/images/ChickenLogo.png"; +import { PropTypes } from "prop-types"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { useCeoName } from "../../../../utils/getCeoName"; +import { useSystemName } from "../../../../utils/getSystemName"; + +const styles = { + page: { + width: "210mm", + margin: "0 auto", + display: "flex", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "nazanin", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 11, + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 10, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 8, + whiteSpace: "nowrap", + }, + tableHeader: { + pageBreakAfter: "auto", + }, + headerRow: { + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + logo: { + width: "60px", + height: "auto", + marginBottom: "10px", + }, + contentContainer: { + display: "flex", + justifyContent: "space-between", + marginTop: "20px", + marginLeft: "100px", + marginRight: "30px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "nazanin", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 450, + left: 0, + right: 30, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.2, + zIndex: -1, + }, + watermarkp: { + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + marginTop: "10px", + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + fontSize: 14, + fontWeight: "bolder", + marginLeft: "40px", + pAlign: "center", + }, + title2: { + fontSize: 10, + marginBottom: 10, + pAlign: "center", + }, + options: { + padding: "10px", + marginTop: "15px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + width: "100%", + height: "2px", + backgroundColor: "red", + marginBottom: 15, + }, + pTitleContainer: { + pAlign: "right", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + }, + tableHeaderCell: { + backgroundColor: "rgba(255, 229, 153, 0.5)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + pageBreakAfter: "always", + position: "fixed", + left: 0, + bottom: 0, + width: "100%", + }, +}; + +const ProvinceSendLetterDeclarationNeedFactor = forwardRef((props, ref) => { + const { sDate } = props; + const { date } = props; + const { fnumber } = props; + const { receiver } = props; + const { item } = props; + const systemName = useSystemName(); + const ceoName = useCeoName(); + + const totalCapacity = item?.reduce( + (total, currentItem) => total + (currentItem?.quantity || 0), + 0 + ); + + function getItemInfoWeight(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.hatching?.totalWeight) { + if (option?.hatching?.totalWeight !== undefined) { + totalQuantity += option?.hatching?.totalWeight; + } + } + }); + return totalQuantity; + } + + const getItemState = (item) => { + let sellType = ""; + if (item?.directBuying) { + sellType = "خرید مستقیم"; + } else if (item?.union) { + sellType = "خرید خارج از استان"; + } else { + sellType = "اتحادیه"; + } + return sellType; + }; + + return ( +

+ +

+ بسمه تعالی +

+ +

+ شماره: {fnumber} + تاریخ: {formatJustDate(date)} + پیوست: +

+ +

+ + {receiver} +
+ با سلام +
+ +
+ احتراما گزارش درخواست کشتار مرغداران مرغ گوشتی استان مورخ{" "} + {formatJustDate(sDate)}، به حضورتان ارسال میگردد. +

+ +

+ اطلاعات درخواست:{" "} + + {" "} + تعداد درخواست کشتار ( + {totalCapacity !== undefined && totalCapacity.toLocaleString()}{" "} + قطعه)، وزن کل تقریبی ({getItemInfoWeight(item).toLocaleString()}{" "} + کیلوگرم). + +

+ + + + + + + + + + + + + + + + + + + {item?.map((item, i) => ( + + + + + + + + + + + + + + ))} + +

ردیف	کد سفارش	نوع فروش	تاریخ کشتار	مرغدار	شهر/تعاونی	سن مرغ	میانگین وزن	وزن تقریبی	مانده در سالن	تعداد درخواست کشتار
{i + 1}	{item.orderCode}	{getItemState(item)}	+ {formatJustDate(item?.sendDate)} +	{`${item?.poultry?.unitName} (${item?.poultry?.user?.mobile})`}	{`${ + item?.poultry?.address?.city?.name + }/${ + item?.poultry?.cityOperator + ? item?.poultry?.cityOperator + : "بدون تعاونی" + }`}	{item?.hatching?.age}	{item?.IndexWeight}	+ {item?.hatching?.totalWeight?.toLocaleString()} +	+ {item?.hatching?.leftOver?.toLocaleString()} +	+ {item?.firstQuantity?.toLocaleString()} +

+ +

+ {ceoName} + + مدیرعامل اتحادیه مرغداران{" ‌"} + {systemName} + +

سامانه رصدیار

+ + {/*

+ {getAddressContent(systemName)} +

*/} +

+ ); +}); + +ProvinceSendLetterDeclarationNeedFactor.displayName = + "ProvinceSendLetterDeclarationNeedFactor"; + +export default ProvinceSendLetterDeclarationNeedFactor; + +ProvinceSendLetterDeclarationNeedFactor.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-send-letter-declaration-need/ProvinceSendLetterDeclarationNeed.js b/src/features/province/components/province-send-letter-declaration-need/ProvinceSendLetterDeclarationNeed.js new file mode 100644 index 0000000..8de7c41 --- /dev/null +++ b/src/features/province/components/province-send-letter-declaration-need/ProvinceSendLetterDeclarationNeed.js @@ -0,0 +1,183 @@ +import React, { useContext } from "react"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useReactToPrint } from "react-to-print"; +import { useRef } from "react"; +import { LineWithText } from "../../../../components/line-with-text/LineWithText"; +import { useEffect } from "react"; +import { useState } from "react"; +import ProvinceSendLetterDeclarationNeedFactor from "../province-send-letter-declaration-need-factor/ProvinceSendLetterDeclarationNeedFactor"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceSendLetterDeclarationNeed = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const componentRef = useRef(); + + const [factorData, setFactorData] = useState(null); + const dispatch = useDispatch(); + + const handleDownloadFactor = async () => { + try { + dispatch(LOADING_START()); + let response = await axios.get( + `Poultry_Request/?role=${getRoleFromUrl()}&today&date1=${selectedDate1}&date2=${selectedDate1}&search=filter&value=${""}&page=1&page_size=1000` + ); + dispatch(LOADING_END()); + setFactorData(response.data.results); + } catch (error) { + console.error(error); + } + }; + + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: "گزارش اعلام کشتار مرغ", + onAfterPrint: () => { + setFactorData(null); + }, + }); + + useEffect(() => { + if (factorData) { + printPDF(); + } + }, [factorData, printPDF]); + + const formik = useFormik({ + initialValues: { + receiver: "", + formNumber: "", + }, + validationSchema: Yup.object({ + receiver: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا مشخصات دریافت کننده را وارد کنید!"), + formNumber: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + +

+ +

+ + ); +}; diff --git a/src/features/province/components/province-send-letter-factor-report/ProvinceSendLetterFactorReport.js b/src/features/province/components/province-send-letter-factor-report/ProvinceSendLetterFactorReport.js new file mode 100644 index 0000000..8bd02a3 --- /dev/null +++ b/src/features/province/components/province-send-letter-factor-report/ProvinceSendLetterFactorReport.js @@ -0,0 +1,405 @@ +import React, { forwardRef } from "react"; +import logo from "../../../../assets/images/ChickenLogo.png"; +import { useSystemName } from "../../../../utils/getSystemName"; +import { PropTypes } from "prop-types"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; +import { useCeoName } from "../../../../utils/getCeoName"; + +const styles = { + page: { + width: "210mm", + height: "297mm", + display: "flex", + margin: "0 auto", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "nazanin", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 12, + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 10, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 8, + whiteSpace: "nowrap", + }, + tableHeader: { + pageBreakAfter: "auto", + }, + headerRow: { + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + logo: { + width: "60px", + height: "auto", + marginBottom: "10px", + }, + contentContainer: { + display: "flex", + justifyContent: "space-between", + marginTop: "20px", + marginLeft: "100px", + marginRight: "30px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "nazanin", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 450, + left: 0, + right: 30, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.2, + zIndex: -1, + }, + watermarkp: { + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + marginTop: "10px", + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + fontSize: 14, + fontWeight: "bolder", + marginLeft: "40px", + pAlign: "center", + }, + title2: { + fontSize: 10, + marginBottom: 10, + pAlign: "center", + }, + options: { + padding: "10px", + marginTop: "15px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + width: "100%", + height: "2px", + backgroundColor: "red", + marginBottom: 5, + }, + pTitleContainer: { + pAlign: "right", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + }, + tableHeaderCell: { + backgroundColor: "rgba(255, 229, 153, 0.5)", + fontSize: 12, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + pageBreakAfter: "always", + position: "fixed", + left: 0, + bottom: 0, + width: "100%", + }, +}; + +const ProvinceSendLetterFactorReport = forwardRef((props, ref) => { + const { sDate } = props; + const { date } = props; + const { fnumber } = props; + const { receiver } = props; + const { item } = props; + const { itemOutProvince } = props; + const systemName = useSystemName(); + const ceoName = useCeoName(); + + return ( +

+ +

+ بسمه تعالی +

+ +

+ شماره: {fnumber} + تاریخ: {formatJustDate(date)} + پیوست: - +

+ +

+ + {receiver} +
+ با سلام +
+ + احتراماً گزارش تخصیص مورخ {formatJustDate(sDate)}، مرغ گوشتی استان جهت + استحضار بحضورتان ارسال میگردد. +

+ +

+ + + + + + + + + + + + + + + + {item?.map((item, i) => + item?.provinceKillRequest?.map((pkRequest, pkIndex) => ( + + {pkIndex === 0 && ( + <> + + + + + + )} + + + + + {pkIndex === 0 && ( + + )} + + )) + )} + +

ردیف	نام خریدار	تلفن	شهر	مرغدار	تلفن	تعداد	میانگین وزن	جمع کل
+ {i + 1} +	+ {item?.name} +	+ {item?.killHouseOperator?.user?.mobile} +	+ {item?.killHouseOperator?.user?.city?.cityName} +	{pkRequest?.poultry}	{pkRequest?.poultryMobile}	{pkRequest?.quantity}	{pkRequest?.IndexWeight}	+ {item?.totalQuantity} +

+ + {/*

+ {getAddressContent(systemName)} +

*/} +

+ +

+ بسمه تعالی +

+ +

+ شماره: {fnumber} + تاریخ: {formatJustDate(date)} + پیوست: - +

+ +

+ + گزارش فروش خارج از استان مورخ {formatJustDate(sDate)} + +

+ +

+ + + + + + + + + + + + + + + {itemOutProvince?.map((item, i) => ( + + + + + + + + + + + ))} + +

ردیف	نام مرغدار	نام خریدار	تلفن	شهر	میانگین وزن	تعداد کل	نوع
{i + 1}	+ {item?.poultry?.unitName} ({item?.poultry?.user?.mobile}) +	+ {item?.buyer?.firstName} {item?.buyer?.lastName} +	{item?.buyer?.mobile}	{item?.buyer?.city}	{item?.IndexWeight}	{item?.quantity}	+ {item?.freezing ? "انجماد" : "معمولی"} +

+ + این گزارش در تاریخ {formatJustDate(date)} و ساعت{" "} + {formatJustTime(date)} صادر شده است. + +

+ +

+ {ceoName} + + مدیرعامل اتحادیه مرغداران{" ‌"} + {systemName} + +

سامانه رصدیار

+ + {/*

+ {getAddressContent(systemName)} +

*/} +

+ ); +}); + +ProvinceSendLetterFactorReport.displayName = "ProvinceSendLetterFactorReport"; + +export default ProvinceSendLetterFactorReport; + +ProvinceSendLetterFactorReport.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-send-letter-factor/ProvinceSendLetterFactor.js b/src/features/province/components/province-send-letter-factor/ProvinceSendLetterFactor.js new file mode 100644 index 0000000..72e0658 --- /dev/null +++ b/src/features/province/components/province-send-letter-factor/ProvinceSendLetterFactor.js @@ -0,0 +1,392 @@ +import React, { forwardRef } from "react"; +import logo from "../../../../assets/images/ChickenLogo.png"; +import { useSystemName } from "../../../../utils/getSystemName"; +import { PropTypes } from "prop-types"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { useCeoName } from "../../../../utils/getCeoName"; + +const styles = { + page: { + width: "210mm", + margin: "0 auto", + display: "flex", + flexDirection: "column", + position: "relative", + direction: "rtl", + fontFamily: "nazanin", + fontWeight: "bold", + }, + container: { + width: "95%", + alignSelf: "center", + pageBreakInside: "avoid", + }, + p: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + span: { + fontFamily: "nazanin", + fontWeight: "bold", + pAlign: "justify", + }, + invoiceTable: { + width: "100%", + borderCollapse: "collapse", + alignSelf: "center", + }, + tableCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 11, + }, + tableCellMobile: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 10, + }, + tableInnerCell: { + border: "1px solid #000", + pAlign: "left", + textAlign: "center", + fontSize: 8, + whiteSpace: "nowrap", + }, + tableHeader: { + pageBreakAfter: "auto", + }, + headerRow: { + color: "black", + pageBreakInside: "avoid", + pageBreakAfter: "auto", + }, + tableRowEven: { + backgroundColor: "rgba(170, 183, 255, 0.3)", + }, + logo: { + width: "60px", + height: "auto", + marginBottom: "10px", + }, + contentContainer: { + display: "flex", + justifyContent: "space-between", + marginTop: "20px", + marginLeft: "100px", + marginRight: "30px", + }, + contentInLine: { + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + mainTitle: { + fontFamily: "nazanin", + fontSize: 11, + pAlign: "center", + fontWeight: "bolder", + }, + signature: { + display: "flex", + flexDirection: "column", + alignItems: "flex-end", + marginLeft: "20px", + }, + watermarkContainer: { + position: "fixed", + top: 450, + left: 0, + right: 30, + bottom: 0, + justifyContent: "center", + alignItems: "center", + opacity: 0.2, + zIndex: -1, + }, + watermarkp: { + fontSize: 100, + fontWeight: "bolder", + color: "grey", + transform: "rotate(-45deg)", + left: "50%", + }, + title: { + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + titleTopic: { + marginTop: "10px", + fontSize: 12, + fontWeight: "bolder", + pAlign: "center", + }, + firsttitle: { + fontSize: 14, + fontWeight: "bolder", + marginLeft: "40px", + pAlign: "center", + }, + title2: { + fontSize: 10, + marginBottom: 10, + pAlign: "center", + }, + options: { + padding: "10px", + marginTop: "15px", + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + }, + divider: { + width: "100%", + height: "2px", + backgroundColor: "red", + marginBottom: 15, + }, + pTitleContainer: { + pAlign: "right", + margin: "15px", + textAlign: "justify", + textJustify: "inter-word", + }, + tableHeaderCell: { + backgroundColor: "rgba(255, 229, 153, 0.5)", + fontSize: 10, + border: "1px solid #000", + padding: "4px", + textAlign: "center", + fontWeight: "bold", + }, + footer: { + pageBreakAfter: "always", + position: "fixed", + left: 0, + bottom: 0, + width: "100%", + }, +}; + +const ProvinceSendLetterFactor = forwardRef((props, ref) => { + const { sDate } = props; + const { date } = props; + const { fnumber } = props; + const { receiver } = props; + const { item } = props; + const systemName = useSystemName(); + const ceoName = useCeoName(); + + const totalCapacity = item?.reduce( + (total, currentItem) => total + (currentItem?.quantity || 0), + 0 + ); + + function getItemInfoQuantity(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.provinceKillRequests) { + option.provinceKillRequests.forEach((request) => { + if (request.info?.quantity !== undefined) { + totalQuantity += request.info.quantity; + } + }); + } + }); + return totalQuantity; + } + + function getItemInfoWeight(item) { + let totalQuantity = 0; + item?.forEach((option) => { + if (option?.provinceKillRequests) { + option.provinceKillRequests.forEach((request) => { + if (request.info?.weight !== undefined) { + totalQuantity += request.info.weight; + } + }); + } + }); + return totalQuantity; + } + + return ( +

+ +

+ بسمه تعالی +

+ +

+ شماره: {fnumber} + تاریخ: {formatJustDate(date)} + پیوست: +

+ +

+ + {receiver} +
+ با سلام +
+ +
+ احتراماً گزارش تخصیص و کشتار مورخ {formatJustDate(sDate)}، مرغ گوشتی + استان جهت استحضار بحضورتان ارسال میگردد. +

+ +

+ + + + + + + + + + + + + + + + + + + {item?.map((item, i) => ( + + + + + + + + + + + + + + ))} + +

ردیف	مرغدار	تلفن	شهر	تعداد	میانگین وزنی	سن	خریدار	تعداد	وزن تقریبی بار	محل کشتار
{i + 1}	+ {item?.poultry?.user?.fullname} +	+ {item?.poultry?.user?.mobile} +	+ {item?.poultry?.address?.city?.name} +	+ {item?.quantity.toLocaleString()} +	+ {item?.IndexWeight.toLocaleString()} +	{item?.hatching?.age}	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.killhouseUser?.killHouseOperator?.user?.fullname + ? item?.killhouseUser?.killHouseOperator?.user?.fullname + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.info?.quantity + ? item?.info?.quantity.toLocaleString() + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {Math.round(item?.info?.weight) + ? Math.round(item?.info?.weight).toLocaleString() + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +	+ {item?.provinceKillRequests?.map((item, i, array) => ( + <> + {item?.info?.killPlace + ? item?.info?.killPlace + : "............"} + + {i < array.length - 1 && ( + + )} + + ))} +

+ +

+ {ceoName} + + مدیرعامل اتحادیه مرغداران{" ‌"} + {systemName} + +

سامانه رصدیار

+ + {/*

+ {getAddressContent(systemName)} +

*/} +

+ ); +}); + +ProvinceSendLetterFactor.displayName = "ProvinceSendLetterFactor"; + +export default ProvinceSendLetterFactor; + +ProvinceSendLetterFactor.propTypes = { + item: PropTypes.any, +}; diff --git a/src/features/province/components/province-send-letter-transfer-slaughter/ProvinceSendLetterTransferSlaughter.js b/src/features/province/components/province-send-letter-transfer-slaughter/ProvinceSendLetterTransferSlaughter.js new file mode 100644 index 0000000..c1c313b --- /dev/null +++ b/src/features/province/components/province-send-letter-transfer-slaughter/ProvinceSendLetterTransferSlaughter.js @@ -0,0 +1,256 @@ +import React, { useContext } from "react"; +import { Autocomplete, Button, TextField, Tooltip } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useReactToPrint } from "react-to-print"; +import { useRef } from "react"; +import { LineWithText } from "../../../../components/line-with-text/LineWithText"; +import { useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { useState } from "react"; +import { provinceGetSlaughterLetter } from "../../services/province-get-slaughter-letter"; +import { provinceGetQuarantineLetter } from "../../services/province-get-quarantine-letter"; +import ProvinceQuarantineInvoice from "../province-quarantine-invoice/ProvinceQuarantineInvoice"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const ProvinceSendLetterTransferSlaughter = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const componentRef = useRef(); + const [options, setOptions] = useState(""); + const [selectedOption, setSelectedOption] = useState(null); + + const [factorData, setFactorData] = useState(null); + const dispatch = useDispatch(); + + const handleDownloadFactor = () => { + const result = dispatch( + provinceGetQuarantineLetter(formik2.values.userInfoCheck) + ); + setFactorData(result); + }; + + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: "فاکتور قرنطینه", + onAfterPrint: () => { + setFactorData(null); + }, + }); + + useEffect(() => { + if (factorData) { + printPDF(); + } + }, [factorData, printPDF]); + + const formik = useFormik({ + initialValues: { + receiver: "", + formNumber: "", + price: "", + }, + validationSchema: Yup.object({ + receiver: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا مشخصات دریافت کننده را وارد کنید!"), + formNumber: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + price: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + const formik2 = useFormik({ + initialValues: { + userInfoCheck: "", + }, + validationSchema: Yup.object({ + userInfoCheck: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + formik2.validateForm(); + }, []); + + useEffect(() => { + dispatch(provinceGetSlaughterLetter(selectedDate1)).then((r) => { + setOptions(r.payload.data); + setSelectedOption(null); + }); + }, [selectedDate1]); + + return ( + + + + + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + { + return option.disabled <= 0; + }} + options={ + options + ? options?.map((i) => ({ + id: i.orderCode, + label: i?.poultry?.unitName + ` (${i.poultry?.user?.mobile})`, + })) + : [] + } + getOptionLabel={(option) => option.label} + value={selectedOption} + onChange={(event, newValue) => { + setSelectedOption(newValue); + formik2.setFieldValue("userInfoCheck", newValue ? newValue.id : ""); + }} + onBlur={formik2.handleBlur} + renderInput={(params) => ( + + )} + /> + + + + + + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + + + +

+ +

+ + ); +}; diff --git a/src/features/province/components/province-send-letter/ProvinceSendLetter.js b/src/features/province/components/province-send-letter/ProvinceSendLetter.js new file mode 100644 index 0000000..877fd10 --- /dev/null +++ b/src/features/province/components/province-send-letter/ProvinceSendLetter.js @@ -0,0 +1,38 @@ +import React, { useState } from "react"; +import { Tab, Tabs } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +import { ProvinceSendLetterDailySlaughter } from "../province-send-letter-daily-slaughter/ProvinceSendLetterDailySlaughter"; +import { ProvinceSendLetterTransferSlaughter } from "../province-send-letter-transfer-slaughter/ProvinceSendLetterTransferSlaughter"; +import { ProvinceSendLetterDeclarationNeed } from "../province-send-letter-declaration-need/ProvinceSendLetterDeclarationNeed"; + +export const ProvinceSendLetter = () => { + const [tabValue, setTabValue] = useState("1"); + + const handleTabChange = (event, newValue) => { + setTabValue(newValue); + }; + + return ( + + + + + + + + + + {tabValue === "1" && } + {tabValue === "2" && } + {tabValue === "3" && } + + + ); +}; diff --git a/src/features/province/components/province-send-report-new-report/ProvinceSendReportNewReport.js b/src/features/province/components/province-send-report-new-report/ProvinceSendReportNewReport.js new file mode 100644 index 0000000..7456478 --- /dev/null +++ b/src/features/province/components/province-send-report-new-report/ProvinceSendReportNewReport.js @@ -0,0 +1,91 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, +} from "@mui/material"; +import { + provinceSendReportGetReports, + provinceSendReportSubmitReport, +} from "../../services/province-send-report-get-times"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceSendReportNewReport = ({ fetchApiData }) => { + const [report, setReport] = useState([]); + const [allReports, setAllReports] = useState(); + + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + const handleChangeReport = (event) => { + const { + target: { value }, + } = event; + setReport(typeof value === "string" ? value.split(",") : value); + }; + + useEffect(() => { + dispatch(provinceSendReportGetReports()).then((r) => { + setAllReports(r.payload.data); + }); + }, [dispatch]); + + return ( + + + گزارش + + + + + ); +}; diff --git a/src/features/province/components/province-send-report-new-user/ProvinceSendReportNewUser.js b/src/features/province/components/province-send-report-new-user/ProvinceSendReportNewUser.js new file mode 100644 index 0000000..2dabf36 --- /dev/null +++ b/src/features/province/components/province-send-report-new-user/ProvinceSendReportNewUser.js @@ -0,0 +1,197 @@ +import React, { useContext } from "react"; +import { + Grid, + TextField, + Button, + FormControl, + InputLabel, + Select, + MenuItem, +} from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { useDispatch } from "react-redux"; +import { + provinceSendReportEditUser, + provinceSendReportNewUser, +} from "../../services/province-send-report-new-user"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleList } from "../../../../utils/getRoleList"; + +export const ProvinceSendReportNewUser = ({ fetchApiData, isEdit, item }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const validationSchema = Yup.object({ + firstname: Yup.string().required("این فیلد اجباری است"), + lastname: Yup.string().required("این فیلد اجباری است"), + mobile: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا اعداد انگلیسی وارد کنید!") + .test("len", "شماره تلفن باید 11 رقم باشد!", (val, context) => { + return context.originalValue && context.originalValue.length === 11; + }), + post: Yup.string().required("این فیلد اجباری است"), + city: Yup.string().required("این فیلد اجباری است"), + }); + + const formik = useFormik({ + initialValues: { + firstname: item?.firstname ? item?.firstname : "", + lastname: item?.lastname ? item?.lastname : "", + mobile: item?.mobile ? item?.mobile : "", + post: item?.position ? item?.position : "", + city: item?.city ? item?.city : "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + if (isEdit) { + dispatch( + provinceSendReportEditUser({ + user_key: item?.key, + firstname: values.firstname, + lastname: values.lastname, + mobile: values.mobile, + position: values.post, + city: values.city, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + fetchApiData(1); + } + }); + } else { + dispatch( + provinceSendReportNewUser({ + firstname: values.firstname, + lastname: values.lastname, + mobile: values.mobile, + position: values.post, + city: values.city, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + fetchApiData(1); + } + }); + } + }, + }); + + const handleChangePosition = (e) => { + formik.setFieldValue("post", e.target.value); + }; + + return ( + + + + + + + + + سمت + + + + + + ); +}; diff --git a/src/features/province/components/province-send-report-operations/ProvinceSendReportOperations.js b/src/features/province/components/province-send-report-operations/ProvinceSendReportOperations.js new file mode 100644 index 0000000..c35c2e6 --- /dev/null +++ b/src/features/province/components/province-send-report-operations/ProvinceSendReportOperations.js @@ -0,0 +1,156 @@ +import React, { useContext, useState } from "react"; +import { + Button, + FormControlLabel, + IconButton, + Popover, + Switch, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +// import CancelIcon from "@mui/icons-material/Delete"; +// import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { ProvinceSendReportNewUser } from "../province-send-report-new-user/ProvinceSendReportNewUser"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { + provinceSendReportDeleteUser, + provinceSendReportEditUser, +} from "../../services/province-send-report-new-user"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceSendReportOperations = ({ item, fetchApiData }) => { + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + + + + + + { + dispatch( + provinceSendReportEditUser({ + user_key: item?.key, + active: !item?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchApiData(1); + } + }); + }} + /> + } + label={item?.active ? "فعال" : "غیر فعال"} + /> + + + + ); +}; diff --git a/src/features/province/components/province-send-report-send-time/ProvinceSendReportSendTime.js b/src/features/province/components/province-send-report-send-time/ProvinceSendReportSendTime.js new file mode 100644 index 0000000..2f48052 --- /dev/null +++ b/src/features/province/components/province-send-report-send-time/ProvinceSendReportSendTime.js @@ -0,0 +1,121 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + provinceSendReportGetTimes, + provinceSendReportUpdateSendTime, +} from "../../services/province-send-report-get-times"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, +} from "@mui/material"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceSendReportSendTime = ({ fetchApiData }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [time, setTime] = useState(12); + const [delay, setDelay] = useState("روزانه"); + + useEffect(() => { + dispatch(provinceSendReportGetTimes()).then((r) => { + setTime(r.payload?.data?.hour); + setDelay(r?.payload?.data?.type); + }); + }, []); + + const handleChangeTime = (e) => { + setTime(e.target.value); + }; + + const handleChangeDelay = (e) => { + setDelay(e.target.value); + }; + + return ( + + + ارسال + + + + ساعت + + + + + ); +}; diff --git a/src/features/province/components/province-send-report/ProvinceSendReport.js b/src/features/province/components/province-send-report/ProvinceSendReport.js new file mode 100644 index 0000000..ac69ae0 --- /dev/null +++ b/src/features/province/components/province-send-report/ProvinceSendReport.js @@ -0,0 +1,445 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + Checkbox, + Divider, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceSendReportSendTime } from "../province-send-report-send-time/ProvinceSendReportSendTime"; +import { ProvinceSendReportNewReport } from "../province-send-report-new-report/ProvinceSendReportNewReport"; +import { ProvinceSendReportNewUser } from "../province-send-report-new-user/ProvinceSendReportNewUser"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { ProvinceSendReportOperations } from "../province-send-report-operations/ProvinceSendReportOperations"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceSendReportUpdateReportStatus } from "../../services/province-send-report-get-times"; +import PublishedWithChangesIcon from "@mui/icons-material/PublishedWithChanges"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceSendReport = () => { + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + const [openNotif] = useContext(AppContext); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `reports-users/?search=filter&value=${textValue}&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `reports-users/?search=filter&value=${textValue}&page=${page}&role=${getRoleFromUrl()}&page_size=${newPerPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `reports-users/?search=filter&value=${textValue}&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + let columns = [ + { + name: "عملیات", + selector: (item, i) => { + return ( + + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "ردیف", + selector: (item, i) => { + return i + 1; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "وضعیت", + selector: (item, i) => { + return item?.active ? "فعال" : "غیر فعال"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "نام و نام خانوادگی", + selector: (item, i) => { + return item?.firstname + " " + item?.lastname; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "موبایل", + selector: (item, i) => { + return item?.mobile; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "شهر", + selector: (item, i) => { + return item?.city; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "سمت", + selector: (item, i) => { + return getFaUserRole(item?.position); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }, + // { + // name: "سمت", + // selector: (item, i) => { + // return item?.userPosition ? item?.userPosition : "-"; + // }, + // sortable: false, + // wrap: true, + // allowOverflow: true, + // center: true, + // }, + ]; + + const [forAll, setForAll] = useState(false); + + const setForAllFunction = (option) => { + dispatch( + provinceSendReportUpdateReportStatus({ + report_key: option?.report?.key, + active: forAll, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchApiData(1); + } + }); + }; + + const [secondaryColumns, setSecondaryColumns] = useState([]); + + useEffect(() => { + if (data?.length) { + const d = data[0]?.userReports?.map((option, index) => { + return { + name: ( + + + {option?.report?.title} + + + { + setForAll(!forAll, setForAllFunction(option)); + }} + > + + + + + ), + selector: (item, i) => { + return ( + { + dispatch( + provinceSendReportUpdateReportStatus({ + user_report_key: item?.userReports[index]?.key, + active: !item?.userReports[index]?.active, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + fetchApiData(1); + } + }); + }} + /> + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + }; + }); + setSecondaryColumns(d); + } + }, [data]); + + return ( + + {/* + + + + + + + } + data={[["1"]]} + columns={[ + "ردیف", + "وضعیت", + "نام و نام خانوادگی", + "موبایل", + "شهر", + "سمت", + "گزارش مغایرت", + "گزارش کشتار و پخش", + "گزارش تخصیص روزانه", + "گزارش پایش کشتارگاه", + "گزارش پایش کشتار", + "گزارش توزیع مباشرین و صنف", + "عملیات", + ]} + /> */} + + + + + + + + + + + + + + لیست گزارشات + + } + columns={[...columns, ...secondaryColumns]} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + + ); +}; diff --git a/src/features/province/components/province-settlement-extend-settlement/ProvinceSettlementExtendSettlement.js b/src/features/province/components/province-settlement-extend-settlement/ProvinceSettlementExtendSettlement.js new file mode 100644 index 0000000..fdab3a3 --- /dev/null +++ b/src/features/province/components/province-settlement-extend-settlement/ProvinceSettlementExtendSettlement.js @@ -0,0 +1,66 @@ +import { Button, TextField } from "@mui/material"; +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { adminFreeBuyEditPayment } from "../../services/admin-free-buy-edit-payment"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceSettlementExtendSettlement = ({ + updateTable_data, + item, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [text, setText] = useState(""); + + const handleTextChange = (event) => { + setText(event.target.value); + }; + return ( + + + + + ); +}; diff --git a/src/features/province/components/province-settlement-operation/provinceSettlementOperation.js b/src/features/province/components/province-settlement-operation/provinceSettlementOperation.js new file mode 100644 index 0000000..e879a08 --- /dev/null +++ b/src/features/province/components/province-settlement-operation/provinceSettlementOperation.js @@ -0,0 +1,311 @@ +import { Box, IconButton, Popover, Tooltip, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import DoneOutlineIcon from "@mui/icons-material/DoneOutline"; +import CloudUploadIcon from "@mui/icons-material/CloudUpload"; +import { useDispatch } from "react-redux"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useContext, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import TuneIcon from "@mui/icons-material/Tune"; +import { killhouseFreeBuyEditPayment } from "../../services/killhouse-free-buy-edit-payment"; +import DoneAllIcon from "@mui/icons-material/DoneAll"; +import ArchiveIcon from "@mui/icons-material/Archive"; +import EventRepeatIcon from "@mui/icons-material/EventRepeat"; +import CloseIcon from "@mui/icons-material/Close"; +import { ProvinceSettlementRejectSettlement } from "../province-settlement-reject-settlement/ProvinceSettlementRejectSettlement"; +import { ProvinceSettlementExtendSettlement } from "../province-settlement-extend-settlement/ProvinceSettlementExtendSettlement"; +import { ProvinceSettlementSubmitDocument } from "../province-settlement-submit-document/ProvinceSettlementSubmitDocument"; +import { alpha, useTheme } from "@mui/material/styles"; + +export const ProvinceSettlementOperation = ({ + item, + item_key, + updateTable_data, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [anchorEl, setAnchorEl] = useState(null); + const theme = useTheme(); + const role = getRoleFromUrl(); + const isKillHouse = role === "KillHouse"; + const isFinalAccepted = item?.finalAccept === true; + const isPaymentActionDisabled = !item?.paymentDeadlineState === "pending"; + const isUploadDisabled = isKillHouse ? isFinalAccepted : false; + const showFinalApprovalAction = isFinalAccepted !== true || isKillHouse; + const showApproveRequestAction = !isKillHouse && isFinalAccepted; + const showExtendDeadlineAction = !isKillHouse; + const showRejectAction = !isKillHouse && isFinalAccepted; + const showArchiveAction = !isKillHouse; + + const renderAction = ({ + title, + IconComponent, + colorKey, + onClick, + disabled = false, + hidden = false, + }) => { + if (hidden) { + return null; + } + + const paletteMain = + theme.palette[colorKey]?.main ?? theme.palette.primary.main; + const hoverBackground = alpha(paletteMain, 0.1); + + const handleActivation = () => { + if (disabled) { + return; + } + onClick(); + }; + + const handleKeyDown = (event) => { + if (event.key === "Enter" || event.key === " ") { + event.preventDefault(); + handleActivation(); + } + }; + + return ( + + + + + + + {title} + + + + + + ); + }; + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + // const isReject = item?.paymentDeadlineState === "pending"; + + const handleFinalApproval = (payload) => { + handleClose(); + + const settlementAmount = item?.generalInfo?.totalPaidAmount || 0; + const totalPrice = item?.generalInfo?.totalAmount || 0; + + const minimumPrice = (parseInt(totalPrice) / 100) * 90; + const maximumPrice = + (parseInt(totalPrice) / 100) * 10 + parseInt(totalPrice); + + if (settlementAmount < minimumPrice || settlementAmount > maximumPrice) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مبلغ تسویه با شروط تسویه حساب مطابقت ندارد", + severity: "error", + }); + return; + } + + dispatch(killhouseFreeBuyEditPayment(payload)).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + updateTable_data(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد", + severity: "success", + }); + dispatch( + DRAWER({ + right: false, + bottom: false, + left: false, + content: null, + }) + ); + } + }); + }; + + const handleReject = (type) => { + handleClose(); + + dispatch( + OPEN_MODAL({ + title: type === "reject" ? "برگشت درخواست" : "بایگانی درخواست", + content: ( + + ), + }) + ); + }; + + return ( + + + + + + + + + {renderAction({ + title: "بارگذاری سند", + IconComponent: CloudUploadIcon, + colorKey: "success", + disabled: isUploadDisabled, + onClick: () => { + handleClose(); + dispatch( + DRAWER({ + title: "بارگزاری سند", + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + size: 1000, + content: ( + + ), + }) + ); + }, + })} + + {renderAction({ + title: "تایید نهایی", + IconComponent: DoneOutlineIcon, + colorKey: "success", + disabled: isFinalAccepted, + hidden: !showFinalApprovalAction, + onClick: () => + handleFinalApproval({ + key: item.key, + final_accept: true, + role, + }), + })} + + {renderAction({ + title: "تایید درخواست", + IconComponent: DoneAllIcon, + colorKey: "primary", + hidden: !showApproveRequestAction, + onClick: () => + handleFinalApproval({ + key: item.key, + state: "accepted", + role, + check: true, + }), + })} + + {renderAction({ + title: "تمدید مهلت تسویه", + IconComponent: EventRepeatIcon, + colorKey: "primary", + hidden: !showExtendDeadlineAction, + disabled: isPaymentActionDisabled, + onClick: () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "تمدید مهلت تسویه", + content: ( + + ), + }) + ); + }, + })} + + {renderAction({ + title: "رد درخواست", + IconComponent: CloseIcon, + colorKey: "error", + hidden: !showRejectAction, + disabled: isPaymentActionDisabled, + onClick: () => handleReject("reject"), + })} + + {renderAction({ + title: "بایگانی", + IconComponent: ArchiveIcon, + colorKey: "error", + hidden: !showArchiveAction, + disabled: isPaymentActionDisabled, + onClick: () => handleReject("archive"), + })} + + + + + ); +}; diff --git a/src/features/province/components/province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest.js b/src/features/province/components/province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest.js new file mode 100644 index 0000000..a292f0c --- /dev/null +++ b/src/features/province/components/province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest.js @@ -0,0 +1,28 @@ +import { IconButton } from "@mui/material"; +import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf"; +import axios from "axios"; +import { useSelector } from "react-redux"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +function PdfKillRequest({ pdf_key }) { + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + return ( + + + + + + ); +} + +export default PdfKillRequest; diff --git a/src/features/province/components/province-settlement-reject-settlement/ProvinceSettlementRejectSettlement.js b/src/features/province/components/province-settlement-reject-settlement/ProvinceSettlementRejectSettlement.js new file mode 100644 index 0000000..6869905 --- /dev/null +++ b/src/features/province/components/province-settlement-reject-settlement/ProvinceSettlementRejectSettlement.js @@ -0,0 +1,71 @@ +import { Button, TextField } from "@mui/material"; +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { adminFreeBuyEditPayment } from "../../services/admin-free-buy-edit-payment"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceSettlementRejectSettlement = ({ + updateTable_data, + item, + type, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [text, setText] = useState(""); + + const handleTextChange = (event) => { + setText(event.target.value); + }; + + return ( + + + + + ); +}; diff --git a/src/features/province/components/province-settlement-submit-document/ProvinceSettlementSubmitDocument.js b/src/features/province/components/province-settlement-submit-document/ProvinceSettlementSubmitDocument.js new file mode 100644 index 0000000..8b62400 --- /dev/null +++ b/src/features/province/components/province-settlement-submit-document/ProvinceSettlementSubmitDocument.js @@ -0,0 +1,477 @@ +import { useEffect, useState, useCallback } from "react"; +import { + Box, + Grid, + Card, + CardContent, + IconButton, + Typography, + Divider, + Stack, + InputAdornment, + TextField, +} from "@mui/material"; +import DoneIcon from "@mui/icons-material/Done"; +import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline"; +import { DatePicker } from "@mui/x-date-pickers"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; + +import { freeBuyingPayment } from "../../services/free-buying-payment"; +import { adminSettlementDirectBuying } from "../../services/admin-settlement-direct-buying-payment"; +import { freeBuyDeletePaymentService } from "../../services/free-buying-delete-payment"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { resizeImage } from "../../../../utils/resizeImage"; +import { formatJustDate } from "../../../../utils/formatTime"; + +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceSettlementSubmitDocument = ({ + modal_key, + updateTable_modal, +}) => { + const dispatch = useDispatch(); + const [paymentData, setPaymentData] = useState([]); + const [directBuyImages, setDirectBuyImages] = useState([[]]); + const [localItems, setLocalItems] = useState([ + { amount: "", date: "", image: "" }, + ]); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const formik = useFormik({ + initialValues: { + province_kill_request_key: modal_key, + items: localItems, + }, + validationSchema: Yup.object({ + items: Yup.array().of( + Yup.object().shape({ + amount: Yup.number() + .typeError("مبلغ باید یک عدد معتبر باشد") + .required("وارد کردن مبلغ الزامی است") + .positive("مبلغ باید عددی مثبت باشد") + .integer("مبلغ باید عدد صحیح باشد"), + date: Yup.date() + .typeError("تاریخ معتبر وارد کنید") + .required("تاریخ پرداخت الزامی است") + .max(new Date(), "تاریخ نمی‌تواند از امروز بیشتر باشد"), + image: Yup.string().required("بارگزاری سند الزامی است"), + }) + ), + }), + onSubmit: () => {}, + enableReinitialize: true, + }); + + const isItemFilled = useCallback( + (item) => !!(item.amount || item.date || item.image), + [] + ); + + const handleDateChange = useCallback( + (date, index) => { + const formattedDateTime = moment(date).toISOString(); + const newItems = [...localItems]; + newItems[index] = { ...newItems[index], date: formattedDateTime }; + setLocalItems(newItems); + formik.setFieldValue(`items[${index}].date`, formattedDateTime, false); + }, + [localItems, formik] + ); + + const handleAmountChange = useCallback( + (value, index) => { + const newItems = [...localItems]; + newItems[index] = { ...newItems[index], amount: value }; + setLocalItems(newItems); + formik.setFieldValue(`items[${index}].amount`, value, false); + }, + [localItems, formik] + ); + + const directBuyImgHandler = useCallback( + (imageList, index) => { + setDirectBuyImages((prev) => { + const newArr = [...prev]; + newArr[index] = imageList; + return newArr; + }); + + if (imageList[0]) { + const file = imageList[0]?.file; + resizeImage(file, (resizedDataUrl) => { + const optimizedBase64 = fixBase64(resizedDataUrl); + const newItems = [...localItems]; + newItems[index] = { ...newItems[index], image: optimizedBase64 }; + setLocalItems(newItems); + formik.setFieldValue(`items[${index}].image`, optimizedBase64, false); + }); + } else { + const newItems = [...localItems]; + newItems[index] = { ...newItems[index], image: "" }; + setLocalItems(newItems); + formik.setFieldValue(`items[${index}].image`, "", false); + } + }, + [localItems, formik] + ); + + const removeFormItem = useCallback( + (index) => { + const newItems = localItems.filter((_, i) => i !== index); + const newImages = directBuyImages.filter((_, i) => i !== index); + + setLocalItems( + newItems.length ? newItems : [{ amount: "", date: "", image: "" }] + ); + setDirectBuyImages(newImages.length ? newImages : [[]]); + formik.setFieldValue( + "items", + newItems.length ? newItems : [{ amount: "", date: "", image: "" }], + false + ); + }, + [localItems, directBuyImages, formik] + ); + + const validateItem = useCallback( + async (index) => { + await formik.setTouched( + { + items: formik.values.items.map((item, i) => + i === index ? { amount: true, date: true, image: true } : item + ), + }, + false + ); + + const errors = await formik.validateForm(); + return !(errors.items && errors.items[index]); + }, + [formik] + ); + + const submitItem = useCallback( + async (index) => { + const item = localItems[index]; + if (!isItemFilled(item)) { + removeFormItem(index); + return; + } + const isValid = await validateItem(index); + if (!isValid) return; + + const payload = { + province_kill_request_key: modal_key, + amount: item.amount, + date: item.date, + image: item.image, + }; + + dispatch(adminSettlementDirectBuying(payload)).then((action) => { + if (action.payload?.status === 200 || action.payload?.status === 201) { + const newItems = [...localItems]; + newItems[index] = { amount: "", date: "", image: "" }; + setLocalItems(newItems); + + setDirectBuyImages((prev) => { + const newArr = [...prev]; + newArr[index] = []; + return newArr; + }); + + dispatch( + freeBuyingPayment({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + province_kill_request_key: modal_key, + }) + ).then((action) => { + const response = action.payload?.data; + if (response && Array.isArray(response)) { + setPaymentData( + response.map((p) => ({ ...p, date: formatJustDate(p.date) })) + ); + } + }); + updateTable_modal(); + } + }); + }, + [ + localItems, + isItemFilled, + removeFormItem, + validateItem, + dispatch, + modal_key, + updateTable_modal, + ] + ); + + useEffect(() => { + if (!modal_key) return; + dispatch( + freeBuyingPayment({ + province_kill_request_key: modal_key, + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ).then((action) => { + const response = action.payload?.data; + if (response && Array.isArray(response)) { + setPaymentData( + response.map((p) => ({ ...p, date: formatJustDate(p.date) })) + ); + } + }); + }, [dispatch, modal_key]); + + const CardShell = useCallback( + ({ children, highlight = false }) => ( + + {children} + + ), + [] + ); + + return ( + + {paymentData.map((payment) => ( + + + + {payment.image && ( + + + + + + )} + + + ریال + ), + }} + /> + + + {payment.date && ( + + + + )} + + + { + dispatch( + freeBuyDeletePaymentService({ key: payment.key }) + ).then((action) => { + if ( + action.payload?.status === 200 || + action.payload?.status === 201 + ) { + setPaymentData((d) => + d.filter((p) => p.key !== payment.key) + ); + } + }); + updateTable_modal(); + }} + > + + + + + + + ))} + + {localItems?.map((item, index) => ( + + + + + + directBuyImgHandler(imageList, index) + } + maxNumber={1} + title={"بارگذاری"} + /> + {formik.touched.items?.[index]?.image && + formik.errors.items?.[index]?.image && ( + + {formik.errors.items[index].image} + + )} + + + + handleAmountChange(e.target.value, index)} + onBlur={formik.handleBlur} + error={ + formik.touched.items?.[index]?.amount && + Boolean(formik.errors.items?.[index]?.amount) + } + helperText={ + formik.touched.items?.[index]?.amount && + formik.errors.items?.[index]?.amount + } + InputProps={{ + inputMode: "numeric", + endAdornment: ( + ریال + ), + }} + /> + + + + handleDateChange(d, index)} + renderInput={(params) => ( + + )} + /> + + + + + {isItemFilled(item) && formik.values.items?.[index]?.date && ( + submitItem(index)} + disabled={formik.isSubmitting} + sx={{ + border: "1px solid", + borderColor: isItemFilled(item) + ? "primary.main" + : "warning.main", + }} + > + + + )} + + + + + + ))} + + {(paymentData?.length > 0 || localItems?.length > 0) && ( + + + + مبلغ کل + + + {( + paymentData?.reduce((sum, p) => sum + (p?.amount || 0), 0) + + (localItems?.reduce( + (sum, it) => sum + (Number(it.amount) || 0), + 0 + ) || 0) + )?.toLocaleString()}{" "} + ریال + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-settlement/ProvinceSettlement.js b/src/features/province/components/province-settlement/ProvinceSettlement.js new file mode 100644 index 0000000..ad12043 --- /dev/null +++ b/src/features/province/components/province-settlement/ProvinceSettlement.js @@ -0,0 +1,366 @@ +import { useState, useEffect, useContext } from "react"; +import { + Button, + TextField, + Tooltip, + Tab, + Tabs, + Box, + Checkbox, +} from "@mui/material"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { Grid } from "../../../../components/grid/Grid"; +import moment from "moment/moment"; + +import axios from "axios"; +import { useDispatch, useSelector } from "react-redux"; + +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { DatePicker } from "@mui/x-date-pickers"; +import { ProvinceSettlementOperation } from "../../components/province-settlement-operation/provinceSettlementOperation"; + +import { SPACING } from "../../../../data/spacing"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import ProvinceSettlementPdfKillRequest from "../province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceSettlement = () => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [tableData, setTableData] = useState([]); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + const [page, setPage] = useState(1); + const [value, setValue] = useState("0"); + const [textValue, setTextValue] = useState(""); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `direct-buying-requests/?role=${getRoleFromUrl()}${ + checkPathStartsWith("province") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&status=${value === "0" ? "active" : "archive"}&search=filter&value=${ + textValue || "" + }${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + useEffect(() => { + fetchApiData(1); + }, [ + dispatch, + selectedDate1, + selectedDate2, + perPage, + value, + withDate, + selectedSubUser?.key, + ]); + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + let paymentStatusText; + switch (item?.paymentDeadlineState) { + case "pending": + paymentStatusText = "بارگزاری سند مالی"; + break; + case "checking": + paymentStatusText = "بررسی مالی اتحادیه"; + break; + case "accepted": + paymentStatusText = "تایید شده"; + break; + + case "rejected": + paymentStatusText = "برگشت داده شده"; + break; + case "archive": + paymentStatusText = "بایگانی شده"; + break; + default: + paymentStatusText = "وضعیت نامشخص"; + } + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + + formatJustDate(item?.killRequest?.createDate), + formatJustDate(item?.killRequest?.reciveDate), + `${item?.killRequest?.killHouse?.name} (${item?.killRequest?.killHouse?.mobile})`, + item?.killRequest?.freeDirectBuying ? "آزاد" : "دولتی", + item?.killRequest?.killHouse + ? item?.killRequest?.killHouse?.name + : item?.killRequest?.slaughterHouse, + + `${item?.killRequest?.poultry?.fullname} (${item?.killRequest?.poultry.mobile})`, + + item?.generalInfo?.age, + + `${ + item?.killRequest?.chickenBreed + ? item?.killRequest?.chickenBreed + : "-" + }`, + item?.totalKilledQuantity?.toLocaleString(), + item?.generalInfo?.IndexWeight, + + item?.totalKilledWeight?.toLocaleString(), + + item?.killRequest?.amount?.toLocaleString(), + + item?.generalInfo?.totalAmount?.toLocaleString(), + + formatJustDate(item?.paymentDeadlineDate), + item?.extensionPaymentDeadlineDate + ? formatJustDate(item?.extensionPaymentDeadlineDate) + : "-", + , + item?.generalInfo?.totalPaidAmount.toLocaleString(), + + paymentStatusText, + item?.paymentDeadlineCheckerFullname, + formatJustDate(item?.paymentDeadlineCheckDate), + item?.paymentDeadlineArchiveMessage, + ...(value === "0" + ? [ + , + ] + : []), + ]; + }); + + setTableData(d); + }, [data]); + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `direct-buying-requests/?role=${getRoleFromUrl()}${ + checkPathStartsWith("province") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&status=${value === "0" ? "active" : "archive"}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&search=filter&value=${textValue || ""}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + <> + +

+ + + + + + + + + + + ); +}; + +export default ProvinceSettlement; diff --git a/src/features/province/components/province-show-stewards-transactions/ProvinceShowStewardsTransactions.js b/src/features/province/components/province-show-stewards-transactions/ProvinceShowStewardsTransactions.js new file mode 100644 index 0000000..7d3d5ed --- /dev/null +++ b/src/features/province/components/province-show-stewards-transactions/ProvinceShowStewardsTransactions.js @@ -0,0 +1,261 @@ +import { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import moment from "moment"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, Checkbox, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useParams, useLocation } from "react-router-dom"; +import { formatTime } from "../../../../utils/formatTime"; +import { getPosProviderName } from "../../../../utils/getPosProviderName"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; + +export const ProvinceShowStewardsTransactions = ({ name }) => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [withDate, setWithDate] = useState(false); + const [openNotif] = useContext(AppContext); + const { key } = useParams(); + const location = useLocation(); + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + // Read filterDate from URL query parameters + useEffect(() => { + const urlParams = new URLSearchParams(location.search); + const filterDate = urlParams.get("filterDate"); + if (filterDate === "on") { + setWithDate(true); + } else if (filterDate === "off") { + setWithDate(false); + } + }, [location.search]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `details-pos-machine-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&key=${key}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item.paid ? "موفق" : "ناموفق", + formatTime(item?.date), + item?.product?.name, + item?.currentPrice?.toLocaleString(), + item?.weight?.toLocaleString(), + item?.price?.toLocaleString(), + getPosProviderName(item?.posProvider), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `details-pos-machine-transactions/?role=${getRoleFromUrl()}&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&key=${key}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + {/* */} + + {/* */} + + + + + + ); +}; diff --git a/src/features/province/components/province-slaughter-direct-buy-permission/ProvinceSlaughterDirectBuyPermission.js b/src/features/province/components/province-slaughter-direct-buy-permission/ProvinceSlaughterDirectBuyPermission.js new file mode 100644 index 0000000..2aec49e --- /dev/null +++ b/src/features/province/components/province-slaughter-direct-buy-permission/ProvinceSlaughterDirectBuyPermission.js @@ -0,0 +1,79 @@ +import { Checkbox, FormControlLabel, IconButton, Tooltip } from "@mui/material"; +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { getDirectBuyPermissionService } from "../../services/get-direct-buy-permission"; +import { postDirectBuyPermissionService } from "../../services/post-direct-buy-permission"; +// import { updateLossesPermissionService } from "../../services/update-losses-permission"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useNavigate } from "react-router-dom"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + ROUTE_ADMINX_ROUTE_POLICY_COUNCIL_DIRECT_BUY, + ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_DIRECT_BUY, + ROUTE_SUPER_ADMIN_ROUTE_POLICY_COUNCIL_DIRECT_BUY, +} from "../../../../routes/routes"; + +export const ProvinceSlaughterDirectBuyPermission = () => { + const navigate = useNavigate(); + const [isChecked, setIsChecked] = useState(false); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(getDirectBuyPermissionService()).then((r) => { + setIsChecked(r.payload.data.allowState); + }); + }, []); + + // useEffect(() => { + // if (!isChecked) { + // dispatch( + // postDirectBuyPermissionService({ + // allow: false, + // }) + // ); + // } else + // }, [isChecked]); + + const handleChange = (event) => { + dispatch( + postDirectBuyPermissionService({ + allow: event.target.checked, + }) + ); + setIsChecked(event.target.checked); + }; + + return ( + + + } + label="دسترسی کشتارگاه/کشتارکن برای ثبت خرید مستقیم" + /> + + { + navigate( + `${ + getRoleFromUrl() === "AdminX" + ? ROUTE_ADMINX_ROUTE_POLICY_COUNCIL_DIRECT_BUY + : getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_ROUTE_POLICY_COUNCIL_DIRECT_BUY + : getRoleFromUrl() === "ProvinceFinancial" + ? ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_DIRECT_BUY + : "" + }` + ); + }} + > + + + + + ); +}; diff --git a/src/features/province/components/province-slaughter-operations/ProvinceSlaughterOperations.js b/src/features/province/components/province-slaughter-operations/ProvinceSlaughterOperations.js new file mode 100644 index 0000000..0916c0f --- /dev/null +++ b/src/features/province/components/province-slaughter-operations/ProvinceSlaughterOperations.js @@ -0,0 +1,212 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_ADMINX_ROUTE_GUILDS_SETTINGS, + ROUTE_ADMINX_ROUTE_MANAGE_DISTRIBUTIONS, + ROUTE_ADMINX_ROUTE_MANAGE_PROCESS_BUY_REQ, + ROUTE_ADMINX_ROUTE_MANAGE_PROCESS_KILLPLACE, + ROUTE_ADMINX_ROUTE_MANAGE_PROCESS_SLAUGHTER, + ROUTE_ADMINX_ROUTE_POLICY_COUNCIL_KILLHOUSE_GUILDS, + ROUTE_ADMINX_ROUTE_SLAUGHTER_TRADE_PANEL, + ROUTE_ADMINX_SLAUGHTERS_MONITORING_BUYERS, + ROUTE_PROVINCE_ROUTE_GUILDS_SETTINGS, + ROUTE_PROVINCE_ROUTE_MANAGE_PROCESS_BUY_REQ, + ROUTE_PROVINCE_ROUTE_MANAGE_PROCESS_KILLPLACE, + ROUTE_PROVINCE_ROUTE_MANAGE_PROCESS_SLAUGHTER, + ROUTE_PROVINCE_ROUTE_POLICY_COUNCIL_KILLHOUSE_GUILDS, + ROUTE_PROVINCE_SLAUGHTERS_MONITORING_BUYERS, + ROUTE_SUPER_ADMIN_ROUTE_GUILDS_SETTINGS, + ROUTE_SUPER_ADMIN_ROUTE_MANAGE_DISTRIBUTIONS, + ROUTE_SUPER_ADMIN_ROUTE_MANAGE_PROCESS_BUY_REQ, + ROUTE_SUPER_ADMIN_ROUTE_MANAGE_PROCESS_KILLPLACE, + ROUTE_SUPER_ADMIN_ROUTE_MANAGE_PROCESS_SLAUGHTER, + ROUTE_SUPER_ADMIN_ROUTE_POLICY_COUNCIL_KILLHOUSE_GUILDS, + ROUTE_SUPER_ADMIN_ROUTE_SLAUGHTER_TRADE_PANEL, + ROUTE_SUPER_ADMIN_SLAUGHTERS_MONITORING_BUYERS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { + VscGraphLine, + VscLiveShare, + VscNewFolder, + VscOrganization, +} from "react-icons/vsc"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { IoIosPeople } from "react-icons/io"; + +export const ProvinceSlaughterOperations = () => { + const { pathname } = useLocation(); + + return ( + + + } + title="خریداران" + /> + + {(getRoleFromUrl() === "SuperAdmin" || getRoleFromUrl() === "AdminX") && ( + + } + title="مجوز خرید" + /> + + )} + + } + title="دسترسی خودرو" + /> + + + + } + title="مجوزهای توزیع" + /> + + + } + title="مجوز ثبت صنف به کشتارگاه ها" + /> + + + {(getRoleFromUrl() === "AdminX" || getRoleFromUrl() === "SuperAdmin") && ( + + } + title="پنل معاملاتی" + /> + + )} + {(getRoleFromUrl() === "AdminX" || getRoleFromUrl() === "SuperAdmin") && ( + + } + title="مدیریت توزیع" + /> + + )} + {(getRoleFromUrl() === "AdminX" || getRoleFromUrl() === "SuperAdmin") && ( + + } + title="پایش خریداران" + /> + + )} + + ); +}; diff --git a/src/features/province/components/province-slaughter-surveillance/ProvinceSlaughterSurveillance.js b/src/features/province/components/province-slaughter-surveillance/ProvinceSlaughterSurveillance.js new file mode 100644 index 0000000..6aea793 --- /dev/null +++ b/src/features/province/components/province-slaughter-surveillance/ProvinceSlaughterSurveillance.js @@ -0,0 +1,441 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import axios from "axios"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { provinceGetSlaughterSurveillanceService } from "../../services/province-get-slaughter-surverillance-service"; +import { useSystemName } from "../../../../utils/getSystemName"; + +export const ProvinceSlaughterSurveillance = () => { + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const { slaughterSurveillance } = useSelector((item) => item.provinceSlice); + const [openNotif] = useContext(AppContext); + const systemName = useSystemName(); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch( + provinceGetSlaughterSurveillanceService({ + selectedDate1: selectedDate1, + selectedDate2: selectedDate2, + }) + ); + }, [selectedDate1, selectedDate2]); + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + {/* */} + + {/* */} + + + + + گزارش جامع خریداران در فرآیند کشتار مرغ گوشتی {systemName} + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

تعداد کل بارهای ایجاد شده (زنده)	وزن کل بارهای ایجاد شده (زنده)	حجم کل بارهای تحویلی کشتارگاه (زنده)	وزن کل بارهای تحویلی کشتارگاه (زنده)	وزن تحویلی با افت 25 درصد	تعداد ورودی به انبار کشتارگاه (لاشه)	وزن ورودی به انبار کشتارگاه (لاشه)	+ درصد لاشه ورودی به انبار کشتارگاه نسبت به بار تحویلی کشتارگاه +	+ درصد وزن لاشه ورودی به انبار کشتارگاه نسبت به بار تحویلی + کشتارگاه +	درصد تعداد بار تحویلی نسبت به بار ایحاد شده	درصد وزن بار تحویلی نسبت به بار ایحاد شده
+ {slaughterSurveillance?.allKillRequest?.quantityOfCreateBar?.toLocaleString()} +	+ {slaughterSurveillance?.allKillRequest?.weightOfCreateBar?.toLocaleString()} +	+ {slaughterSurveillance?.allKillRequest?.quantityOfReceiveBar?.toLocaleString()} +	+ {slaughterSurveillance?.allKillRequest?.weightOfReceiveBar?.toLocaleString()} +	+ {slaughterSurveillance?.allKillRequest?.weightWithTwentyFivePercentReceive?.toLocaleString()} +	+ {slaughterSurveillance?.allKillRequest?.quantityWarehouse?.toLocaleString()} +	+ {slaughterSurveillance?.allKillRequest?.weightWarehouse?.toLocaleString()} +	+ {slaughterSurveillance?.allKillRequest?.quantityPercentWarehouse?.toLocaleString()} + % +	+ {slaughterSurveillance?.allKillRequest?.weightPercentWarehouse?.toLocaleString()} + % +	+ {slaughterSurveillance?.allKillRequest?.quantityPercentReceive?.toLocaleString()} + % +	+ {slaughterSurveillance?.allKillRequest?.weightPercentReceive?.toLocaleString()} + % +

+ + + + اطلاعات کلی توزیع و پخش مرغ گرم از تاریخ{" "} + {formatJustDate( + slaughterSurveillance?.generalBroadcastInformations?.date1 + )}{" "} + تا تاریخ{" "} + {formatJustDate( + slaughterSurveillance?.generalBroadcastInformations?.date2 + )} + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

تعداد خریداران	تعداد کشتار داخل استان	وزن کشتار داخل استان	تعداد خرید خارج استان	وزن خرید خارج استان	تعداد جمع کل انبار	وزن جمع کل انبار	تعداد توزیع شده	وزن توزیع شده	تعداد توزیع / تحویل شده	وزن توزیع / تحویل شده	تعداد مانده انبار	وزن مانده انبار	درصد توزیع نسبت به ورودی به انبار	تعداد مباشر تخصیص داده شده	تعداد صنف تخصیص داده شده
+ {slaughterSurveillance?.generalBroadcastInformations?.numberOfBuyer?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.quantityOfKillRequestInProvince?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.weightOfKillRequestInProvince?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.quantityOfKillRequestOutProvince?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.weightOfKillRequestOutProvince?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.quantityCarcasses?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.weightCarcasses?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.allocatedQuantity?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.allocatedWeight?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.acceptedAllocatedQuantity?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.acceptedAllocatedWeight?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.remainQuantity?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.remainWeight?.toLocaleString()} +	+ % + {slaughterSurveillance?.generalBroadcastInformations?.percentWarehouse?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.numberOfStewards?.toLocaleString()} +	+ {slaughterSurveillance?.generalBroadcastInformations?.numberOfGiulds?.toLocaleString()} +

+ + + + + + اطلاعات کلی بارها و توزیع خریداران + + + + + *وزن (کیلوگرام)، حجم (قطعه) + + + +

+ + + + {" "} + {" "} + + + + + + + + + {" "} + {" "} + {" "} + + + + {" "} + + + + + + + + + + + + + + + + + + + + + + + + + + + {slaughterSurveillance?.killRequestAndBroadcast?.map((item, i) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + })} + +

+ ردیف +	+ خریدار +	+ شهرستان +	+ حجم کل بارهای ایجاد شده توسط کشتارگاه ( زنده) +	+ حجم کل بارهای تحویلی توسط کشتارگاه( زنده) +	+ وزن تحویلی با افت 25% +	+ درصد حجم بار ایجاد شده به تحویلی{" "} +	+ ورودی به انبار کشتارگاه(لاشه) +	+ درصد لاشه ورودی به انبار کشتارگاه نسبت به بارتحویلی کشتارگاه (با + افت 25 %) +	+ خرید خارج از استان +	+ جمع کل انبار +	+ توزیع شده +	+ توزیع/تحویل شده +	+ مانده انبار +	+ درصد وزن مانده در انبار به ورودی انبار +	+ تعداد مباشر/ صنف +	+ بارهای تخلیه شده و عدم تکمیل(تحویل) +
حجم	وزن	حجم	وزن	حجم	وزن	حجم	وزن	حجم	وزن	حجم	وزن	حجم	وزن	حجم	وزن	حجم	وزن	تعداد بار	حجم بار	وزن بار
{i + 1}	{item?.name}	{item?.city}	+ {item?.killReqQuantity?.toLocaleString()} +	+ {item?.killReqWeight?.toLocaleString()} +	+ {item?.quantityReceiver?.toLocaleString()} +	+ {item?.weightReceiver?.toLocaleString()} +	+ {item?.twentyFivePercentWeight?.toLocaleString()} +	+ %{parseInt(item?.receiverPercent?.toLocaleString())} +	+ {item?.quantityOfCarcasses?.toLocaleString()} +	+ {item?.weightOfCarcasses?.toLocaleString()} +	+ %{parseInt(item?.quantityOfLashePercent?.toLocaleString())} +	+ %{parseInt(item?.weightOfLashePercent?.toLocaleString())} +	+ {item?.quantityOutProvince?.toLocaleString()} +	+ {item?.weightOutProvince?.toLocaleString()} +	+ {item?.totalNumberOfCarcasses?.toLocaleString()} +	+ {item?.totalWeightOfCarcasses?.toLocaleString()} +	+ {item?.allocatedQuantity?.toLocaleString()} +	+ {item?.allocatedWeight?.toLocaleString()} +	+ {item?.acceptedAllocatedQuantity?.toLocaleString()} +	+ {item?.acceptedAllocatedWeight?.toLocaleString()} +	+ {item?.remainQuantity?.toLocaleString()} +	+ {item?.remainWeight?.toLocaleString()} +	+ %{parseInt(item?.remainPercent?.toLocaleString())} +	+ {item?.stewardAndGuild?.toLocaleString()} +	+ {item?.lenKillReqNotComplete?.toLocaleString()} +	+ {item?.quantityKillReqNotComplete?.toLocaleString()} +	+ {item?.weightKillReqNotComplete?.toLocaleString()} +

+ + ); +}; diff --git a/src/features/province/components/province-slaughterhouse-quota/ProvinceSlaughterhouseQuota.js b/src/features/province/components/province-slaughterhouse-quota/ProvinceSlaughterhouseQuota.js new file mode 100644 index 0000000..c8834e3 --- /dev/null +++ b/src/features/province/components/province-slaughterhouse-quota/ProvinceSlaughterhouseQuota.js @@ -0,0 +1,266 @@ +import { Button, Typography, Checkbox } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { slaughterGetKillerKillhousesService } from "../../../slaughter-house/services/slaughter-get-killers-killhouses"; +import { provinceGetSlaughterhousesQuotaService } from "../../services/province-get-slaughterhouses-quota"; +import { provinceSetSlaughterhousesQuotaService } from "../../services/province-set-slaughterhouses-quota"; +import { ProvinceGuildsQuantity } from "../province-guilds-quantity/ProvinceGuildsQuantity"; +import { ProvinceManageSlaughterhouseQuota } from "../province-manage-slaughterhouse-quota/ProvinceManageSlaughterhouseQuota"; +import { ProvinceSelectSlaughterForSlaughter } from "../province-select-slaughter-for-slaughter/ProvinceSelectSlaughterForSlaughter"; +// import { ProvinceSelectSlaughterForSlaughter } from "../province-select-slaughter-for-slaughter/ProvinceSelectSlaughterForSlaughter"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const ProvinceSlaughterhouseQuota = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState(); + const [allPercent, setAllPercent] = useState([]); + const [openNotif] = useContext(AppContext); + const { provinceGetSlaughterhousesQuota } = useSelector( + (state) => state.provinceSlice + ); + + const onPercentChange = (keyToFind, percent) => { + // remove the slaughter that updated + setAllPercent((prevState) => { + const tempArr = prevState.filter((item) => item.key !== keyToFind); + const itemToAdd = prevState.filter((item) => item.key === keyToFind)[0]; + const objectToAdd = { + key: keyToFind, + percent, + killer_kill_house_key: itemToAdd?.killer_kill_house_key, + }; + tempArr.push(objectToAdd); + return tempArr; + }); + }; + + const onSlaughterChange = (keyToFind, slughterKey) => { + // remove the slaughter that updated + setAllPercent((prevState) => { + const index = prevState.findIndex((obj) => obj.key === keyToFind); + const removedItem = prevState[index]; + const tempArr = prevState.filter((item) => item.key !== keyToFind); + const objectToAdd = { + ...removedItem, + killer_kill_house_key: slughterKey, + }; + tempArr.push(objectToAdd); + return tempArr; + }); + }; + + useEffect(() => { + dispatch(provinceGetSlaughterhousesQuotaService()); + dispatch(slaughterGetKillerKillhousesService()); + }, []); + + useEffect(() => { + const tempKeyAndPercent = []; + const d = provinceGetSlaughterhousesQuota?.map((item, i) => { + const killhouseType = item?.killHouse?.killer ? "کشتارکن" : "کشتارگاه"; + tempKeyAndPercent.push({ + key: item.key, + percent: item.percent, + killer_kill_house_key: item?.killHouseForKiller?.key, + }); + return [ + , + i + 1, + killhouseType, + item.killHouse?.name, + item.killHouse?.killHouseOperator?.user?.fullname, + `${item.killHouse?.systemAddress?.province?.name} - ${item.killHouse?.systemAddress?.city?.name} - ${item.killHouse?.systemAddress?.address}`, + item?.killHouse?.killer ? ( + + ) : ( + item.killHouse?.name + ), + , + , + item.guildsWeight, + ]; + }); + setAllPercent(tempKeyAndPercent); + + setDataTable(d); + }, [provinceGetSlaughterhousesQuota]); + + const sum = allPercent?.reduce( + (accumulator, currentValue) => accumulator + currentValue.percent, + 0 + ); + + return ( + + + + + تاریخ آخرین بروزرسانی:{" "} + {provinceGetSlaughterhousesQuota?.length && + formatJustDate( + provinceGetSlaughterhousesQuota[0]?.lastGuildsUpdateDate + )} + + + + + + + + + + جمع کل درصد ها + {sum.toFixed(2)}% + + + + ); +}; diff --git a/src/features/province/components/province-sms-announcement/ProvinceSmsAnnouncement.js b/src/features/province/components/province-sms-announcement/ProvinceSmsAnnouncement.js new file mode 100644 index 0000000..d95c7eb --- /dev/null +++ b/src/features/province/components/province-sms-announcement/ProvinceSmsAnnouncement.js @@ -0,0 +1,191 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { + Radio, + RadioGroup, + FormControlLabel, + TextField, + Button, + Grid, + Container, + FormControl, + InputLabel, + Select, + MenuItem, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { provinceSmsSetAnnouncement } from "../../services/province-sms-set-announcement"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getAnnouncement } from "../../../authentication/services/get-announcement"; + +export const ProvinceSmsAnnouncement = () => { + const [openNotif] = useContext(AppContext); + const [target, setTarget] = useState(0); + const [data, setData] = useState([]); + + const handleChange = (event) => { + setTarget(event.target.value); + }; + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(getAnnouncement()).then((r) => { + setData(r.payload.data); + formik.setFieldValue( + "status", + r.payload.data[0]?.active === true ? "true" : "false" + ); + formik.setFieldValue("announcement", r.payload.data[0]?.description); + }); + }, []); + + const initialValues = { + status: "", + announcement: "", + }; + + const validationSchema = Yup.object().shape({ + status: Yup.string().required("لطفا وضعیت را انتخاب کنید"), + announcement: Yup.string().when("status", { + is: "true", + then: Yup.string().required("لطفا متن اعلان را وارد کنید!"), + }), + }); + + useEffect(() => { + if (data.length) { + formik.setFieldValue( + "status", + data[target].active === true ? "true" : "false" + ); + if (data[target].description) { + formik.setFieldValue("announcement", data[target].description); + } else { + formik.setFieldValue("announcement", ""); + } + } + }, [target]); + + const onSubmit = (values) => { + dispatch( + provinceSmsSetAnnouncement({ + active: values.status === "true" ? true : false, + description: values.announcement, + key: data[target].key, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + const formik = useFormik({ + initialValues, + validationSchema, + onSubmit, + }); + + return ( + +

+ +

+ + ); +}; diff --git a/src/features/province/components/province-sms-manage/ProvinceSmsManage.js b/src/features/province/components/province-sms-manage/ProvinceSmsManage.js new file mode 100644 index 0000000..f4fefa6 --- /dev/null +++ b/src/features/province/components/province-sms-manage/ProvinceSmsManage.js @@ -0,0 +1,252 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Checkbox, + FormControlLabel, + FormGroup, + Button, + Typography, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +import { provinceSmsLincenseService } from "../../services/province-sms-license"; +import { provinceGetSmsLincenseService } from "../../services/province-get-sms-license"; +import { AppContext } from "../../../../contexts/AppContext"; + +export function ProvinceSmsManageComponent() { + const [openNotif] = useContext(AppContext); + const [checkedValues, setCheckedValues] = useState({ + hatching: false, + poultry_request: false, + city_approval: false, + province_approval: false, + kill_request: false, + province_kill_request: false, + farm_veterinarian_approval: false, + kill_house_house_veterinarian_approval: false, + assingment_information: false, + confirmation_of_assingment_information: false, + invoice_payment: false, + invoice_payment_confirmation: false, + inspector_approval: false, + kill_house_request: false, + }); + + const dispatch = useDispatch(); + + const handleChange = (event) => { + setCheckedValues({ + ...checkedValues, + [event.target.name]: event.target.checked, + }); + }; + + const { provinceGetSmsLincense } = useSelector( + (store) => store.provinceSlice + ); + + useEffect(() => { + dispatch(provinceGetSmsLincenseService()); + }, []); + + useEffect(() => { + if (provinceGetSmsLincense?.length) { + setCheckedValues({ + hatching: provinceGetSmsLincense[0]?.hatching, + poultry_request: provinceGetSmsLincense[0]?.poultryRequest, + city_approval: provinceGetSmsLincense[0]?.cityApproval, + province_approval: provinceGetSmsLincense[0]?.provinceApproval, + kill_request: provinceGetSmsLincense[0]?.killRequest, + province_kill_request: provinceGetSmsLincense[0]?.provinceKillRequest, + farm_veterinarian_approval: + provinceGetSmsLincense[0]?.farmVeterinarianApproval, + kill_house_house_veterinarian_approval: + provinceGetSmsLincense[0]?.killHouseHouseVeterinarianApproval, + assingment_information: + provinceGetSmsLincense[0]?.assingmentInformation, + confirmation_of_assingment_information: + provinceGetSmsLincense[0]?.confirmationOfAssingmentInformation, + invoice_payment: provinceGetSmsLincense[0]?.invoicePayment, + invoice_payment_confirmation: + provinceGetSmsLincense[0]?.invoicePaymentConfirmation, + inspector_approval: provinceGetSmsLincense[0]?.inspectorApproval, + kill_house_request: provinceGetSmsLincense[0]?.killHouseRequest, + }); + } + }, [provinceGetSmsLincense]); + + const handleSubmit = (event) => { + event.preventDefault(); + dispatch(provinceSmsLincenseService(checkedValues)).then((r) => { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + }); + // You can do something else with the checkedValues here, like submitting them to a server + }; + + return ( + + + + با تغییر دادن این سطوح، می‌توانید تنظیم کنید که کاربران شما پیامک‌های + خودکار را در چه زمان‌هایی دریافت کنند. + + + +

+ + + } + label="جوجه ریزی مرغدار" + /> + + } + label="درخواست کشتار مرغدار" + /> + + } + label="تاییدیه شهرستان" + /> + + } + label="تاییدیه استان" + /> + + } + label="درخواست کشتار کشتارگاه" + /> + + } + label="تخصیص استان" + /> + + } + label="تاییدیه دامپزشک فارم" + /> + + } + label="تخصیص کشتارگاه" + /> + + } + label="تاییدیه دامپزشک" + /> + + } + label="ورود اطلاعات بار" + /> + + } + label="تاییدیه اطلاعات بار/صدور فاکتور" + /> + + } + label="پرداخت فاکتور" + /> + + } + label="تاییدیه پرداخت فاکتور" + /> + + } + label="تاییدیه بازرس" + /> + + + + +

+ + + ); +} diff --git a/src/features/province/components/province-sms-submission-management-operation/ProvinceSmsSubmisionManagementOperation.js b/src/features/province/components/province-sms-submission-management-operation/ProvinceSmsSubmisionManagementOperation.js new file mode 100644 index 0000000..50a0c0a --- /dev/null +++ b/src/features/province/components/province-sms-submission-management-operation/ProvinceSmsSubmisionManagementOperation.js @@ -0,0 +1,131 @@ +import { IconButton, Tooltip, TextField, Button, Box } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useDispatch } from "react-redux"; +import { OPEN_MODAL, CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { managementSendSms } from "../../services/province-management-send-sms"; +import { Formik, Form } from "formik"; +import * as Yup from "yup"; + +export const ProvinceSmsSubmisionManagementOperation = ({ + item, + item_id, + updateTable_data, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleOpenModal = () => { + dispatch( + OPEN_MODAL({ + title: "ویرایش", + content: , + }) + ); + }; + + const UsernamePasswordForm = () => { + const validationSchema = Yup.object({ + username: Yup.string() + .required("نام کاربری الزامی است") + .min(3, "حداقل ۳ کاراکتر وارد کنید"), + password: Yup.string() + .required("رمز عبور الزامی است") + .min(6, "حداقل ۶ کاراکتر وارد کنید"), + }); + + return ( + { + const payload = { + id: item_id, + username: values.username, + password: values.password, + }; + + dispatch(managementSendSms(payload)).then((r) => { + setSubmitting(false); + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + updateTable_data(); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "ویرایش با موفقیت انجام شد", + severity: "success", + }); + } + }); + }} + > + {({ + values, + errors, + touched, + handleChange, + handleBlur, + isSubmitting, + }) => ( + + )} + + ); + }; + + return ( + + + + + + + + ); +}; diff --git a/src/features/province/components/province-sms-submission-management/provinceSmsSubmissionManagement.js b/src/features/province/components/province-sms-submission-management/provinceSmsSubmissionManagement.js new file mode 100644 index 0000000..86fa904 --- /dev/null +++ b/src/features/province/components/province-sms-submission-management/provinceSmsSubmissionManagement.js @@ -0,0 +1,89 @@ +import { useState, useEffect, useCallback } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import axios from "axios"; +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { SPACING } from "../../../../data/spacing"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceSmsSubmisionManagementOperation } from "../province-sms-submission-management-operation/ProvinceSmsSubmisionManagementOperation"; + +export const ProvinceSmsSubmissionManagement = () => { + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [page, setPage] = useState(1); + const [perPage, setPerPage] = useState(10); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + + const fetchApiData = useCallback(async () => { + dispatch(LOADING_START()); + try { + const response = await axios.get(`management-send-sms/`); + dispatch(LOADING_END()); + setData(response?.data || []); + setTotalRows(response?.data?.count || 0); + } catch (error) { + dispatch(LOADING_END()); + console.error("Error fetching users:", error); + } + }, [dispatch]); + + useEffect(() => { + fetchApiData(1); + }, [fetchApiData]); + + const updateTable = useCallback(() => { + fetchApiData(1); + }, [fetchApiData]); + + const handlePageChange = (page) => { + setPage(page); + fetchApiData(page); + }; + + const handlePerRowsChange = (newPerPage, page) => { + setPerPage(newPerPage); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + item?.username, + item?.password, + , + ]; + }); + setTableData(d); + }, [data]); + + return ( + <> + + + + + ); +}; diff --git a/src/features/province/components/province-sms/province-sms-component.js b/src/features/province/components/province-sms/province-sms-component.js new file mode 100644 index 0000000..07e4ec3 --- /dev/null +++ b/src/features/province/components/province-sms/province-sms-component.js @@ -0,0 +1,399 @@ +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SelectCheck } from "../../../../components/select-check/SelectCheck"; +import { ROLES } from "../../../../data/roles"; +import { SPACING } from "../../../../data/spacing"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { useDispatch } from "react-redux"; +import { provinceGetUsersByRolesService } from "../../services/province-get-users-by-roles"; +import { provinceSendSmsService } from "../../services/province-send-sms"; +import { AppContext } from "../../../../contexts/AppContext"; +import AddIcon from "@mui/icons-material/Add"; +import RefreshIcon from "@mui/icons-material/Refresh"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; + +export function ProvinceSmsComponent() { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [provinceGetUsersByRoles, setProvinceGetUsersByRoles] = useState([]); + const [usersForSelect, setUsersForSelect] = useState([]); + const [selectedUsers, setSelectedUsers] = useState([]); + + useEffect(() => { + if (provinceGetUsersByRoles.length) { + const d = provinceGetUsersByRoles.map((item) => { + return { label: item.fullname, value: item.key }; + }); + setUsersForSelect(d); + } + }, [provinceGetUsersByRoles]); + + const [rolesForSelect] = useState( + ROLES.map((role, i) => ({ + label: getFaUserRole(role), + value: role, + })) + ); + + const validationSchema = Yup.object().shape({ + selectedRoles: Yup.array().required("لطفا نقش را انتخاب کنید"), + inputText: Yup.string().required("لطفا متن پیامک را وارد کنید"), + }); + + const onSubmit = () => { + dispatch( + provinceSendSmsService({ + user: selectedUsers, + message: formik.values.inputText, + role: formik.values.selectedRoles, + }) + ).then((r) => { + if (r.payload.status === 200) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + const formik = useFormik({ + initialValues: { + selectedRoles: [], + inputText: "", + }, + validationSchema, + onSubmit, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + const handleCalculatePrice = (message) => { + const isPersianMessage = /[آ-ی]/.test(message); + + let price = 0; + + if (isPersianMessage) { + price = handleCountMessages(message) * 980; + } else { + price = handleCountMessages(message) * 1320; + } + + if (formik.values.selectedRoles.length) { + if (selectedUsers.length > 0) { + return price * selectedUsers.length + " ریال"; + } else { + return price * usersForSelect.length + " ریال"; + } + } else { + return "نامشخص (پیامک برای کل کاربران ارسال میشود) "; + } + }; + + const handleCountMessages = (message) => { + const charCountPerLatinPage = [160, 146, 153, 153]; + const charCountPerPersianPage = [70, 64, 67, 67]; + + const isPersianMessage = /[آ-ی]/.test(message); + + const charCountPerPage = isPersianMessage + ? charCountPerPersianPage + : charCountPerLatinPage; + + let totalChars = message.length; + let pageCount = 0; + + while (totalChars > 0) { + const charCountOnCurrentPage = + charCountPerPage[pageCount] || + charCountPerPage[charCountPerPage.length - 1]; + + if (totalChars >= charCountOnCurrentPage) { + totalChars -= charCountOnCurrentPage; + pageCount++; + } else { + pageCount++; + break; + } + } + + return pageCount; + }; + + useEffect(() => { + if (formik.values.selectedRoles.length) { + dispatch( + provinceGetUsersByRolesService({ + role: formik.values.selectedRoles.join(","), + }) + ).then((r) => setProvinceGetUsersByRoles(r.payload.data)); + } + }, [formik.values.selectedRoles]); + + return ( + + + +

+ + formik.setFieldValue("selectedRoles", e)} + options={rolesForSelect} + /> + + {formik.errors.selectedOption && ( + prop.palette.grey["A700"]} + > + {formik.errors.selectedOption} + + )} + + + {!!usersForSelect.length && ( + + + setSelectedUsers(e)} + options={usersForSelect} + /> + + + + + + تعداد کاربر انتخابی: + + + + prop.palette.grey["A700"]} + > + {selectedUsers.length > 0 ? selectedUsers.length : "همه"} + + + + + )} + + + + + + + {formik.errors.inputText && ( + prop.palette.grey["A700"]} + > + {formik.errors.inputText} + + )} + + + + + تعداد کاراکتر: + + + + prop.palette.grey["A700"]} + > + {formik.values.inputText.length} + + + + + + + + تعداد پیامک: + + + + prop.palette.grey["A700"]} + > + {handleCountMessages(formik.values.inputText)} + + + + + + + + + + + +

+ + + + + + + مانده حساب: + + prop.palette.grey["A700"]} + > + 230,000 ریال + + + + + محاسبه تقریبی هزینه پیام: + + prop.palette.grey["A700"]} + > + {handleCalculatePrice(formik.values.inputText).toLocaleString()}{" "} + + + + + + + + + + + + + + + + + ); +} diff --git a/src/features/province/components/province-steward-edit-sale-out-operation/ProvinceStewardEditSaleOutOperation.js b/src/features/province/components/province-steward-edit-sale-out-operation/ProvinceStewardEditSaleOutOperation.js new file mode 100644 index 0000000..10d15a0 --- /dev/null +++ b/src/features/province/components/province-steward-edit-sale-out-operation/ProvinceStewardEditSaleOutOperation.js @@ -0,0 +1,148 @@ +import { useContext } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { provinceDispenserStewardEditSaleOutService } from "../../services/province-dispenser-steward-edit-sale-out"; +import { fetchSlaughterBroadcastAndProducts } from "../../../slaughter-house/services/handle-fetch-slaughter-products"; + +export const ProvinceStewardEditSaleOutOperation = ({ + editData, + fetchData, + fetchApiData, + fetchDashboardData, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const validationSchema = Yup.object({ + weight: Yup.number().min(1, "یک مقدار مثبت وارد کنید!"), + quarantineCode: Yup.string(), + date: Yup.date(), + }); + + const formik = useFormik({ + initialValues: { + weight: editData?.weightOfCarcasses || "", + quarantineCode: editData?.clearanceCode || "", + date: editData?.date ? moment(editData.date) : moment(), + }, + validationSchema, + enableReinitialize: true, + }); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "وزن با موفقیت ویرایش شد.", + severity: "success", + }); + dispatch(fetchSlaughterBroadcastAndProducts()); + fetchApiData(1); + fetchDashboardData(); + }; + + return ( + + + + + { + formik.setFieldValue("date", value); + }} + onBlur={() => formik.setFieldTouched("date", true)} + renderInput={(params) => ( + + )} + /> + + + + ); +}; diff --git a/src/features/province/components/province-steward-show-cold-houses-list-operations/ProvinceStewardShowColdHousesListOperations.js b/src/features/province/components/province-steward-show-cold-houses-list-operations/ProvinceStewardShowColdHousesListOperations.js new file mode 100644 index 0000000..0a6e5b1 --- /dev/null +++ b/src/features/province/components/province-steward-show-cold-houses-list-operations/ProvinceStewardShowColdHousesListOperations.js @@ -0,0 +1,82 @@ +import { IconButton, Popover, Tooltip } from "@mui/material"; +import React, { useState } from "react"; +import EditIcon from "@mui/icons-material/Edit"; +import TuneIcon from "@mui/icons-material/Tune"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceColdHousesListAddColdHouse } from "../province-cold-houses-list-add-cold-house/ProvinceColdHousesListAddColdHouse"; + +export const ProvinceStewardShowColdHousesListOperations = ({ + item, + updateTable, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( +

+ + + + +

+ + + { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش سردخانه", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + +

+ +

+ ); +}; diff --git a/src/features/province/components/province-steward-show-cold-houses-list/ProvinceStewardShowColdHousesList.js b/src/features/province/components/province-steward-show-cold-houses-list/ProvinceStewardShowColdHousesList.js new file mode 100644 index 0000000..7f4f1fb --- /dev/null +++ b/src/features/province/components/province-steward-show-cold-houses-list/ProvinceStewardShowColdHousesList.js @@ -0,0 +1,185 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; + +import axios from "axios"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { useParams } from "react-router-dom"; +import { useDispatch } from "react-redux"; +import { ProvinceStewardShowColdHousesListOperations } from "../province-steward-show-cold-houses-list-operations/ProvinceStewardShowColdHousesListOperations"; +import { ProvinceColdHousesListAddColdHouse } from "../province-cold-houses-list-add-cold-house/ProvinceColdHousesListAddColdHouse"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceStewardShowColdHousesList = () => { + const dispatch = useDispatch(); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const { key, name, type } = useParams(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `cold-house-for-province/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}${ + type === "steward" ? `&type=Steward&steward_key=${key}` : "" + }${type === "killhouse" ? `&type=KillHouse&kill_house_key=${key}` : ""}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.name, + item?.city, + item?.address, + item?.totalInputWeight?.toLocaleString(), + item?.totalAllocatedWeight?.toLocaleString(), + item?.totalRemainWeight?.toLocaleString(), + item?.active ? "فعال" : "غیر فعال", + item?.broadcast ? "دارد" : "ندارد", + item?.relocate ? "دارد" : "ندارد", + item?.capacity, + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `cold-house-for-province/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}${ + type === "steward" ? `&type=Steward&steward_key=${key}` : "" + }${type === "killhouse" ? `&type=KillHouse&kill_house_key=${key}` : ""}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares-deposits-deposits-operations/ProvinceSubSectorCitySharesDepositsDepositsOperations.js b/src/features/province/components/province-sub-sector-city-shares-deposits-deposits-operations/ProvinceSubSectorCitySharesDepositsDepositsOperations.js new file mode 100644 index 0000000..7ec85b4 --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares-deposits-deposits-operations/ProvinceSubSectorCitySharesDepositsDepositsOperations.js @@ -0,0 +1,195 @@ +import React, { useContext, useState } from "react"; +import { + Button, + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Typography, +} from "@mui/material"; +import EditIcon from "@mui/icons-material/Edit"; +import TuneIcon from "@mui/icons-material/Tune"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { ProvinceSubSectorCitySharesDepositsSubmit } from "../province-sub-sector-city-shares-deposits-submit/ProvinceSubSectorCitySharesDepositsSubmit"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceSubSectorCitySharesWageDetailsDeleteDepositService } from "../../services/province-sub-sectors-services"; + +export const ProvinceSubSectorCitySharesDepositsDepositsOperations = ({ + item, + updateTable, + type, +}) => { + const dispatch = useDispatch(); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const [openNotif] = useContext(AppContext); + + const handleEdit = () => { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش واریزی", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }; + + const handleDelete = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }; + + const options = [ + { + key: "edit", + label: "ویرایش", + color: "primary.main", + icon: , + action: handleEdit, + }, + { + key: "delete", + label: "حذف", + color: "error.main", + icon: , + action: handleDelete, + }, + ]; + + return ( + + + + + + + {options.map((option) => ( + + + {option.icon} + + + {option.label} + + } + /> + + ))} + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares-deposits-deposits/ProvinceSubSectorCitySharesDepositsDeposits.js b/src/features/province/components/province-sub-sector-city-shares-deposits-deposits/ProvinceSubSectorCitySharesDepositsDeposits.js new file mode 100644 index 0000000..7746c76 --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares-deposits-deposits/ProvinceSubSectorCitySharesDepositsDeposits.js @@ -0,0 +1,229 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceSubSectorCitySharesDepositsSubmit } from "../province-sub-sector-city-shares-deposits-submit/ProvinceSubSectorCitySharesDepositsSubmit"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { ProvinceSubSectorCitySharesDepositsDepositsOperations } from "../province-sub-sector-city-shares-deposits-deposits-operations/ProvinceSubSectorCitySharesDepositsDepositsOperations"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceSubSectorCitySharesDepositsDeposits = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `sub-sector-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&type=city` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.cityOperator?.unitName, + item?.cityOperator?.user?.city, + `${item?.cityOperator?.user?.fullname} (${item?.cityOperator?.user?.mobile})`, + formatJustDate(item?.createDate), + item?.fromAccount, + item?.toAccount, + item?.type === "online" ? "آنلاین" : "توسط بانک", + item?.amount?.toLocaleString(), + , + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `sub-sector-transactions/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}&type=city` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares-deposits-submit/ProvinceSubSectorCitySharesDepositsSubmit.js b/src/features/province/components/province-sub-sector-city-shares-deposits-submit/ProvinceSubSectorCitySharesDepositsSubmit.js new file mode 100644 index 0000000..f81f379 --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares-deposits-submit/ProvinceSubSectorCitySharesDepositsSubmit.js @@ -0,0 +1,344 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + FormControlLabel, + Radio, + RadioGroup, + TextField, +} from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { + provinceSubSectorCitySharesGeyCitisService, + provinceSubSectorCitySharesWageDetailsEditDepositService, + provinceSubSectorCitySharesWageDetailsSubmitDepositService, + provinceSubSectorStewardSharesGeyVetFarmsService, + provinceSubSectorVetFarmSharesGeyVetFarmsService, +} from "../../services/province-sub-sectors-services"; +import { useDispatch } from "react-redux"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { resizeImage } from "../../../../utils/resizeImage"; +import ShowImage from "../../../../components/show-image/ShowImage"; + +export const ProvinceSubSectorCitySharesDepositsSubmit = ({ + updateTable, + isEdit, + item, + type, +}) => { + const [openNotif] = useContext(AppContext); + const [profileImages, setProfileImages] = useState([]); + const [receiverOptions, setReceiverOptions] = useState([]); + const dispatch = useDispatch(); + useEffect(() => { + if (!isEdit) { + if (type === "city") { + dispatch(provinceSubSectorCitySharesGeyCitisService()).then((r) => { + setReceiverOptions(r.payload.data); + }); + } else if (type === "vet") { + dispatch(provinceSubSectorVetFarmSharesGeyVetFarmsService()).then( + (r) => { + setReceiverOptions(r.payload.data); + } + ); + } else { + dispatch(provinceSubSectorStewardSharesGeyVetFarmsService()).then( + (r) => { + setReceiverOptions(r.payload.data); + } + ); + } + } + }, []); + + const formik = useFormik({ + initialValues: { + from_account: isEdit ? item?.fromAccount : "", + to_account: isEdit ? item?.toAccount : "", + receiver_key: isEdit ? "check" : "", + type: isEdit ? item?.type : "online", + amount: isEdit ? item?.amount : "", + transaction_image: isEdit ? [item?.image] : "", + selectedDate1: isEdit + ? item?.createDate + : moment(new Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + from_account: Yup.string().required("این فیلد اجباری است!"), + // .matches(/^\d{16}$/, "شماره حساب باید 16 رقمی باشد!"), + to_account: Yup.string().required("این فیلد اجباری است!"), + amount: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + receiver_key: Yup.string().required("این فیلد اجباری است!"), + transaction_image: Yup.array().required("این فیلد اجباری است!"), + }), + }); + + const factorPaymentHandler = (imageList, addUpdateIndex) => { + if (imageList.length === 0) { + formik.setFieldValue("transaction_image", []); + setProfileImages([]); + } else { + const resizedImagesPromises = imageList.map( + (image) => + new Promise((resolve) => { + const file = image.file; + resizeImage(file, (resizedDataUrl) => { + resolve(fixBase64(resizedDataUrl)); + }); + }) + ); + + Promise.all(resizedImagesPromises).then((resizedImages) => { + formik.setFieldValue("transaction_image", resizedImages); + setProfileImages(imageList); + }); + } + }; + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + {!isEdit && ( + ({ + id: i.key, + label: + type === "city" + ? `${i.unitName} / ${i.user?.fullname} ` + : `${i.user?.fullname} / ${i.user?.mobile} `, + item: i, + })) + : [] + } + value={formik.values.guild} + onChange={(e, item) => { + formik.setFieldValue("receiver_key", item?.id); + formik.validateForm(); + }} + error={ + formik.touched.receiver_key && Boolean(formik.errors.receiver_key) + } + helperText={ + formik.touched.receiver_key && formik.errors.receiver_key + } + getOptionLabel={(option) => option.label} + renderInput={(params) => ( + + )} + /> + )} + + + + } + value={formik.values.selectedDate1} + onChange={(e) => { + formik.setFieldValue( + "selectedDate1", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + /> + + + + + + + + + + + + + + + + } label="آنلاین" /> + } label="توسط بانک" /> + + + + + {isEdit && formik.values.transaction_image[0]?.includes("https") && ( + + + + )} + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares-deposits/ProvinceSubSectorCitySharesDeposits.js b/src/features/province/components/province-sub-sector-city-shares-deposits/ProvinceSubSectorCitySharesDeposits.js new file mode 100644 index 0000000..60edc86 --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares-deposits/ProvinceSubSectorCitySharesDeposits.js @@ -0,0 +1,142 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { + provinceSubSectorCitySharesDepositssDashboard, + provinceSubSectorCitySharesWageDetailsService, +} from "../../services/province-sub-sectors-services"; +import { SPACING } from "../../../../data/spacing"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceSubSectorCitySharesDepositsDeposits } from "../province-sub-sector-city-shares-deposits-deposits/ProvinceSubSectorCitySharesDepositsDeposits"; + +export const ProvinceSubSectorCitySharesDeposits = () => { + const dispatch = useDispatch(); + const [selectedTab, setSelectedTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + useEffect(() => { + dispatch(provinceSubSectorCitySharesDepositssDashboard()).then((r) => { + setDashboardData(r.payload.data); + }); + + if (selectedTab === 0) { + dispatch(provinceSubSectorCitySharesWageDetailsService()).then((r) => { + const d = r.payload.data?.map((item, i) => { + return [ + i + 1, + item?.unitName, + item?.user?.city, + `${item?.user?.fullname} (${item?.user?.mobile})`, + Math.round( + item?.wageInfo?.outProvincePoultryRequestAmount + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalPureInternalProvinceCarcassesAmount + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalPureExternalProvinceCarcassesWeight + )?.toLocaleString(), + Math.round(item?.wageInfo?.totalWageAmount)?.toLocaleString(), + Math.round(item?.wageInfo?.numberOfCityDeposit)?.toLocaleString(), + Math.round(item?.wageInfo?.cityDeposit)?.toLocaleString(), + Math.round(item?.wageInfo?.totalRemainWageAmount)?.toLocaleString(), + ]; + }); + setTableData(d); + }); + } + }, [dispatch, selectedTab]); + + return ( + + + + + + + + + + + + + {selectedTab === 0 && ( + + )} + + {selectedTab === 1 && } + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares-shares-edit/ProvinceSubSectorCitySharesSharesEdit.js b/src/features/province/components/province-sub-sector-city-shares-shares-edit/ProvinceSubSectorCitySharesSharesEdit.js new file mode 100644 index 0000000..a45ac93 --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares-shares-edit/ProvinceSubSectorCitySharesSharesEdit.js @@ -0,0 +1,86 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceSubSectorCitySharesSharesService } from "../../services/province-sub-sectors-services"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const ProvinceSubSectorCitySharesSharesEdit = ({ + updateTable, + item, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + percent: item?.percent ? item?.percent : "", + }, + validationSchema: Yup.object({ + percent: Yup.number() + .typeError("لطفا فیلد را به درستی وارد کنید!") + .max(100, "درصد صحیح وارد کنید") + .required("این فیلد اجباری است!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares-shares/ProvinceSubSectorCitySharesShares.js b/src/features/province/components/province-sub-sector-city-shares-shares/ProvinceSubSectorCitySharesShares.js new file mode 100644 index 0000000..d1b61be --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares-shares/ProvinceSubSectorCitySharesShares.js @@ -0,0 +1,105 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { provinceSubSectorCitySharesService } from "../../services/province-sub-sectors-services"; +import { IconButton } from "@mui/material"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { ProvinceSubSectorCitySharesSharesEdit } from "../province-sub-sector-city-shares-shares-edit/ProvinceSubSectorCitySharesSharesEdit"; +import EditIcon from "@mui/icons-material/Edit"; + +export const ProvinceSubSectorCitySharesShares = () => { + const dispatch = useDispatch(); + const [tableData, setTableData] = useState([]); + + const getWageTypeFaType = (type) => { + let wageType = ""; + switch (type) { + case "province-kill-request": + wageType = "تعرفه کشتار و توزیع داخل استان"; + break; + case "carcasse-sell": + wageType = "تعرفه کشتار داخل استان و توزیع خارج استان"; + break; + case "poultry-sell-out-province": + wageType = "فروش زنده به خارج استان"; + break; + + default: + wageType = "تعرفه کشتار و توزیع داخل استان"; + break; + } + + return wageType; + }; + + const fetchData = () => { + dispatch(provinceSubSectorCitySharesService("city")).then((r) => { + const d = r.payload.data.map((item, i) => { + return [ + i + 1, + getWageTypeFaType(item?.percentageOfWageType?.wageType?.enName), + item?.percentageOfWageType?.wageType?.amount?.toLocaleString(), + Math.round( + (item?.percentageOfWageType?.wageType?.amount / 100) * + item?.percentageOfWageType?.wageType?.percentages?.filter( + (item) => item?.name === "اتحادیه" + )[0]?.percent + ), + item?.percent, + { + dispatch( + OPEN_MODAL({ + title: "ویرایش", + content: ( + + ), + }) + ); + }} + > + + , + ]; + }); + + setTableData(d); + }); + }; + useEffect(() => { + fetchData(); + }, [dispatch]); + + return ( + + + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares-wage-details/ProvinceSubSectorCitySharesWageDetails.js b/src/features/province/components/province-sub-sector-city-shares-wage-details/ProvinceSubSectorCitySharesWageDetails.js new file mode 100644 index 0000000..125ab77 --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares-wage-details/ProvinceSubSectorCitySharesWageDetails.js @@ -0,0 +1,312 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { + provinceSubSectorCitySharesWageDetailsDashboard, + provinceSubSectorCitySharesWageDetailsService, +} from "../../services/province-sub-sectors-services"; +import { Checkbox, IconButton, TextField, Tooltip } from "@mui/material"; +import SystemUpdateAltIcon from "@mui/icons-material/SystemUpdateAlt"; +import { AppContext } from "../../../../contexts/AppContext"; +import axios from "axios"; +import { DatePicker } from "@mui/x-date-pickers"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import moment from "moment"; + +export const ProvinceSubSectorCitySharesWageDetails = () => { + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [withDate, setWithDate] = useState(false); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + useEffect(() => { + dispatch( + provinceSubSectorCitySharesWageDetailsDashboard({ + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + + dispatch( + provinceSubSectorCitySharesWageDetailsService({ + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + }) + ).then((r) => { + const d = r.payload.data?.map((item, i) => { + return [ + i + 1, + item?.unitName, + item?.user?.city, + `${item?.user?.fullname} (${item?.user?.mobile})`, + Math.round(item?.wageInfo?.poultries), + Math.round(item?.wageInfo?.hatchings), + Math.round(item?.wageInfo?.hatchingsQuantity)?.toLocaleString(), + Math.round( + item?.wageInfo?.totalProvinceKillRequestsQuantity + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalProvinceKillRequestsWeight + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalProvinceCarcassesWeight + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalPureInternalProvinceCarcassesWeight + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalPureExternalProvinceCarcassesWeight + )?.toLocaleString(), + Math.round( + item?.wageInfo?.outProvincePoultryRequestQuantity + )?.toLocaleString(), + Math.round( + item?.wageInfo?.outProvincePoultryRequestWeight + )?.toLocaleString(), + Math.round(item?.wageInfo?.totalKilledQuantity)?.toLocaleString(), + parseFloat(item?.wageInfo?.hatchingKillingPercent)?.toFixed(1), + Math.round( + item?.wageInfo?.outProvincePoultryRequestAmount + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalPureInternalProvinceCarcassesAmount + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalPureExternalProvinceCarcassesAmount + )?.toLocaleString(), + Math.round(item?.wageInfo?.totalWageAmount)?.toLocaleString(), + Math.round(item?.wageInfo?.cityDeposit)?.toLocaleString(), + Math.round(item?.wageInfo?.totalRemainWageAmount)?.toLocaleString(), + ]; + }); + setTableData(d); + }); + }, [dispatch, selectedDate1, selectedDate2, withDate]); + + return ( + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.", + severity: "success", + }); + const link = `${ + axios.defaults.baseURL + }sub_section_of_cooperative_share_detail/?key=${userKey}${ + withDate + ? `&date1=${selectedDate1}&date2=${selectedDate2}` + : `` + }`; + window.location.href = link; + }} + > + + + + + } + columns={[ + "ردیف", + "تعاونی", + "شهر", + "کاربر", + "تعداد فارم", + "تعداد کل جوجه ریزی", + "حجم کل جوجه ریزی", + "حجم کل کشتار شده داخل استان", + "وزن کل کشتار شده داخل استان", + "وزن لاشه کشتار شده داخل استان", + "وزن لاشه توزیع داخل استان", + "وزن لاشه توزیع خارج استان", + "حجم فروش خارج از استان", + "وزن فروش خارج از استان", + "حجم کل کشتار شده", + "درصد کشتار شده نسبت به جوجه ریزی", + "تعرفه زنده خارج استان", + "تعرفه کشتار و توزیع داخل استان", + "تعرفه کشتار و توزیع خارج استان", + "مجموع تعرفه", + "واریزی اتحادیه", + "مانده تعرفه", + ]} + data={tableData} + title="جزئیات تعرفه" + /> + + ); +}; diff --git a/src/features/province/components/province-sub-sector-city-shares/ProvinceSubSectorCityShares.js b/src/features/province/components/province-sub-sector-city-shares/ProvinceSubSectorCityShares.js new file mode 100644 index 0000000..c2fd2f3 --- /dev/null +++ b/src/features/province/components/province-sub-sector-city-shares/ProvinceSubSectorCityShares.js @@ -0,0 +1,44 @@ +import React, { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Tab, Tabs } from "@mui/material"; +import { ProvinceSubSectorCitySharesWageDetails } from "../province-sub-sector-city-shares-wage-details/ProvinceSubSectorCitySharesWageDetails"; +import { ProvinceSubSectorCitySharesDeposits } from "../province-sub-sector-city-shares-deposits/ProvinceSubSectorCitySharesDeposits"; +import { ProvinceSubSectorCitySharesShares } from "../province-sub-sector-city-shares-shares/ProvinceSubSectorCitySharesShares"; + +export const ProvinceSubSectorCityShares = () => { + const [selectedTab, setSelectedTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + + return ( + + + + + + + + + + {selectedTab === 0 && } + {selectedTab === 1 && } + {selectedTab === 2 && } + + ); +}; diff --git a/src/features/province/components/province-sub-sector-steward-shares-deposits/ProvinceSubSectorStewardSharesDeposits.js b/src/features/province/components/province-sub-sector-steward-shares-deposits/ProvinceSubSectorStewardSharesDeposits.js new file mode 100644 index 0000000..d66b829 --- /dev/null +++ b/src/features/province/components/province-sub-sector-steward-shares-deposits/ProvinceSubSectorStewardSharesDeposits.js @@ -0,0 +1,229 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceSubSectorCitySharesDepositsSubmit } from "../province-sub-sector-city-shares-deposits-submit/ProvinceSubSectorCitySharesDepositsSubmit"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { ProvinceSubSectorCitySharesDepositsDepositsOperations } from "../province-sub-sector-city-shares-deposits-deposits-operations/ProvinceSubSectorCitySharesDepositsDepositsOperations"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceSubSectorStewardSharesDeposits = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `sub-sector-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&type=guild` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.cityGuild?.user?.fullname} (${item?.cityGuild?.user?.mobile})`, + formatJustDate(item?.createDate), + item?.fromAccount, + item?.toAccount, + item?.type === "online" ? "آنلاین" : "توسط بانک", + item?.amount?.toLocaleString(), + , + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `sub-sector-transactions/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}&type=vet` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-steward-shares-overview/ProvinceSubSectorStewardSharesOverview.js b/src/features/province/components/province-sub-sector-steward-shares-overview/ProvinceSubSectorStewardSharesOverview.js new file mode 100644 index 0000000..67e4cdb --- /dev/null +++ b/src/features/province/components/province-sub-sector-steward-shares-overview/ProvinceSubSectorStewardSharesOverview.js @@ -0,0 +1,51 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { provinceSubSectorStewardSharesStewardsService } from "../../services/province-sub-sectors-services"; + +export const ProvinceSubSectorStewardSharesOverview = ({ getParams }) => { + const dispatch = useDispatch(); + + const [tableData, setTableData] = useState([]); + + useEffect(() => { + dispatch(provinceSubSectorStewardSharesStewardsService(getParams())).then( + (r) => { + const d = r.payload.data?.map((item, i) => { + return [ + i + 1, + `${item?.user?.fullname} (${item?.user?.mobile})`, + item?.user?.city, + Math.round(item?.wageInfo?.buyWeight), + Math.round(item?.wageInfo?.sellWeight), + Math.round(item?.wageInfo?.totalWage), + Math.round(item?.wageInfo?.guildDeposit), + Math.round(item?.wageInfo?.remainWage), + ]; + }); + setTableData(d); + } + ); + }, [dispatch, getParams]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-vet-farm-shares-deposits/ProvinceSubSectorVetFarmSharesDeposits.js b/src/features/province/components/province-sub-sector-vet-farm-shares-deposits/ProvinceSubSectorVetFarmSharesDeposits.js new file mode 100644 index 0000000..e67f799 --- /dev/null +++ b/src/features/province/components/province-sub-sector-vet-farm-shares-deposits/ProvinceSubSectorVetFarmSharesDeposits.js @@ -0,0 +1,229 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceSubSectorCitySharesDepositsSubmit } from "../province-sub-sector-city-shares-deposits-submit/ProvinceSubSectorCitySharesDepositsSubmit"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { ProvinceSubSectorCitySharesDepositsDepositsOperations } from "../province-sub-sector-city-shares-deposits-deposits-operations/ProvinceSubSectorCitySharesDepositsDepositsOperations"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceSubSectorVetFarmSharesDeposits = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `sub-sector-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&type=vet` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.vet?.user?.fullname} (${item?.vet?.user?.mobile})`, + formatJustDate(item?.createDate), + item?.fromAccount, + item?.toAccount, + item?.type === "online" ? "آنلاین" : "توسط بانک", + item?.amount?.toLocaleString(), + , + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `sub-sector-transactions/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}&type=vet` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-vet-farm-shares-overview/ProvinceSubSectorVetFarmSharesOverview.js b/src/features/province/components/province-sub-sector-vet-farm-shares-overview/ProvinceSubSectorVetFarmSharesOverview.js new file mode 100644 index 0000000..a995ab9 --- /dev/null +++ b/src/features/province/components/province-sub-sector-vet-farm-shares-overview/ProvinceSubSectorVetFarmSharesOverview.js @@ -0,0 +1,65 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch } from "react-redux"; +import { provinceSubSectorVetFarmSharesVetFarmsService } from "../../services/province-sub-sectors-services"; + +export const ProvinceSubSectorVetFarmSharesOverview = ({ getParams }) => { + const dispatch = useDispatch(); + + const [tableData, setTableData] = useState([]); + + useEffect(() => { + dispatch(provinceSubSectorVetFarmSharesVetFarmsService(getParams())).then( + (r) => { + const d = r.payload.data?.map((item, i) => { + return [ + i + 1, + `${item?.user?.fullname} (${item?.user?.mobile})`, + item?.user?.city, + Math.round(item?.wageInfo?.totalQuantity), + Math.round(item?.wageInfo?.totalWeight), + Math.round( + item?.wageInfo?.totalPureInternalProvinceCarcassesAmount + )?.toLocaleString(), + Math.round( + item?.wageInfo?.totalPureExternalProvinceCarcassesAmount + )?.toLocaleString(), + Math.round( + item?.wageInfo?.outProvincePoultryRequestAmount + )?.toLocaleString(), + Math.round(item?.wageInfo?.totalWage)?.toLocaleString(), + Math.round(item?.wageInfo?.numberOfDeposit)?.toLocaleString(), + Math.round(item?.wageInfo?.vetDepositAmount)?.toLocaleString(), + Math.round(item?.wageInfo?.totalRemainWage)?.toLocaleString(), + ]; + }); + setTableData(d); + } + ); + }, [dispatch, getParams]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-sub-sector-vet-farm-shares/ProvinceSubSectorVetFarmShares.js b/src/features/province/components/province-sub-sector-vet-farm-shares/ProvinceSubSectorVetFarmShares.js new file mode 100644 index 0000000..ec5d3ec --- /dev/null +++ b/src/features/province/components/province-sub-sector-vet-farm-shares/ProvinceSubSectorVetFarmShares.js @@ -0,0 +1,180 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Checkbox, Tab, Tabs, TextField } from "@mui/material"; +import { ProvinceSubSectorVetFarmSharesOverview } from "../province-sub-sector-vet-farm-shares-overview/ProvinceSubSectorVetFarmSharesOverview"; +import { provinceSubSectorVetFarmSharesOverviewDashboard } from "../../services/province-sub-sectors-services"; +import { useDispatch } from "react-redux"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { ProvinceSubSectorVetFarmSharesDeposits } from "../province-sub-sector-vet-farm-shares-deposits/ProvinceSubSectorVetFarmSharesDeposits"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const ProvinceSubSectorVetFarmShares = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [selectedTab, setSelectedTab] = useState(0); + const [dashboardData, setDashboardData] = useState([]); + const [withDate, setWithDate] = useState(false); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + + const getParams = () => { + return { + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + }; + }; + + useEffect(() => { + dispatch(provinceSubSectorVetFarmSharesOverviewDashboard(getParams())).then( + (r) => { + setDashboardData(r.payload.data); + } + ); + }, [dispatch, selectedTab, selectedDate1, selectedDate2, withDate]); + + return ( + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + + {selectedTab === 0 && ( + + )} + {selectedTab === 1 && } + + ); +}; diff --git a/src/features/province/components/province-sub-sector-wage-deposits/ProvinceSubSectorWageDeposits.js b/src/features/province/components/province-sub-sector-wage-deposits/ProvinceSubSectorWageDeposits.js new file mode 100644 index 0000000..77d9ae6 --- /dev/null +++ b/src/features/province/components/province-sub-sector-wage-deposits/ProvinceSubSectorWageDeposits.js @@ -0,0 +1,175 @@ +import { Checkbox, Tab, Tabs, TextField } from "@mui/material"; +import React, { useContext, useEffect, useState } from "react"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { provinceSubSectorStewardSharesOverviewDashboard } from "../../services/province-sub-sectors-services"; +import { ProvinceSubSectorStewardSharesOverview } from "../province-sub-sector-steward-shares-overview/ProvinceSubSectorStewardSharesOverview"; +import { ProvinceSubSectorStewardSharesDeposits } from "../province-sub-sector-steward-shares-deposits/ProvinceSubSectorStewardSharesDeposits"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +export const ProvinceSubSectorWageDeposits = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [selectedTab, setSelectedTab] = useState(0); + const [dashboardData, setDashboardData] = useState([]); + const [withDate, setWithDate] = useState(false); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + + const getParams = () => { + return { + date1: withDate ? selectedDate1 : null, + date2: withDate ? selectedDate2 : null, + }; + }; + + useEffect(() => { + dispatch(provinceSubSectorStewardSharesOverviewDashboard(getParams())).then( + (r) => { + setDashboardData(r.payload.data); + } + ); + }, [dispatch, selectedTab, selectedDate1, selectedDate2, withDate]); + + return ( + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + {selectedTab === 0 && ( + + )} + {selectedTab === 1 && } + + ); +}; diff --git a/src/features/province/components/province-sub-sector-wage-operations/ProvinceSubSectorWageOperations.js b/src/features/province/components/province-sub-sector-wage-operations/ProvinceSubSectorWageOperations.js new file mode 100644 index 0000000..be41afa --- /dev/null +++ b/src/features/province/components/province-sub-sector-wage-operations/ProvinceSubSectorWageOperations.js @@ -0,0 +1,109 @@ +import { useLocation } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { VscTag } from "react-icons/vsc"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + ROUTE_ADMINX_SUB_SECTORS_STEWARD_SHARES, + ROUTE_ADMINX_SUB_SECTORS_CITY_SHARES, + ROUTE_ADMINX_SUB_SECTORS_VET_FARM_SHARES, + ROUTE_PROVINCE_FINANCIAL_SUB_SECTORS_STEWARD_SHARES, + ROUTE_PROVINCE_FINANCIAL_SUB_SECTORS_CITY_SHARES, + ROUTE_PROVINCE_FINANCIAL_SUB_SECTORS_VET_FARM_SHARES, + ROUTE_PROVINCE_SUB_SECTORS_STEWARD_SHARES, + ROUTE_PROVINCE_SUB_SECTORS_CITY_SHARES, + ROUTE_PROVINCE_SUB_SECTORS_VET_FARM_SHARES, + ROUTE_SUPER_ADMIN_SUB_SECTORS_STEWARD_SHARES, + ROUTE_SUPER_ADMIN_SUB_SECTORS_CITY_SHARES, + ROUTE_SUPER_ADMIN_SUB_SECTORS_VET_FARM_SHARES, +} from "../../../../routes/routes"; + +export const ProvinceSubSectorWageOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + } + title="سهم تعاونی" + description="سهم تعاونی" + /> + + + + } + title="سهم دامپزشک فارم" + description="سهم دامپزشک فارم" + /> + + + + } + title="سهم صنف" + description="سهم صنف" + /> + + + + + ); +}; diff --git a/src/features/province/components/province-submit-bar-difference/ProvinceSubmitBarDifference.js b/src/features/province/components/province-submit-bar-difference/ProvinceSubmitBarDifference.js new file mode 100644 index 0000000..cba3c24 --- /dev/null +++ b/src/features/province/components/province-submit-bar-difference/ProvinceSubmitBarDifference.js @@ -0,0 +1,497 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + Autocomplete, + Button, + Paper, + Stack, + TextField, + Typography, +} from "@mui/material"; + +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetPoultriesService } from "../../../slaughter-house/services/salughter-get-poultries"; +import { avicultureGetHatchingData } from "../../../aviculture/services/aviculture-get-hatching-data"; +import { slaughterGetKillerKillhousesService } from "../../../slaughter-house/services/slaughter-get-killers-killhouses"; +import { slaughterGetKillhousesService } from "../../../slaughter-house/services/slaughter-get-killhouses"; +import { + provinceEditBarDifferenceService, + provinceGetBarDifferenceInfoService, + provinceSubmitBarDifferenceService, +} from "../../services/province-bar-differences-services"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { resizeImage } from "../../../../utils/resizeImage"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceSubmitBarDifference = ({ updateTable, isEdit, item }) => { + const [poultryData, setPoultryData] = useState(""); + const [openNotif] = useContext(AppContext); + const [selectedPolutry, setSelectedPolutry] = useState(""); + const [profileImages, setProfileImages] = useState([]); + const [diffInfo, setDiffInfo] = useState(null); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const dispatch = useDispatch(); + const { slaughterGetPoultries, slaughterGetKillhouses } = useSelector( + (state) => state.slaughterSlice + ); + + useEffect(() => { + if (!isEdit) { + dispatch( + slaughterGetPoultriesService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + slaughterGetKillerKillhousesService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + slaughterGetKillhousesService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + } + }, [selectedSubUser?.key]); + + const initialValues = { + killhouse: null, + killerPlace: null, + poultry: null, + hatching_key: null, + quantity: parseInt(item?.quantity) || null, + difference_image: null, + register_message: item?.registerMessage || null, + }; + + const validationSchema = Yup.object().shape({ + killhouse: Yup.string("") + .typeError("این فیلد الزامی است") + .required("این فیلد الزامی است"), + poultry: Yup.string("") + .typeError("این فیلد الزامی است") + .required("این فیلد الزامی است"), + poultryPrice: Yup.number().typeError("لطفا فیلد را به درستی وارد کنید!"), + hatching_key: Yup.string().required("این فیلد الزامی است"), + quantity: Yup.number() + .required("این فیلد الزامی است") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }); + + const formik = useFormik({ + initialValues, + validationSchema, + }); + + useEffect(() => { + if (formik.values.poultry) { + dispatch( + avicultureGetHatchingData({ + key: formik.values.poultry, + }) + ).then((r) => { + setPoultryData(r.payload.data); + }); + } + }, [formik.values.poultry, selectedSubUser?.key]); + + useEffect(() => { + formik.validateForm(); + }, [formik.values.quantity, dispatch]); + + const factorPaymentHandler = (imageList) => { + if (imageList.length === 0) { + formik.setFieldValue("difference_image", []); + setProfileImages([]); + } else { + const resizedImagesPromises = imageList.map( + (image) => + new Promise((resolve) => { + const file = image.file; + resizeImage(file, (resizedDataUrl) => { + resolve(fixBase64(resizedDataUrl)); + }); + }) + ); + + Promise.all(resizedImagesPromises).then((resizedImages) => { + formik.setFieldValue("difference_image", resizedImages); + setProfileImages(imageList); + }); + } + }; + + useEffect(() => { + if (formik.values.hatching_key && formik.values.killhouse) { + dispatch( + provinceGetBarDifferenceInfoService({ + hatching_key: formik.values.hatching_key, + kill_house_key: formik.values.killhouse, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setDiffInfo(r.payload.data); + }); + } + }, [ + formik.values.hatching_key, + formik.values.killhouse, + selectedSubUser?.key, + ]); + + return ( + + {!isEdit && ( + <> + {slaughterGetPoultries?.length ? ( + { + return { + label: `${item.unitName} (${item.user?.fullname})`, + value: item.key, + item, + }; + })} + getOptionLabel={(option) => option.label} + onChange={(_, value) => { + formik.setFieldValue("poultry", value.item.key); + }} + onBlur={formik.handleBlur} + renderInput={(params) => ( + + )} + /> + ) : ( + + موردی یافت نشد! + + )} + + {poultryData && ( + + { + return { + label: `${item?.poultry.unitName}`, + value: item.key, + item, + }; + })} + onChange={(event, value) => { + setSelectedPolutry(value.item); + formik.setFieldValue("hatching_key", value.value); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {selectedPolutry && ( + <> + + + نام و نام خانوادگی: + + {selectedPolutry?.poultry?.userprofile?.fullName} + + + + تلفن: + + {selectedPolutry?.poultry?.userprofile?.mobile} + + + + آدرس: + + {`شهر ${selectedPolutry.poultry?.address?.city?.name} ${ + selectedPolutry?.poultry?.address?.address + ? "-" + selectedPolutry?.poultry?.address?.address + : "" + }`} + + + + سن جوجه: + {selectedPolutry?.chickenAge} روز + + + مانده در سالن: + + {selectedPolutry?.leftOver?.toLocaleString()} قطعه + + + + مانده فروش آزاد: + + {selectedPolutry?.freeGovernmentalInfo?.leftTotalFreeCommitmentQuantity?.toLocaleString()}{" "} + قطعه + + + + نژاد: + {selectedPolutry?.chickenBreed} + + + {slaughterGetKillhouses?.length && ( + { + const buyerNamePrefix = item?.killer + ? "کشتارکن" + : "کشتارگاه"; + return { + label: buyerNamePrefix + " " + item.name, + value: item.key, + killer: item.killer, + item: item, + // disabled: item.allowDirectBuying, + }; + })} + // getOptionDisabled={(option) => !option.disabled} + getOptionLabel={(option) => option.label} + onChange={(_, value) => { + formik.setFieldValue("killhouse", value.value); + }} + onBlur={formik.handleBlur} + renderInput={(params) => ( + + )} + /> + )} + {diffInfo && ( + + + + حجم کم شده از سالن مرغدار:{" "} + + {diffInfo.totalQuantity?.toLocaleString()} قطعه + + + + وزن تقریبی کشتار:{" "} + + {diffInfo.totalWeight?.toLocaleString()} کیلوگرم + + + + حجم سفارشات دریافتی توسط کشتارگاه: + + {diffInfo.firstTotalQuantity?.toLocaleString()} قطعه + + + + اختلاف کشتار(حجم): + + {diffInfo.differenceQuantity?.toLocaleString()} قطعه + + + + + )} + + )} + + )} + + {(isEdit || selectedPolutry) && ( + <> + + + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-submit-message/ProvinceSubmitMessage.js b/src/features/province/components/province-submit-message/ProvinceSubmitMessage.js new file mode 100644 index 0000000..8c3b2fb --- /dev/null +++ b/src/features/province/components/province-submit-message/ProvinceSubmitMessage.js @@ -0,0 +1,356 @@ +import { Box, Button, Divider, InputLabel, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import * as React from "react"; +import { useTheme } from "@mui/material/styles"; +import OutlinedInput from "@mui/material/OutlinedInput"; +import MenuItem from "@mui/material/MenuItem"; +import FormControl from "@mui/material/FormControl"; +import Select from "@mui/material/Select"; +import Chip from "@mui/material/Chip"; + +import { useDispatch, useSelector } from "react-redux"; +import { provinceSendMessage } from "../../services/province-send-message"; +import { useContext } from "react"; +import { Yup } from "../../../../lib/yup/yup"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useEffect } from "react"; +import { AutocompleteSelect } from "../../../../components/autocomplete-select/AutocompleteSelect"; +import { getEnRoleFromFa } from "../../../../utils/getEnRoleFromFa"; +// import { useState } from "react"; + +const ITEM_HEIGHT = 48; +const ITEM_PADDING_TOP = 8; +const MenuProps = { + PaperProps: { + style: { + maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP, + width: 250, + }, + }, +}; + +const names = ["شهرستان", "دامپزشک", "راننده", "مرغدار", "کشتارگاه", "مالی"]; + +function getStyles(name, personName, theme) { + return { + fontWeight: + personName.indexOf(name) === -1 + ? theme.typography.fontWeightRegular + : theme.typography.fontWeightMedium, + }; +} + +const ProvinceSubmitMessage = () => { + const [usersList, setUsersList] = React.useState([]); + const { provinceUsers } = useSelector((state) => state.provinceSlice); + + useEffect(() => { + setUsersList( + provinceUsers.map((user) => { + const userName = user.profile.fullname + ? user.profile.fullname + : `${user.profile.firstName} ${user.profile.lastName}`; + return { + id: user.profile.key, + title: `${userName}`, + }; + }) + ); + }, []); + + const formik = useFormik({ + initialValues: { + description: "", + linkText: "", + heading: "", + link: "", + usersList: [], + }, + validationSchema: Yup.object({ + description: Yup.string() + .required("لطفا پیغام خود را بنویسید!") + .typeError("لطفا فیلد را پر کنید!"), + heading: Yup.string() + .required("لطفا عنوان پیغام خود را بنویسید!") + .typeError("لطفا فیلد را پر کنید!"), + link: Yup.string().typeError("لطفا فیلد را پر کنید!"), + linkText: Yup.string().typeError("لطفا فیلد را پر کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + const theme = useTheme(); + const [personName, setPersonName] = React.useState([]); + // const [setPersonNameKey] = useState(""); + + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [profileImages, setProfileImages] = React.useState([]); + const [imagesData, setImagesData] = React.useState([]); + + const imagesHandler = (imageList, addUpdateIndex) => { + setImagesData(imageList.map((img) => fixBase64(img.data_url))); + setProfileImages(imageList); + }; + + const handleChange = (event) => { + const { + target: { value }, + } = event; + setPersonName(typeof value === "string" ? value.split(",") : value); + + // const roles = [ + // "", + // "Poultry", + // "VetFarm", + // "Driver", + // "KillHouse", + // "ProvinceFinancial", + // ]; + }; + + return ( + <> + + + + + + + + + + + ارسال پیام بر اساس نقش + + + + + + + + { + const ids = item.map((item) => item.id); + formik.setFieldValue("usersList", ids); + }} + /> + + {/* + { + formik.setFieldValue("usersList", value.id); + }} + renderInput={(params) => ( + + )} + /> + */} + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default ProvinceSubmitMessage; diff --git a/src/features/province/components/province-submit-price/ProvineSubmitPrice.js b/src/features/province/components/province-submit-price/ProvineSubmitPrice.js new file mode 100644 index 0000000..de982f0 --- /dev/null +++ b/src/features/province/components/province-submit-price/ProvineSubmitPrice.js @@ -0,0 +1,138 @@ +import React, { useContext } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Button, TextField } from "@mui/material"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { provincePriceEditService } from "../../services/province-price-edit"; + +export const ProvineSubmitPrice = ({ updateTable, item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + + const initialValues = { + kill_house_price: item?.killHousePrice || 0, + wholesaler_price: item?.wholesalerPrice || 0, + retailer_price: item?.retailerPrice || 0, + }; + + const validationSchema = Yup.object().shape({ + kill_house_price: Yup.number() + .required("این فیلد الزامی است") + .min(0, "مقدار نمی‌تواند منفی باشد"), + wholesaler_price: Yup.number() + .required("این فیلد الزامی است") + .min(0, "مقدار نمی‌تواند منفی باشد"), + retailer_price: Yup.number() + .required("این فیلد الزامی است") + .min(0, "مقدار نمی‌تواند منفی باشد"), + }); + + const formik = useFormik({ + initialValues, + validationSchema, + enableReinitialize: true, + }); + + const handleSubmit = () => { + dispatch( + provincePriceEditService({ + id: item?.id, + kill_house_price: Number(formik.values.kill_house_price), + wholesaler_price: Number(formik.values.wholesaler_price), + retailer_price: Number(formik.values.retailer_price), + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "قیمت‌ها با موفقیت ویرایش شدند", + severity: "success", + }); + dispatch( + DRAWER({ + right: false, + bottom: false, + content: null, + }) + ); + } + }); + }; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-submit-pricing/ProvinceSubmitPricing.js b/src/features/province/components/province-submit-pricing/ProvinceSubmitPricing.js new file mode 100644 index 0000000..27833d8 --- /dev/null +++ b/src/features/province/components/province-submit-pricing/ProvinceSubmitPricing.js @@ -0,0 +1,304 @@ +import { Button, InputAdornment, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch } from "react-redux"; + +import { provinceGetPricing } from "../../services/province-get-pricing"; +import { provinceNewPricing } from "../../services/province-new-pricing"; +import { useEffect } from "react"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { useContext } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const ProvinceSubmitPricing = () => { + const [openNotif] = useContext(AppContext); + // const ProvincePrices = []; + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + date: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + price: "", + // slaughtedprice: "", + // priceforseller: "", + floorprice: "", + ceilingprice: "", + }, + validationSchema: Yup.object({ + price: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + // slaughtedprice: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا عدد وارد کنید!"), + // priceforseller: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا عدد وارد کنید!"), + // floorprice: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا عدد وارد کنید!"), + // ceilingprice: Yup.number() + // .required("این فیلد اجباری است!") + // .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + } + value={formik.values.date} + error={formik.touched.date ? Boolean(formik.errors.date) : null} + onChange={(e) => { + formik.setFieldValue( + "date", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.date && Boolean(formik.errors.date) + ? formik.errors.date + : null + } + /> + + + ریال + ), + }} + value={formik.values.price} + error={formik.touched.price ? Boolean(formik.errors.price) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.price && Boolean(formik.errors.price) + ? formik.errors.price + : null + } + /> + + + {/* + ریال + ), + }} + value={formik.values.slaughtedprice} + error={ + formik.touched.slaughtedprice + ? Boolean(formik.errors.slaughtedprice) + : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.slaughtedprice && + Boolean(formik.errors.slaughtedprice) + ? formik.errors.slaughtedprice + : null + } + /> + + + ریال + ), + }} + value={formik.values.priceforseller} + error={ + formik.touched.priceforseller + ? Boolean(formik.errors.priceforseller) + : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.priceforseller && + Boolean(formik.errors.priceforseller) + ? formik.errors.priceforseller + : null + } + /> + */} + + + ریال + ), + }} + value={formik.values.floorprice} + error={ + formik.touched.floorprice ? Boolean(formik.errors.floorprice) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.floorprice && Boolean(formik.errors.floorprice) + ? formik.errors.floorprice + : null + } + /> + + + ریال + ), + }} + value={formik.values.ceilingprice} + error={ + formik.touched.ceilingprice + ? Boolean(formik.errors.ceilingprice) + : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.ceilingprice && Boolean(formik.errors.ceilingprice) + ? formik.errors.ceilingprice + : null + } + /> + + + + + + + ); +}; diff --git a/src/features/province/components/province-submit-product-price/ProvinceSubmitProductPrice.js b/src/features/province/components/province-submit-product-price/ProvinceSubmitProductPrice.js new file mode 100644 index 0000000..00f8bb6 --- /dev/null +++ b/src/features/province/components/province-submit-product-price/ProvinceSubmitProductPrice.js @@ -0,0 +1,89 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { provinceSubmitProductPrice } from "../../services/province-submit-product-price"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceGetProducts } from "../../services/province-get-producrs"; + +export const ProvinceSubmitProductPrice = ({ item }) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + price: "", + }, + validationSchema: Yup.object({ + price: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-submit-user/ProvinceSubmitUser.js b/src/features/province/components/province-submit-user/ProvinceSubmitUser.js new file mode 100644 index 0000000..d8d40f7 --- /dev/null +++ b/src/features/province/components/province-submit-user/ProvinceSubmitUser.js @@ -0,0 +1,2486 @@ +import { + Autocomplete, + Button, + Chip, + Divider, + FormControl, + FormHelperText, + IconButton, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; + +import React, { useEffect } from "react"; +import { useFormik } from "formik"; + +import DeleteIcon from "@mui/icons-material/Delete"; +import AddIcon from "@mui/icons-material/Add"; + +import { AppContext } from "../../../../contexts/AppContext"; +import { Yup } from "../../../../lib/yup/yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { cityGetProvinces } from "../../../city/services/CityGetProvinces"; +import { cityGetCity } from "../../../city/services/city-get-city"; +import { useDispatch } from "react-redux"; +import { useState } from "react"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import SearchIcon from "@mui/icons-material/Search"; +import { provinceCheckUserExistence } from "../../services/province-check-user-existence"; +import { useContext } from "react"; +import { provinceRegisterUser } from "../../services/province-register-user"; +import { provinceGetUserProfiles } from "../../services/province-get-user-profiles"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { provinceGetKillHouses } from "../../services/province-get-kill-houses"; +import { UserInfo } from "./components/userInfo"; +import { CarPelak } from "../../../../components/car-pelak/CarPelak"; + +export const ProvinceSubmitUser = (id) => { + const [openNotif] = useContext(AppContext); + + const [provinceData, setProvinceData] = useState([]); + const [cityData, setCityData] = useState([]); + const [provinceKey, setProvinceKey] = useState(); + const [cityKey, setCityKey] = useState(); + + const [killHouseProvinceKey, setKillHouseProvinceKey] = useState(); + const [killHouseVetProvinceKey, setKillHouseVetProvinceKey] = useState(); + const [killHouseCityKey, setKillHouseCityKey] = useState(); + const [killHouseVetCityKey, setKillHouseVetCityKey] = useState(); + + const [poultryProvinceKey, setPoultryProvincekey] = useState(); + const [poultryCityKey, setPoultryCityKey] = useState(); + + const [OperatorProvinceKey, setOperatorProvinceKey] = useState(); + const [OperatorCityKey, setOperatorCityKey] = useState(); + + const [userChecked, setUserChecked] = useState(false); + + const [isExistProvince, setIsExistProvince] = useState(true); + + const [userData, setUserData] = useState(); + + const dispatch = useDispatch(); + + const formik = useFormik({ + initialValues: { + mobile: "", + fname: "", + lname: "", + nationalcode: "", + password: "", + birthday: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + mobile: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به صورت عددی وارد کنید!") + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }), + fname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + lname: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + nationalcode: Yup.number() + .required("این فیلد اجباری است!") + .test("len", "کد ملی میبایست ده رقم باشد.", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 10; + } + }), + password: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا مقادیر را به درستی وارد کنید!"), + }), + }); + + const formikKillHouse = useFormik({ + initialValues: { + KillHousePostal: "", + KillHouseCapacity: "", + KillHousePhone: "", + KillHouseAddress: "", + }, + validationSchema: Yup.object({ + KillHousePostal: Yup.number().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + KillHouseCapacity: Yup.number().typeError( + "لطفا فیلد را به صورت عددی وارد کنید!" + ), + KillHousePhone: Yup.number() + .typeError("لطفا فیلد را به صورت عددی وارد کنید!") + .test("len", "شماره تلفن باید با 0 شروع شود", (val, context) => { + return context.originalValue && context.originalValue.startsWith("0"); + }) + .test("len", "شماره تماس 11 رقم باید باشد", (val, context) => { + if (context.originalValue) { + return context.originalValue.length === 11; + } + }), + KillHouseAddress: Yup.string().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + }), + }); + + const formikKillHouseVet = useFormik({ + initialValues: { + KillHouseVetPostal: "", + KillHouseVetAddress: "", + }, + validationSchema: Yup.object({ + KillHouseVetPostal: Yup.number().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + KillHouseVetAddress: Yup.string().typeError( + "لطفا فیلد را به درستی وارد کنید!" + ), + }), + }); + + const formikCityProvince = useFormik({ + initialValues: { + cityProvinceAddress: "", + cityProvincePostalCode: "", + }, + validationSchema: Yup.object({ + cityProvinceAddress: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + cityProvincePostalCode: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + const formikUserBankInfo = useFormik({ + initialValues: { + bankName: "", + cardNumber: "", + accountNumber: "", + shabaNumber: "", + accountHolder: "", + }, + validationSchema: Yup.object({ + cardNumber: Yup.number().typeError("لطفا شماره کارتتان را وارد کنید!"), + accountNumber: Yup.number().typeError("لطفا شماره حسابتان را وارد کنید!"), + shabaNumber: Yup.number().typeError("لطفا شماره شبا را وارد کنید!"), + accountHolder: Yup.string().typeError("لطفا نام صاحب حساب را وارد کنید!"), + }), + }); + + const formikDriver = useFormik({ + initialValues: { + type_car: "ایسوزو", + type_weight: "سنگین", + capocity: "", + health_code: "", + }, + validationSchema: Yup.object({ + type_weight: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + capocity: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + name: Yup.string().typeError("لطفا فیلد را به درستی وارد کنید!"), + health_code: Yup.number() + .typeError("لطفا فیلد را به درستی وارد کنید!") + .required("این فیلد اجباری است!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + formik2.validateForm(); + formikKillHouse.validateForm(); + formikCityProvince.validateForm(); + formikUserBankInfo.validateForm(); + formikDriver.validateForm(); + formikKillHouseVet.validateForm(); + }, []); + + const formik2 = useFormik({ + initialValues: { + userInfoCheck: "", + }, + validationSchema: Yup.object({ + userInfoCheck: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!"), + }), + }); + + const [user, setUser] = React.useState(); + + const handleChange = (event) => { + setUser(event.target.value); + }; + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(cityGetProvinces())?.then((r) => { + dispatch(LOADING_END()); + setProvinceData(r.payload.data); + }); + }, []); + + useEffect(() => { + dispatch(LOADING_END()); + if (provinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(provinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } else if (killHouseProvinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(killHouseProvinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } else if (killHouseVetProvinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(killHouseVetProvinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } else if (OperatorProvinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(OperatorProvinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + } else if (poultryProvinceKey) { + dispatch(LOADING_START()); + dispatch(cityGetCity(poultryProvinceKey)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + dispatch(LOADING_END()); + } + }, [ + provinceKey, + killHouseProvinceKey, + OperatorProvinceKey, + poultryProvinceKey, + killHouseVetProvinceKey, + ]); + + const [userExist, setUserExist] = useState(false); + + const [driverPelak, setDriverPelak] = useState([]); + + const carPelakHandleChange = (pelak1, pelak2, pelak3, pelak4) => { + setDriverPelak([pelak1, pelak2, pelak3, pelak4]); + }; + + useEffect(() => { + if (userData) { + setUserExist(true); + } else if (formik.isValid && cityKey && provinceKey) { + setUserExist(true); + } + }, [userData]); + + const isFormValid = (user) => { + if (userData) + switch (user) { + case "Poultry": + return !(userExist && poultryCityKey); + case "KillHouse": + return !(userExist && killHouseCityKey); + case "Driver": + return !(userExist && formikDriver.isValid); + case "ProvinceOperator": + return !(userExist && formikCityProvince.isValid); + case "CityOperator": + return !(userExist && formikCityProvince.isValid); + case "VetFarm": + return !(userExist && formikCityProvince.isValid); + case "ProvinceInspector": + return !(userExist && formikCityProvince.isValid); + case "ProvinceFinancial": + return !(userExist && formikCityProvince.isValid); + case "KillHouseVet": + return !( + userExist && + killHouseVetProvinceKey && + killHouseVetCityKey && + formikKillHouseVet.isValid + ); + default: + return !(userExist && user); + } + else { + return !(formik.isValid && cityKey && provinceKey); + } + }; + + const [arrKillHouse, setArrKillHouse] = useState([ + { + id: 0, + killHouseAddress: "", + postal: "", + shift_work_from: "", + shift_work_to: "", + province: "", + city: "", + name: "", + capacity: "", + killing_race: "", + phone: "", + bankName: "", + cardNumber: "", + accountNumber: "", + shabaNumber: "", + accountHolder: "", + }, + ]); + + const addInputkillHouse = () => { + setArrKillHouse((prevState) => { + return [ + ...prevState, + { + id: prevState.length, + killHouseAddress: "", + postal: "", + shift_work_from: "", + shift_work_to: "", + province: "", + city: "", + name: "", + capacity: "", + killing_race: "", + phone: "", + bankName: "", + cardNumber: "", + accountNumber: "", + shabaNumber: "", + accountHolder: "", + }, + ]; + }); + }; + + const removeInputKillHouse = (e) => { + let number = arrKillHouse.length - 1; + + if (number !== 0) { + let filteredArrayPrice = arrKillHouse.filter((object, i) => i < number); + + setArrKillHouse(filteredArrayPrice); + } + }; + + const handleChangeArrayKillHouse = (e, value, i) => { + let val, itemName, itemIndex; + if (value) { + val = value; + [itemName, , itemIndex] = e.target.id.split("-"); + } else { + val = e.target.value; + [itemName, itemIndex] = e.target.name.split("-"); + } + if (itemName === "shift_work_from") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].shift_work_from = val; + return newState; + }); + } else if (itemName === "shift_work_to") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].shift_work_to = val; + return newState; + }); + } else if (itemName === "killHouseAddress") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].killHouseAddress = val; + return newState; + }); + } else if (itemName === "postal") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].postal = val; + return newState; + }); + } else if (itemName === "capacity") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].capacity = Number(val); + return newState; + }); + } else if (itemName === "name") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].name = val; + return newState; + }); + } else if (itemName === "killing_race") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].killing_race = val; + return newState; + }); + } else if (itemName === "phone") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].phone = Number(val); + return newState; + }); + } else if (itemName === "province") { + dispatch(LOADING_START()); + dispatch(cityGetCity(val)).then((r) => { + setCityData(r.payload.data); + setIsExistProvince(false); + dispatch(LOADING_END()); + }); + setArrKillHouse((prevState) => { + const newState = prevState; + newState[i].province = val; + return newState; + }); + } else if (itemName === "city") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[i].city = val; + return newState; + }); + } else if (itemName === "bankName") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].bankName = e.target.value; + return newState; + }); + } else if (itemName === "cardNumber") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].cardNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "accountNumber") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].accountNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "shabaNumber") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].shabaNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "accountHolder") { + setArrKillHouse((prevState) => { + const newState = prevState; + newState[itemIndex].accountHolder = e.target.value; + return newState; + }); + } + }; + + const [arr, setArr] = useState([ + { + id: 0, + uniqueID: "", + poultryAddress: "", + halls: "", + systemCode: "", + epidemiologicalCode: "", + unitName: "", + capacity: "", + licenseNumber: "", + postal: "", + bankName: "", + cardNumber: "", + accountNumber: "", + shabaNumber: "", + accountHolder: "", + province: "", + city: "", + }, + ]); + + const addInput = () => { + setArr((prevState) => { + return [ + ...prevState, + { + id: prevState.length, + uniqueID: "", + poultryAddress: "", + halls: "", + systemCode: "", + epidemiologicalCode: "", + unitName: "", + capacity: "", + licenseNumber: "", + postal: "", + bankName: "", + cardNumber: "", + accountNumber: "", + shabaNumber: "", + accountHolder: "", + province: "", + city: "", + }, + ]; + }); + }; + + const removeInput = (e) => { + let number = arr.length - 1; + + if (number !== 0) { + let filteredArrayPrice = arr.filter((object, i) => i < number); + // let filteredArrayTime = arrPrices.filter((object, i) => i < number); + + setArr(filteredArrayPrice); + // setArrPrices(filteredArrayTime); + } + }; + + const handleChangeArray = (e) => { + const [itemName, itemIndex] = e.target.name.split("-"); + if (itemName === "uniqueID") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].uniqueID = e.target.value; + return newState; + }); + } else if (itemName === "poultryAddress") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].poultryAddress = e.target.value; + return newState; + }); + } else if (itemName === "halls") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].halls = Number(e.target.value); + return newState; + }); + } else if (itemName === "systemCode") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].systemCode = Number(e.target.value); + return newState; + }); + } else if (itemName === "epidemiologicalCode") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].epidemiologicalCode = Number(e.target.value); + return newState; + }); + } else if (itemName === "ownerName") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].ownerName = e.target.value; + return newState; + }); + } else if (itemName === "unitName") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].unitName = e.target.value; + return newState; + }); + } else if (itemName === "capacity") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].capacity = Number(e.target.value); + return newState; + }); + } else if (itemName === "licenseNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].licenseNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "postal") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].postal = Number(e.target.value); + return newState; + }); + } else if (itemName === "bankName") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].bankName = e.target.value; + return newState; + }); + } else if (itemName === "cardNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].cardNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "accountNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].accountNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "shabaNumber") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].shabaNumber = Number(e.target.value); + return newState; + }); + } else if (itemName === "accountHolder") { + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].accountHolder = e.target.value; + return newState; + }); + } else if (itemName === "province") { + setPoultryProvincekey(e.target.value); + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].province = e.target.value; + return newState; + }); + } else if (itemName === "city") { + setPoultryCityKey(e.target.value); + setArr((prevState) => { + const newState = prevState; + newState[itemIndex].city = e.target.value; + return newState; + }); + } + }; + + const [killHouseData, setKillHouseData] = useState(); + const [killHouseKey, setKillHouseKey] = useState(); + useEffect(() => { + if (user === "KillHouseVet") { + dispatch(LOADING_START()); + dispatch(provinceGetKillHouses()).then((r) => { + setKillHouseData(r.payload.data); + dispatch(LOADING_END()); + }); + } + }, [user]); + + return ( + + + {!userChecked && ( + <> + بررسی کاربر + + + + { + dispatch(LOADING_START()); + dispatch( + provinceCheckUserExistence({ + type: "check_user", + value: formik2.values.userInfoCheck, + }) + ).then((r) => { + dispatch(LOADING_END()); + if (r.error) { + if (r.error.message.includes("409")) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "کاربر پیدا نشد، یک کاربر جدید بسازید!", + severity: "error", + }); + } + } else { + if (r.payload.data) { + setUserData(r.payload.data.profile); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + + dispatch( + DRAWER({ + right: false, + bottom: false, + content: null, + }) + ); + } + } + }); + setUserChecked(true); + }} + > + + + + شماره موبایل با صفر شروع می‌شود! + + )} + + {userChecked && ( + <> + {userData ? ( + + ) : ( + <> + + + + + + + + + + + } + value={formik.values.birthday} + error={ + formik.touched.birthday + ? Boolean(formik.errors.birthday) + : null + } + onChange={(e) => { + formik.setFieldValue( + "birthday", + moment(e).format("YYYY-MM-DD hh:mm:ss") + ); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.birthday && Boolean(formik.errors.birthday) + ? formik.errors.birthday + : null + } + /> + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + )} + + {userData && ( + + + + {userData ? "افزودن نقش" : "نوع کاربر"} + + + + + )} + + {/* start of poultry ============================================================================= */} + + {arr.map((item, i) => { + return ( + <> + {user === "Poultry" && ( + <> + + + + + + + + + + + + استان * + + + + + + + + + شهر * + + + + + + + + + + + + + + + + + + + + + + + + + + {/* + + */} + + + + + + + + + + + + + + + + + + + + بانک + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + )} + + ); + })} + + {/* end of poultry ============================================================================= */} + + {user === "Driver" && ( + <> + + + + + + + مدل خودرو + + + + + + + + + مشخصات پلاک + + + + + )} + {user === "KillHouse" && ( + <> + + + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setKillHouseProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setKillHouseCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + {arrKillHouse?.map((item, i) => { + return ( + <> + + + + + + + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + handleChangeArrayKillHouse(e, value.id, i); + }} + name={"province-" + i} + // onChange={handleChangeArrayKillHouse} + renderInput={(params) => ( + + )} + /> + + + ({ + id: i.key, + label: i.name, + }))} + name={"city-" + i} + onChange={(e, value) => { + handleChangeArrayKillHouse(e, value.id, i); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + + + + + + + + + + + + + + + بانک + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + })} + + )} + + {user === "KillHouseVet" && ( + <> + + + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setKillHouseKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setKillHouseVetProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setKillHouseVetCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + )} + + {(user === "CityOperator" || + user === "ProvinceOperator" || + user === "VetFarm" || + user === "ProvinceInspector" || + user === "ProvinceFinancial") && ( + <> + + + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setOperatorProvinceKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + ({ + id: i.key, + label: i.name, + }))} + onChange={(e, value) => { + setOperatorCityKey(value.id); + }} + renderInput={(params) => ( + + )} + /> + + + + + + + + + + + )} + + {(user === "CityOperator" || + user === "KillHouseVet" || + user === "VetFarm" || + user === "ProvinceOperator" || + user === "Driver" || + user === "ProvinceFinancial") && ( + <> + + + + + + بانک + + + + + + + + + + + + + + + + + + + )} + + + + + + )} + + + ); +}; diff --git a/src/features/province/components/province-submit-user/components/userInfo.js b/src/features/province/components/province-submit-user/components/userInfo.js new file mode 100644 index 0000000..3065c85 --- /dev/null +++ b/src/features/province/components/province-submit-user/components/userInfo.js @@ -0,0 +1,176 @@ +import { Typography } from "@mui/material"; +import React from "react"; +import { Grid } from "../../../../../components/grid/Grid"; +import { SPACING } from "../../../../../data/spacing"; +import CheckIcon from "@mui/icons-material/Check"; +import { PropTypes } from "prop-types"; +import { formatJustDate } from "../../../../../utils/formatTime"; + +export const UserInfo = ({ userData }) => { + return ( + <> + + + prop.palette.grey["A700"]} + > + نام کامل: + + + {userData.fullname} + {" "} + + + + prop.palette.grey["A700"]} + > + موبایل: + + + {userData.mobile} + + + + + prop.palette.grey["A700"]} + > + استان: + + + {userData.province} + {" "} + + + + prop.palette.grey["A700"]} + > + شهر: + + + {userData.city} + + + + + prop.palette.grey["A700"]} + > + تاریخ تولد: + + + {formatJustDate(userData?.birthday)} + + + {userData?.role.length > 0 && ( + + prop.palette.grey["A700"]} + > + {userData?.role?.length > 1 ? "نقش ها:" : "نقش:"} + + + + {userData?.role?.map((item, i) => { + var name = ""; + switch (item) { + case "ProvinceOperator": + name = "اپراتور تخصیص استان"; + break; + case "CityOperator": + name = "اپراتور شهرستان"; + break; + case "KillHouseVet": + name = "دامپزشک کشتارگاه"; + break; + case "Poultry": + name = "مرغدار"; + break; + case "KillHouse": + name = "کشتارگاه"; + break; + case "VetFarm": + name = "دامپزشک"; + break; + case "Vet": + name = "دامپزشک"; + break; + case "ProvinceInspector": + name = "بازرس استان"; + break; + case "ProvinceFinancial": + name = "اپراتور مالی"; + break; + case "Driver": + name = "راننده"; + break; + case "Admin": + name = "راننده"; + break; + + default: + break; + } + return [ + + + {name} + , + ]; + })} + + + )} + + {userData?.image?.length > 5 && ( + <> + + prop.palette.grey["A700"]} + > + پروفایل: + + + +

+ + + + + )} + + + ); +}; + +UserInfo.propTypes = { + userData: PropTypes.any, +}; diff --git a/src/features/province/components/province-table-process/ProvinceTableProcess.js b/src/features/province/components/province-table-process/ProvinceTableProcess.js new file mode 100644 index 0000000..a64abbd --- /dev/null +++ b/src/features/province/components/province-table-process/ProvinceTableProcess.js @@ -0,0 +1,314 @@ +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import { Grid } from "../../../../components/grid/Grid"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { + Button, + Pagination, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const ProvinceTableProcess = () => { + const dispatch = useDispatch(); + const [textValue, setTextValue] = useState(""); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [data, setData] = useState([]); + const [page, setPage] = useState(0); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const width = + window.innerWidth || + document.documentElement.clientWidth || + document.body.clientWidth; + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + let response = await axios.get( + `poultry_requests_for_total_information/?date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue ? textValue : "" + }&page=${page}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + }; + + const handleChangePage = (event, newPage) => { + setPage(newPage); + fetchApiData(newPage + 1); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + }; + + useEffect(() => { + setPerPage(10); + fetchApiData(1); + }, [selectedDate1, selectedDate2]); + + return ( + + + روند پرونده ها + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {data?.map((item, i) => { + const rowSpan = + item?.killHouseRequests?.killHouseRequestsSerializer?.length + 1; + let stateReq = ""; + if (item.stateProcess === "accepted") { + stateReq = "تایید شده"; + } else if (item.stateProcess === "pending") { + stateReq = "در انتظار تایید"; + } else if (item.stateProcess === "rejected") { + stateReq = "رد شده"; + } + return ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {item?.killHouseRequests?.killHouseRequestsSerializer?.map( + (buyer, i) => { + return ( + + + + + + + + + + + + + + + + + + + + + ); + } + )} + + ); + })} +

کدسفارش	نام واحد	نام و نام خانوادگی مرغدار	موبایل	آدرس	تاریخ جوجه ریزی	تعداد کل جوجه ریزی	سن مرغ	تعداد درخواست کشتار	وزن درخواست کشتار	نوع فروش	قیمت مرغ زنده	تعداد تخصیصی به خریدار	مانده قابل تخصیص	حجم باقی مانده در سالن	نژاد	تاریخ درخواست کشتار	دامپزشک فارم	تلفن دامپزشک فارم	وضعیت درخواست	خریدار	تعداد تخصیصی قطعه	وزن تخصیصی	تاریخ تخصیص	نوع تخصیص	آدرس	محل کشتار	وضعیت تخصیص به خریدار	تعداد بار ایجاد شده	حجم تخصیصی به بار	وزن تخصیصی به بار	مانده قطعه قابل تخصیص	مانده وزن قابل تخصیص	ماشین	راننده	تلفن	کدبهداشتی حمل و نقل	کدرهگیری سامانه قرنطینه	تعداد ثبت شده در قرنطینه	حجم بار	وزن بار	وضعیت بار	تعداد تخلیه	وزن تخلیه	تاریخ تخلیه کشتارگاه	دامپزشک کشتارگاه	تلفن دامپزشک کشتارگاه	اطلاعات تکمیلی قطعه	اطلاعات تکمیلی وزن	کاربر کشتارگاه	تلفن کاربر کشتارگاه
{item.orderCode}	{item.poultry.unitName}	{item.poultry.user.fullname}	{item.poultry.user.mobile}	+ {`${item.poultry.address.province.name} - ${item.poultry.address.city.name} - ${item.poultry.address.address}`} +	تاریخ جوجه ریزی	+ {item?.hatching?.quantity?.toLocaleString()} +	{item.hatching.age}	{item?.quantity?.toLocaleString()}	+ {item.quantity * item.IndexWeight} کیلوگرم +	+ {item.freeSaleInProvince ? "آزاد" : "دولتی"} +	قیمت مرغ زنده	+ {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.allocatedQuantity?.toLocaleString()} +	+ {item?.provinceKillRequests?.provinceKillRequestsTotalInfo?.poultryRequestRemainQuantity?.toLocaleString()} +	{item.hatching.leftOver}	{item.chickenBreed}	{formatJustDate(item.sendDate)}	دامپزشک فارم	تلفن دامپزشک فارم	{stateReq}	خریدار	تعداد تخصیصی قطعه	وزن تخصیصی	تاریخ تخصیص	نوع تخصیص	آدرس	محل کشتار	وضعیت تخصیص به خریدار	تعداد بار ایجاد شده	حجم تخصیصی به بار	وزن تخصیصی به بار	مانده قطعه قابل تخصیص	مانده وزن قابل تخصیص
{buyer?.addCar?.driver?.typeCar}	{buyer?.addCar?.driver?.driverName}	{"تلفن"}	{"کدبهداشتی حمل و نقل"}	{"کدرهگیری سامانه قرنطینه"}	{"تعداد ثبت شده در قرنطینه"}	{"حجم بار"}	{"وزن بار"}	{"وضعیت بار"}	{"تعداد تخلیه"}	{"وزن تخلیه"}	{"تاریخ تخلیه کشتارگاه"}	{"دامپزشک کشتارگاه"}	{"تلفن دامپزشک کشتارگاه"}	{"اطلاعات تکمیلی قطعه"}	{"اطلاعات تکمیلی وزن"}	{"کاربر کشتارگاه"}	{"تلفن کاربر کشتارگاه"}

+ + { + handleChangePage(event, newPage - 1); + }} + /> + + + ); +}; diff --git a/src/features/province/components/province-trade-panel-enter-market-code/ProvinceTradePanelEnterMarketCode.js b/src/features/province/components/province-trade-panel-enter-market-code/ProvinceTradePanelEnterMarketCode.js new file mode 100644 index 0000000..c3826fe --- /dev/null +++ b/src/features/province/components/province-trade-panel-enter-market-code/ProvinceTradePanelEnterMarketCode.js @@ -0,0 +1,81 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { provinceTradePanelEnterMarketCodeService } from "../../services/province-trade-panel-enter-market-code-service"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = yup.object({ + marketCode: yup + .string() + .required("کد احراز الزامی است") + .matches(/^[0-9]+$/, "کد احراز باید فقط شامل اعداد باشد"), +}); + +export const ProvinceTradePanelEnterMarketCode = ({ item, updateAll }) => { + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + const formik = useFormik({ + initialValues: { + marketCode: item?.inputMarketCode || "", + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + provinceTradePanelEnterMarketCodeService({ + key: item?.key, + input_market_code: values.marketCode, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + updateAll(); + } + }); + }, + }); + + return ( + + + + + + ); +}; diff --git a/src/features/province/components/province-trade-panel-market-old-request-details/ProvinceTradePanelMarketOldRequestDetails.js b/src/features/province/components/province-trade-panel-market-old-request-details/ProvinceTradePanelMarketOldRequestDetails.js new file mode 100644 index 0000000..3a5ba6f --- /dev/null +++ b/src/features/province/components/province-trade-panel-market-old-request-details/ProvinceTradePanelMarketOldRequestDetails.js @@ -0,0 +1,144 @@ +import { useEffect, useState } from "react"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import PdfKillRequest from "../province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest"; + +export const ProvinceTradePanelMarketOldRequestDetails = ({ req_key }) => { + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const fetchApiData = async (pageNumber = page) => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + `/market-requests/?role=${getRoleFromUrl()}&search=filter&value=&page=${pageNumber}&page_size=${perPage}&poultry_request_key=${req_key}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + dispatch(LOADING_END()); + } + }; + + const handleUpdate = () => { + fetchApiData(1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.poultry?.unitName}`, + `${item?.poultry?.fullname} (${item?.poultry?.mobile})`, + item?.poultry?.city, + `${item?.killHouse?.killer === true ? "کشتارکن" : "کشتارگاه"} ${ + item?.killHouse?.name + }`, + `${item?.killHouse?.fullname} (${item?.killHouse?.mobile})`, + item?.killHouse?.city, + item?.chickenBreed, + item?.poultryRequest?.killingAge?.toLocaleString(), + item?.killCapacity?.toLocaleString(), + formatJustDate(item?.reciveDate), + formatTime(item?.createDate), + item?.IndexWeight, + Math.round( + item?.IndexWeight * item?.killCapacity || 0 + ).toLocaleString(), + item?.amount ? item?.amount.toLocaleString() : "0", + item?.paymentDeadlineDate + ? formatJustDate(item?.paymentDeadlineDate) + : "-", + `${ + item?.marketCodeStatus === true && + item?.marketFinalAccept === true && + !item?.inputMarketCode && + item?.marketState === "pending" + ? "در انتظار ورود کد احراز" + : item?.marketFinalAccept === false + ? "در انتظار تایید خریدار" + : item?.marketState === "pending" + ? "در انتظار تایید استان" + : item?.marketState === "accepted" + ? "تایید شده" + : item?.marketState === "rejected" + ? "رد شده" + : item?.marketState === "deleted" + ? "حذف شده" + : "" + }`, + item?.marketState === "accepted" ? ( + + ) : ( + "-" + ), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + handleUpdate(); + }, [perPage]); + + return ( + + + + ); +}; diff --git a/src/features/province/components/province-trade-panel-market-old-request/ProvinceTradePanelMarketOldRequest.js b/src/features/province/components/province-trade-panel-market-old-request/ProvinceTradePanelMarketOldRequest.js new file mode 100644 index 0000000..391b4e0 --- /dev/null +++ b/src/features/province/components/province-trade-panel-market-old-request/ProvinceTradePanelMarketOldRequest.js @@ -0,0 +1,528 @@ +import { useContext, useEffect, useState } from "react"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import PdfKillRequest from "../province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; +import { + provinceTradePanelMarketRequestAdminOverview, + provinceTradePanelMarketRequestOverview, +} from "../../services/province-trade-panel-market-request-overview"; +import { SPACING } from "../../../../data/spacing"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { RiSearchLine } from "react-icons/ri"; +import { ProvinceTradePanelOldRequests } from "../province-trade-panel-old-requests/ProvinceTradePanelOldRequests"; + +export const ProvinceTradePanelMarketOldRequest = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const [overViewSelectedDate1, setOverviewSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [overViewSelectedDate2, setOverviewSelectedDate2] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [filter, setFilter] = useState("pending"); + const [tableData, setTableData] = useState([]); + const [overViewData, setOverViewData] = useState([]); + const [overViewDataList, setOverViewDataList] = useState([]); + const [overViewDataDashboard, setOverViewDataDashboard] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [textValueOverview, setTextValueOverView] = useState(""); + + const handleTextChangeOverView = (event) => { + setTextValueOverView(event.target.value); + }; + + const getOverviewData = (event) => { + if (event) { + event.preventDefault(); + } + dispatch( + provinceTradePanelMarketRequestAdminOverview({ + date1: overViewSelectedDate1, + date2: overViewSelectedDate2, + search: "filter", + value: textValueOverview, + }) + ).then((r) => { + setOverViewDataDashboard(r.payload.data); + }); + dispatch( + provinceTradePanelMarketRequestOverview({ + date1: overViewSelectedDate1, + date2: overViewSelectedDate2, + search: "filter", + value: textValueOverview, + }) + ).then((r) => { + setOverViewData(r.payload.data); + }); + }; + + const fetchApiData = async (pageNumber = page, event) => { + if (event) { + event.preventDefault(); + } + try { + dispatch(LOADING_START()); + const response = await axios.get( + `/market-requests/?role=${getRoleFromUrl()}&search=filter&value=&page=${pageNumber}&page_size=${perPage}&type=${filter}&date1=${selectedDate1}&date2=${selectedDate2}&search=filter&value=${ + textValue ? textValue : "" + }` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + dispatch(LOADING_END()); + } + }; + + const handleUpdate = () => { + fetchApiData(1); + getOverviewData(); + }; + + // Helper function to parse marketStateMessage JSON string + const parseMarketStateMessage = (messageString) => { + if (!messageString || typeof messageString !== "string") { + return null; + } + + try { + // Remove outer quotes if present and replace single quotes with double quotes for valid JSON + let jsonString = messageString.trim(); + // Remove outer single or double quotes + if ( + (jsonString.startsWith("'") && jsonString.endsWith("'")) || + (jsonString.startsWith('"') && jsonString.endsWith('"')) + ) { + jsonString = jsonString.slice(1, -1); + } + // Replace single quotes with double quotes + jsonString = jsonString.replace(/'/g, '"'); + const parsed = JSON.parse(jsonString); + return { + fullname: parsed?.fullname || "", + mobile: parsed?.mobile || "", + date: parsed?.date || "", + }; + } catch (error) { + console.error("Error parsing marketStateMessage:", error); + return null; + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + // Parse marketStateMessage if it exists + const marketStateInfo = parseMarketStateMessage(item?.marketStateMessage); + const statusText = `${ + item?.marketState === "deleted" + ? "حذف شده" + : item?.marketCodeStatus === true && + item?.marketFinalAccept === true && + !item?.inputMarketCode && + item?.marketState === "pending" + ? "در انتظار ورود کد احراز" + : item?.marketFinalAccept === false + ? "در انتظار تایید خریدار" + : item?.marketState === "pending" + ? "در انتظار تایید استان" + : item?.marketState === "accepted" + ? "تایید شده" + : item?.marketState === "rejected" + ? "رد شده" + : item?.marketState === "deleted" + ? "حذف شده" + : "" + }`; + + // Build status display with marketStateMessage info if available + // Only show marketStateMessage info when market_state === "deleted" + const isDeleted = item?.marketState === "deleted"; + const hasMarketStateMessage = + item?.marketStateMessage && + item.marketStateMessage !== null && + item.marketStateMessage !== ""; + + const statusDisplay = + isDeleted && marketStateInfo + ? `${statusText}${statusText ? " " : ""}( ${ + marketStateInfo.fullname + } ${marketStateInfo.mobile}) - ${formatTime(marketStateInfo.date)}` + : isDeleted && !hasMarketStateMessage + ? `${statusText}${statusText ? " " : ""}(سیستمی)` + : statusText; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.poultry?.unitName || ""}`, + `${item?.poultry?.fullname || ""} (${item?.poultry?.mobile || ""})`, + item?.poultry?.city || "", + ...(getRoleFromUrl() !== "KillHouse" + ? [ + `${item?.killHouse?.killer === true ? "کشتارکن" : "کشتارگاه"} ${ + item?.killHouse?.name || "" + }`, + `${item?.killHouse?.fullname || ""} (${ + item?.killHouse?.mobile || "" + })`, + item?.killHouse?.city || "", + ] + : []), + item?.chickenBreed || "", + item?.poultryRequest?.killingAge?.toLocaleString() || "0", + item?.killCapacity?.toLocaleString() || "0", + formatJustDate(item?.reciveDate) || "-", + item?.createDate ? formatTime(item.createDate) : "-", + item?.IndexWeight || 0, + Math.round( + item?.IndexWeight * item?.killCapacity || 0 + ).toLocaleString(), + item?.amount ? item.amount.toLocaleString() : "0", + item?.paymentDeadlineDate + ? formatJustDate(item.paymentDeadlineDate) + : "-", + statusDisplay, + item?.marketState === "accepted" ? ( + + ) : ( + "-" + ), + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + handleUpdate(); + }, [perPage, filter, selectedDate1, selectedDate2]); + + useEffect(() => { + getOverviewData(); + }, [overViewSelectedDate1, overViewSelectedDate2]); + + useEffect(() => { + if (overViewData) { + const d = overViewData?.map((item, i) => { + return [ + i + 1, + item?.name, + item?.info?.killHouseTodayShare?.toLocaleString() || "0", + item?.info?.killHouseMarketKillRequestsQuantity?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFirst?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFinal?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityWeight?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFirstWeight?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFinalWeight?.toLocaleString() || + "0", + item?.info?.totalKillHouseMarketKillRequestsQuantityAgreementLightWeight?.toLocaleString() || + "0", + item?.info?.totalKillHouseMarketKillRequestsQuantityLightWeight?.toLocaleString() || + "0", + item?.info?.totalKillHouseMarketKillRequestsQuantityHeavyWeight?.toLocaleString() || + "0", + item?.info?.killHouseTodayLeftShare?.toLocaleString() || "0", + item?.info?.marketLightShare?.toLocaleString() || "0", + ]; + }); + + setOverViewDataList(d); + } + }, [overViewData]); + + return ( + + + + + فیلتر نتایج + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ( + + )} + value={overViewSelectedDate1} + onChange={(e) => { + setOverviewSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={overViewSelectedDate2} + onChange={(e) => { + setOverviewSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-trade-panel-market-request/ProvinceTradePanelMarketRequest.js b/src/features/province/components/province-trade-panel-market-request/ProvinceTradePanelMarketRequest.js new file mode 100644 index 0000000..6477e3d --- /dev/null +++ b/src/features/province/components/province-trade-panel-market-request/ProvinceTradePanelMarketRequest.js @@ -0,0 +1,681 @@ +import { useContext, useEffect, useRef, useState } from "react"; +import { ProvinceDirectBuyOperation } from "../province-direct-buy-operation/ProvinceDirectBuyOperation"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { + formatJustDate, + formatTime, + formatTimeFull, +} from "../../../../utils/formatTime"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import PdfKillRequest from "../province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest"; +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + Typography, +} from "@mui/material"; +import { + provinceTradePanelMarketRequestAdminOverview, + provinceTradePanelMarketRequestOverview, +} from "../../services/province-trade-panel-market-request-overview"; +import { AppContext } from "../../../../contexts/AppContext"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const ProvinceTradePanelMarketRequest = ({ + updateTable, + setUpdateRef, +}) => { + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [openNotif] = useContext(AppContext); + const [data, setData] = useState([]); + const [filter, setFilter] = useState("pending"); + const [tableData, setTableData] = useState([]); + const [overViewData, setOverViewData] = useState([]); + const [overViewDataList, setOverViewDataList] = useState([]); + const [overViewDataDashboard, setOverViewDataDashboard] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + const isFetching = useRef(false); + const hasFetchedDashboardApi = useRef(false); + const isFetchingDashboardApi = useRef(false); + const hasFetchedOverviewApi = useRef(false); + const isFetchingOverviewApi = useRef(false); + const lastOverviewRequestPayload = useRef(null); + const lastMarketRequestsPayload = useRef(null); + const isFetchingMarketRequests = useRef(false); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const handlePageChange = (pageNum) => { + lastMarketRequestsPayload.current = null; + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const fetchDashboardOverview = async (forceFetch = false) => { + if (!forceFetch && hasFetchedDashboardApi.current) { + return; + } + + if (isFetchingDashboardApi.current) { + return; + } + + isFetchingDashboardApi.current = true; + hasFetchedDashboardApi.current = true; + + try { + const r = await dispatch( + provinceTradePanelMarketRequestAdminOverview({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + if (r?.payload?.data) { + setOverViewDataDashboard(r.payload.data); + } + } catch (error) { + console.error("Error fetching dashboard overview:", error); + hasFetchedDashboardApi.current = false; + } finally { + isFetchingDashboardApi.current = false; + } + }; + + const fetchMarketOverview = async (forceFetch = false) => { + const role = getRoleFromUrl(); + const payloadKey = JSON.stringify({ role }); + + if (!forceFetch && lastOverviewRequestPayload.current === payloadKey) { + return; + } + + if (isFetchingOverviewApi.current) { + return; + } + + isFetchingOverviewApi.current = true; + lastOverviewRequestPayload.current = payloadKey; + hasFetchedOverviewApi.current = true; + + try { + const r = await dispatch( + provinceTradePanelMarketRequestOverview({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + if (r?.payload?.data) { + setOverViewData(r.payload.data); + } + } catch (error) { + console.error("Error fetching market overview:", error); + lastOverviewRequestPayload.current = null; + hasFetchedOverviewApi.current = false; + } finally { + isFetchingOverviewApi.current = false; + } + }; + + const fetchMarketRequestsData = async ( + pageNumber = page, + forceFetch = false + ) => { + const payload = { + role: getRoleFromUrl(), + search: "filter", + value: "", + page: pageNumber, + page_size: perPage, + type: filter, + }; + + const payloadKey = JSON.stringify(payload); + + if (!forceFetch && lastMarketRequestsPayload.current === payloadKey) { + return null; + } + + if (isFetchingMarketRequests.current) { + return null; + } + + isFetchingMarketRequests.current = true; + lastMarketRequestsPayload.current = payloadKey; + + try { + const response = await axios.get( + `/market-requests/?role=${payload.role}&search=${ + payload.search + }&value=${payload.value}&page=${payload.page}&page_size=${ + payload.page_size + }&type=${payload.type}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key || ""}` + : "" + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + return response; + } catch (error) { + console.error("Error fetching market requests:", error); + lastMarketRequestsPayload.current = null; + throw error; + } finally { + isFetchingMarketRequests.current = false; + } + }; + + const fetchApiData = async ( + pageNumber = page, + forceDashboardFetch = false, + forceOverviewFetch = false, + forceMarketRequestsFetch = false + ) => { + try { + dispatch(LOADING_START()); + + await fetchMarketRequestsData(pageNumber, forceMarketRequestsFetch); + + fetchDashboardOverview(forceDashboardFetch); + + fetchMarketOverview(forceOverviewFetch); + + dispatch(LOADING_END()); + } catch (error) { + dispatch(LOADING_END()); + console.error("Error fetching data:", error); + } + }; + + const parseMarketStateMessage = (messageString) => { + if (!messageString || typeof messageString !== "string") { + return null; + } + + try { + let jsonString = messageString.trim(); + if ( + (jsonString.startsWith("'") && jsonString.endsWith("'")) || + (jsonString.startsWith('"') && jsonString.endsWith('"')) + ) { + jsonString = jsonString.slice(1, -1); + } + jsonString = jsonString.replace(/'/g, '"'); + const parsed = JSON.parse(jsonString); + return { + fullname: parsed?.fullname || "", + mobile: parsed?.mobile || "", + date: parsed?.date || "", + }; + } catch (error) { + console.error("Error parsing marketStateMessage:", error); + return null; + } + }; + + const handleUpdate = async ( + forceDashboardFetch = true, + forceOverviewFetch = true, + forceMarketRequestsFetch = true + ) => { + if (isFetching.current) return; + try { + isFetching.current = true; + // Reset flags to force fresh data fetch + hasFetchedDashboardApi.current = false; + hasFetchedOverviewApi.current = false; + lastMarketRequestsPayload.current = null; + lastOverviewRequestPayload.current = null; + + await fetchApiData( + 1, + forceDashboardFetch, + forceOverviewFetch, + forceMarketRequestsFetch + ); + + // Also call parent updateTable to update main trade panel table + if (updateTable && typeof updateTable === "function") { + updateTable(); + } + } finally { + isFetching.current = false; + } + }; + + useEffect(() => { + fetchDashboardOverview(true); + fetchMarketOverview(true); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + const marketStateInfo = parseMarketStateMessage(item?.marketStateMessage); + const statusText = `${ + item?.marketState === "deleted" + ? "حذف شده" + : item?.marketCodeStatus === true && + item?.marketFinalAccept === true && + !item?.inputMarketCode && + item?.marketState === "pending" + ? "در انتظار ورود کد احراز" + : item?.marketFinalAccept === false + ? "در انتظار تایید خریدار" + : item?.marketState === "pending" + ? "در انتظار تایید استان" + : item?.marketState === "accepted" + ? "تایید شده" + : item?.marketState === "rejected" + ? "رد شده" + : item?.marketState === "deleted" + ? "حذف شده" + : "" + }`; + + const isDeleted = item?.marketState === "deleted"; + const hasMarketStateMessage = + item?.marketStateMessage && + item.marketStateMessage !== null && + item.marketStateMessage !== ""; + + const statusDisplay = + isDeleted && marketStateInfo + ? `${statusText}${statusText ? " " : ""}( ${ + marketStateInfo.fullname + } ${marketStateInfo.mobile}) - ${formatTime(marketStateInfo.date)}` + : isDeleted && !hasMarketStateMessage + ? `${statusText}${statusText ? " " : ""}(سیستمی)` + : statusText; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.poultry?.unitName || ""}`, + `${item?.poultry?.fullname || ""} (${item?.poultry?.mobile || ""})`, + item?.poultry?.city || "", + ...(getRoleFromUrl() !== "KillHouse" + ? [ + `${item?.killHouse?.killer === true ? "کشتارکن" : "کشتارگاه"} ${ + item?.killHouse?.name || "" + }`, + `${item?.killHouse?.fullname || ""} (${ + item?.killHouse?.mobile || "" + })`, + item?.killHouse?.city || "", + ] + : []), + item?.chickenBreed || "", + item?.poultryRequest?.killingAge?.toLocaleString() || "0", + item?.killCapacity?.toLocaleString() || "0", + formatJustDate(item?.reciveDate) || "-", + item?.createDate ? formatTimeFull(item.createDate) : "-", + item?.IndexWeight || 0, + Math.round( + item?.IndexWeight * item?.killCapacity || 0 + ).toLocaleString(), + item?.amount ? item.amount.toLocaleString() : "0", + item?.paymentDeadlineDate + ? formatJustDate(item.paymentDeadlineDate) + : "-", + statusDisplay, + item?.marketState === "accepted" ? ( + + ) : ( + "-" + ), + + , + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + lastMarketRequestsPayload.current = null; + handleUpdate(false, false, true); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [perPage, filter, updateTable]); + + useEffect(() => { + // Expose handleUpdate function to parent component + if (setUpdateRef && typeof setUpdateRef === "function") { + setUpdateRef(() => handleUpdate); + } + }, [setUpdateRef, handleUpdate]); + + useEffect(() => { + if (overViewData) { + let d; + if (getRoleFromUrl() === "KillHouse") { + d = [ + { + title: "سهمیه روز شما", + data: overViewData?.info?.killHouseTodayShare?.toLocaleString(), + }, + + { + title: "حجم خرید موقت", + data: overViewData?.info?.killHouseMarketKillRequestsQuantityFirst?.toLocaleString(), + }, + { + title: "حجم خرید نهایی", + data: overViewData?.info?.killHouseMarketKillRequestsQuantityFinal?.toLocaleString(), + }, + { + title: "مانده سهمیه", + data: overViewData?.info?.killHouseTodayLeftShare?.toLocaleString(), + }, + { + title: "الزام به خرید سبک", + data: overViewData?.info?.marketLightShare?.toLocaleString(), + }, + { + title: " حجم خرید سبک توافقی", + data: overViewData?.info?.totalKillHouseMarketKillRequestsQuantityAgreementLightWeight?.toLocaleString(), + }, + { + title: "حجم خرید سبک ", + data: overViewData?.info?.totalKillHouseMarketKillRequestsQuantityLightWeight?.toLocaleString(), + }, + + { + title: "حجم خرید سنگین ", + data: overViewData?.info?.totalKillHouseMarketKillRequestsQuantityHeavyWeight?.toLocaleString(), + }, + { + title: "حجم کل سفارشات", + data: overViewData?.info?.totalPoultryRequestsQuantity?.toLocaleString(), + }, + { + title: "کل حجم خریداری شده", + data: overViewData?.info?.killHouseMarketKillRequestsQuantity?.toLocaleString(), + }, + ]; + } else { + d = overViewData?.map((item, i) => { + return [ + i + 1, + item?.name, + item?.info?.killHouseTodayShare?.toLocaleString() || "0", + item?.info?.killHouseMarketKillRequestsQuantity?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFirst?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFinal?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityWeight?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFirstWeight?.toLocaleString() || + "0", + item?.info?.killHouseMarketKillRequestsQuantityFinalWeight?.toLocaleString() || + "0", + item?.info?.totalKillHouseMarketKillRequestsQuantityAgreementLightWeight?.toLocaleString() || + "0", + item?.info?.totalKillHouseMarketKillRequestsQuantityLightWeight?.toLocaleString() || + "0", + item?.info?.totalKillHouseMarketKillRequestsQuantityHeavyWeight?.toLocaleString() || + "0", + item?.info?.killHouseTodayLeftShare?.toLocaleString() || "0", + item?.info?.marketLightShare?.toLocaleString() || "0", + ]; + }); + } + + setOverViewDataList(d); + } + }, [overViewData]); + + return ( + + {getRoleFromUrl() === "KillHouse" && ( + + {overViewDataList?.map((itemData, i) => ( + = 5 && i <= 9 + ? "#e0e7ff87" + : "primary.light", + + border: "1px solid", + borderColor: "divider", + transition: "transform 200ms ease, box-shadow 200ms ease", + transform: "translateY(0)", + boxShadow: "0 4px 12px rgba(0,0,0,0.06)", + "&:hover": { + boxShadow: "0 10px 28px rgba(0,0,0,0.12)", + transform: "translateY(-2px)", + }, + }} + > + + {itemData?.title} + + + {itemData?.data?.toLocaleString()} قطعه + + + ))} + + )} + + + + + + + + فیلتر نتایج + + + + + + } + title={ + getRoleFromUrl() === "KillHouse" + ? "خریدهای ثبت شده" + : "سفارشات دریافتی" + } + customWidth="100%" + data={tableData} + columns={[ + "ردیف", + "فارم", + "مرغدار", + "شهر", + ...(getRoleFromUrl() !== "KillHouse" + ? ["ماهیت خریدار", "خریدار", "آدرس خریدار"] + : []), + "نژاد", + "سن (روز)", + "تعداد قطعه", + "تاریخ کشتار", + "تاریخ ثبت سفارش", + "میانگین وزنی (کیلوگرم)", + "وزن تقریبی (کیلوگرم)", + "مبلغ هر کیلو (ریال)", + "حداکثر مهلت تسویه", + "وضعیت", + "توافق نامه", + "عملیات", + ]} + handlePageChange={handlePageChange} + totalRows={totalRows} + page={page} + perPage={perPage} + handlePerRowsChange={handlePerRowsChange} + customColors={[{ rest: true, color: "green" }]} + /> + + {getRoleFromUrl() !== "KillHouse" && ( + + + + + + )} + + ); +}; diff --git a/src/features/province/components/province-trade-panel-old-requests/ProvinceTradePanelOldRequests.js b/src/features/province/components/province-trade-panel-old-requests/ProvinceTradePanelOldRequests.js new file mode 100644 index 0000000..1a196c8 --- /dev/null +++ b/src/features/province/components/province-trade-panel-old-requests/ProvinceTradePanelOldRequests.js @@ -0,0 +1,156 @@ +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { TradepanelDetails } from "../trade-panel-details/TradepanelDetails"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { DatePicker } from "@mui/x-date-pickers"; +import { IconButton, TextField } from "@mui/material"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye"; +import { ProvinceTradePanelMarketOldRequestDetails } from "../province-trade-panel-market-old-request-details/ProvinceTradePanelMarketOldRequestDetails"; + +export const ProvinceTradePanelOldRequests = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(20); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (pageNumber = page) => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `direct-buying-poultry-requests?page=${pageNumber}&page_size=${perPage}&date1=${selectedDate1}&date2=${selectedDate2}` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + dispatch(LOADING_END()); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [perPage, selectedDate1, selectedDate2]); + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + , + `${item?.poultry?.fullname} (${item?.poultry?.mobile})`, + item?.poultry?.city, + item?.chickenBreed, + item?.age?.age, + item?.IndexWeight, + formatJustDate(item?.sendDate), + item?.quantity, + item?.remainQuantity ? item?.remainQuantity.toLocaleString() : "0", + item?.totalAllocated ? item?.totalAllocated?.toLocaleString() : "0", + item?.amount ? item?.amount.toLocaleString() : "0", + { + dispatch( + DRAWER({ + top: true, + title: "جزئیات خرید", + content: ( + + ), + }) + ); + }} + > + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + ); +}; diff --git a/src/features/province/components/province-trade-panel/ProvinceTradePanel.js b/src/features/province/components/province-trade-panel/ProvinceTradePanel.js new file mode 100644 index 0000000..cde2996 --- /dev/null +++ b/src/features/province/components/province-trade-panel/ProvinceTradePanel.js @@ -0,0 +1,176 @@ +import { useEffect, useState, useMemo, useRef } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { ProvinceTradePanelMarketRequest } from "../province-trade-panel-market-request/ProvinceTradePanelMarketRequest"; +import { ProvinceTradePanelMarketOldRequest } from "../province-trade-panel-market-old-request/ProvinceTradePanelMarketOldRequest"; +import { TradePanelTabs } from "./TradePanelTabs"; +import { TradeTimeRangeInfo } from "./TradeTimeRangeInfo"; +import { TradePanelChart } from "./TradePanelChart"; +import { TradePanelSearchBar } from "./TradePanelSearchBar"; +import { TradePanelTable } from "./TradePanelTable"; +import { useTradePanelData } from "./useTradePanelData"; +import { useTradePanelFilters } from "./useTradePanelFilters"; + +export const ProvinceTradePanel = () => { + const [perPage, setPerPage] = useState(20); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [value, setValue] = useState(0); + const marketRequestUpdateRef = useRef(null); + + const { + range, + chartsData, + data, + totalRows, + cities, + roleKey, + userKey, + fetchApiData, + initializeData, + } = useTradePanelData(); + + const { + filters, + updateFilter, + handleCityChange, + handleBreedChange, + handlePriceFilterSubmit, + handleAgeFilterSubmit, + getExcelUrlParams, + } = useTradePanelFilters(); + + const excelUrlParams = useMemo(() => { + if (!userKey) return ""; + return getExcelUrlParams(userKey, roleKey, textValue, page, perPage); + }, [getExcelUrlParams, userKey, roleKey, textValue, page, perPage]); + + useEffect(() => { + initializeData(textValue, filters, perPage); + }, []); + + useEffect(() => { + if (page === 1 && textValue === "") { + return; + } + fetchApiData(page, textValue, filters, perPage); + }, [ + page, + textValue, + filters.selectedBreeds, + filters.selectedCities, + filters.showRemaining, + filters.minPrice, + filters.maxPrice, + filters.minAge, + filters.maxAge, + perPage, + fetchApiData, + ]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handlePageChange = (pageNum) => { + setPage(pageNum); + fetchApiData(pageNum, textValue, filters, perPage); + }; + + const updateTable = () => { + fetchApiData(1, textValue, filters, perPage); + }; + + const updateAllTables = () => { + // Update "لیست اعلام کشتار های مرغداران" (tab 0) + updateTable(); + // Update "خریدهای ثبت شده" (tab 1) - call all services for ProvinceTradePanelMarketRequest + if ( + marketRequestUpdateRef.current && + typeof marketRequestUpdateRef.current === "function" + ) { + // Force all fetches: dashboard, overview, and market requests + marketRequestUpdateRef.current(true, true, true); + } + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + setPage(1); + fetchApiData(1, textValue, filters, perPage); + }; + + const handlePriceFilterSubmitWithPageReset = () => { + handlePriceFilterSubmit(); + setPage(1); + }; + + const handleAgeFilterSubmitWithPageReset = () => { + handleAgeFilterSubmit(); + setPage(1); + }; + + return ( + <> + + + + {value === 0 && ( + + + + + + )} + + + { + marketRequestUpdateRef.current = updateFn; + }} + /> + + {value === 2 && ( + + + + )} + + + ); +}; + +export default ProvinceTradePanel; diff --git a/src/features/province/components/province-trade-panel/TradePanelChart.js b/src/features/province/components/province-trade-panel/TradePanelChart.js new file mode 100644 index 0000000..8a15bd3 --- /dev/null +++ b/src/features/province/components/province-trade-panel/TradePanelChart.js @@ -0,0 +1,72 @@ +import { useMemo } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { AdvancedChart } from "../../../../components/advanced-chart/AdvancedChart"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProvinceTradePanelMarketRequest } from "../province-trade-panel-market-request/ProvinceTradePanelMarketRequest"; + +export const TradePanelChart = ({ chartsData, updateTable }) => { + const chartOptions = useMemo(() => { + if (!chartsData || !Array.isArray(chartsData) || !chartsData[0]) { + return []; + } + + const firstItem = chartsData[0]; + if (!firstItem?.category || !Array.isArray(firstItem.category)) { + return [ + { + name: "تعداد کل", + data: chartsData.map((item) => item?.totalQuantity || 0), + }, + ]; + } + + const formatCategoryName = (category) => + `بین ${category?.minValue || 0} تا ${category?.maxValue || 0}`; + + return [ + { + name: "تعداد کل", + data: chartsData.map((item) => item?.totalQuantity || 0), + }, + ...firstItem.category.map((cat, index) => ({ + name: formatCategoryName(cat), + data: chartsData.map((item) => { + if (!item?.category || !Array.isArray(item.category)) return 0; + return item.category[index]?.quantity || 0; + }), + })), + ]; + }, [chartsData]); + + const chartSeparator = + chartsData && Array.isArray(chartsData) + ? chartsData.map((item) => item?.city || "") + : []; + + const isKillHouse = getRoleFromUrl() === "KillHouse"; + + return ( + + + + + {isKillHouse && ( + + + + )} + + ); +}; diff --git a/src/features/province/components/province-trade-panel/TradePanelSearchBar.js b/src/features/province/components/province-trade-panel/TradePanelSearchBar.js new file mode 100644 index 0000000..b726878 --- /dev/null +++ b/src/features/province/components/province-trade-panel/TradePanelSearchBar.js @@ -0,0 +1,45 @@ +import { Button, TextField, Tooltip } from "@mui/material"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +export const TradePanelSearchBar = ({ + textValue, + onTextChange, + onSubmit, + excelUrlParams, +}) => { + return ( + + + + ); +}; diff --git a/src/features/province/components/province-trade-panel/TradePanelTable.js b/src/features/province/components/province-trade-panel/TradePanelTable.js new file mode 100644 index 0000000..c14401b --- /dev/null +++ b/src/features/province/components/province-trade-panel/TradePanelTable.js @@ -0,0 +1,117 @@ +import { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { TradepanelDetails } from "../trade-panel-details/TradepanelDetails"; +import { TradePanelPurchaseOperation } from "../trade-panel-purchase-operation/TradePanelPurchaseOperation"; +import { TradePanelFilters } from "../trade-panel-filter/TradePanelFilter"; +import { CHICKEN_BREEDS } from "./constants"; + +export const TradePanelTable = ({ + data, + page, + perPage, + totalRows, + filters, + cities, + onFilterUpdate, + onCityChange, + onBreedChange, + onPriceFilterSubmit, + onAgeFilterSubmit, + onPageChange, + onPerRowsChange, + updateTable, +}) => { + const [tableData, setTableData] = useState([]); + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + + const formatNumber = (num) => { + if (num === null || num === undefined) return "0"; + return num.toLocaleString(); + }; + + const rowNumber = (index) => { + const currentPage = page || 1; + const currentPerPage = perPage || 20; + return currentPage === 1 + ? index + 1 + : index + currentPerPage * (currentPage - 1) + 1; + }; + + const tableRows = data.map((item, i) => [ + rowNumber(i), + , + `${item?.poultry?.fullname || ""} (${item?.poultry?.mobile || ""})`, + item?.poultry?.city || "-", + item?.chickenBreed || "-", + item?.age?.age || "-", + item?.IndexWeight || "-", + item?.sendDate ? formatJustDate(item.sendDate) : "-", + item?.quantity || "-", + formatNumber(item?.remainQuantity), + formatNumber(item?.totalAllocated), + formatNumber(item?.amount), + , + ]); + + setTableData(tableRows); + }, [data, page, perPage, updateTable]); + + const columns = [ + "ردیف", + "جزئیات", + "نام و نام خانوادگی (تلفن)", + "استان / شهر", + "نژاد", + "سن جوجه", + "میانگین وزنی (کیلوگرم) ", + "تاریخ کشتار", + "تعداد قطعه", + "مانده قابل خرید", + "فروش رفته ", + "مبلغ هر کیلو (ریال)", + ...(getRoleFromUrl() === "KillHouse" ? ["خرید"] : []), + ]; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-trade-panel/TradePanelTabs.js b/src/features/province/components/province-trade-panel/TradePanelTabs.js new file mode 100644 index 0000000..032af1b --- /dev/null +++ b/src/features/province/components/province-trade-panel/TradePanelTabs.js @@ -0,0 +1,25 @@ +import { Tab, Tabs } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const TradePanelTabs = ({ value, onChange }) => { + if (getRoleFromUrl() === "KillHouse") { + return null; + } + + return ( + + + + + + + + ); +}; diff --git a/src/features/province/components/province-trade-panel/TradeTimeRangeInfo.js b/src/features/province/components/province-trade-panel/TradeTimeRangeInfo.js new file mode 100644 index 0000000..0b8853e --- /dev/null +++ b/src/features/province/components/province-trade-panel/TradeTimeRangeInfo.js @@ -0,0 +1,20 @@ +import { Typography } from "@mui/material"; +import InfoIcon from "@mui/icons-material/Info"; +import { Grid } from "../../../../components/grid/Grid"; + +export const TradeTimeRangeInfo = ({ range }) => { + if (!range?.allow) { + return null; + } + + return ( + + + + زمان فعالیت پنل معاملات: از ساعت{" "} + {range?.start_time ? range.start_time.slice(0, 5) : "-"} الی ساعت{" "} + {range?.end_time ? range.end_time.slice(0, 5) : "-"} + + + ); +}; diff --git a/src/features/province/components/province-trade-panel/constants.js b/src/features/province/components/province-trade-panel/constants.js new file mode 100644 index 0000000..fa1293d --- /dev/null +++ b/src/features/province/components/province-trade-panel/constants.js @@ -0,0 +1,15 @@ +export const CHICKEN_BREEDS = ["آرین", "راس", "کاب", "*ترکیبی"]; + +export const INITIAL_FILTERS = { + showRemaining: false, + selectedCities: [], + selectedBreeds: [], + minPrice: "", + maxPrice: "", + tempMinPrice: "", + tempMaxPrice: "", + minAge: "", + maxAge: "", + tempMinAge: "", + tempMaxAge: "", +}; diff --git a/src/features/province/components/province-trade-panel/useTradePanelData.js b/src/features/province/components/province-trade-panel/useTradePanelData.js new file mode 100644 index 0000000..441d7a8 --- /dev/null +++ b/src/features/province/components/province-trade-panel/useTradePanelData.js @@ -0,0 +1,169 @@ +import { useEffect, useState, useCallback, useRef, useMemo } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; +import { tradePanelChart } from "../../services/trade-panel-chat"; +import { provincePolicyGetTradeTimeRagnge } from "../../services/province-policy-edit-trade-time-range"; +import { provinceGetDirectBuyingPoultryRequests } from "../../services/province-get-direct-buying-poultry-requests"; + +export const useTradePanelData = () => { + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const [range, setRange] = useState(); + const [chartsData, setChartsData] = useState([]); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [cities, setCities] = useState([]); + + const isInitialMount = useRef(true); + const lastRequestPayload = useRef(null); + const isFetching = useRef(false); + + const roleKey = useMemo( + () => (checkPathStartsWith("slaughter") ? selectedSubUser?.key || "" : ""), + [selectedSubUser?.key] + ); + + useEffect(() => { + const fetchCities = async () => { + try { + const response = await axios.get("/cities"); + setCities(response.data); + } catch (error) { + console.error("خطا در دریافت اطلاعات", error); + } + }; + fetchCities(); + }, []); + + const fetchTradeTimeRange = useCallback(async () => { + const r = await dispatch(provincePolicyGetTradeTimeRagnge()); + if (r?.payload?.data) { + const { startTime, endTime, allow } = r.payload.data; + setRange({ start_time: startTime, end_time: endTime, allow }); + } + }, [dispatch, roleKey]); + + const fetchChartData = useCallback(async () => { + const r = await dispatch( + tradePanelChart({ + role_key: checkPathStartsWith("slaughter") ? roleKey || "" : "", + }) + ); + if (r?.payload?.data) { + setChartsData(r.payload.data); + } + }, [dispatch, roleKey]); + + const fetchApiData = useCallback( + async (pageNumber, searchValue, filters, perPage, forceFetch = false) => { + const { + selectedBreeds = [], + selectedCities = [], + showRemaining = false, + minPrice = "", + maxPrice = "", + minAge = "", + maxAge = "", + } = filters || {}; + + const payload = { + selectedBreeds: [...(selectedBreeds || [])].sort().join(","), + selectedCities: [...(selectedCities || [])].sort().join(","), + showRemaining, + minPrice: minPrice || "", + maxPrice: maxPrice || "", + minAge: minAge || "", + maxAge: maxAge || "", + textValue: searchValue || "", + page: pageNumber || 1, + perPage: perPage || 20, + }; + + const payloadKey = JSON.stringify(payload); + + if (!forceFetch && lastRequestPayload.current === payloadKey) { + return; + } + + if (isFetching.current) { + return; + } + + isFetching.current = true; + lastRequestPayload.current = payloadKey; + + try { + const r = await dispatch( + provinceGetDirectBuyingPoultryRequests({ + selectedBreeds: selectedBreeds || [], + selectedCities: selectedCities || [], + showRemaining, + minPrice: minPrice || "", + maxPrice: maxPrice || "", + minAge: minAge || "", + maxAge: maxAge || "", + textValue: searchValue || "", + page: pageNumber || 1, + perPage: perPage || 20, + }) + ); + if (r?.payload?.error) { + console.error("Error fetching data:", r.payload.error); + setData([]); + setTotalRows(0); + } else if (r?.payload?.data) { + setData(r.payload.data.results || []); + setTotalRows(r.payload.data.count || 0); + } + } catch (error) { + console.error("Error in fetchApiData:", error); + setData([]); + setTotalRows(0); + } finally { + isFetching.current = false; + } + }, + [dispatch, roleKey] + ); + + const initializeData = useCallback( + async (textValue, filters, perPage) => { + if (isInitialMount.current) { + isInitialMount.current = false; + lastRequestPayload.current = null; + try { + await Promise.all([ + fetchTradeTimeRange(), + fetchChartData(), + fetchApiData(1, textValue, filters, perPage, true), + ]); + } catch (error) { + console.error("Error in initial fetch:", error); + } + } + }, + [fetchTradeTimeRange, fetchChartData, fetchApiData] + ); + + const resetPayload = useCallback(() => { + lastRequestPayload.current = null; + }, []); + + return { + range, + chartsData, + data, + totalRows, + cities, + roleKey, + userKey, + fetchApiData, + initializeData, + resetPayload, + }; +}; diff --git a/src/features/province/components/province-trade-panel/useTradePanelFilters.js b/src/features/province/components/province-trade-panel/useTradePanelFilters.js new file mode 100644 index 0000000..3b61be9 --- /dev/null +++ b/src/features/province/components/province-trade-panel/useTradePanelFilters.js @@ -0,0 +1,105 @@ +import { useState, useMemo } from "react"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { INITIAL_FILTERS } from "./constants"; + +export const useTradePanelFilters = () => { + const [filters, setFilters] = useState(INITIAL_FILTERS); + + const updateFilter = (key, value) => { + setFilters((prev) => ({ ...prev, [key]: value })); + }; + + const toggleArrayItem = (array, item) => + array.includes(item) ? array.filter((i) => i !== item) : [...array, item]; + + const handleCityChange = (city) => { + setFilters((prev) => ({ + ...prev, + selectedCities: toggleArrayItem(prev.selectedCities, city), + })); + }; + + const handleBreedChange = (breed) => { + setFilters((prev) => ({ + ...prev, + selectedBreeds: toggleArrayItem(prev.selectedBreeds, breed), + })); + }; + + const handlePriceFilterSubmit = () => { + setFilters((prev) => ({ + ...prev, + minPrice: prev.tempMinPrice, + maxPrice: prev.tempMaxPrice, + })); + }; + + const handleAgeFilterSubmit = () => { + setFilters((prev) => ({ + ...prev, + minAge: prev.tempMinAge, + maxAge: prev.tempMaxAge, + })); + }; + + const { + selectedCities, + selectedBreeds, + showRemaining, + minPrice, + maxPrice, + minAge, + maxAge, + } = filters; + + const getExcelUrlParams = useMemo(() => { + return (userKey, roleKey, textValue, page, perPage) => { + const params = new URLSearchParams({ + key: userKey || "", + breed: selectedBreeds?.join(",") || "", + remain: showRemaining, + min_age: minAge || "", + max_age: maxAge || "", + role: getRoleFromUrl() || "", + search: "filter", + value: textValue || "", + page: page?.toString() || "1", + page_size: perPage?.toString() || "20", + }); + + if (selectedCities?.length > 0) { + params.append("city", selectedCities.join(",")); + } + if (minPrice) params.append("min_amount", minPrice); + if (maxPrice) params.append("max_amount", maxPrice); + if (roleKey) params.append("role_key", roleKey); + + return params.toString(); + }; + }, [ + selectedBreeds, + selectedCities, + showRemaining, + minPrice, + maxPrice, + minAge, + maxAge, + ]); + + return { + filters, + updateFilter, + handleCityChange, + handleBreedChange, + handlePriceFilterSubmit, + handleAgeFilterSubmit, + selectedCities, + selectedBreeds, + showRemaining, + minPrice, + maxPrice, + minAge, + maxAge, + getExcelUrlParams, + }; +}; diff --git a/src/features/province/components/province-true-guilds-in-province/ProvinceTrueGuildsInProvince.js b/src/features/province/components/province-true-guilds-in-province/ProvinceTrueGuildsInProvince.js new file mode 100644 index 0000000..8e82397 --- /dev/null +++ b/src/features/province/components/province-true-guilds-in-province/ProvinceTrueGuildsInProvince.js @@ -0,0 +1,3 @@ +export const ProvinceTrueGuildsInProvince = () => { + return "ProvinceTrueGuildsInProvince"; +}; diff --git a/src/features/province/components/province-true-guilds-out-province/ProvinceTrueGuildsOutProvince.js b/src/features/province/components/province-true-guilds-out-province/ProvinceTrueGuildsOutProvince.js new file mode 100644 index 0000000..bf88486 --- /dev/null +++ b/src/features/province/components/province-true-guilds-out-province/ProvinceTrueGuildsOutProvince.js @@ -0,0 +1,144 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { RiSearchLine } from "react-icons/ri"; +import { fetchOutProvinceRealBuyers } from "../../services/province-out-province-buyers"; + +export const ProvinceTrueGuildsOutProvince = () => { + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const dispatch = useDispatch(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + try { + const response = await fetchOutProvinceRealBuyers({ + role: getRoleFromUrl(), + page: page, + pageSize: perPage, + searchValue: textValue, + }); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const killHouseName = item?.KillHouse?.name || "-"; + const killHouseOperator = + item?.KillHouse?.killHouseOperator?.user?.fullname || ""; + const killHouseInfo = killHouseOperator + ? `${killHouseName} (${killHouseOperator})` + : killHouseName; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.fullname} (${item?.mobile})`, + item?.unitName || "-", + killHouseInfo, + item?.province || "-", + item?.city || "-", + item?.requestsInfo?.numberOfRequests?.toLocaleString() || "0", + item?.requestsInfo?.totalQuantity?.toLocaleString() || "0", + item?.requestsInfo?.totalWeight?.toLocaleString() || "0", + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + setPage(1); + }; + + return ( + + + + + + + + + ); +}; diff --git a/src/features/province/components/province-unarchive-fee/ProvinceUnarchiveFee.js b/src/features/province/components/province-unarchive-fee/ProvinceUnarchiveFee.js new file mode 100644 index 0000000..025727f --- /dev/null +++ b/src/features/province/components/province-unarchive-fee/ProvinceUnarchiveFee.js @@ -0,0 +1,65 @@ +import { Button } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { provinceUnarchiveFeeService } from "../../services/province-unarchive-fee"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext } from "react"; + +export const ProvinceUnarchiveFee = ({ + provinceKillRequestKey, + updateTable, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + return ( + + + + + + + ); +}; diff --git a/src/features/province/components/province-unpaid-fees/ProvinceUnpaidFees.js b/src/features/province/components/province-unpaid-fees/ProvinceUnpaidFees.js new file mode 100644 index 0000000..ef58b06 --- /dev/null +++ b/src/features/province/components/province-unpaid-fees/ProvinceUnpaidFees.js @@ -0,0 +1,318 @@ +import { + Button, + Checkbox, + FormControlLabel, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_ADMINX_PAYING_FEES_REQUESTS, + ROUTE_PROVINCE_PAYING_FEES_REQUESTS, + ROUTE_SUPER_ADMIN_PAYING_FEES_REQUESTS, +} from "../../../../routes/routes"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceUnpaidFees = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [withDate, setWithDate] = useState(false); + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&type=unpaid&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&type=unpaid&page=${page}&role=${getRoleFromUrl()}&page_size=${newPerPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `kill_house_total_wage/?search=filter&value=${textValue}&type=unpaid${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const columns = [ + { + name: "خریدار", + selector: (item) => { + const type = item?.info?.killer ? "کشتارکن" : "کشتارگاه"; + return `${type} ${item?.info?.killHouseName} - ${item?.info?.killHouseFullname} (${item?.info?.killHouseMobile})`; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.info?.killHouseCity}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تعداد پرونده", + selector: (item) => item?.info?.totalCount?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "حجم", + selector: (item) => item.info?.totalQuantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وزن سفارشات (کیلوگرم)", + selector: (item) => item.info?.totalWeight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مبلغ تعرفه (﷼)", + selector: (item) => item?.info?.totalWage?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "جزییات سفارش", + selector: (item) => { + return ( + + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + return ( + + + + تعرفه های پرداخت نشده + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + } + columns={columns} + data={data} + progressPending={loading} + pagination + paginationServer + paginationTotalRows={totalRows} + onChangeRowsPerPage={handlePerRowsChange} + onChangePage={handlePageChange} + /> + + ); +}; diff --git a/src/features/province/components/province-update-killer-identity/ProvinceUpdateKillerIdentity.js b/src/features/province/components/province-update-killer-identity/ProvinceUpdateKillerIdentity.js new file mode 100644 index 0000000..dc96ac0 --- /dev/null +++ b/src/features/province/components/province-update-killer-identity/ProvinceUpdateKillerIdentity.js @@ -0,0 +1,64 @@ +import { MenuItem, Select } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterGetKillerKillhousesService } from "../../../slaughter-house/services/slaughter-get-killers-killhouses"; +import { provinceGetSlaughterhousesQuotaService } from "../../services/province-get-slaughterhouses-quota"; +import { provinceUpdateKillerIdentityService } from "../../services/province-update-killer-identity"; + +export const ProvinceUpdateKillerIdentity = ({ + slaughterKey, + disableSelect, + killerType, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [selectedOption, setSelectedOption] = useState(killerType); + const handleOptionChange = (event) => { + dispatch( + provinceUpdateKillerIdentityService({ + kill_house_key: slaughterKey, + type: event.target.value, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + setSelectedOption(event.target.value); + dispatch(provinceGetSlaughterhousesQuotaService()); + dispatch(slaughterGetKillerKillhousesService()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + <> + {disableSelect ? ( + "-" + ) : ( + + )} + + ); +}; diff --git a/src/features/province/components/province-update-slaughter-identity/ProvinceUpdateSlaughterIdentity.js b/src/features/province/components/province-update-slaughter-identity/ProvinceUpdateSlaughterIdentity.js new file mode 100644 index 0000000..e6db1c6 --- /dev/null +++ b/src/features/province/components/province-update-slaughter-identity/ProvinceUpdateSlaughterIdentity.js @@ -0,0 +1,57 @@ +import { MenuItem, Select } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterGetKillerKillhousesService } from "../../../slaughter-house/services/slaughter-get-killers-killhouses"; +import { provinceGetSlaughterhousesQuotaService } from "../../services/province-get-slaughterhouses-quota"; +import { provinceUpdateSlaughterIdentityService } from "../../services/province-update-slaughter-identity"; + +export const ProvinceUpdateSlaughterIdentity = ({ + killhouseType, + slaughterKey, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [selectedOption, setSelectedOption] = useState(killhouseType); + + const handleOptionChange = (event) => { + dispatch( + provinceUpdateSlaughterIdentityService({ + percentage_key: slaughterKey, + identity: event.target.value, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + setSelectedOption(event.target.value); + dispatch(provinceGetSlaughterhousesQuotaService()); + dispatch(slaughterGetKillerKillhousesService()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + ); +}; diff --git a/src/features/province/components/province-view-buyer-fees/ProvinceViewBuyerFees.js b/src/features/province/components/province-view-buyer-fees/ProvinceViewBuyerFees.js new file mode 100644 index 0000000..2489de0 --- /dev/null +++ b/src/features/province/components/province-view-buyer-fees/ProvinceViewBuyerFees.js @@ -0,0 +1,5 @@ +import { Typography } from "@mui/material"; + +export const ProvinceViewBuyerFees = () => { + return ProvinceViewBuyerFees; +}; diff --git a/src/features/province/components/province-wage-payment-create-transaction/ProvinceWagePaymentCreateTransaction.js b/src/features/province/components/province-wage-payment-create-transaction/ProvinceWagePaymentCreateTransaction.js new file mode 100644 index 0000000..c14e68d --- /dev/null +++ b/src/features/province/components/province-wage-payment-create-transaction/ProvinceWagePaymentCreateTransaction.js @@ -0,0 +1,457 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Grid, + TextField, + Autocomplete, + Button, + FormHelperText, + Select, + InputLabel, + FormControl, + MenuItem, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch } from "react-redux"; +import { provinceGetBuyersService } from "../../services/province-get-buyers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provinceWagePaymentCreateTransactionService, + provinceWagePaymentEditTransactionService, +} from "../../services/province-wage-payment-create-transaction-service"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const ProvinceWagePaymentCreateTransaction = ({ + fetchApiData, + item, + isEdit, +}) => { + const [killHouses, setKillHouses] = useState([]); + const dispatch = useDispatch(); + + const [openNotif] = useContext(AppContext); + const [profileImages, setProfileImages] = useState([]); + + const [, , selectedDate1, setSelectedDate1] = useContext(AppContext); + + useEffect(() => { + if (item?.date) { + setSelectedDate1(moment(item?.date).format("YYYY-MM-DD HH:MM")); + } + }, []); + + const validationSchema = Yup.object({ + kill_house_key: Yup.string().required("کشتارگاه را انتخاب کنید!"), + description: Yup.string(), + amount: Yup.number().required("مبلغ را وارد کنید!"), + image: Yup.string(), + transaction_type: Yup.string().required("نوع تراکنش را وارد کنید!"), + refId: Yup.string().required("شناسه ارجاع را وارد کنید!"), + orderId: Yup.string().required("شناسه سفارش را وارد کنید!"), + cardHolderPan: Yup.string().required("کارت بانکی را وارد کنید!"), + union_share: Yup.number().required("سهم اتحادیه را وارد کنید!"), + company_share: Yup.number().required("سهم شرکت را وارد کنید!"), + guilds_share: Yup.number().required("سهم اصناف را وارد کنید!"), + other_share: Yup.number().required("سایر سهم ها را وارد کنید!"), + }); + + const formik = useFormik({ + initialValues: { + kill_house_key: isEdit ? "test" : "", + description: item?.description ? item?.description : "", + amount: item?.amount ? item?.amount : "", + transaction_type: item?.transactionType ? item?.transactionType : "", + refId: item?.refId ? item?.refId : "", + orderId: item?.orderId ? item?.orderId : "", + cardHolderPan: item?.cardHolderPan ? item?.cardHolderPan : "", + union_share: item?.unionShare ? item?.unionShare : 0, + company_share: item?.companyShare ? item?.companyShare : 0, + guilds_share: item?.guildsShare ? item?.guildsShare : 0, + other_share: item?.otherShare ? item?.otherShare : 0, + image: "", + }, + validationSchema, + }); + + useEffect(() => { + if (!isEdit) { + dispatch( + provinceGetBuyersService({ dispenser: true, role: getRoleFromUrl() }) + ).then((r) => { + setKillHouses(r.payload.data); + }); + } + }, []); + + useEffect(() => { + formik.validateForm(); + }, []); + + const factorPaymentHandler = (imageList, addUpdateIndex) => { + if (imageList[0]) { + formik.setFieldValue("image", fixBase64(imageList[0]?.data_url)); + } + setProfileImages(imageList); + }; + + return ( + + + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD HH:MM:SS")); + }} + /> + + + {!isEdit && ( + + option.name} + onChange={(event, newValue) => { + formik.setFieldValue("kill_house_key", newValue.key); + }} + onBlur={formik.handleBlur} + renderInput={(params) => ( + + )} + /> + + )} + + + + نوع تراکنش + + + {formik.touched.transaction_type && + Boolean(formik.errors.transaction_type) + ? formik.errors.transaction_type + : null} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {item?.image && !profileImages.length && ( + سند

+ )} + + + + + + + ); +}; diff --git a/src/features/province/components/province-wage-payment-transactions-operations/ProvinceWagePaymentTransactionsOperations.js b/src/features/province/components/province-wage-payment-transactions-operations/ProvinceWagePaymentTransactionsOperations.js new file mode 100644 index 0000000..98a35db --- /dev/null +++ b/src/features/province/components/province-wage-payment-transactions-operations/ProvinceWagePaymentTransactionsOperations.js @@ -0,0 +1,157 @@ +import { Button, IconButton, Popover, Tooltip } from "@mui/material"; +import { useContext, useState } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import { Grid } from "../../../../components/grid/Grid"; +import EditIcon from "@mui/icons-material/Edit"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { ProvinceWagePaymentCreateTransaction } from "../province-wage-payment-create-transaction/ProvinceWagePaymentCreateTransaction"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceWagePaymentDeleteTransactionService } from "../../services/province-wage-payment-create-transaction-service"; + +export const ProvinceWagePaymentTransactionsOperations = ({ + item, + fetchApiData, +}) => { + const dispatch = useDispatch(); + const [anchorEl, setAnchorEl] = useState(null); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const [openNotif] = useContext(AppContext); + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + // const dispatch = useDispatch(); + + return ( +

+ + + + +

+ + + { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش تراکنش", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }} + > + + + + +

+ +

+ ); +}; diff --git a/src/features/province/components/province-wage-payment-transactions-upload-doc/ProvinceWagePaymentTransactionsUploadDoc.js b/src/features/province/components/province-wage-payment-transactions-upload-doc/ProvinceWagePaymentTransactionsUploadDoc.js new file mode 100644 index 0000000..779cb62 --- /dev/null +++ b/src/features/province/components/province-wage-payment-transactions-upload-doc/ProvinceWagePaymentTransactionsUploadDoc.js @@ -0,0 +1,74 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { provinceKillhousesPaidFeesChangePaymentTypeService } from "../../services/province-killhouses-paid-fee-change-payment-type-service"; +import { SPACING } from "../../../../data/spacing"; +import { resizeImage } from "../../../../utils/resizeImage"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { Grid } from "../../../../components/grid/Grid"; + +export const ProvinceWagePaymentTransactionsUploadDoc = ({ + item, + updateTable, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [profileImages, setProfileImages] = useState([]); + const [profileImg, setProfileImg] = useState(); + + const factorPaymentHandler = (imageList, addUpdateIndex) => { + if (imageList[0]) { + const file = imageList[0]?.file; + resizeImage(file, (resizedDataUrl) => { + const optimizedBase64 = fixBase64(resizedDataUrl); + setProfileImg(optimizedBase64); + }); + } + setProfileImages(imageList); + }; + + useEffect(() => { + if (profileImg) { + dispatch( + provinceKillhousesPaidFeesChangePaymentTypeService({ + image: profileImg, + transaction_key: item?.key, + }) + ).then((r) => { + setProfileImg(null); + setProfileImages([]); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(1); + } + }); + } + }, [profileImg, profileImages]); + + return ( + + + + + + ); +}; diff --git a/src/features/province/components/province-wage-payment-transactions/ProvinceWagePaymentTransactions.js b/src/features/province/components/province-wage-payment-transactions/ProvinceWagePaymentTransactions.js new file mode 100644 index 0000000..cf85828 --- /dev/null +++ b/src/features/province/components/province-wage-payment-transactions/ProvinceWagePaymentTransactions.js @@ -0,0 +1,418 @@ +import { + Button, + Checkbox, + FormControlLabel, + IconButton, + TextField, + Tooltip, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +// import { RiFileExcel2Fill } from "react-icons/ri"; +// import { useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { ProvinceKillHousePaidFeeEditDescription } from "../province-killhouse-paid-fee-edit-description/ProvinceKillHousePaidFeeEditDescription"; +import EditIcon from "@mui/icons-material/Edit"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import ProvinceKillhousePaidFeeChangePaymentType from "../province-killhouse-paid-fee-change-payment-type/ProvinceKillhousePaidFeeChangePaymentType"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { ProvinceWagePaymentTransactionsUploadDoc } from "../province-wage-payment-transactions-upload-doc/ProvinceWagePaymentTransactionsUploadDoc"; +import { ProvinceWagePaymentCreateTransaction } from "../province-wage-payment-create-transaction/ProvinceWagePaymentCreateTransaction"; +import { ProvinceWagePaymentTransactionsOperations } from "../province-wage-payment-transactions-operations/ProvinceWagePaymentTransactionsOperations"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { RiSearchLine } from "react-icons/ri"; + +export const ProvinceWagePaymentTransactions = ({ province }) => { + // const authToken = useSelector((state) => state.userSlice.authToken); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + const [withDate, setWithDate] = useState(false); + const dispatch = useDispatch(); + const [textValue, setTextValue] = useState(""); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [tableData, setTableData] = useState([]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page) => { + const response = await axios.get( + `${ + province ? province + "parent-company-" : "" + }total-internal-transactions/?search=filter&value=${textValue}&page=${page}&role=${getRoleFromUrl()}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + try { + const response = await axios.get( + `${ + province ? province + "parent-company-" : "" + }total-internal-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate, province]); + + const getOthersShare = (item) => { + if ( + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "ProvinceOperator" + ) { + return [ + item?.guildsShare?.toLocaleString(), + item?.companyShare?.toLocaleString(), + item?.otherShare?.toLocaleString(), + ]; + } else { + return []; + } + }; + + const getRoleColumns = () => { + if ( + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "ProvinceOperator" + ) { + return ["سهم صنف (﷼)", "سهم شرکت (﷼)", "سهم دامپزشک (﷼)"]; + } else { + return []; + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${ + item?.payerType === "kill_house" + ? `کشتارگاه / کشتارکن ${item?.killHouse?.name}` + : item?.payerType === "chain_company" + ? `شرکت زنجیره ${item?.chainCompany?.name}` + : `خریدار (${ + item?.outProvincePoultryRequestBuyer?.unitName + ? item?.outProvincePoultryRequestBuyer?.unitName + : "-" + })` + }`, + formatJustDate(item?.date), + getRoleFromUrl() === "SuperAdmin" ? ( + + {item?.transactionType === "wage-gateway-auto" + ? "آنلاین" + : item?.transactionType === "correspondence" + ? "مکاتبات" + : "دستی"} + { + dispatch( + OPEN_MODAL({ + title: "ویرایش نوع پرداخت", + content: ( + + ), + }) + ); + }} + > + + + + ) : item?.transactionType === "wage-gateway-auto" ? ( + "آنلاین" + ) : item?.transactionType === "correspondence" ? ( + "مکاتبات" + ) : ( + "دستی" + ), + item?.refId, + item?.orderId, + `${item?.payerInfo?.fullname} (${item?.payerInfo?.mobile})`, + item?.cardHolderPan, + item?.transactionAmount.toLocaleString(), + item?.unionShare?.toLocaleString(), + ...getOthersShare(item), + item?.image && + (getRoleFromUrl() === "AdminX" || getRoleFromUrl() === "SuperAdmin") ? ( + + + + + ) : getRoleFromUrl() === "ParentCompany" ? ( + + ) : ( + + ), + getRoleFromUrl() === "SuperAdmin" || getRoleFromUrl() === "AdminX" ? ( + + {item?.description ? item?.description : "-"}{" "} + { + dispatch( + OPEN_MODAL({ + title: "ویرایش توضیحات", + content: ( + + ), + }) + ); + }} + > + + + + ) : item?.description ? ( + item?.description + ) : ( + "-" + ), + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + {getRoleFromUrl() === "AdminX" && ( + + )} + + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ); +}; diff --git a/src/features/province/components/province_policy_upload_image_slaughter_out_province/ProvincePolicyUploadImageSlaughterOutProvince.js b/src/features/province/components/province_policy_upload_image_slaughter_out_province/ProvincePolicyUploadImageSlaughterOutProvince.js new file mode 100644 index 0000000..bffc936 --- /dev/null +++ b/src/features/province/components/province_policy_upload_image_slaughter_out_province/ProvincePolicyUploadImageSlaughterOutProvince.js @@ -0,0 +1,117 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + provincePolicyGEditUploadImageService, + provincePolicyGetUploadImageService, +} from "../../services/province-policy-upload-image"; +import { Grid } from "../../../../components/grid/Grid"; +import { FormControlLabel, Radio, Typography } from "@mui/material"; + +export const ProvincePolicyUploadImageSlaughterOutProvince = () => { + const [submitStatus, SetSubmitStatus] = useState(false); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const fetchData = () => { + dispatch(provincePolicyGetUploadImageService()).then((r) => { + SetSubmitStatus(r.payload.data.killHouseFreeSale); + }); + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( + + + سند توزیع خارج استان کشتارگاه + + + { + SetSubmitStatus(true); + dispatch( + provincePolicyGEditUploadImageService({ + kill_house_free_sale: true, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اجباری" + /> + { + SetSubmitStatus(false); + dispatch( + provincePolicyGEditUploadImageService({ + kill_house_free_sale: false, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + fetchData(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + } + label="اختیاری" + /> + + + ); +}; diff --git a/src/features/province/components/success-transaction-recipt/SuccessTransactionRecipt.js b/src/features/province/components/success-transaction-recipt/SuccessTransactionRecipt.js new file mode 100644 index 0000000..9c8106c --- /dev/null +++ b/src/features/province/components/success-transaction-recipt/SuccessTransactionRecipt.js @@ -0,0 +1,158 @@ +import React, { forwardRef } from "react"; +import { PropTypes } from "prop-types"; +import logo from "../../../../assets/images/logo.png"; +import { formatJustDate, formatJustTime } from "../../../../utils/formatTime"; + +const styles = { + page: { + width: "214mm", + height: "302mm", + display: "flex", + margin: "0 auto", + justifyContent: "center", // Center horizontally + alignItems: "center", // Center vertically + position: "relative", + direction: "rtl", + fontFamily: "titr", + fontWeight: "bold", + }, + pageData: { + display: "flex", + flexDirection: "column", + padding: "20px", + border: "2px solid #666", // Border color + borderRadius: "10px", + width: "50%", + position: "relative", + backgroundColor: "#fff", // Background color + boxShadow: "0px 0px 20px rgba(0, 0, 0, 0.1)", // Box shadow + }, + title: { + textAlign: "center", + marginBottom: "10px", + fontSize: "24px", + fontWeight: "bold", + color: "#333", // Text color + }, + logo: { + width: "100px", + height: "auto", + margin: "0 auto", // Center horizontally + display: "block", + }, + hr: { + border: "none", + borderTop: "1px solid #ccc", // Line color + margin: "5px 0", // Adjust margin as needed + }, + row: { + display: "flex", + flexDirection: "row", + marginBottom: "10px", + justifyContent: "space-between", + }, + label: { + flex: "0 0 40%", + textAlign: "right", + marginRight: "10px", + fontWeight: "bold", + color: "#555", // Text color + }, + value: { + textAlign: "right", + color: "#333", // Text color + fontFamily: "titr", + }, +}; + +const SuccessTransactionRecipt = forwardRef(({ item, isPayment }, ref) => { + return ( +

+ {item && ( +

رسید پرداخت

تاریخ و زمان:

+ {`${formatJustDate(item.date)} ساعت ${formatJustTime( + item.date + )}`} +

پرداخت کننده:

+ {isPayment ? item?.payerInfo?.fullname : item.payer} +

+ {!isPayment && ( + <> +

تعداد سفارشات:

+ {item.information?.totalRequestNumber} +

تعداد کل (قطعه):

+ {item.information?.totalQuantity} +

وزن کل (کیلوگرم):

+ {item.information?.totalWeight} +

+ + )} + +

شماره درخواست:

{item.orderId}

شماره پیگیری:

{item.refId}

کدسفارش:

{item.orderId}

شماره کارت:

{item.cardHolderPan}

مبلغ:

+ {item.amount?.toLocaleString()} ریال +

+ )} +

+ ); +}); + +SuccessTransactionRecipt.displayName = "SuccessTransactionRecipt"; + +export default SuccessTransactionRecipt; + +SuccessTransactionRecipt.propTypes = { + item: PropTypes.object, +}; diff --git a/src/features/province/components/success-transactions/SuccessTransactions.js b/src/features/province/components/success-transactions/SuccessTransactions.js new file mode 100644 index 0000000..906b79c --- /dev/null +++ b/src/features/province/components/success-transactions/SuccessTransactions.js @@ -0,0 +1,388 @@ +import { + Button, + IconButton, + Pagination, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useRef, useState } from "react"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { format } from "date-fns-jalali"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import BoxList from "../../../../components/box-list/BoxList"; +import PrintIcon from "@mui/icons-material/Print"; +import { useReactToPrint } from "react-to-print"; +import SuccessTransactionRecipt from "../success-transaction-recipt/SuccessTransactionRecipt"; + +export const SuccessTransactions = () => { + const authToken = useSelector((state) => state.userSlice.authToken); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const userInfo = useSelector((state) => state.userSlice); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const [dataTableM, setDataTableM] = useState([]); + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `transactions/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&date1=${selectedDate1}&date2=${selectedDate2}&state=completed&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + dispatch(LOADING_END()); + }; + + const [page, setPage] = useState(0); + const handleChangePageM = (event, newPage) => { + dispatch(LOADING_START()); + setPage(newPage); + fetchApiData(newPage + 1, textValue); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `transactions/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&date1=${selectedDate1}&date2=${selectedDate2}&state=completed&role=${getRoleFromUrl()}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + try { + const response = await axios.get( + `transactions/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&state=completed&role=${getRoleFromUrl()}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const [reciptData, setReciptData] = useState(); + + const componentRef = useRef(); + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: `گزارش پرونده `, + }); + + const setPdfOptions = (item) => { + setReciptData(item); + if (reciptData) { + printPDF(); + } + }; + + const columns = [ + { + name: "تاریخ و زمان", + selector: (item) => { + return format(new Date(item.createDate), "yyyy/MM/dd hh:mm:ss"); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "پرداخت کننده", + selector: (item) => { + return item.payer; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "تعداد سفارشات", + selector: (item) => { + return item.information?.totalRequestNumber; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "تعداد کل (قطعه)", + selector: (item) => { + return item.information?.totalQuantity; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "وزن کل (کیلوگرم)", + selector: (item) => { + return item.information?.totalWeight; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شماره درخواست", + selector: (item) => { + return item.orderId; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شماره پیگیری", + selector: (item) => { + return item.saleReferenceId; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "کدسفارش", + selector: (item) => { + return item.orderId; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شماره کارت", + selector: (item) => { + return item.cardHolderPan; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "قیمت", + selector: (item) => { + return item?.amount?.toLocaleString() + " ﷼"; + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "چاپ رسید", + selector: (item) => { + return ( + <> + { + setPdfOptions(item); + }} + > + + + + ); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + const tableTitle = ( + + + تراکنش های موفق + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + ); + + const columnNames = columns.map((column) => column.name); + const isMobile = window.innerWidth <= 600; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + format(new Date(item.createDate), "yyyy/MM/dd hh:mm:ss"), + item.information?.totalRequestNumber, + item.information?.totalQuantity, + item.information?.totalQuantity, + item.payerInfo, + item.refId, + item.trackingCode, + item.cardHolderPan, + item.orderId, + ]; + }); + + setDataTableM(d); + }, [data]); + + return ( + +

+ +

+ {isMobile ? ( + <> + {tableTitle} + + { + handleChangePageM(event, newPage - 1); + }} + /> + + ) : ( + + )} + + ); +}; diff --git a/src/features/province/components/total-cargo-information/TotalCargoInformation.js b/src/features/province/components/total-cargo-information/TotalCargoInformation.js new file mode 100644 index 0000000..cd9ccd9 --- /dev/null +++ b/src/features/province/components/total-cargo-information/TotalCargoInformation.js @@ -0,0 +1,560 @@ +import React, { useContext, useEffect, useState } from "react"; +import axios from "axios"; +import { useDispatch } from "react-redux"; +import { + LOADING_START, + LOADING_END, +} from "../../../../lib/redux/slices/appSlice"; +import { showSnackbar } from "../../../../utils/showSnackbar"; +import { AppContext } from "../../../../contexts/AppContext"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + Autocomplete, + Checkbox, + CircularProgress, + Grid, + TextField, + IconButton, +} from "@mui/material"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import SearchIcon from "@mui/icons-material/Search"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; + +export const TotalCargoInformation = () => { + const [cargoInformation, setCargoInformation] = useState(null); + const [dashboardInformation, setDashboardInformation] = useState(null); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [page, setPage] = useState(1); + const [perPage, setPerPage] = useState(20); + const [isLoading, setIsLoading] = useState(false); + const [error, setError] = useState(null); + const [withDate, setWithDate] = useState(true); + const [provinceOptions, setProvinceOptions] = useState([]); + const [selectedProvince, setSelectedProvince] = useState(""); + const [isProvinceLoading, setIsProvinceLoading] = useState(false); + const [productOptions, setProductOptions] = useState([]); + const [selectedProduct, setSelectedProduct] = useState(""); + const [isProductLoading, setIsProductLoading] = useState(false); + const [searchValue, setSearchValue] = useState(""); + const [searchInput, setSearchInput] = useState(""); + + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const columns = [ + "ردیف", + "کد رهگیری", + "محصول", + "اقلام", + "مقدار", + "واحد", + "تاریخ", + "مقصد", + "شناسه مقصد", + "استان مقصد", + "شهرستان مقصد", + "مبدا", + "شناسه مبدا", + "استان مبدا", + "شهرستان مبدا", + "نوع حمل", + "مقصد قبلی", + "تغییر مقصد", + "کد رهگیری خودرو", + "تاریخ تخلیه", + "تخلیه", + ]; + + const dashboardColumns = [ + "محصول", + "تعداد بار", + "حجم بار (کیلوگرم)", + "تعداد بار داخل استان", + "حجم بار داخل استان (کیلوگرم)", + "درصد داخل استان", + "تعداد بار خارج استان", + "حجم بار خارج استان (کیلوگرم)", + "درصد خارج استان", + "آخرین بروزرسانی", + ]; + + const formatDateTimeFromIso = (value) => { + if (!value) return "-"; + const dateObj = new Date(value); + if (Number.isNaN(dateObj.getTime())) return "-"; + const date = dateObj.toLocaleDateString("fa-IR"); + const time = dateObj.toLocaleTimeString("fa-IR", { + hour: "2-digit", + minute: "2-digit", + hour12: false, + }); + return `${date} ${time}`; + }; + + const formatNumber = (value) => { + if (value === null || value === undefined) { + return "-"; + } + if (typeof value === "number") { + return value.toLocaleString("fa-IR"); + } + return value; + }; + + const formatPercent = (value) => { + if (value === null || value === undefined) { + return "-"; + } + const numericValue = Number(value); + if (Number.isNaN(numericValue)) { + return "-"; + } + return `${numericValue.toFixed(1)}%`; + }; + + const safeValue = (value) => { + if (value === null || value === undefined || value === "") { + return "-"; + } + return value; + }; + + useEffect(() => { + setPage(1); + }, [ + selectedDate1, + selectedDate2, + withDate, + selectedProvince, + selectedProduct, + searchValue, + ]); + + useEffect(() => { + let isMounted = true; + + const fetchProvinces = async () => { + try { + setIsProvinceLoading(true); + const { data } = await axios.get("iran_province/"); + if (!isMounted) { + return; + } + const names = + data?.map?.((item) => item?.name).filter((name) => !!name) ?? []; + setProvinceOptions(names); + } catch (err) { + console.error("Failed to fetch provinces:", err); + } finally { + if (isMounted) { + setIsProvinceLoading(false); + } + } + }; + + fetchProvinces(); + + return () => { + isMounted = false; + }; + }, []); + + useEffect(() => { + let isMounted = true; + + const fetchProducts = async () => { + try { + setIsProductLoading(true); + const { data } = await axios.get( + "https://rsibackend.rasadyar.com/app/all-products-transport-products" + ); + if (!isMounted) { + return; + } + const products = Array.isArray(data?.products) ? data.products : []; + setProductOptions(products); + } catch (err) { + console.error("Failed to fetch product types:", err); + } finally { + if (isMounted) { + setIsProductLoading(false); + } + } + }; + + fetchProducts(); + + return () => { + isMounted = false; + }; + }, []); + + useEffect(() => { + let isMounted = true; + + const fetchCargoInformation = async () => { + try { + setError(null); + setIsLoading(true); + dispatch(LOADING_START()); + const cargoParams = new URLSearchParams(); + cargoParams.append("product_type", selectedProduct || ""); + if (withDate && selectedDate1) { + cargoParams.append("date1", selectedDate1); + } + if (withDate && selectedDate2) { + cargoParams.append("date2", selectedDate2); + } + if (selectedProvince) { + cargoParams.append("destination_province", selectedProvince); + } + if (searchValue) { + cargoParams.append("search", searchValue); + } + cargoParams.append("page", page.toString()); + cargoParams.append("page_size", perPage.toString()); + + const dashboardParams = new URLSearchParams(); + dashboardParams.append("product_type", selectedProduct || ""); + if (withDate && selectedDate1) { + dashboardParams.append("date1", selectedDate1); + } + if (withDate && selectedDate2) { + dashboardParams.append("date2", selectedDate2); + } + if (selectedProvince) { + dashboardParams.append("destination_province", selectedProvince); + } + if (searchValue) { + dashboardParams.append("search", searchValue); + } + + const [cargoResponse, dashboardResponse] = await Promise.all([ + axios.get( + `https://rsibackend.rasadyar.com/app/all-products-transport/?${cargoParams.toString()}` + ), + axios.get( + `https://rsibackend.rasadyar.com/app/all-products-transport-dashboard/?${dashboardParams.toString()}` + ), + ]); + if (!isMounted) { + return; + } + const cargoData = cargoResponse.data ?? { results: [] }; + const results = cargoData?.results ?? []; + const mappedTableData = results.map((item, index) => [ + safeValue(formatNumber(index + 1 + (page - 1) * perPage)), + , + safeValue(item?.product), + safeValue(item?.items), + safeValue(formatNumber(item?.quantity)), + safeValue(item?.unit), + safeValue(formatJustDate(item?.date)), + safeValue(item?.destination), + safeValue(item?.jihadiDestination), + safeValue(item?.destinationProvince), + safeValue(item?.destinationCity), + safeValue(item?.origin), + safeValue(item?.jihadiOrigin), + safeValue(item?.originProvince), + safeValue(item?.originCity), + safeValue( + item?.originProvince === item?.destinationProvince + ? "داخل استان" + : "خارج استان" + ), + safeValue(item?.destinationPrev), + safeValue(item?.destinationChanged), + safeValue(item?.carTrackingCode), + safeValue(formatJustDate(item?.unloadingDate)), + safeValue(item?.unloading), + ]); + + setCargoInformation(cargoData); + setTableData(mappedTableData); + setTotalRows(cargoData?.count ?? 0); + setDashboardInformation(dashboardResponse.data); + } catch (err) { + console.error("Failed to fetch total cargo information:", err); + if (!isMounted) { + return; + } + setError(err); + showSnackbar( + "در دریافت اطلاعات بار کل کشور خطایی رخ داد، لطفا مجددا تلاش کنید.", + "error" + ); + } finally { + if (isMounted) { + setIsLoading(false); + } + dispatch(LOADING_END()); + } + }; + + fetchCargoInformation(); + return () => { + isMounted = false; + }; + }, [ + dispatch, + page, + perPage, + selectedDate1, + selectedDate2, + selectedProvince, + selectedProduct, + withDate, + searchValue, + ]); + + const handlePageChange = (newPage) => { + setPage(newPage); + }; + + const handlePerRowsChange = (newPerPage) => { + setPerPage(newPerPage); + setPage(1); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + const normalizedSearch = searchInput.trim(); + setSearchValue(normalizedSearch); + setSearchInput(normalizedSearch); + setPage(1); + }; + + if (error) { + return

خطا در دریافت اطلاعات بار کل کشور

; + } + + if (isLoading && (!cargoInformation || !dashboardInformation)) { + return

در حال بارگذاری اطلاعات ...

; + } + + return ( + + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + if (!e) return; + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + if (!e) return; + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + { + setSelectedProvince(value || ""); + }} + noOptionsText="استانی یافت نشد" + renderInput={(params) => ( + + {isProvinceLoading ? ( + + ) : null} + {params.InputProps.endAdornment} + + ), + }} + /> + )} + clearOnEscape + /> + + { + setSelectedProduct(value || ""); + }} + noOptionsText="محصولی یافت نشد" + renderInput={(params) => ( + + {isProductLoading ? ( + + ) : null} + {params.InputProps.endAdornment} + + ), + }} + /> + )} + clearOnEscape + /> + + + setSearchInput(event.target.value)} + label="جستجو" + size="small" + variant="outlined" + sx={{ flexGrow: 1 }} + /> + + + + + + + + {dashboardInformation && ( + + + + )} + + + + ); +}; diff --git a/src/features/province/components/trade-panel-details/TradepanelDetails.js b/src/features/province/components/trade-panel-details/TradepanelDetails.js new file mode 100644 index 0000000..dae95c9 --- /dev/null +++ b/src/features/province/components/trade-panel-details/TradepanelDetails.js @@ -0,0 +1,86 @@ +import { IconButton, Tooltip, Box, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import VisibilityIcon from "@mui/icons-material/Visibility"; +import { useDispatch, useSelector } from "react-redux"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { tradePanelGetDetails } from "../../services/trade-panel-get-details"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const TradepanelDetails = ({ item, details_key }) => { + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const handleOpenModal = async () => { + try { + const response = await dispatch( + tradePanelGetDetails({ + hatching_key: details_key, + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ); + + if (response.payload?.data) { + dispatch( + OPEN_MODAL({ + title: "جزئیات کشتار", + content: ( + + + کمترین سن کشتار:{" "} + {response.payload.data.minAge} روز + + + بیشترین سن کشتار:{" "} + {response.payload.data.maxAge} روز + + + سن فعلی: {response.payload.data.nowAge} روز + + + میانگین وزن در کشتارهای گذشته:{" "} + {response.payload.data.avgWeight} کیلوگرم + + + میانگین افت:{" "} + {response.payload.data.avgWeightLosse}% + + + عملکرد در تحویل بار به کشتار:{" "} + {response.payload.data.receiveBarsPercent}% + + + ), + }) + ); + } else { + dispatch( + OPEN_MODAL({ + title: "خطا", + content: دیتایی دریافت نشد!, + }) + ); + } + } catch (error) { + dispatch( + OPEN_MODAL({ + title: "خطا", + content: مشکل در دریافت دیتا از سرور, + }) + ); + } + }; + + return ( + + + + + + + + ); +}; diff --git a/src/features/province/components/trade-panel-filter/TradePanelFilter.js b/src/features/province/components/trade-panel-filter/TradePanelFilter.js new file mode 100644 index 0000000..84ba848 --- /dev/null +++ b/src/features/province/components/trade-panel-filter/TradePanelFilter.js @@ -0,0 +1,256 @@ +import { + Accordion, + AccordionSummary, + AccordionDetails, + Typography, + FormControlLabel, + Switch, + Checkbox, + TextField, + Button, + Box, + InputAdornment, +} from "@mui/material"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; + +export const TradePanelFilters = ({ + filters, + updateFilter, + handleCityChange, + handleBreedChange, + handlePriceFilterSubmit, + handleAgeFilterSubmit, + cities, + chickenBreeds, +}) => { + const { + showRemaining, + selectedCities, + selectedBreeds, + tempMinPrice, + tempMaxPrice, + tempMinAge, + tempMaxAge, + } = filters; + + return ( + + + updateFilter("showRemaining", e.target.checked)} + sx={{ + width: 42, + height: 26, + padding: 0, + "& .MuiSwitch-switchBase": { + padding: 0, + margin: "2px", + transitionDuration: "300ms", + "&.Mui-checked": { + transform: "translateX(16px)", + color: "#fff", + "& + .MuiSwitch-track": { + backgroundColor: "#244CCC", + opacity: 1, + border: 0, + }, + "& .MuiSwitch-thumb": { + color: "#ffffff", + }, + }, + "&.Mui-disabled + .MuiSwitch-track": { + opacity: 0.5, + }, + }, + "& .MuiSwitch-thumb": { + boxShadow: "0 2px 4px rgba(0,0,0,0.2)", + width: 22, + height: 22, + color: "#ffffff", + backgroundColor: "#ffffff", + }, + "& .MuiSwitch-track": { + borderRadius: 26 / 2, + backgroundColor: "#e9e9ea", + opacity: 1, + transition: "background-color 300ms", + }, + }} + /> + } + label={ + + مانده فروش + + } + /> + + + + }> + + نژاد مرغ + + + + + {chickenBreeds.map((breed) => ( + handleBreedChange(breed)} + /> + } + label={{breed}} + /> + ))} + + + + + + }> + فیلتر شهرها + + + + {cities.map((city) => ( + handleCityChange(city.name)} + /> + } + label={city.name} + /> + ))} + + + + + + }> + + محدوده قیمت + + + + { + e.preventDefault(); + handlePriceFilterSubmit(); + }} + > + updateFilter("tempMinPrice", e.target.value)} + InputProps={{ + endAdornment: ( + ریال + ), + }} + /> + updateFilter("tempMaxPrice", e.target.value)} + InputProps={{ + endAdornment: ( + ریال + ), + }} + /> + + + + + + + }> + + محدوده سن + + + + { + e.preventDefault(); + handleAgeFilterSubmit(); + }} + > + updateFilter("tempMinAge", e.target.value)} + InputProps={{ + endAdornment: ( + روز + ), + }} + /> + updateFilter("tempMaxAge", e.target.value)} + InputProps={{ + endAdornment: ( + روز + ), + }} + /> + + + + + + ); +}; diff --git a/src/features/province/components/trade-panel-purchase-modal/TradePanelPurchaseModal.js b/src/features/province/components/trade-panel-purchase-modal/TradePanelPurchaseModal.js new file mode 100644 index 0000000..2efe7dc --- /dev/null +++ b/src/features/province/components/trade-panel-purchase-modal/TradePanelPurchaseModal.js @@ -0,0 +1,195 @@ +import { useContext, useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useFormik } from "formik"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import * as Yup from "yup"; +import { provinceEditMarketRequestService } from "../../services/trade-panel-edit-market-request"; +import { ProvinceMarketRequestService } from "../../services/trade-panel-market-request"; +import { paymentGetDeadLines } from "../../services/payment-get-deadlines"; +import { useProvinceName } from "../../../../utils/getProvinceName"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +function TradePanelPurchaseModal({ item, updateTable, isEdit = false }) { + const [paymentDeadlineDays, setPaymentDeadlineDays] = useState(null); + const [fullyRendered, setFullyRendered] = useState(false); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const validationSchema = Yup.object({ + killCapacity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!") + + .max( + isEdit ? Infinity : item?.remainQuantity, + `مقدار وارد شده بیشتر از مانده قابل خرید است` + ), + + paymentDeadlineDays: Yup.number().when([], { + is: () => paymentDeadlineDays !== null, + then: Yup.number() + .required("این فیلد الزامی است") + .min(1, "حداقل مقدار باید 1 باشد") + .max( + paymentDeadlineDays, + `حداکثر مقدار باید ${paymentDeadlineDays} باشد` + ), + otherwise: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + dispatch( + paymentGetDeadLines({ + role_key: checkPathStartsWith("province") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setFullyRendered(true); + const isEnabled = r?.payload?.data?.paymentDeadline; + + const days = r?.payload?.data?.paymentDeadlineDays; + + if (isEnabled === true && days > 0) { + setPaymentDeadlineDays(days); + } + }); + }, [selectedSubUser?.key]); + + const provinceName = useProvinceName(); + + useEffect(() => { + formik.validateForm(); + }, [paymentDeadlineDays, fullyRendered]); + + const formik = useFormik({ + initialValues: { + killCapacity: item?.killCapacity || "", + paymentDeadlineDays: item?.paymentDeadlineDays || "", + }, + + validationSchema, + onSubmit: (values) => { + const payload = { + recive_time: "12 - 14", + kill_capacity: parseInt(values.killCapacity), + payment_deadline_days: parseInt(values.paymentDeadlineDays), + ...(isEdit ? { key: item.key } : { poultry_request_key: item.key }), + }; + + const service = isEdit + ? provinceEditMarketRequestService + : ProvinceMarketRequestService; + + const remainTime = + provinceName === "test" || provinceName === "hamedan" ? 30 : 5; + + dispatch(service(payload)) + .then((r) => { + // Check if there's an error (error message string from service) + const errorMessage = r?.payload?.error || r?.error; + + if (errorMessage) { + // Error occurred (e.g., "باقی مانده اعلام نیاز مرغدار کمتر از درخواست شماست!") + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: errorMessage, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: `عملیات با موفقیت انجام شد. برای نهایی کردن خرید ${remainTime} دقیقه فرصت دارد در غیر اینصورت خرید شما حذف می شود.`, + severity: "success", + }); + dispatch(CLOSE_MODAL()); + // Call updateTable after successful submit to refresh all tables + if (updateTable && typeof updateTable === "function") { + updateTable(); + } + } + }) + .catch((error) => { + // Handle unexpected errors + const errorMessage = + error?.response?.data?.result || + error?.message || + "مشکلی پیش آمده است!"; + + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: errorMessage, + severity: "error", + }); + }); + }, + }); + + return ( + + + + + + + ); +} + +export default TradePanelPurchaseModal; diff --git a/src/features/province/components/trade-panel-purchase-operation/TradePanelPurchaseOperation.js b/src/features/province/components/trade-panel-purchase-operation/TradePanelPurchaseOperation.js new file mode 100644 index 0000000..955214d --- /dev/null +++ b/src/features/province/components/trade-panel-purchase-operation/TradePanelPurchaseOperation.js @@ -0,0 +1,36 @@ +import { IconButton } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import LocalShippingIcon from "@mui/icons-material/LocalShipping"; +import { SPACING } from "../../../../data/spacing"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import TradePanelPurchaseModal from "../trade-panel-purchase-modal/TradePanelPurchaseModal"; + +export const TradePanelPurchaseOperation = ({ item, updateTable }) => { + const dispatch = useDispatch(); + + return ( + + { + dispatch( + OPEN_MODAL({ + title: "ثبت خرید", + content: ( + + ), + }) + ); + }} + > + + + + ); +}; diff --git a/src/features/province/components/transactions/Transactions.js b/src/features/province/components/transactions/Transactions.js new file mode 100644 index 0000000..30f1570 --- /dev/null +++ b/src/features/province/components/transactions/Transactions.js @@ -0,0 +1,318 @@ +import { Grid } from "../../../../components/grid/Grid"; + +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + Checkbox, + IconButton, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useNavigate } from "react-router-dom"; +import { + ROUTE_ADMINX_TRANSACTIONS, + ROUTE_CITY_REQUEST_TRANSACTIONS, + ROUTE_PROVINCE_FINANCIAL_TRANSACTIONS, + ROUTE_PROVINCE_TRANSACTIONS, + ROUTE_SUPER_ADMIN_TRANSACTIONS, +} from "../../../../routes/routes"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import ReceiptLongIcon from "@mui/icons-material/ReceiptLong"; +export const Transactions = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [withDate, setWithDate] = useState(true); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const navigate = useNavigate(); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [menuState, setMenuState] = useState({ anchorEl: null, item: null }); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `pos-machine-transactions/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.guildsName || "-", + `${item?.user?.fullname} (${item?.user?.mobile})`, + item?.user?.city?.name || "-", + item?.guildsName || "-", + item?.licenseNumber || "-", + item?.transaction?.totalCarcassesWeight?.toLocaleString(), + item?.transaction?.realAllocatedWeight?.toLocaleString(), + item?.transaction?.totalRemainWeight?.toLocaleString(), + item?.transaction?.lenTransaction?.toLocaleString(), + item?.transaction?.totalPrice?.toLocaleString(), + <> + { + handleMenuClose(); + navigateToTransactions(item); + }} + > + + + , + // "ردیف", + // "صنف", + // "کاربر", + // "شهر", + // "ورودی به انبار (کیلوگرم)", + // "فروش رفته (کیلوگرم)", + // "مانده انبار (کیلوگرم)", + // "تعداد تراکنش ها", + // "مبلغ تراکنش ها", + // "عملیات", + ]; + }); + + setTableData(d); + }, [data, menuState]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `pos-machine-transactions/?role=${getRoleFromUrl()}&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const handleMenuClose = () => { + setMenuState({ anchorEl: null, item: null }); + }; + + const navigateToTransactions = (item) => { + const filterDateParam = withDate ? "on" : "off"; + navigate( + `${ + getRoleFromUrl() === "AdminX" + ? ROUTE_ADMINX_TRANSACTIONS + : getRoleFromUrl() === "SuperAdmin" + ? ROUTE_SUPER_ADMIN_TRANSACTIONS + : getRoleFromUrl() === "ProvinceFinancial" + ? ROUTE_PROVINCE_FINANCIAL_TRANSACTIONS + : getRoleFromUrl() === "CityPoultry" + ? ROUTE_CITY_REQUEST_TRANSACTIONS + : ROUTE_PROVINCE_TRANSACTIONS + }/${item?.key}/${item?.guildsName}?filterDate=${filterDateParam}` + ); + }; + + return ( + + + + } + checkedIcon={} + checked={withDate} + onChange={() => setWithDate(!withDate)} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + {/* */} + + {/* */} + + + + + + ); +}; diff --git a/src/features/province/components/view-guild-details/ViewGuildDetails.js b/src/features/province/components/view-guild-details/ViewGuildDetails.js new file mode 100644 index 0000000..79d2fe6 --- /dev/null +++ b/src/features/province/components/view-guild-details/ViewGuildDetails.js @@ -0,0 +1,629 @@ +import React from "react"; +import { Typography, Box } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import PersonIcon from "@mui/icons-material/Person"; +import BusinessIcon from "@mui/icons-material/Business"; +import DateRangeIcon from "@mui/icons-material/DateRange"; +import ConfirmationNumberIcon from "@mui/icons-material/ConfirmationNumber"; +import AccountBalanceIcon from "@mui/icons-material/AccountBalance"; +import LocalPostOfficeIcon from "@mui/icons-material/LocalPostOffice"; +import PhoneIcon from "@mui/icons-material/Phone"; +import PublicIcon from "@mui/icons-material/Public"; +import CorporateFareIcon from "@mui/icons-material/CorporateFare"; +import BadgeIcon from "@mui/icons-material/Badge"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import LocationCityIcon from "@mui/icons-material/LocationCity"; +import FaceIcon from "@mui/icons-material/Face"; +import FavoriteIcon from "@mui/icons-material/Favorite"; +import CakeIcon from "@mui/icons-material/Cake"; +import HomeIcon from "@mui/icons-material/Home"; +import { formatJustDate } from "../../../../utils/formatTime"; +export const ViewGuildDetails = ({ guild }) => { + // Helper function to safely render values + const renderValue = (value) => { + if (!value) return "-"; + if (typeof value === "object") { + // If it's an object, try to extract a meaningful string + return value.name || value.title || value.label || JSON.stringify(value); + } + return value; + }; + + // Extract nested values + const provinceName = guild?.address?.province?.name || "-"; + const cityName = guild?.address?.city?.name || "-"; + const postalCode = guild?.address?.postalCode || "-"; + const guildCategory = guild?.guildAreaActivity?.title || "-"; + const unionName = guild?.unionName || "-"; + return ( + + + {/* Two Column Layout: Person Data | Guild Data */} + + + + + اطلاعات شخصی + + + + + + + + + + کد ملی + + + {renderValue(guild?.user?.nationalId)} + + + + + + + + + + نام + + + {renderValue(guild?.user?.firstName)} + + + + + + + + + + + نام خانوادگی + + + {renderValue(guild?.user?.lastName)} + + + + + + + + + + شماره شناسنامه + + + {renderValue(guild?.user?.nationalCode)} + + + + + + + + + + در قید حیات + + + {guild?.user?.isAlive ? "بلی" : "خیر"} + + + + + + + + + + + + + تاریخ تولد + + + {renderValue(guild?.user?.birthday)} + + + + + + + + + + + نام پدر + + + {renderValue(guild?.user?.fatherName)} + + + + + + + + + + + جنسیت + + + {guild?.user?.gender === "True" + ? "مرد" + : guild?.user?.gender === "False" + ? "زن" + : "-"} + + + + + + + + + + شماره همراه + + + {renderValue(guild?.user?.mobile)} + + + + + + + + + + + شهر + + + {renderValue(guild?.user?.city)} + + + + + + + + + + + + + + اطلاعات صنفی + + + + + + + + + + نام واحد + + + {renderValue(guild?.guildsName)} + + + + + + + + + + + رسته واحد صنفی + + {guildCategory} + + + + + + + + + استان + + {provinceName} + + + + + + + + + شهرستان + + {cityName} + + + + + + + + + + تاریخ انقضا مجوز + + + {formatJustDate(guild?.licenseExpireDate)} + + + + + + + + + + شماره مجوز + + + {renderValue(guild?.licenseNumber)} + + + + + + + + + + نام اتحادیه + + {unionName} + + + + + + + + + + + کد پستی + + {postalCode} + + + + + + + + + + شماره تلفن + + + {renderValue(guild?.phone)} + + + + + + + + + + + آیا اتباع است؟ + + + {guild?.isForeignNational ? "بلی" : "خیر"} + + + + + + + + + + + نام شرکت + + + {renderValue(guild?.companyName)} + + + + + + + + + + + شناسه ملی شرکت + + + {renderValue(guild?.companyIdentifier)} + + + + + + + + + + + وضعیت مجوز + + + {renderValue(guild?.licenseStatus)} + + + + + + + + + + آدرس + + + {renderValue(guild?.address?.address)} + + + + + + + + + + + ); +}; diff --git a/src/features/province/hooks/useProvinceNewRequests.js b/src/features/province/hooks/useProvinceNewRequests.js new file mode 100644 index 0000000..3a42f1f --- /dev/null +++ b/src/features/province/hooks/useProvinceNewRequests.js @@ -0,0 +1,23 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { getProvinceNewRequests } from "../services/get-province-new-requests"; + +const useProvinceRequests = () => { + const [data, setData] = useState(null); + const dispatch = useDispatch(); + const defaultValue = useSelector( + (state) => state.provinceSlice.provinceNewRequests + ); + + useEffect(() => { + dispatch(getProvinceNewRequests()); + }, []); + + useEffect(() => { + setData(defaultValue); + }, [defaultValue]); + + return data ? data : []; +}; + +export default useProvinceRequests; diff --git a/src/features/province/services/ProvinceGetFieldOfWorks.js b/src/features/province/services/ProvinceGetFieldOfWorks.js new file mode 100644 index 0000000..a8397a1 --- /dev/null +++ b/src/features/province/services/ProvinceGetFieldOfWorks.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetFieldOfWorks = createAsyncThunk( + "PROVINCE_GET_FIELD_OF_WORKS", + async () => { + const { data, status } = await axios.get("area-activity/"); + return { data, status }; + } +); diff --git a/src/features/province/services/activate-returned-cargo.js b/src/features/province/services/activate-returned-cargo.js new file mode 100644 index 0000000..ffa396a --- /dev/null +++ b/src/features/province/services/activate-returned-cargo.js @@ -0,0 +1,25 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const activateReturnedCargo = createAsyncThunk( + "ACTIVATE_RETURNED_CARGO", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "return-kill-house-requests/0/", + { + key: d.key, + trash: false, + return_trash: false, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || e.message }; + } + } +); diff --git a/src/features/province/services/activate-returned-request.js b/src/features/province/services/activate-returned-request.js new file mode 100644 index 0000000..b9a7d2d --- /dev/null +++ b/src/features/province/services/activate-returned-request.js @@ -0,0 +1,25 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const activateReturnedRequest = createAsyncThunk( + "ACTIVATE_RETURNED_REQUEST", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "return-province-kill-requests/", + { + key: d.key, + trash: false, + return_trash: false, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || e.message }; + } + } +); diff --git a/src/features/province/services/admin-free-buy-edit-payment.js b/src/features/province/services/admin-free-buy-edit-payment.js new file mode 100644 index 0000000..f3408d7 --- /dev/null +++ b/src/features/province/services/admin-free-buy-edit-payment.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const adminFreeBuyEditPayment = createAsyncThunk( + "ADMIN_FREE_BUY_EDIT_PAYMENT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("direct-buying-requests/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/admin-settlement-direct-buying-payment.js b/src/features/province/services/admin-settlement-direct-buying-payment.js new file mode 100644 index 0000000..df9ac6f --- /dev/null +++ b/src/features/province/services/admin-settlement-direct-buying-payment.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const adminSettlementDirectBuying = createAsyncThunk( + "ADMIN_SETTLEMENT_DIRECT_BUYING", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post("direct-buying-payment/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/chanin-bar-management-get-dashboard.js b/src/features/province/services/chanin-bar-management-get-dashboard.js new file mode 100644 index 0000000..7aa3b69 --- /dev/null +++ b/src/features/province/services/chanin-bar-management-get-dashboard.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const chainBarManagementGetDashboard = createAsyncThunk( + "CHAIN_BAR_MANAGEMNT_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `${ + d.province ? d.province + "parent-company-" : "" + }dashboard-chain-allocation`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + filter: "search", + value: d.text ? d.text : "", + state: d.state ? d.state : null, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/check-killhouse-request-guild.js b/src/features/province/services/check-killhouse-request-guild.js new file mode 100644 index 0000000..ae13434 --- /dev/null +++ b/src/features/province/services/check-killhouse-request-guild.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const checkKillhouseRequestGuildService = createAsyncThunk( + "CHECK_KILLHOUSE_REQUEST_GUILD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("check_guilds/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/deactivate-guild.js b/src/features/province/services/deactivate-guild.js new file mode 100644 index 0000000..f9cc702 --- /dev/null +++ b/src/features/province/services/deactivate-guild.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const deactivateGuildService = createAsyncThunk( + "DEACTIVATE_GUILD_SERVICE", + async (key, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `deactivate_guild/?key=${key}&guild=true` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || e.message }; + } + } +); diff --git a/src/features/province/services/delete-debtor-killhouses.js b/src/features/province/services/delete-debtor-killhouses.js new file mode 100644 index 0000000..a4346cb --- /dev/null +++ b/src/features/province/services/delete-debtor-killhouses.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const deleteDebtorKillhouses = createAsyncThunk( + "DELETE_DEBTORS", + async () => { + const { data, status } = await axios.delete( + "delete-debtors-kill-requests/0" + ); + return { data, status }; + } +); diff --git a/src/features/province/services/direct-buying-verification.js b/src/features/province/services/direct-buying-verification.js new file mode 100644 index 0000000..9166e36 --- /dev/null +++ b/src/features/province/services/direct-buying-verification.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const directBuyingVerification = createAsyncThunk( + "DIRECT_BUYING_VERIFICATION", + async () => { + const { data, status } = await axios.get("direct-buying-verification/"); + return { data, status }; + } +); diff --git a/src/features/province/services/direct-edit-buying-verification.js b/src/features/province/services/direct-edit-buying-verification.js new file mode 100644 index 0000000..0c22c93 --- /dev/null +++ b/src/features/province/services/direct-edit-buying-verification.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const directEditBuyingVerification = createAsyncThunk( + "DIRECT_EDIT_BUYING_VERIFICATION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "direct-buying-verification/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/free-buying-delete-payment.js b/src/features/province/services/free-buying-delete-payment.js new file mode 100644 index 0000000..917a6e7 --- /dev/null +++ b/src/features/province/services/free-buying-delete-payment.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const freeBuyDeletePaymentService = createAsyncThunk( + "FREE_BUYING_DELETE_PAYMENT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete(`direct-buying-payment/0/`, { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/free-buying-payment.js b/src/features/province/services/free-buying-payment.js new file mode 100644 index 0000000..e927311 --- /dev/null +++ b/src/features/province/services/free-buying-payment.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const freeBuyingPayment = createAsyncThunk( + "FREE_BUYING_PAYMENT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`direct-buying-payment`, { + params: { + province_kill_request_key: d.province_kill_request_key, + role_key: d.role_key || "", + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطایی رخ داده است" }; + } + } +); diff --git a/src/features/province/services/get-approved-price-state.js b/src/features/province/services/get-approved-price-state.js new file mode 100644 index 0000000..409462f --- /dev/null +++ b/src/features/province/services/get-approved-price-state.js @@ -0,0 +1,27 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getApprovedPriceState = createAsyncThunk( + "GET_APPROVED_PRICE_STATE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("approved-price", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const getKillhouseApprovedPriceState = createAsyncThunk( + "GET_KILLHOUSE_APPROVED_PRICE_STATE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("broadcast-price", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-cases-overview.js b/src/features/province/services/get-cases-overview.js new file mode 100644 index 0000000..127c236 --- /dev/null +++ b/src/features/province/services/get-cases-overview.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetCasesOverview = createAsyncThunk( + "GET_PROVINCE_OVERVIEW_CASES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "general-statistics-dashboard-for-cases/", + { + params: { + date1: d.date1, + date2: d.date2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-cities.js b/src/features/province/services/get-cities.js new file mode 100644 index 0000000..27e4015 --- /dev/null +++ b/src/features/province/services/get-cities.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getCitiesService = createAsyncThunk( + "GET_CITIES_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("city_operator/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-dahsnoard-province-kill-request.js b/src/features/province/services/get-dahsnoard-province-kill-request.js new file mode 100644 index 0000000..1045978 --- /dev/null +++ b/src/features/province/services/get-dahsnoard-province-kill-request.js @@ -0,0 +1,53 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import axios from "axios"; +export const provinceGetDashboardKillRequestService = createAsyncThunk( + "KILL_REQUEST_PROVINCE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + + const params = { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + role_key: d.role_key || "", + filter: "search", + value: d.textValue, + }; + + if (d.hasDocumentState) { + params.allocated_car_state = true; + } + + const { data, status } = await axios.get( + `dahsnoard_province_kill_request`, + { params } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceGetDashboardDeletedKillRequestService = createAsyncThunk( + "DELETED_KILL_REQUEST_PROVINCE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `dahsnoard_province_kill_request`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + role_key: d.role_key || "", + deleted_object: true, + filter: "search", + value: d.textValue, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-direct-buy-permission.js b/src/features/province/services/get-direct-buy-permission.js new file mode 100644 index 0000000..422f3da --- /dev/null +++ b/src/features/province/services/get-direct-buy-permission.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getDirectBuyPermissionService = createAsyncThunk( + "GET_DIRECT_BUY_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("allow_direct_buying_total/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-guilds-settings.js b/src/features/province/services/get-guilds-settings.js new file mode 100644 index 0000000..b9e09c7 --- /dev/null +++ b/src/features/province/services/get-guilds-settings.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getGuildsSettingsService = createAsyncThunk( + "GET_GUILDS_SETTINGS_SERVICE", + async (d) => { + const { data, status } = await axios.get( + "kill_house_choose_steward_guilds/", + { params: { kill_house_key: d.kill_house_key } } + ); + return { data, status }; + } +); diff --git a/src/features/province/services/get-killhouse-guilds-permission.js b/src/features/province/services/get-killhouse-guilds-permission.js new file mode 100644 index 0000000..ce5bdf9 --- /dev/null +++ b/src/features/province/services/get-killhouse-guilds-permission.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getKillhouseGuildsPermissionService = createAsyncThunk( + "GET_KILLHOUSE_GUILDS_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("allow_register_guilds_total/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-losses-permission.js b/src/features/province/services/get-losses-permission.js new file mode 100644 index 0000000..67672d5 --- /dev/null +++ b/src/features/province/services/get-losses-permission.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getLossesPermissionService = createAsyncThunk( + "GET_LOSSES_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("losses_permission/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-manage-poultries.js b/src/features/province/services/get-manage-poultries.js new file mode 100644 index 0000000..0db805b --- /dev/null +++ b/src/features/province/services/get-manage-poultries.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getManagePoultriesService = createAsyncThunk( + "GET_MANAGE_POULTRIES_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("total_poultry", { + params: { page: d.page, page_size: d.pageSize }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-min-max-age-state.js b/src/features/province/services/get-min-max-age-state.js new file mode 100644 index 0000000..90bf50e --- /dev/null +++ b/src/features/province/services/get-min-max-age-state.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getMinMaxSlaughterAgeState = createAsyncThunk( + "GET_MIN_MAX_AGE_STATE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("chicken-age-range/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-policy-province-fee.js b/src/features/province/services/get-policy-province-fee.js new file mode 100644 index 0000000..9f7a637 --- /dev/null +++ b/src/features/province/services/get-policy-province-fee.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getPolicyProvinceFeeService = createAsyncThunk( + "GET_POLICY_PROVINCE_FEE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("share/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-poultry-transport-by-code.js b/src/features/province/services/get-poultry-transport-by-code.js new file mode 100644 index 0000000..1c59740 --- /dev/null +++ b/src/features/province/services/get-poultry-transport-by-code.js @@ -0,0 +1,34 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getPoultryTransportByCodeService = createAsyncThunk( + "GET_POULTRY_TRANSPORT_BY_CODE_SERVICE", + async (params, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/get-all-products-transport-by-code/", + { + params: { + code: params.code, + type: params.type, + page: params.page || 1, + page_size: params.page_size || 10, + date1: params.date1 || "", + date2: params.date2 || "", + search: params.search || "", + province: params.province || "", + product: params.product || "", + from: params.from || "", + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (error) { + dispatch(LOADING_END()); + return { error: error.response?.data || error.message }; + } + } +); diff --git a/src/features/province/services/get-poultry-transport-dashboard-by-code.js b/src/features/province/services/get-poultry-transport-dashboard-by-code.js new file mode 100644 index 0000000..a6edeff --- /dev/null +++ b/src/features/province/services/get-poultry-transport-dashboard-by-code.js @@ -0,0 +1,32 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getPoultryTransportDashboardByCodeService = createAsyncThunk( + "GET_POULTRY_TRANSPORT_DASHBOARD_BY_CODE_SERVICE", + async (params, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/get-all-products-transport-dashboard-by-code/", + { + params: { + code: params.code, + type: params.type, + date1: params.date1 || "", + date2: params.date2 || "", + search: params.search || "", + product: params.product || "", + province: params.province || "", + from: params.from || "", + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (error) { + dispatch(LOADING_END()); + return { error: error.response?.data || error.message }; + } + } +); diff --git a/src/features/province/services/get-poultry-transport-products-by-code.js b/src/features/province/services/get-poultry-transport-products-by-code.js new file mode 100644 index 0000000..0c0f574 --- /dev/null +++ b/src/features/province/services/get-poultry-transport-products-by-code.js @@ -0,0 +1,26 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getPoultryTransportProductsByCodeService = createAsyncThunk( + "GET_POULTRY_TRANSPORT_PRODUCTS_BY_CODE_SERVICE", + async (params) => { + try { + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/get-all-products-transport-products-by-code/", + { + params: { + code: params.code, + type: params.type, + date1: params.date1 || "", + date2: params.date2 || "", + search: params.search || "", + from: params.from || "", + }, + } + ); + return { data, status }; + } catch (error) { + return { error: error.response?.data || error.message }; + } + } +); diff --git a/src/features/province/services/get-province-buyer-steward-allocation.js b/src/features/province/services/get-province-buyer-steward-allocation.js new file mode 100644 index 0000000..fd43cd5 --- /dev/null +++ b/src/features/province/services/get-province-buyer-steward-allocation.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const getProvinceBuyerStewardAllocationService = createAsyncThunk( + "GET_PROVINCE_BUYER_STEWARD_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("automatic-steward-allocation/", { + params: { + kill_house_key: d.killHouseKey, + date: d.date, + role: getRoleFromUrl(), + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-province-buyers-allocations.js b/src/features/province/services/get-province-buyers-allocations.js new file mode 100644 index 0000000..03d7f9d --- /dev/null +++ b/src/features/province/services/get-province-buyers-allocations.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getProvinceBuyersAllocationsService = createAsyncThunk( + "GET_PROVINCE_BUYERS_ALLOCATIONS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `kill_house_ware_house_total_report_daily_broad_cast_in_detail`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-province-fee-total-overview.js b/src/features/province/services/get-province-fee-total-overview.js new file mode 100644 index 0000000..e583456 --- /dev/null +++ b/src/features/province/services/get-province-fee-total-overview.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getProvinceFeeTotalOverviewService = createAsyncThunk( + "GET_PROVINCE_FEE_TOTAL_OVERVIEW_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "reporting_province_kill_request_wage/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-province-new-requests.js b/src/features/province/services/get-province-new-requests.js new file mode 100644 index 0000000..5372ca2 --- /dev/null +++ b/src/features/province/services/get-province-new-requests.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getProvinceNewRequests = createAsyncThunk( + "GET_PROVINCE_NEW_REQUESTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("city_operator_check_request", { + params: { state: "new", date1: d.selectedDate1, date2: d.selectedDate2 }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/get-province-steward.allocation.js b/src/features/province/services/get-province-steward.allocation.js new file mode 100644 index 0000000..7239242 --- /dev/null +++ b/src/features/province/services/get-province-steward.allocation.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getProvinceStewardAllocationsService = createAsyncThunk( + "GET_PROVINCE_STEWARD_ALLOCATIONS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `steward_ware_house_total_report_daily_broad_cast_in_detail`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/getDashboardOfManagePoultries.js b/src/features/province/services/getDashboardOfManagePoultries.js new file mode 100644 index 0000000..825d884 --- /dev/null +++ b/src/features/province/services/getDashboardOfManagePoultries.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetDashboardPoultriesService = createAsyncThunk( + "POULTRIES_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `total_poultry_hatching_dashboard`, + { + params: { + search: "filter", + value: d.textValue, + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/getDocumentStates.js b/src/features/province/services/getDocumentStates.js new file mode 100644 index 0000000..cef9110 --- /dev/null +++ b/src/features/province/services/getDocumentStates.js @@ -0,0 +1,30 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getDocumentStates = createAsyncThunk( + "GET_DOCUMENT_STATES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("bar-documents-status/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const submitDocumentStates = createAsyncThunk( + "PROVINCE_SUBMIT_DOCUMENT_STATES", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("bar-documents-status/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/getStewardTransactions.js b/src/features/province/services/getStewardTransactions.js new file mode 100644 index 0000000..34d33e6 --- /dev/null +++ b/src/features/province/services/getStewardTransactions.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getStewardTransactions = createAsyncThunk( + "AVICULTURE_REQUESTS_SERVICE", + async (d) => { + const { data, status } = await axios.get( + "https://amait.mrkiani.ir/api/report/transactions/", + { + params: { + shop: d.key, + datefrom: d.datefrom, + dateto: d.dateto, + page: d.page, + mode: d.mode, + }, + } + ); + return { data, status }; + } +); diff --git a/src/features/province/services/killhouse-free-buy-edit-payment.js b/src/features/province/services/killhouse-free-buy-edit-payment.js new file mode 100644 index 0000000..dc5d090 --- /dev/null +++ b/src/features/province/services/killhouse-free-buy-edit-payment.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const killhouseFreeBuyEditPayment = createAsyncThunk( + "KILLHOUSE_FREE_BUY_EDIT_PAYMENT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("direct-buying-requests/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/main-get-guilds-for-update-or-create.js b/src/features/province/services/main-get-guilds-for-update-or-create.js new file mode 100644 index 0000000..46de9a7 --- /dev/null +++ b/src/features/province/services/main-get-guilds-for-update-or-create.js @@ -0,0 +1,41 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const mainGetGuildsForUpdateOrCreateService = createAsyncThunk( + "MAIN_GET_GUILDS_FOR_UPDATE_OR_CREATE_SERVICE", + async (payload, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.get( + "main_get_guilds_for_update_or_create/", + { + params: { + national_code: payload.national_code, + update: payload.update || false, + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + + if (e.response?.status === 403) { + const errorMessage = + e.response?.data?.result || + e.response?.data?.message || + "دسترسی غیرمجاز"; + return { error: errorMessage, status: 403 }; + } + + const errorMessage = + e.response?.data?.result || + e.response?.data?.message || + "خطا در دریافت اطلاعات"; + return { error: errorMessage }; + } + } +); diff --git a/src/features/province/services/manage-process-buy-req-operation.js b/src/features/province/services/manage-process-buy-req-operation.js new file mode 100644 index 0000000..655cca4 --- /dev/null +++ b/src/features/province/services/manage-process-buy-req-operation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const manageProcessBuyReqOperationService = createAsyncThunk( + "MANAGE_PROCESS_BUY_REQ_OPERATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house_purchase/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/manage-process-buy-req.js b/src/features/province/services/manage-process-buy-req.js new file mode 100644 index 0000000..70e8bd8 --- /dev/null +++ b/src/features/province/services/manage-process-buy-req.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const manageProcessBuyReqService = createAsyncThunk( + "MANAGE_PROCESS_BUY_REQ_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("kill_house_purchase_info/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/payment-edit-deadlines.js b/src/features/province/services/payment-edit-deadlines.js new file mode 100644 index 0000000..0e55bf9 --- /dev/null +++ b/src/features/province/services/payment-edit-deadlines.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const paymentEditDeadLines = createAsyncThunk( + "PAYMENT_EDIT_DEADLINES", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "direct-buying-verification/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/payment-get-deadlines.js b/src/features/province/services/payment-get-deadlines.js new file mode 100644 index 0000000..e363313 --- /dev/null +++ b/src/features/province/services/payment-get-deadlines.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const paymentGetDeadLines = createAsyncThunk( + "PAYMENT_GET_DEADLINES", + async (d) => { + const { data, status } = await axios.get("direct-buying-verification/", { + params: d, + }); + return { data, status }; + } +); diff --git a/src/features/province/services/policy-change-killhouse-direct-buy.js b/src/features/province/services/policy-change-killhouse-direct-buy.js new file mode 100644 index 0000000..519717d --- /dev/null +++ b/src/features/province/services/policy-change-killhouse-direct-buy.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const policyChangeKillhouseDirectBuyService = createAsyncThunk( + "POLICY_CHANGE_KILLHOUSE_DIRECT_BUY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("allow_direct_buying/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/policy-change-killhouse-guilds.js b/src/features/province/services/policy-change-killhouse-guilds.js new file mode 100644 index 0000000..048b56a --- /dev/null +++ b/src/features/province/services/policy-change-killhouse-guilds.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const policyChangeKillhouseGuildsService = createAsyncThunk( + "POLICY_CHANGE_KILLHOUSE_GUILDS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("allow_register_guilds/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/policy-change-poultry-choose-slaughter.js b/src/features/province/services/policy-change-poultry-choose-slaughter.js new file mode 100644 index 0000000..2b64574 --- /dev/null +++ b/src/features/province/services/policy-change-poultry-choose-slaughter.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const policyChangePoultryChooseSlaughterService = createAsyncThunk( + "POLICY_CHANGE_POULTRY_CHOOSE_SLAUGHTER_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "province_allow_poultry_choose_kill_house/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/policy-change-poultry-free-sales.js b/src/features/province/services/policy-change-poultry-free-sales.js new file mode 100644 index 0000000..23d8c34 --- /dev/null +++ b/src/features/province/services/policy-change-poultry-free-sales.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const policyChangePoultryFreeSalesService = createAsyncThunk( + "POLICY_CHANGE_POULTRY_CHOOSE_SLAUGHTER_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "province_allow_poultry_sell_free/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/policy-change-province-fee.js b/src/features/province/services/policy-change-province-fee.js new file mode 100644 index 0000000..d451f0f --- /dev/null +++ b/src/features/province/services/policy-change-province-fee.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const policyChangeProvinceFeeService = createAsyncThunk( + "POLICY_CHANGE_PROVINCE_FEE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("share/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/post-direct-buy-permission.js b/src/features/province/services/post-direct-buy-permission.js new file mode 100644 index 0000000..da7e73c --- /dev/null +++ b/src/features/province/services/post-direct-buy-permission.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const postDirectBuyPermissionService = createAsyncThunk( + "POST_DIRECT_BUY_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post("allow_direct_buying_total/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/post-killhouse-guild-permission.js b/src/features/province/services/post-killhouse-guild-permission.js new file mode 100644 index 0000000..a8ddb92 --- /dev/null +++ b/src/features/province/services/post-killhouse-guild-permission.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const postKillhouseGuildPermissionService = createAsyncThunk( + "POST_KILLHOUSE_GUILD_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "allow_register_guilds_total/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-add-auto-allocation.js b/src/features/province/services/province-add-auto-allocation.js new file mode 100644 index 0000000..1863fad --- /dev/null +++ b/src/features/province/services/province-add-auto-allocation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceAddAutoAllocationService = createAsyncThunk( + "PROVINCE_ADD_AUTO_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("automatic_allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-add-car-to-killhouse.js b/src/features/province/services/province-add-car-to-killhouse.js new file mode 100644 index 0000000..e5298d2 --- /dev/null +++ b/src/features/province/services/province-add-car-to-killhouse.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceAddCarToKillhouseService = createAsyncThunk( + "PROVINCE_ADD_CAR_TO_KILLHOUSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("kill_house_add_car/", { + ...d, + role: getRoleFromUrl(), + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-age-message.js b/src/features/province/services/province-age-message.js new file mode 100644 index 0000000..7c64671 --- /dev/null +++ b/src/features/province/services/province-age-message.js @@ -0,0 +1,63 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetAgeMessagesService = createAsyncThunk( + "GET_AGE_MESSAGES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("age-notification-poultry/"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceEditAgeMessagesService = createAsyncThunk( + "EDIT_AGE_MESSAGES", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "age-notification-poultry/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceSubmitAgeMessagesService = createAsyncThunk( + "SUBMIT_AGE_MESSAGES", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("age-notification-poultry/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceDeleteAgeMessagesService = createAsyncThunk( + "DELETE_AGE_MESSAGES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "age-notification-poultry/0/?notif_key=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-allocated-delete.js b/src/features/province/services/province-allocated-delete.js new file mode 100644 index 0000000..11fb059 --- /dev/null +++ b/src/features/province/services/province-allocated-delete.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceAllocatedDeleteService = createAsyncThunk( + "PROVINCE_ALLOCATED_DELETE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete( + "province_kill_request/0/?delete_allocation", + { + params: { + province_kill_request_key: d.province_kill_request_key, + message: "به دلیل انقضای کد سفارش", + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-allocated-return-quantity.js b/src/features/province/services/province-allocated-return-quantity.js new file mode 100644 index 0000000..2a9964d --- /dev/null +++ b/src/features/province/services/province-allocated-return-quantity.js @@ -0,0 +1,25 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceAllocatedReturnQuantityService = createAsyncThunk( + "PROVINCE_ALLOCATED_RETURN_QUANTITY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete( + "province_kill_request/0/?return_allocation_quantity", + { + params: { + province_kill_request_key: d.province_kill_request_key, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-approve-free-sale.js b/src/features/province/services/province-approve-free-sale.js new file mode 100644 index 0000000..c58a42b --- /dev/null +++ b/src/features/province/services/province-approve-free-sale.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceApproveFreeSaleService = createAsyncThunk( + "PROVINCE_APPROVE_FREE_SALE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "final-approval-out-province-poultry-request/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-archive-fee-operation.js b/src/features/province/services/province-archive-fee-operation.js new file mode 100644 index 0000000..68f8191 --- /dev/null +++ b/src/features/province/services/province-archive-fee-operation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceArchiveFeeOperationService = createAsyncThunk( + "PROVINCE_ARCHIVE_FEE_OPERATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("province_kill_request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-automatic-direct-buying-permission.js b/src/features/province/services/province-automatic-direct-buying-permission.js new file mode 100644 index 0000000..d960692 --- /dev/null +++ b/src/features/province/services/province-automatic-direct-buying-permission.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const getAutomaticDirectBuyingPermissionState = createAsyncThunk( + "GET_AUTO_DIRECT_BUYING", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "automatic-direct-buying-permission/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceAutomaticDirectBuyingPermission = createAsyncThunk( + "PROVINCE_AUTO_DIRECT_BUYING", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "automatic-direct-buying-permission/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-automatic-steward-allocation.js b/src/features/province/services/province-automatic-steward-allocation.js new file mode 100644 index 0000000..da3b959 --- /dev/null +++ b/src/features/province/services/province-automatic-steward-allocation.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceAutomaticStewardAllocationService = createAsyncThunk( + "PROVINCE_AUTOMATIC_STEWARD_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "automatic-steward-allocation/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-bar-dashbored.js b/src/features/province/services/province-bar-dashbored.js new file mode 100644 index 0000000..3bf847a --- /dev/null +++ b/src/features/province/services/province-bar-dashbored.js @@ -0,0 +1,26 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const ProvinceBarDashboardService = createAsyncThunk( + "PROVINCE_BAR_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "dashboard_bar_difference_request/", + { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1, + date2: d.selectedDate2, + filter: "search", + value: d.textValue, + state: d.state, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-bar-differences-services.js b/src/features/province/services/province-bar-differences-services.js new file mode 100644 index 0000000..1ed1575 --- /dev/null +++ b/src/features/province/services/province-bar-differences-services.js @@ -0,0 +1,60 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSubmitBarDifferenceService = createAsyncThunk( + "PROVINCE_CREATE_BAR_DIFFERENCE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("bar-difference-request/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceEditBarDifferenceService = createAsyncThunk( + "PROVINCE_EDIT_BAR_DIFFERENCE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("bar-difference-request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceDeleteBarDifferenceService = createAsyncThunk( + "PROVINCE_DELETE_BAR_DIFFERENCE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `bar-difference-request/0/?bar_key=${d}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceGetBarDifferenceInfoService = createAsyncThunk( + "PROVINCE_GET_BAR_DIFFERENCE_INFO_SERVICE", + async (d) => { + const { data, status } = await axios.get("get_hatching_kill_ingo/", { + params: d, + }); + return { data, status }; + } +); diff --git a/src/features/province/services/province-buyer-real-carcasses.js b/src/features/province/services/province-buyer-real-carcasses.js new file mode 100644 index 0000000..6739b4b --- /dev/null +++ b/src/features/province/services/province-buyer-real-carcasses.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceBuyerRealCarcassesService = createAsyncThunk( + "PROVINCE_BUYER_REAL_CARCASSES_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "automatic-steward-allocation/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-cars-dashboard.js b/src/features/province/services/province-cars-dashboard.js new file mode 100644 index 0000000..07c456d --- /dev/null +++ b/src/features/province/services/province-cars-dashboard.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceCarsDashboardService = createAsyncThunk( + "CARS_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `kill_house_driver_total_dashboard`, + { + params: { + role: getRoleFromUrl(), + ...data, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-cases-get-table-details.js b/src/features/province/services/province-cases-get-table-details.js new file mode 100644 index 0000000..e08d606 --- /dev/null +++ b/src/features/province/services/province-cases-get-table-details.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +export const provinceCasesGetTableDetails = createAsyncThunk( + "PROVINCE_CASES_GET_TABLE_DETAILS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("detail_of_killing", { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-chains-delete-allocation.js b/src/features/province/services/province-chains-delete-allocation.js new file mode 100644 index 0000000..6e1d22c --- /dev/null +++ b/src/features/province/services/province-chains-delete-allocation.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceChainsDeleteAllocation = createAsyncThunk( + "PROVINCE_DELETE_CHAIN_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete( + "chain-allocation/0/?chain_allcation_key=" + + d + + `&role=${getRoleFromUrl()}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-delete-chain.js b/src/features/province/services/province-chains-delete-chain.js new file mode 100644 index 0000000..6146852 --- /dev/null +++ b/src/features/province/services/province-chains-delete-chain.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChainsDeleteChain = createAsyncThunk( + "PROVINCE_CHAINS_DELETE_CHAIN", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "poultry-choose-chain-company/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-edit-allocation.js b/src/features/province/services/province-chains-edit-allocation.js new file mode 100644 index 0000000..7fd4bcb --- /dev/null +++ b/src/features/province/services/province-chains-edit-allocation.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetGuildsService } from "./province-get-guilds"; + +export const provinceChainsEditAllocation = createAsyncThunk( + "PROVINCE_EDIT_CHAIN_ALLOCATION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("chain-allocation/0/", d); + dispatch(provinceGetGuildsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-edit-bar.js b/src/features/province/services/province-chains-edit-bar.js new file mode 100644 index 0000000..ef17c3a --- /dev/null +++ b/src/features/province/services/province-chains-edit-bar.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChainsEditBar = createAsyncThunk( + "PROVINCE_CHAINS_EDIT_BAR", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("chain-allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-edit-company.js b/src/features/province/services/province-chains-edit-company.js new file mode 100644 index 0000000..cf8cf8b --- /dev/null +++ b/src/features/province/services/province-chains-edit-company.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChainsEditCompany = createAsyncThunk( + "PROVINCE_CHAINS_EDIT_COMPANY", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("chain-company/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-get-companies.js b/src/features/province/services/province-chains-get-companies.js new file mode 100644 index 0000000..f5ab342 --- /dev/null +++ b/src/features/province/services/province-chains-get-companies.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChainsGetCompanies = createAsyncThunk( + "PROVINCE_CHAINS_GET_COMPANIES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("chain-company/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-chains-replace-active-chain.js b/src/features/province/services/province-chains-replace-active-chain.js new file mode 100644 index 0000000..1f31198 --- /dev/null +++ b/src/features/province/services/province-chains-replace-active-chain.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChainsReplaceActiveChain = createAsyncThunk( + "PROVINCE_CHAINS_REPLACE_ACTIVE_CHAIN", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "poultry-choose-chain-company/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-submit-active-chain.js b/src/features/province/services/province-chains-submit-active-chain.js new file mode 100644 index 0000000..80c7be7 --- /dev/null +++ b/src/features/province/services/province-chains-submit-active-chain.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChainsSubmitActiveChain = createAsyncThunk( + "PROVINCE_CHAINS_SUBMIT_ACTIVE_CHAIN", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "poultry-choose-chain-company/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-submit-company.js b/src/features/province/services/province-chains-submit-company.js new file mode 100644 index 0000000..6ebf4b3 --- /dev/null +++ b/src/features/province/services/province-chains-submit-company.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChainsSubmitCompany = createAsyncThunk( + "PROVINCE_CHAINS_SUBMIT_COMPANY", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("chain-company/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-chains-submut-allocation.js b/src/features/province/services/province-chains-submut-allocation.js new file mode 100644 index 0000000..95b4fca --- /dev/null +++ b/src/features/province/services/province-chains-submut-allocation.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetGuildsService } from "./province-get-guilds"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceChainsSubmitAllocation = createAsyncThunk( + "PROVINCE_CREATE_ALLOCATION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("chain-allocation/", { + ...d, + role: getRoleFromUrl(), + }); + dispatch(provinceGetGuildsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-change-active-guild.js b/src/features/province/services/province-change-active-guild.js new file mode 100644 index 0000000..d741f00 --- /dev/null +++ b/src/features/province/services/province-change-active-guild.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetGuildsService } from "./province-get-guilds"; + +export const provinceChangeActiveGuildService = createAsyncThunk( + "PROVINCE_CHANGE_ACTIVE_GUILD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("provinceCreateGuildService", d); + dispatch(provinceGetGuildsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-change-active-steward.js b/src/features/province/services/province-change-active-steward.js new file mode 100644 index 0000000..b8ed0c5 --- /dev/null +++ b/src/features/province/services/province-change-active-steward.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetStewardsService } from "./province-get-stewards"; + +export const provinceChangeActiveStewardService = createAsyncThunk( + "PROVINCE_CHANGE_ACTIVE_STEWARD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("steward/0/", d); + dispatch(provinceGetStewardsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-change-slaughter-car-permission.js b/src/features/province/services/province-change-slaughter-car-permission.js new file mode 100644 index 0000000..7088797 --- /dev/null +++ b/src/features/province/services/province-change-slaughter-car-permission.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceChangeSlaughterCarPermissionService = createAsyncThunk( + "PROVINCE_CHANGE_SLAUGHTER_CAR_PERMISSION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "province_allow_kill_house_register_car/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-change-user-status.js b/src/features/province/services/province-change-user-status.js new file mode 100644 index 0000000..0cb59d1 --- /dev/null +++ b/src/features/province/services/province-change-user-status.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceChaneUserStatus = createAsyncThunk( + "PROVINCE_CHANGE_USER_STATUS", + async (d) => { + const { data, status } = await axios.post("system_user_profile/0/", d); + return { data, status }; + } +); diff --git a/src/features/province/services/province-check-chain-allocation.js b/src/features/province/services/province-check-chain-allocation.js new file mode 100644 index 0000000..0de23c6 --- /dev/null +++ b/src/features/province/services/province-check-chain-allocation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceCheckChainAllocationService = createAsyncThunk( + "PROVINCE_CHECK_CHAIN_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("chain-allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-check-free-sale.js b/src/features/province/services/province-check-free-sale.js new file mode 100644 index 0000000..784b782 --- /dev/null +++ b/src/features/province/services/province-check-free-sale.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceCheckFreeSaleService = createAsyncThunk( + "PROVINCE_CHECK_FREE_SALE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "province_check_operator_out_request/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-check-operator-out-request.js b/src/features/province/services/province-check-operator-out-request.js new file mode 100644 index 0000000..a4a26bb --- /dev/null +++ b/src/features/province/services/province-check-operator-out-request.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceCheckOperatorOutRequestService = createAsyncThunk( + "PROVINCE_CHECK_OPERATOR_OUT_REQUEST_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete( + `province_check_operator_out_request/0/?poultry_request_key=${d}`, + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-check-user-existence.js b/src/features/province/services/province-check-user-existence.js new file mode 100644 index 0000000..48332f3 --- /dev/null +++ b/src/features/province/services/province-check-user-existence.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceCheckUserExistence = createAsyncThunk( + "PROVINCE_CHECK_USER_EXISTENCE", + async (d) => { + const { data, status } = await axios.post("system_user_profile/", d); + return { data, status }; + } +); diff --git a/src/features/province/services/province-chicken-distribution-and-sales-dashboard.js b/src/features/province/services/province-chicken-distribution-and-sales-dashboard.js new file mode 100644 index 0000000..809fdc1 --- /dev/null +++ b/src/features/province/services/province-chicken-distribution-and-sales-dashboard.js @@ -0,0 +1,35 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const ProvinceChickenDistributionsAndSalesDashboardService = + createAsyncThunk( + "PROVINCE_NATIONAL_GET_DISTRIBUTION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/transport-carcass-dashboard", + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } + ); + +export const ProvinceStewardChickenDistributionsAndSalesDashboardService = + createAsyncThunk( + "PROVINCE_NATIONAL_GET_STEWARD_DISTRIBUTION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/guilds-transport-carcass-dashboard", + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } + ); diff --git a/src/features/province/services/province-close-allocation.js b/src/features/province/services/province-close-allocation.js new file mode 100644 index 0000000..a8ce89e --- /dev/null +++ b/src/features/province/services/province-close-allocation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceCloseAllocationService = createAsyncThunk( + "PROVINCE_CLOSE_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("Poultry_Request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-cold-houses.js b/src/features/province/services/province-cold-houses.js new file mode 100644 index 0000000..4de0356 --- /dev/null +++ b/src/features/province/services/province-cold-houses.js @@ -0,0 +1,58 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetColdHousesDashboard = createAsyncThunk( + "GET_PROVINCE_COLD_HOUSES_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("cold-house-total-dashboard"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceGetAllStewardsService = createAsyncThunk( + "PROVINCE_GET_ALL_STEWARDS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("stewards-for-cold-house/", {}); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceCreateColdHouseService = createAsyncThunk( + "PROVINCE_CREATE_COLD_HOUSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("cold-house/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceEditColdHouseService = createAsyncThunk( + "PROVINCE_EDIT_COLD_HOUSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("cold-house/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-create-auto-allocation.js b/src/features/province/services/province-create-auto-allocation.js new file mode 100644 index 0000000..76abb23 --- /dev/null +++ b/src/features/province/services/province-create-auto-allocation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceCreateAutoAllocationService = createAsyncThunk( + "PROVINCE_CREATE_AUTO_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("automatic_allocation/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-create-guild.js b/src/features/province/services/province-create-guild.js new file mode 100644 index 0000000..2295df1 --- /dev/null +++ b/src/features/province/services/province-create-guild.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetGuildsService } from "./province-get-guilds"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceCreateGuildService = createAsyncThunk( + "PROVINCE_CREATE_GUILD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "update_guild_by_national_id/?role=" + getRoleFromUrl(), + d + ); + dispatch(provinceGetGuildsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-create-killhouse.js b/src/features/province/services/province-create-killhouse.js new file mode 100644 index 0000000..4bf9af2 --- /dev/null +++ b/src/features/province/services/province-create-killhouse.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetGuildsService } from "./province-get-guilds"; + +export const provinceCreateKillhouseService = createAsyncThunk( + "PROVINCE_CREATE_KILLHOUSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("kill_house/", d); + dispatch(provinceGetGuildsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-create-legal-guild.js b/src/features/province/services/province-create-legal-guild.js new file mode 100644 index 0000000..c98161f --- /dev/null +++ b/src/features/province/services/province-create-legal-guild.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceCreateLegalGuildService = createAsyncThunk( + "PROVINCE_CREATE_LEGAL_GUILD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("register_legal_guild/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { + error: + e.response?.data?.result || e.response?.data || "خطا در ثبت اطلاعات", + }; + } + } +); diff --git a/src/features/province/services/province-create-steward.js b/src/features/province/services/province-create-steward.js new file mode 100644 index 0000000..a51fedd --- /dev/null +++ b/src/features/province/services/province-create-steward.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceCreateStewardService = createAsyncThunk( + "PROVINCE_CREATE_STEWARD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("steward/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-dashboard-bar-diffrence-get-request.js b/src/features/province/services/province-dashboard-bar-diffrence-get-request.js new file mode 100644 index 0000000..4775054 --- /dev/null +++ b/src/features/province/services/province-dashboard-bar-diffrence-get-request.js @@ -0,0 +1,27 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetDashboardBarDiffrenceRequest = createAsyncThunk( + "GET_PROVINCE_BAR_DIFFRENCE_REQUEST", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "dashboard_bar_difference_request/", + { + params: { + role: getRoleFromUrl(), + role_key: d.role_key || "", + state: d.state, + filter: "search", + value: d.value, + date1: d.date1, + date2: d.date2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-dashboard-submit-news.js b/src/features/province/services/province-dashboard-submit-news.js new file mode 100644 index 0000000..86f51ff --- /dev/null +++ b/src/features/province/services/province-dashboard-submit-news.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSubmitDashboardNewsService = createAsyncThunk( + "PROVINCE_SUBMIT_DASHBOARD_NEWS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("dashboard_notification/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-deispenser-sale-out-get-dashboard.js b/src/features/province/services/province-deispenser-sale-out-get-dashboard.js new file mode 100644 index 0000000..7082d45 --- /dev/null +++ b/src/features/province/services/province-deispenser-sale-out-get-dashboard.js @@ -0,0 +1,31 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceDispenserWithOutGetDashboard = createAsyncThunk( + "PROVINCE_DISPENSER_SALE_WITHOUT_DASHBOARD", + async (payload, { dispatch, rejectWithValue }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "steward_free_sale_bar_dashboard/", + { + params: { + date1: payload.selectedDate1, + date2: payload.selectedDate2, + role: getRoleFromUrl(), + steward_key: payload.steward_key || "all", + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (error) { + dispatch(LOADING_END()); + return rejectWithValue( + error?.response?.data || { message: "ارتباط با سرور برقرار نشد." } + ); + } + } +); diff --git a/src/features/province/services/province-delete-auto-allocation.js b/src/features/province/services/province-delete-auto-allocation.js new file mode 100644 index 0000000..c59f612 --- /dev/null +++ b/src/features/province/services/province-delete-auto-allocation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceDeleteAutoAllocationService = createAsyncThunk( + "PROVINCE_DELETE_AUTO_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("automatic_allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-delete-trade-panel.js b/src/features/province/services/province-delete-trade-panel.js new file mode 100644 index 0000000..2fe117b --- /dev/null +++ b/src/features/province/services/province-delete-trade-panel.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceDeleteTradePanelService = createAsyncThunk( + "SLAUGHTER_DELETE_FREE_BUY_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `market-requests/0/?key=${d}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-dispenser-edit-sale-out.js b/src/features/province/services/province-dispenser-edit-sale-out.js new file mode 100644 index 0000000..37db399 --- /dev/null +++ b/src/features/province/services/province-dispenser-edit-sale-out.js @@ -0,0 +1,21 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provinceDispenserEditService = createAsyncThunk( + "PROVINCE_EDIT_DISPENSER_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + "kill_house_free_sale_bar/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-dispenser-get-kill-house.js b/src/features/province/services/province-dispenser-get-kill-house.js new file mode 100644 index 0000000..d27fd91 --- /dev/null +++ b/src/features/province/services/province-dispenser-get-kill-house.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const provinceDispenserGetKillHouseService = createAsyncThunk( + "PROVINCE-DISPENSER-KILL-HOUSE-SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_house/?total-exclude-exclusive-killers=true" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-dispenser-get-steward.js b/src/features/province/services/province-dispenser-get-steward.js new file mode 100644 index 0000000..7dca7db --- /dev/null +++ b/src/features/province/services/province-dispenser-get-steward.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const provinceDispenserGetStewardService = createAsyncThunk( + "PROVINCE-DISPENSER-STEWARD-SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("get_all_guilds/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-dispenser-sale-out-dashboard.js b/src/features/province/services/province-dispenser-sale-out-dashboard.js new file mode 100644 index 0000000..761e0f4 --- /dev/null +++ b/src/features/province/services/province-dispenser-sale-out-dashboard.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceDispenserWithOutGetDashboard = createAsyncThunk( + "PROVINCE_DISPENSER_SALE_WITHOUT_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `dashboard_kill_house_free_sale_bar`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + kill_house_key: d.kill_house_key || "all", + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-dispenser-segmentation-dashboard.js b/src/features/province/services/province-dispenser-segmentation-dashboard.js new file mode 100644 index 0000000..cc6fc08 --- /dev/null +++ b/src/features/province/services/province-dispenser-segmentation-dashboard.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceDispenserSegmentationDashboard = createAsyncThunk( + "PROVINCE_DISPENSER_SEGMENTATION_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`segmentation-dashboard`, { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + steward_key: d.steward_key || "all", + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-dispenser-slaughter-get-steward-service.js b/src/features/province/services/province-dispenser-slaughter-get-steward-service.js new file mode 100644 index 0000000..7385161 --- /dev/null +++ b/src/features/province/services/province-dispenser-slaughter-get-steward-service.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetDispenserSlaughterToStewardDashboardService = + createAsyncThunk( + "PROVINCE_GET_DISPENSER_KILLHOUSES_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`total-steward-dashboard`, { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1 ? d.selectedDate1 : null, + date2: d.selectedDate2 ? d.selectedDate2 : null, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } + ); diff --git a/src/features/province/services/province-dispenser-steward-edit-sale-out.js b/src/features/province/services/province-dispenser-steward-edit-sale-out.js new file mode 100644 index 0000000..1b8af06 --- /dev/null +++ b/src/features/province/services/province-dispenser-steward-edit-sale-out.js @@ -0,0 +1,18 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provinceDispenserStewardEditSaleOutService = createAsyncThunk( + "PROVINCE_EDIT_DISPENSER__STEWARD_SALE_OUT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("steward_free_sale_bar/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-dispenser-with-in-sale-dashboard.js b/src/features/province/services/province-dispenser-with-in-sale-dashboard.js new file mode 100644 index 0000000..b4d8c85 --- /dev/null +++ b/src/features/province/services/province-dispenser-with-in-sale-dashboard.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceDispenserWithInGetDashboard = createAsyncThunk( + "PROVINCE_DISPENSER_SALE_WITHIN_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `in-province-allocation-dashboard/?type=Steward`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + steward_key: d.steward_key || "all", + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-dispenser-with-in-sale-inventory-dashboard.js b/src/features/province/services/province-dispenser-with-in-sale-inventory-dashboard.js new file mode 100644 index 0000000..5a16313 --- /dev/null +++ b/src/features/province/services/province-dispenser-with-in-sale-inventory-dashboard.js @@ -0,0 +1,26 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceDispenserWithInGetDashboard = createAsyncThunk( + "PROVINCE_DISPENSER_SALE_WITHIN_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `in-province-allocation-dashboard/?type=KillHouse`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + kill_house_key: d.kill_house_key || "all", + trash: d.trash, + return_trash: d.return_trash, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-dispensers-services.js b/src/features/province/services/province-dispensers-services.js new file mode 100644 index 0000000..eebaea8 --- /dev/null +++ b/src/features/province/services/province-dispensers-services.js @@ -0,0 +1,49 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceDispensersGetAllStewards = createAsyncThunk( + "GET_STEWARDS_GUILDS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("real-guilds/", { + params: { + role: getRoleFromUrl(), + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceDispensersAddSteward = createAsyncThunk( + "ADD_STEWARDS_GUILDS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("real-guilds/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceDispensersCreateSteward = createAsyncThunk( + "CREATE_STEWARDS_GUILDS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("real-guilds/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-approved-price.js b/src/features/province/services/province-edit-approved-price.js new file mode 100644 index 0000000..9423c0e --- /dev/null +++ b/src/features/province/services/province-edit-approved-price.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditApprovedPrice = createAsyncThunk( + "PROVINCE_EDIT_APPROVED_PRICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("approved-price/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceEditKillhouseApprovedPrice = createAsyncThunk( + "PROVINCE_EDIT_KILL_APPROVED_PRICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("broadcast-price/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-auto-allocation.js b/src/features/province/services/province-edit-auto-allocation.js new file mode 100644 index 0000000..ac92dbf --- /dev/null +++ b/src/features/province/services/province-edit-auto-allocation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditAutoAllocationService = createAsyncThunk( + "PROVINCE_EDIT_AUTO_ALLOCATION_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("automatic_allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-car.js b/src/features/province/services/province-edit-car.js new file mode 100644 index 0000000..6d712d9 --- /dev/null +++ b/src/features/province/services/province-edit-car.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditCarService = createAsyncThunk( + "PROVINCE_EDIT_CAR_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house_driver/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-evacuation-permit.js b/src/features/province/services/province-edit-evacuation-permit.js new file mode 100644 index 0000000..9975851 --- /dev/null +++ b/src/features/province/services/province-edit-evacuation-permit.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditEvacuationPermit = createAsyncThunk( + "PROVINCE_EDIT_EVACUATION_PERMIT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("evacuation_permit/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-free-sale.js b/src/features/province/services/province-edit-free-sale.js new file mode 100644 index 0000000..300bd61 --- /dev/null +++ b/src/features/province/services/province-edit-free-sale.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditFreeSaleService = createAsyncThunk( + "PROVINCE_EDIT_FREE_SALE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "province_check_operator_out_request/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-kill-capacity.js b/src/features/province/services/province-edit-kill-capacity.js new file mode 100644 index 0000000..3ce243e --- /dev/null +++ b/src/features/province/services/province-edit-kill-capacity.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditKillCapacityService = createAsyncThunk( + "PROVINCE_EDIT_KILL_CAPACITY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-min-max-age.js b/src/features/province/services/province-edit-min-max-age.js new file mode 100644 index 0000000..20cbcda --- /dev/null +++ b/src/features/province/services/province-edit-min-max-age.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditMinMaxAge = createAsyncThunk( + "PROVINCE_EDIT_MIN_MAX_AGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("chicken-age-range/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-edit-poultry-city.js b/src/features/province/services/province-edit-poultry-city.js new file mode 100644 index 0000000..10c3922 --- /dev/null +++ b/src/features/province/services/province-edit-poultry-city.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditPoultryCityService = createAsyncThunk( + "PROVINCE_EDIT_POULTRY_CITY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("Poultry/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-poultry-request-service.js b/src/features/province/services/province-edit-poultry-request-service.js new file mode 100644 index 0000000..d3e440b --- /dev/null +++ b/src/features/province/services/province-edit-poultry-request-service.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditPoultryRequestService = createAsyncThunk( + "PROVINCE_EDIT_POULTRY_REQUEST_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("Poultry_Request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-send-date.js b/src/features/province/services/province-edit-send-date.js new file mode 100644 index 0000000..9a6a1be --- /dev/null +++ b/src/features/province/services/province-edit-send-date.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditSendDate = createAsyncThunk( + "PROVINCE_EDIT_SEND_DATE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("Poultry_Request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-steward.js b/src/features/province/services/province-edit-steward.js new file mode 100644 index 0000000..71820ee --- /dev/null +++ b/src/features/province/services/province-edit-steward.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetStewardsService } from "./province-get-stewards"; + +export const provinceEditStewardService = createAsyncThunk( + "PROVINCE_EDIT_STEWARD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("steward/0/", d); + dispatch(provinceGetStewardsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-trade-panel.js b/src/features/province/services/province-edit-trade-panel.js new file mode 100644 index 0000000..6df3d6e --- /dev/null +++ b/src/features/province/services/province-edit-trade-panel.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditTradePanelService = createAsyncThunk( + "PROVINCE_EDIT_TRADE_PANEL_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("market-requests/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-edit-unpaid-fee.js b/src/features/province/services/province-edit-unpaid-fee.js new file mode 100644 index 0000000..cc6f8ee --- /dev/null +++ b/src/features/province/services/province-edit-unpaid-fee.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditUnpaidFeeService = createAsyncThunk( + "PROVINCE_EDIT_UNPAID_FEE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("province_kill_request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-free-sale-edit-request.js b/src/features/province/services/province-free-sale-edit-request.js new file mode 100644 index 0000000..d4049f4 --- /dev/null +++ b/src/features/province/services/province-free-sale-edit-request.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceFreeSaleEditRequestService = createAsyncThunk( + "PROVINCE_FREE_SALE_EDIT_REQUEST", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("Poultry_Request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-free-sales-edit-buyer.js b/src/features/province/services/province-free-sales-edit-buyer.js new file mode 100644 index 0000000..fb39c8c --- /dev/null +++ b/src/features/province/services/province-free-sales-edit-buyer.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceFreeSalesEditBuyer = createAsyncThunk( + "PROVINCE_FREE_SALES_EDIT_BUYER", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "out-province-poultry-request-buyers/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-free-sales-get-buyers.js b/src/features/province/services/province-free-sales-get-buyers.js new file mode 100644 index 0000000..86da3b4 --- /dev/null +++ b/src/features/province/services/province-free-sales-get-buyers.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceFreeSaleBuyers = createAsyncThunk( + "PROVINCE_FREE_SALES_GET_BUYERS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "out-province-poultry-request-buyers/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-free-sales-get-transaction-dashboard.js b/src/features/province/services/province-free-sales-get-transaction-dashboard.js new file mode 100644 index 0000000..33c04c8 --- /dev/null +++ b/src/features/province/services/province-free-sales-get-transaction-dashboard.js @@ -0,0 +1,26 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provinceFreeSalesGetDashboardTransactionsService = + createAsyncThunk( + "PROVINCE_FREE_SALES_TRANSACTIONS_DASH", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `total-dashboard-poultry-requests-transactions`, + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + filter: "search", + value: d.textValue, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } + ); diff --git a/src/features/province/services/province-free-sales-send-sms-again.js b/src/features/province/services/province-free-sales-send-sms-again.js new file mode 100644 index 0000000..db5dec1 --- /dev/null +++ b/src/features/province/services/province-free-sales-send-sms-again.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceFreeSalsesSendSmsService = createAsyncThunk( + "PROVINCE_SEND_SMS_AGAIN_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "send_again_sms_for_final_approval_out_province/?key=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-free-sales-submit-buyer.js b/src/features/province/services/province-free-sales-submit-buyer.js new file mode 100644 index 0000000..48f0ea4 --- /dev/null +++ b/src/features/province/services/province-free-sales-submit-buyer.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceFreeSalesSubmitBuyer = createAsyncThunk( + "PROVINCE_CREATE_FREE_SALE_BUYER", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "out-province-poultry-request-buyers/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-active-requests.js b/src/features/province/services/province-get-active-requests.js new file mode 100644 index 0000000..950df9b --- /dev/null +++ b/src/features/province/services/province-get-active-requests.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetActiveRequestsService = createAsyncThunk( + "PROVINCE_GET_ACTIVE_REQUESTS_SERVICE", + async () => { + const { data, status } = await axios.get("city_operator_check_request", { + params: { state: "all" }, + }); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-all-requests.js b/src/features/province/services/province-get-all-requests.js new file mode 100644 index 0000000..d674a4e --- /dev/null +++ b/src/features/province/services/province-get-all-requests.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import moment from "moment/moment"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetAllRequests = createAsyncThunk( + "PROVINCE_GET_ACTIVE_REQUESTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + d = d || moment(new Date()).format("YYYY-MM-DD"); + const { data, status } = await axios.get("city_operator_check_request", { + params: { state: "waiting", date: d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-allocated-requests.js b/src/features/province/services/province-get-allocated-requests.js new file mode 100644 index 0000000..db30b0a --- /dev/null +++ b/src/features/province/services/province-get-allocated-requests.js @@ -0,0 +1,47 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +export const provinceGetAllocatedRequestsService = createAsyncThunk( + "PROVINCE_GET_ALLOCATED_REQUESTS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + + const params = { + role: getRoleFromUrl(), + role_key: d.role_key || "", + date1: d.selectedDate1, + date2: d.selectedDate2, + filter: "search", + value: d.textValue, + }; + + if (d.hasDocumentState) { + params.allocated_car_state = true; + } else { + params.allocations = true; + } + + const { data, status } = await axios.get(`province_kill_request/`, { + params, + }); + + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceUpdateAllocatedRequestService = createAsyncThunk( + "PROVINCE_UPDATE_ALLOCATED_REQUEST_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("province_kill_request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-allocation-letter-report.js b/src/features/province/services/province-get-allocation-letter-report.js new file mode 100644 index 0000000..4eb4ea3 --- /dev/null +++ b/src/features/province/services/province-get-allocation-letter-report.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetAllocationLetterReport = createAsyncThunk( + "PROVINCE_GET_ALLOCATION_LETTER", + async (d, { dispatch }) => { + const { data, status } = await axios.get( + "province_request_letter/?date=" + d + ); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-allocation-letter.js b/src/features/province/services/province-get-allocation-letter.js new file mode 100644 index 0000000..cb1c188 --- /dev/null +++ b/src/features/province/services/province-get-allocation-letter.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetAllocationLetter = createAsyncThunk( + "PROVINCE_GET_ALLOCATION_LETTER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "poultry_request_letter/?date=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-archive-auto-allocations.js b/src/features/province/services/province-get-archive-auto-allocations.js new file mode 100644 index 0000000..3b0331d --- /dev/null +++ b/src/features/province/services/province-get-archive-auto-allocations.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetArchiveAutoAllocationsService = createAsyncThunk( + "PROVINCE_GET_ARCHIVE_AUTO_ALLOCATIONS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("automatic_allocation/", { + params: { + state: "final_registration", + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-auto-allocations.js b/src/features/province/services/province-get-auto-allocations.js new file mode 100644 index 0000000..6f3851a --- /dev/null +++ b/src/features/province/services/province-get-auto-allocations.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetAutoAllocationsService = createAsyncThunk( + "PROVINCE_GET_AUTO_ALLOCATIONS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("automatic_allocation/", { + params: { + state: "temporary", + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-buyers.js b/src/features/province/services/province-get-buyers.js new file mode 100644 index 0000000..dec83ac --- /dev/null +++ b/src/features/province/services/province-get-buyers.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetBuyersService = createAsyncThunk( + "PROVINCE_GET_BUYERS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("kill_house/", { params: d }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-cars.js b/src/features/province/services/province-get-cars.js new file mode 100644 index 0000000..40bc2b8 --- /dev/null +++ b/src/features/province/services/province-get-cars.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetCars = createAsyncThunk( + "PROVINCE_GET_CARS", + async () => { + const { data, status } = await axios.get("kill_house_driver/", { + params: { + role: getRoleFromUrl(), + ...data, + }, + }); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-case-status.js b/src/features/province/services/province-get-case-status.js new file mode 100644 index 0000000..b149bd3 --- /dev/null +++ b/src/features/province/services/province-get-case-status.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetCaseStatusService = createAsyncThunk( + "PROVINCE_GET_CASE_STATUS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("case_status/", { + params: { date: d, role: getRoleFromUrl() }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-cities.js b/src/features/province/services/province-get-cities.js new file mode 100644 index 0000000..0f85220 --- /dev/null +++ b/src/features/province/services/province-get-cities.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetCitiesService = createAsyncThunk( + "PROVINCE_GET_CITIES_SERVICE", + async () => { + const { data, status } = await axios.get("province_cities/"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-deleted-allocated-requests.js b/src/features/province/services/province-get-deleted-allocated-requests.js new file mode 100644 index 0000000..134204f --- /dev/null +++ b/src/features/province/services/province-get-deleted-allocated-requests.js @@ -0,0 +1,26 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetDeletedAllocatedRequestsService = createAsyncThunk( + "PROVINCE_GET_DELETED_ALLOCATED_REQUESTS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `province_kill_request/?allocations&deleted_object`, + { + params: { + role: getRoleFromUrl(), + role_key: d.role_key || "", + date1: d.selectedDate1, + date2: d.selectedDate2, + filter: "search", + value: d.textValue, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-direct-buying-poultry-requests.js b/src/features/province/services/province-get-direct-buying-poultry-requests.js new file mode 100644 index 0000000..08abf7c --- /dev/null +++ b/src/features/province/services/province-get-direct-buying-poultry-requests.js @@ -0,0 +1,43 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetDirectBuyingPoultryRequests = createAsyncThunk( + "PROVINCE_GET_DIRECT_BUYING_POULTRY_REQUESTS", + async (params, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { + selectedBreeds = [], + selectedCities = [], + showRemaining = false, + minPrice = "", + maxPrice = "", + minAge = "", + maxAge = "", + textValue = "", + page = 1, + perPage = 20, + } = params || {}; + + const cityParams = + selectedCities.length > 0 ? `&city=${selectedCities.join(",")}` : ""; + const minPriceParam = minPrice ? `&min_amount=${minPrice}` : ""; + const maxPriceParam = maxPrice ? `&max_amount=${maxPrice}` : ""; + + const { data, status } = await axios.get( + `direct-buying-poultry-requests?breed=${selectedBreeds.join( + "," + )}${cityParams}&remain=${showRemaining}${minPriceParam}${maxPriceParam}&weight=&min_age=${minAge}&max_age=${maxAge}&role=${getRoleFromUrl()}&search=filter&value=${ + textValue || "" + }&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || e.message }; + } + } +); diff --git a/src/features/province/services/province-get-dispenser-killhouse-dashboard-service.js b/src/features/province/services/province-get-dispenser-killhouse-dashboard-service.js new file mode 100644 index 0000000..fc74ed6 --- /dev/null +++ b/src/features/province/services/province-get-dispenser-killhouse-dashboard-service.js @@ -0,0 +1,42 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetDispenserKillhousesService = createAsyncThunk( + "PROVINCE_GET_DISPENSER_KILLHOUSES_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `kill-house-warehouse-dashboard-for-province`, + { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1 ? d.selectedDate1 : null, + date2: d.selectedDate2 ? d.selectedDate2 : null, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceGetDispenserKillhousesDashboardService = createAsyncThunk( + "PROVINCE_GET_DISPENSER_KILLHOUSES_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `in-province-allocation-dashboard/`, + { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1 ? d.selectedDate1 : null, + date2: d.selectedDate2 ? d.selectedDate2 : null, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-dispenser-killhouses.js b/src/features/province/services/province-get-dispenser-killhouses.js new file mode 100644 index 0000000..07ee1ec --- /dev/null +++ b/src/features/province/services/province-get-dispenser-killhouses.js @@ -0,0 +1,42 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetDispenserKillhousesService = createAsyncThunk( + "PROVINCE_GET_DISPENSER_KILLHOUSES_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `kill-house-warehouse-dashboard-for-province`, + { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1 ? d.selectedDate1 : null, + date2: d.selectedDate2 ? d.selectedDate2 : null, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceGetDispenserKillhousesDashboardService = createAsyncThunk( + "PROVINCE_GET_DISPENSER_KILLHOUSES_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `total-kill-house-warehouse-dashboard-for-province`, + { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1 ? d.selectedDate1 : null, + date2: d.selectedDate2 ? d.selectedDate2 : null, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-driver-by-health-code.js b/src/features/province/services/province-get-driver-by-health-code.js new file mode 100644 index 0000000..25fc0c1 --- /dev/null +++ b/src/features/province/services/province-get-driver-by-health-code.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetDriverByHealthCode = createAsyncThunk( + "PROVINCE_GET_DRIVER_BY_HEALTH_CODE", + async (id) => { + const { data, status } = await axios.get( + "kill_house_driver/?health_code=" + id + ); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-evacuation-permit.js b/src/features/province/services/province-get-evacuation-permit.js new file mode 100644 index 0000000..c1777b1 --- /dev/null +++ b/src/features/province/services/province-get-evacuation-permit.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetEvacuationPermit = createAsyncThunk( + "PROVINCE_GET_EVACUATION_PERMIT", + async () => { + const { data, status } = await axios.get("evacuation_permit/"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-files-state.js b/src/features/province/services/province-get-files-state.js new file mode 100644 index 0000000..50e0516 --- /dev/null +++ b/src/features/province/services/province-get-files-state.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetFilesStateService = createAsyncThunk( + "PROVINCE_GET_FILES_STATE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("general_case_status", { + params: { + date1: d.date1, + date2: d.date2, + role: getRoleFromUrl(), + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-free-sales-dashboard.js b/src/features/province/services/province-get-free-sales-dashboard.js new file mode 100644 index 0000000..123c0f2 --- /dev/null +++ b/src/features/province/services/province-get-free-sales-dashboard.js @@ -0,0 +1,25 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetFreeSalesDashboardService = createAsyncThunk( + "GET_PROVINCE_FEE_SALES_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "out-province-poultry-requests-dashboard", + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + search: "filter", + value: d.textValue, + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-free-sales-requests.js b/src/features/province/services/province-get-free-sales-requests.js new file mode 100644 index 0000000..67b3a39 --- /dev/null +++ b/src/features/province/services/province-get-free-sales-requests.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import moment from "moment/moment"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetFreeSalesRequestsService = createAsyncThunk( + "PROVINCE_GET_FREE_SALES_REQUESTS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + d = d || moment(new Date()).format("YYYY-MM-DD"); + const { data, status } = await axios.get("out-province-poultry-requests", { + params: { + role: getRoleFromUrl(), + date1: d.selectedDate1, + date2: d.selectedDate2, + out: "", + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-guilds-for-update-or-create.js b/src/features/province/services/province-get-guilds-for-update-or-create.js new file mode 100644 index 0000000..034cf5c --- /dev/null +++ b/src/features/province/services/province-get-guilds-for-update-or-create.js @@ -0,0 +1,41 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetGuildsForUpdateOrCreateService = createAsyncThunk( + "PROVINCE_GET_GUILDS_FOR_UPDATE_OR_CREATE_SERVICE", + async (payload, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.get( + "get_guilds_for_update_or_create/", + { + params: { + national_code: payload.national_code, + update: payload.update || false, + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + + if (e.response?.status === 403) { + const errorMessage = + e.response?.data?.result || + e.response?.data?.message || + "دسترسی غیرمجاز"; + return { error: errorMessage, status: 403 }; + } + + const errorMessage = + e.response?.data?.result || + e.response?.data?.message || + "خطا در دریافت اطلاعات"; + return { error: errorMessage }; + } + } +); diff --git a/src/features/province/services/province-get-guilds-numbers-names.js b/src/features/province/services/province-get-guilds-numbers-names.js new file mode 100644 index 0000000..de0d75c --- /dev/null +++ b/src/features/province/services/province-get-guilds-numbers-names.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import moment from "moment/moment"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetGuildsNumbersNamesService = createAsyncThunk( + "PROVINCE_GET_GUILDS_NUMBERS_NAMES_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + d = d || moment(new Date()).format("YYYY-MM-DD"); + const { data, status } = await axios.get("guilds/", { + params: { type: "kill_house_percentage", percentage_key: d.key }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-guilds.js b/src/features/province/services/province-get-guilds.js new file mode 100644 index 0000000..ac17b47 --- /dev/null +++ b/src/features/province/services/province-get-guilds.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetGuildsService = createAsyncThunk( + "PROVINCE_GET_GUILD_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("guilds/", { + params: { role: getRoleFromUrl() }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-kill-houses.js b/src/features/province/services/province-get-kill-houses.js new file mode 100644 index 0000000..f5cf3ac --- /dev/null +++ b/src/features/province/services/province-get-kill-houses.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetKillHouses = createAsyncThunk( + "PROVINCE_GET_KILLHOUSES", + async () => { + const { data, status } = await axios.get( + "kill_house/?role=ProvinceInspector" + ); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-killhouses-for-allocation.js b/src/features/province/services/province-get-killhouses-for-allocation.js new file mode 100644 index 0000000..7be8333 --- /dev/null +++ b/src/features/province/services/province-get-killhouses-for-allocation.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetKillHousesForAllocation = createAsyncThunk( + "PROVINCE_GET_KILLHOUSES_FOR_ALLOCATION", + async () => { + const { data, status } = await axios.get("/kill_house/?kill_house=true"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-killhouses-guilds.js b/src/features/province/services/province-get-killhouses-guilds.js new file mode 100644 index 0000000..d6387aa --- /dev/null +++ b/src/features/province/services/province-get-killhouses-guilds.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetKillhousesGuildsService = createAsyncThunk( + "PROVINCE_GET_KILLHOUSES_GUILDS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("allow_register_guilds/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-killhouses.js b/src/features/province/services/province-get-killhouses.js new file mode 100644 index 0000000..cb99b96 --- /dev/null +++ b/src/features/province/services/province-get-killhouses.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetKillhousesService = createAsyncThunk( + "PROVINCE_GET_KILLHOUSES_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("allow_direct_buying/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-legal-person-unit-info.js b/src/features/province/services/province-get-legal-person-unit-info.js new file mode 100644 index 0000000..22cbb41 --- /dev/null +++ b/src/features/province/services/province-get-legal-person-unit-info.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetLegalPersonUnitInfoService = createAsyncThunk( + "PROVINCE_GET_LEGAL_PERSON_UNIT_INFO_SERVICE", + async (nationalCode, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + `get_legal_person_unit_info/?national_code=${nationalCode}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || e.response?.data || "خطا در دریافت اطلاعات" }; + } + } +); + diff --git a/src/features/province/services/province-get-limitation.js b/src/features/province/services/province-get-limitation.js new file mode 100644 index 0000000..fa7e43c --- /dev/null +++ b/src/features/province/services/province-get-limitation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetLimitation = createAsyncThunk( + "PROVINCE_GET_LIMITATION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("operation-limitation/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-manage-users-roles.js b/src/features/province/services/province-get-manage-users-roles.js new file mode 100644 index 0000000..796bdf7 --- /dev/null +++ b/src/features/province/services/province-get-manage-users-roles.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetManageUsersRolesService = createAsyncThunk( + "PROVINCE_GET_MANAGE_USERS_ROLES_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("system_user_profile/", { + params: { all_users: true, userprofile_key: d.userProfileKey }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-manage-users.js b/src/features/province/services/province-get-manage-users.js new file mode 100644 index 0000000..015871f --- /dev/null +++ b/src/features/province/services/province-get-manage-users.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetManageUsersService = createAsyncThunk( + "PROVINCE_GET_MANAGE_USERS_SERVICE", + async (_, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("system_user_profile/", { + params: { users_base_info: true }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-mobile-messages.js b/src/features/province/services/province-get-mobile-messages.js new file mode 100644 index 0000000..da13951 --- /dev/null +++ b/src/features/province/services/province-get-mobile-messages.js @@ -0,0 +1,58 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdateMobileMessagesActiveService = createAsyncThunk( + "PROVINCE_UPDATE_MOBILE_MESSAGES_ACTIVE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("moving-text-with-role/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceUpdateMobileMessagesActiveTextService = createAsyncThunk( + "PROVINCE_UPDATE_MOBILE_MESSAGES_ACTIVE_TEXT_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("moving-text/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceSubmitNewMovingText = createAsyncThunk( + "PROVINCE_UPDATE_SUBMIT_MOVING_TEXT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("moving-text/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceDeleteMovingTextService = createAsyncThunk( + "PROVINCE_DELETE_MOVING_TEXT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.delete("moving-text/" + d + "/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-national-documents.js b/src/features/province/services/province-get-national-documents.js new file mode 100644 index 0000000..d87fca1 --- /dev/null +++ b/src/features/province/services/province-get-national-documents.js @@ -0,0 +1,53 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { showSnackbar } from "../../../utils/showSnackbar"; + +export const provinceGetNationalDocumentsService = createAsyncThunk( + "PROVINCE_GET_NATIONAL_DOCUMENTS_SERVICE", + async (payload, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.get( + `https://pay.rasadyar.com/national-documents?info=${payload.info}&type=${payload.type}`, + { + timeout: 30000, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + + if (e.code === "ECONNABORTED" || e.message.includes("timeout")) { + showSnackbar( + "زمان درخواست به پایان رسید. لطفا دوباره تلاش کنید.", + "error" + ); + return { + error: "زمان درخواست به پایان رسید. لطفا دوباره تلاش کنید.", + }; + } + + if (e.response?.status === 500) { + showSnackbar("خطای سرور رخ داده است. لطفا بعدا تلاش کنید.", "error"); + return { error: "خطای سرور رخ داده است. لطفا بعدا تلاش کنید." }; + } + + if (!e.response) { + showSnackbar( + "خطا در برقراری ارتباط با سرور. لطفا اتصال اینترنت خود را بررسی کنید.", + "error" + ); + return { + error: + "خطا در برقراری ارتباط با سرور. لطفا اتصال اینترنت خود را بررسی کنید.", + }; + } + + const errorMessage = e.response?.data?.result || "خطا در دریافت اطلاعات"; + showSnackbar(errorMessage, "error"); + return { error: errorMessage }; + } + } +); diff --git a/src/features/province/services/province-get-only-kill-houses.js b/src/features/province/services/province-get-only-kill-houses.js new file mode 100644 index 0000000..3446248 --- /dev/null +++ b/src/features/province/services/province-get-only-kill-houses.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetOnlyKillHousesService = createAsyncThunk( + "PROVINCE_GET_ONLY_KILLHOUSES_SERVICE", + async (d) => { + const { data, status } = await axios.get(`kill_house/?${d}`); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-payment-by-weight-overview.js b/src/features/province/services/province-get-payment-by-weight-overview.js new file mode 100644 index 0000000..fc49f77 --- /dev/null +++ b/src/features/province/services/province-get-payment-by-weight-overview.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetPaymentByWeightOverview = createAsyncThunk( + "PROVINCE_GET_PAYMENT_BY_WEIGHT_OVERVIREW", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`total-wage-information/`, { + params: { ...d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const parentConpanyGetPaymentByWeightOverview = createAsyncThunk( + "PARENT_COMPANY_GET_PAYMENT_BY_WEIGHT_OVERVIREW", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + d + `parent-company-total-wage-information/?role=${getRoleFromUrl()}` + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-policy-aviculture-commit.js b/src/features/province/services/province-get-policy-aviculture-commit.js new file mode 100644 index 0000000..6796c99 --- /dev/null +++ b/src/features/province/services/province-get-policy-aviculture-commit.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetPolicyAvicultureCommitService = createAsyncThunk( + "PROVINCE_GET_POLICY_AVICULTURE_COMMIT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("free_sale_within_province/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-policy-poultry-choose-kill-house.js b/src/features/province/services/province-get-policy-poultry-choose-kill-house.js new file mode 100644 index 0000000..da499eb --- /dev/null +++ b/src/features/province/services/province-get-policy-poultry-choose-kill-house.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetPolicyPoultryChooseKillHouseService = createAsyncThunk( + "PROVINCE_GET_POLICY_POULTRY_CHOOSE_KILL_HOUSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "province_allow_poultry_choose_kill_house_total/" + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-poultries.js b/src/features/province/services/province-get-poultries.js new file mode 100644 index 0000000..1f8461e --- /dev/null +++ b/src/features/province/services/province-get-poultries.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetPoultriesService = createAsyncThunk( + "PROVINCE_GET_POULTRIES_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("Poultry/?all"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-poultry-active-limited.js b/src/features/province/services/province-get-poultry-active-limited.js new file mode 100644 index 0000000..1d9f2ad --- /dev/null +++ b/src/features/province/services/province-get-poultry-active-limited.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const getPoultryActiveLimitedService = createAsyncThunk( + "GET_POULTRY_ACTIVE_LIMITED_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("/Poultry/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-pricing.js b/src/features/province/services/province-get-pricing.js new file mode 100644 index 0000000..0e7e8ee --- /dev/null +++ b/src/features/province/services/province-get-pricing.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetPricing = createAsyncThunk( + "PROVINCE_GET_PRICING", + async () => { + const { data, status } = await axios.get("chicken-commission-prices/"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-producrs.js b/src/features/province/services/province-get-producrs.js new file mode 100644 index 0000000..537c0ad --- /dev/null +++ b/src/features/province/services/province-get-producrs.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetProducts = createAsyncThunk( + "PROVINCE_GET_PRODUCTS", + async () => { + const { data, status } = await axios.get("additional-products/"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-profile.js b/src/features/province/services/province-get-profile.js new file mode 100644 index 0000000..48984da --- /dev/null +++ b/src/features/province/services/province-get-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetProfile = createAsyncThunk( + "PROVINCE_GET_PROFILE", + async () => { + const { data, status } = await axios.get("province_operator/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-province-and-city.js b/src/features/province/services/province-get-province-and-city.js new file mode 100644 index 0000000..1d089c8 --- /dev/null +++ b/src/features/province/services/province-get-province-and-city.js @@ -0,0 +1,33 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetProvincesService = createAsyncThunk( + "PROVINCE_GET_PROVINCES_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("iran_province/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceGetCitiesService = createAsyncThunk( + "PROVINCE_GET_CITIES_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("iran_city/?province_id=" + d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-quarantine-letter.js b/src/features/province/services/province-get-quarantine-letter.js new file mode 100644 index 0000000..5273448 --- /dev/null +++ b/src/features/province/services/province-get-quarantine-letter.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetQuarantineLetter = createAsyncThunk( + "PROVINCE_GET_VETERINARY_LETTER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "poultry_request_letter/?order_code=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-register-code-state.js b/src/features/province/services/province-get-register-code-state.js new file mode 100644 index 0000000..dc7cfb5 --- /dev/null +++ b/src/features/province/services/province-get-register-code-state.js @@ -0,0 +1,31 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetRegisterCodeStateService = createAsyncThunk( + "PROVINCE_GET_REGISTER_CODE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("allow_register_code_for_guilds"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceResendRegisterCodeStateService = createAsyncThunk( + "PROVINCE_RESEND_REGISTER_CODE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post( + "send_again_sms_for_register_code_guild/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-rejected-requests.js b/src/features/province/services/province-get-rejected-requests.js new file mode 100644 index 0000000..d84ae58 --- /dev/null +++ b/src/features/province/services/province-get-rejected-requests.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetRejectedRequests = createAsyncThunk( + "PROVINCE_GET_REJECTED_REQUESTS", + async () => { + const { data, status } = await axios.get("rejected_requests"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-report-process.js b/src/features/province/services/province-get-report-process.js new file mode 100644 index 0000000..cfd40b0 --- /dev/null +++ b/src/features/province/services/province-get-report-process.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetProcessData = createAsyncThunk( + "PROVINCE_GET_REPORT_PROCESS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.get( + `general_poultry_request_letter_report/?date=${d.selectedDate1}&type=${d.value}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (error) { + dispatch(LOADING_END()); + throw error; + } + } +); diff --git a/src/features/province/services/province-get-sell-for-freezing-status.js b/src/features/province/services/province-get-sell-for-freezing-status.js new file mode 100644 index 0000000..db8deb7 --- /dev/null +++ b/src/features/province/services/province-get-sell-for-freezing-status.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetSellForFreezingStatus = createAsyncThunk( + "PROVINCE_GET_SELL_FOR_FREEZING_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("sell-for-freezing/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-slaughter-letter.js b/src/features/province/services/province-get-slaughter-letter.js new file mode 100644 index 0000000..6aece86 --- /dev/null +++ b/src/features/province/services/province-get-slaughter-letter.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetSlaughterLetter = createAsyncThunk( + "PROVINCE_GET_SLAUGHTER_LETTER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "poultry_request_letter_order_code/?date=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-slaughter-surverillance-service.js b/src/features/province/services/province-get-slaughter-surverillance-service.js new file mode 100644 index 0000000..d2b1017 --- /dev/null +++ b/src/features/province/services/province-get-slaughter-surverillance-service.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +export const provinceGetSlaughterSurveillanceService = createAsyncThunk( + "PROVINCE_GET_SLAUGHTER_SERVEILLANCE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "comprehensive_report_of_slaughterhouse", + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-slaughterhouses-quota.js b/src/features/province/services/province-get-slaughterhouses-quota.js new file mode 100644 index 0000000..0c46b80 --- /dev/null +++ b/src/features/province/services/province-get-slaughterhouses-quota.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetSlaughterhousesQuotaService = createAsyncThunk( + "PROVINCE_GET_SLAUGHTERHOUSES_QUOTA_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("kill_house_percent/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-sms-license.js b/src/features/province/services/province-get-sms-license.js new file mode 100644 index 0000000..fa2e578 --- /dev/null +++ b/src/features/province/services/province-get-sms-license.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetSmsLincenseService = createAsyncThunk( + "PROVINCE_GET_SMS_LINCENSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("sms_license/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-get-stewards.js b/src/features/province/services/province-get-stewards.js new file mode 100644 index 0000000..9c73ef1 --- /dev/null +++ b/src/features/province/services/province-get-stewards.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetStewardsService = createAsyncThunk( + "PROVINCE_GET_STEWARDS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("steward/", { + params: { + ...d, + role: getRoleFromUrl(), + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-total-guilds.js b/src/features/province/services/province-get-total-guilds.js new file mode 100644 index 0000000..41d9b0c --- /dev/null +++ b/src/features/province/services/province-get-total-guilds.js @@ -0,0 +1,48 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetTotalGuildsService = createAsyncThunk( + "PROVINCE_GET_TOTAL_GUILDS_SERVICE", + async ( + { + search = "filter", + value = "", + page = 1, + page_size = 10, + steward = false, + active_state = "active", + is_real_person = true, + role_key = "", + }, + { dispatch } + ) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("total_guilds/", { + params: { + search, + value, + role: getRoleFromUrl(), + page, + page_size, + steward, + active_state, + is_real_person, + role_key: role_key, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { + error: + e.response?.data?.result || + e.response?.data || + "خطا در دریافت اطلاعات", + }; + } + } +); diff --git a/src/features/province/services/province-get-total-killhouse-remain-weight.js b/src/features/province/services/province-get-total-killhouse-remain-weight.js new file mode 100644 index 0000000..ef9d04f --- /dev/null +++ b/src/features/province/services/province-get-total-killhouse-remain-weight.js @@ -0,0 +1,89 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetTotalKillhouseRemainWeight = createAsyncThunk( + "PROVINCE_GET_TOTAL_KILLHOUSE_REMAIN_WEIGHT", + async (params, { dispatch }) => { + try { + dispatch(LOADING_START()); + + const pathname = + typeof window !== "undefined" ? window.location.pathname : ""; + const isStewardPage = + pathname?.split("/").filter(Boolean).pop() === "steward"; + + const endpoint = isStewardPage + ? "total-steward-remain-weight/" + : "total-kill-house-remain-weight/"; + + const requestParams = { + search: params?.search ?? "filter", + value: params?.value ?? "", + page: params?.page ?? 1, + page_size: params?.page_size ?? (isStewardPage ? 40 : 10), + quota: params?.quota ?? false, + }; + + if (params?.date1) { + requestParams.date1 = params.date1; + } + + if (params?.date2) { + requestParams.date2 = params.date2; + } + + if (isStewardPage) { + requestParams.owner_type = params?.owner_type ?? "steward"; + } else { + requestParams.role = params?.role ?? "SuperAdmin"; + } + + const { data, status } = await axios.get(endpoint, { + params: requestParams, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در دریافت اطلاعات" }; + } + } +); + +export const provinceGetTotalKillhouseArchiveDashboard = createAsyncThunk( + "PROVINCE_GET_TOTAL_KILLHOUSE_ARCHIVE_DASHBOARD", + async (params, { dispatch }) => { + try { + dispatch(LOADING_START()); + const isSteward = params?.owner_type === "steward"; + const endpoint = isSteward + ? "total-guild-steward-archive-dashboard/" + : "total-kill-house-archive-dashboard/"; + + const requestParams = { + search: params?.search ?? "filter", + value: params?.value ?? "", + date1: params?.date1, + date2: params?.date2, + page: params?.page ?? 1, + page_size: params?.page_size ?? 10, + }; + + if (isSteward) { + requestParams.owner_type = params.owner_type ?? "steward"; + } else { + requestParams.role = params?.role ?? "SuperAdmin"; + } + + const { data, status } = await axios.get(endpoint, { + params: requestParams, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در دریافت اطلاعات" }; + } + } +); diff --git a/src/features/province/services/province-get-total-report-agent-share.js b/src/features/province/services/province-get-total-report-agent-share.js new file mode 100644 index 0000000..b04792e --- /dev/null +++ b/src/features/province/services/province-get-total-report-agent-share.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetTotalReportAgentShareService = createAsyncThunk( + "PROVINCE_GET_TOTAL_REPORT_AGENT_SHARE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_house_total_report_province_kill_requests/", + { params: d } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-get-user-by-key.js b/src/features/province/services/province-get-user-by-key.js new file mode 100644 index 0000000..5e5a2d3 --- /dev/null +++ b/src/features/province/services/province-get-user-by-key.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetUserByKey = createAsyncThunk( + "PROVINCE_CHECK_USER_EXISTENCE", + async (d) => { + const { data, status } = await axios.get( + "system_user_profile/0/?userprofile_key=" + d + ); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-user-profiles.js b/src/features/province/services/province-get-user-profiles.js new file mode 100644 index 0000000..8e06c7c --- /dev/null +++ b/src/features/province/services/province-get-user-profiles.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetUserProfiles = createAsyncThunk( + "PROVINCE_GET_USER_PROFILES", + async () => { + const { data, status } = await axios.get("system_user_profile/?users_info"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-users-by-roles.js b/src/features/province/services/province-get-users-by-roles.js new file mode 100644 index 0000000..908af8d --- /dev/null +++ b/src/features/province/services/province-get-users-by-roles.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetUsersByRolesService = createAsyncThunk( + "PROVINCE_GET_USERS_BY_ROLES_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("diageram", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-get-users.js b/src/features/province/services/province-get-users.js new file mode 100644 index 0000000..7016bc6 --- /dev/null +++ b/src/features/province/services/province-get-users.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetUsers = createAsyncThunk( + "PROVINCE_GET_USERS", + async () => { + const { data, status } = await axios.get("rejected_requests"); + return { data, status }; + } +); diff --git a/src/features/province/services/province-get-wages-of-killhouses.js b/src/features/province/services/province-get-wages-of-killhouses.js new file mode 100644 index 0000000..066faec --- /dev/null +++ b/src/features/province/services/province-get-wages-of-killhouses.js @@ -0,0 +1,29 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetWagesOfKillhousesService = createAsyncThunk( + "PROVINCE_GET_VETERINARY_LETTER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("kill-house-new-wage/", { + params: { + ...d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const parentCompanyGetWagesOfKillhousesService = createAsyncThunk( + "PARENT_COMPANY_GET_VETERINARY_LETTER", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + d + "parent-company-kill-house-new-wage/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-hatching-archive-percent.js b/src/features/province/services/province-hatching-archive-percent.js new file mode 100644 index 0000000..384d35e --- /dev/null +++ b/src/features/province/services/province-hatching-archive-percent.js @@ -0,0 +1,34 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceGetHatchingArchivePercent = createAsyncThunk( + "PROVINCE_GET_HATCHING_ARCHIVE_PERCENT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/hatching-archive-percent/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceEditHatchingArchivePercent = createAsyncThunk( + "PROVINCE_EDIT_HATCHING_ARCHIVE_PERCENT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("/hatching-archive-percent/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + diff --git a/src/features/province/services/province-killhouses-paid-fee-change-payment-type-service.js b/src/features/province/services/province-killhouses-paid-fee-change-payment-type-service.js new file mode 100644 index 0000000..9410741 --- /dev/null +++ b/src/features/province/services/province-killhouses-paid-fee-change-payment-type-service.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceKillhousesPaidFeesChangePaymentTypeService = + createAsyncThunk("PROVINCE_EDIT_CAR_SERVICE", async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("internal-transactions/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + }); diff --git a/src/features/province/services/province-make-kill-request-for-poultry.js b/src/features/province/services/province-make-kill-request-for-poultry.js new file mode 100644 index 0000000..a0384fb --- /dev/null +++ b/src/features/province/services/province-make-kill-request-for-poultry.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceMakeKillRequestForPoultryService = createAsyncThunk( + "PROVINCE_MAKE_KILL_REQUEST_FOR_POULTRY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("make_kill_request/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-manage-guilds-trades-edit-percents.js b/src/features/province/services/province-manage-guilds-trades-edit-percents.js new file mode 100644 index 0000000..f5cc94e --- /dev/null +++ b/src/features/province/services/province-manage-guilds-trades-edit-percents.js @@ -0,0 +1,49 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceManageGuildTradesEditPercents = createAsyncThunk( + "PROVINCE_MANAGE_GUILD_TRADES_EDIT_PERCENTS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("guilds-for-configs/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); +export const provinceManageGuildTradesEditAllPercents = createAsyncThunk( + "PROVINCE_MANAGE_GUILD_TRADES_EDIT_ALL_PERCENTS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("guilds-configs/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceManageGuildTradesGetPercents = createAsyncThunk( + "PROVINCE_MANAGE_GUILD_TRADES_GET_PERCENTS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("guilds-configs", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-manage-slaughter-request-dashboard.js b/src/features/province/services/province-manage-slaughter-request-dashboard.js new file mode 100644 index 0000000..35f82fe --- /dev/null +++ b/src/features/province/services/province-manage-slaughter-request-dashboard.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceManageSlaughterRequestDashboard = createAsyncThunk( + "PROVINCE_SLAUGHTER_REQUEST_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get(`dashboard_kill_request`, { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role: getRoleFromUrl(), + // search: "filter", + // value: d.text ? d.text : "", + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-manage-trades-edit-percents.js b/src/features/province/services/province-manage-trades-edit-percents.js new file mode 100644 index 0000000..78d63cf --- /dev/null +++ b/src/features/province/services/province-manage-trades-edit-percents.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceManageTradesEditPercents = createAsyncThunk( + "PROVINCE_MANAGE_TRADES_EDIT_PERCENTS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("market-kill-houses/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-management-send-sms.js b/src/features/province/services/province-management-send-sms.js new file mode 100644 index 0000000..0b2161b --- /dev/null +++ b/src/features/province/services/province-management-send-sms.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const managementSendSms = createAsyncThunk( + "MANAGEMENT_SEND_SMS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { id, ...rest } = d; + const { data, status } = await axios.put( + `management-send-sms/${id}/`, + rest + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در ارسال پیامک" }; + } + } +); diff --git a/src/features/province/services/province-market-request-final-accept.js b/src/features/province/services/province-market-request-final-accept.js new file mode 100644 index 0000000..425f6b6 --- /dev/null +++ b/src/features/province/services/province-market-request-final-accept.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const ProvinceMarketRequestFinalAcceptService = createAsyncThunk( + "PROVINCE_MARKET_REQUEST_FINAL_ACCEPT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("market-requests/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-national-info-farm-management-info-dashboard-service.js b/src/features/province/services/province-national-info-farm-management-info-dashboard-service.js new file mode 100644 index 0000000..896f28c --- /dev/null +++ b/src/features/province/services/province-national-info-farm-management-info-dashboard-service.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceNationalFarmManagementInfoDashboardService = + createAsyncThunk( + "PROVINCE_NATIONAL_GET_FARM_INFO_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/poultry-dashboard/", + { + params: { + role: getRoleFromUrl(), + search: d.search, + province: d.province, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } + ); diff --git a/src/features/province/services/province-national-transport-managemant-info-dashboard-service.js b/src/features/province/services/province-national-transport-managemant-info-dashboard-service.js new file mode 100644 index 0000000..94394e3 --- /dev/null +++ b/src/features/province/services/province-national-transport-managemant-info-dashboard-service.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceNationalTransportManagementInfoDashboardService = + createAsyncThunk( + "PROVINCE_NATIONAL_GET_TRANSPORT_INFO_DASHBOARD_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "https://rsibackend.rasadyar.com/app/transporting-dashboard", + { + params: { + role: getRoleFromUrl(), + search: d.search, + value: d.search, + province: d.province, + PartIdCode: d.PartIdCode, + date1: d.date1, + date2: d.date2, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } + ); diff --git a/src/features/province/services/province-need-request-form.js b/src/features/province/services/province-need-request-form.js new file mode 100644 index 0000000..32ece2b --- /dev/null +++ b/src/features/province/services/province-need-request-form.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceNeedRequestFormService = createAsyncThunk( + "PROVINCE_NEED_REQUEST_FORM_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "province_check_kill_request/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-new-pricing.js b/src/features/province/services/province-new-pricing.js new file mode 100644 index 0000000..654928b --- /dev/null +++ b/src/features/province/services/province-new-pricing.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceNewPricing = createAsyncThunk( + "PROVINCE_NEW_PRICING", + async (d) => { + const { data, status } = await axios.post("pricing/", d); + return { data, status }; + } +); diff --git a/src/features/province/services/province-out-province-buyers.js b/src/features/province/services/province-out-province-buyers.js new file mode 100644 index 0000000..0a101c2 --- /dev/null +++ b/src/features/province/services/province-out-province-buyers.js @@ -0,0 +1,44 @@ +import axios from "axios"; + +/** + * Fetch out-province carcass buyers (real persons - حقیقی) + * @param {Object} params - Query parameters + * @param {string} params.role - User role + * @param {number} params.page - Page number + * @param {number} params.pageSize - Items per page + * @param {string} params.searchValue - Search value + * @returns {Promise} Axios promise with buyers data + */ +export const fetchOutProvinceRealBuyers = async ({ + role, + page, + pageSize, + searchValue = "", +}) => { + const response = await axios.get( + `out-province-carcasses-buyer/?search=filter&value=${searchValue}&role=${role}&page=${page}&page_size=${pageSize}&state=buyer-list&type=real` + ); + return response; +}; + +/** + * Fetch out-province carcass buyers (legal entities - حقوقی) + * @param {Object} params - Query parameters + * @param {string} params.role - User role + * @param {number} params.page - Page number + * @param {number} params.pageSize - Items per page + * @param {string} params.searchValue - Search value + * @returns {Promise} Axios promise with buyers data + */ +export const fetchOutProvinceLegalBuyers = async ({ + role, + page, + pageSize, + searchValue = "", +}) => { + const response = await axios.get( + `out-province-carcasses-buyer/?search=filter&value=${searchValue}&role=${role}&page=${page}&page_size=${pageSize}&state=buyer-list&type=legal` + ); + return response; +}; + diff --git a/src/features/province/services/province-paid-fees-edit-description.js b/src/features/province/services/province-paid-fees-edit-description.js new file mode 100644 index 0000000..7d97bf3 --- /dev/null +++ b/src/features/province/services/province-paid-fees-edit-description.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePaidFeesEditDescription = createAsyncThunk( + "PROVINCE_PAID_FEES_EDIT_DESCRIPTION", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("internal-transactions/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-payment-by-weight-dashboard.js b/src/features/province/services/province-payment-by-weight-dashboard.js new file mode 100644 index 0000000..de46d56 --- /dev/null +++ b/src/features/province/services/province-payment-by-weight-dashboard.js @@ -0,0 +1,26 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provincePaymentByWeightGetDashboard = createAsyncThunk( + "PROVINCE_GET_PAYMENT_DASHBOARD", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "dashboard_detail_general_killhouse_wage", + { + params: { + date1: d.withDate ? d.selectedDate1 : "null", + date2: d.withDate ? d.selectedDate2 : "null", + role: getRoleFromUrl(), + }, + } + ); + return { data, status }; + } catch (e) { + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-payment-by-weight-killhouse.js b/src/features/province/services/province-payment-by-weight-killhouse.js new file mode 100644 index 0000000..724c694 --- /dev/null +++ b/src/features/province/services/province-payment-by-weight-killhouse.js @@ -0,0 +1,30 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provincePaymentByWeightGetKillHousesService = createAsyncThunk( + "PROVINCE_PAYMENT_GET_KILLHOUSES", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "detail_general_killhouse_wage/", + { + params: { + date1: d.withDate ? d.selectedDate1 : "null", + date2: d.withDate ? d.selectedDate2 : "null", + search: "filter", + value: d.textValue, + role: getRoleFromUrl(), + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-payment-get-killers-of-killhouses-info.js b/src/features/province/services/province-payment-get-killers-of-killhouses-info.js new file mode 100644 index 0000000..142263c --- /dev/null +++ b/src/features/province/services/province-payment-get-killers-of-killhouses-info.js @@ -0,0 +1,25 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePaymentGetKillersOfKillhousesInfo = createAsyncThunk( + "PROVINCE_GET_KILLERS_OF_KILLHOUSES_INFO", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "total-wage-exclusive-killer-information/", + { + params: { + ...d, + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-payment-refId.js b/src/features/province/services/province-payment-refId.js new file mode 100644 index 0000000..45905ad --- /dev/null +++ b/src/features/province/services/province-payment-refId.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provincePaymentRefIdService = createAsyncThunk( + "PROVINCE_PAYMENT_REF_ID", + async (d, { dispatch }) => { + const { data, status } = await axios.post("wage-payment-total/", d); + return { data, status }; + } +); + +export const provincePaymentRefIdWagesService = createAsyncThunk( + "PROVINCE_PAYMENT_REF_ID_WAGES", + async (d, { dispatch }) => { + const { data, status } = await axios.post( + `https://${d.backend}backend.rasadyar.com/wage-payment-with-link/`, + d.data + ); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-auto-accept-slaughter.js b/src/features/province/services/province-policy-auto-accept-slaughter.js new file mode 100644 index 0000000..b8969bc --- /dev/null +++ b/src/features/province/services/province-policy-auto-accept-slaughter.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyAutoAcceptSlaughterService = createAsyncThunk( + "PROVINCE_POLICY_AUTO_ACCEPT_SLAUGHTER_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "auto_accept_province_kill_requests/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-auto-allocate-car.js b/src/features/province/services/province-policy-auto-allocate-car.js new file mode 100644 index 0000000..b300b45 --- /dev/null +++ b/src/features/province/services/province-policy-auto-allocate-car.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyAutoAllocateCarService = createAsyncThunk( + "PROVINCE_POLICY_AUTO_ALLOCATE_CAR_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "auto_make_kill_house_requests/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-create-wage.js b/src/features/province/services/province-policy-create-wage.js new file mode 100644 index 0000000..d267611 --- /dev/null +++ b/src/features/province/services/province-policy-create-wage.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyCreateWage = createAsyncThunk( + "PROVINCE_POLICY_CREATE_WAGE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("share-type/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-delete-wage.js b/src/features/province/services/province-policy-delete-wage.js new file mode 100644 index 0000000..5efd8b9 --- /dev/null +++ b/src/features/province/services/province-policy-delete-wage.js @@ -0,0 +1,20 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provincePolicyDeleteWage = createAsyncThunk( + "PROVINCE_POLICY_DELETE_WAGE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete( + "total-wage-type/" + d.id + "/" + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-direct-purchase-bar-limitation.js b/src/features/province/services/province-policy-direct-purchase-bar-limitation.js new file mode 100644 index 0000000..d5d09b9 --- /dev/null +++ b/src/features/province/services/province-policy-direct-purchase-bar-limitation.js @@ -0,0 +1,38 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetDirectPurchaseBarLimitation = createAsyncThunk( + "PROVINCE_POLICY_GET_DIRECT_PURCHASE_BAR_LIMITATION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "limitation_for_direct_purchase_and_bar_information/" + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در دریافت اطلاعات" }; + } + } +); + +export const provincePolicyEditDirectPurchaseBarLimitation = createAsyncThunk( + "PROVINCE_POLICY_EDIT_DIRECT_PURCHASE_BAR_LIMITATION", + async ({ id, data: requestData }, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + `limitation_for_direct_purchase_and_bar_information/${id}/`, + requestData + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در ویرایش اطلاعات" }; + } + } +); diff --git a/src/features/province/services/province-policy-drop-limit.js b/src/features/province/services/province-policy-drop-limit.js new file mode 100644 index 0000000..3f05494 --- /dev/null +++ b/src/features/province/services/province-policy-drop-limit.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const provincePolicyGetDropLimitService = createAsyncThunk( + "PROVINCE_POLICY_GET_DROP_LIMIT_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("drop-limit/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-edit-drop-limited.js b/src/features/province/services/province-policy-edit-drop-limited.js new file mode 100644 index 0000000..e7ac396 --- /dev/null +++ b/src/features/province/services/province-policy-edit-drop-limited.js @@ -0,0 +1,13 @@ +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { createAsyncThunk } from "@reduxjs/toolkit"; + +export const provinceEditDropLimitedService = createAsyncThunk( + "PROVINCE_EDIT_DROP_LIMITED_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("/drop-limit/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-edit-export-allow-state.js b/src/features/province/services/province-policy-edit-export-allow-state.js new file mode 100644 index 0000000..d2311ee --- /dev/null +++ b/src/features/province/services/province-policy-edit-export-allow-state.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyEditExportAllowState = createAsyncThunk( + "PROVINCE_EDIT_EXPORT_STATE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("poultry-export/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-edit-fine-permission.js b/src/features/province/services/province-policy-edit-fine-permission.js new file mode 100644 index 0000000..7b62a19 --- /dev/null +++ b/src/features/province/services/province-policy-edit-fine-permission.js @@ -0,0 +1,17 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +export const provincePolicyEditFinePermission = createAsyncThunk( + "PROVINCE_POLICY_EDIT_WEIGHT_FINE_PERMISSION", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put(`fine-permission/0/`, d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-edit-free-sale-allow-state.js b/src/features/province/services/province-policy-edit-free-sale-allow-state.js new file mode 100644 index 0000000..68f45bc --- /dev/null +++ b/src/features/province/services/province-policy-edit-free-sale-allow-state.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyEditFreeSaleAllowState = createAsyncThunk( + "PROVINCE_EDIT_FREE_SALE_STATE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "poultry-out-province-request/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-edit-payment-fractions.js b/src/features/province/services/province-policy-edit-payment-fractions.js new file mode 100644 index 0000000..b889795 --- /dev/null +++ b/src/features/province/services/province-policy-edit-payment-fractions.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyEditPaymentFractions = createAsyncThunk( + "PROVINCE_POLICY_EDIT_PAYMENT_FRACTIONS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "payment-gateway-percentage/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-edit-share-type.js b/src/features/province/services/province-policy-edit-share-type.js new file mode 100644 index 0000000..e611127 --- /dev/null +++ b/src/features/province/services/province-policy-edit-share-type.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyEditShareType = createAsyncThunk( + "PROVINCE_POLICY_EDIT_SHARE_TYPE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("share-type/" + d.id + "/", { + name: d.name, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-edit-time-range.js b/src/features/province/services/province-policy-edit-time-range.js new file mode 100644 index 0000000..cc98b9d --- /dev/null +++ b/src/features/province/services/province-policy-edit-time-range.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyEditTimeRange = createAsyncThunk( + "PROVINCE_POLICY_EDIT_TIME_RANGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("time-range/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-edit-trade-time-range.js b/src/features/province/services/province-policy-edit-trade-time-range.js new file mode 100644 index 0000000..4d088fe --- /dev/null +++ b/src/features/province/services/province-policy-edit-trade-time-range.js @@ -0,0 +1,28 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provincePolicyEditTradeTimeRange = createAsyncThunk( + "PROVINCE_POLICY_EDIT_TRADE_TIME_RANGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("show-market-requests/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provincePolicyGetTradeTimeRagnge = createAsyncThunk( + "PROVINCE_POLICY_GET_TRADE_TIME_RANGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("show-market-requests", { + params: { + role: getRoleFromUrl(), + }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-edit-wage.js b/src/features/province/services/province-policy-edit-wage.js new file mode 100644 index 0000000..6f02771 --- /dev/null +++ b/src/features/province/services/province-policy-edit-wage.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyEditWage = createAsyncThunk( + "PROVINCE_POLICY_EDIT_WAGE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("wage-type/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-free-sale.js b/src/features/province/services/province-policy-free-sale.js new file mode 100644 index 0000000..60ca874 --- /dev/null +++ b/src/features/province/services/province-policy-free-sale.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyFreeSaleService = createAsyncThunk( + "PROVINCE_POLICY_FREE_SALE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "province_allow_poultry_sell_free_total/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-accounts.js b/src/features/province/services/province-policy-get-accounts.js new file mode 100644 index 0000000..64b4b8b --- /dev/null +++ b/src/features/province/services/province-policy-get-accounts.js @@ -0,0 +1,80 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetAccountsSevice = createAsyncThunk( + "PROVINCE_POLICY_GET_ACCOUNTS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("zarinpal-accounts/"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provincePolicyEditAccountsSevice = createAsyncThunk( + "PROVINCE_POLICY_EDIT_ACCOUNTS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("zarinpal-accounts/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provincePolicyGetBeneficiaryAccountsSevice = createAsyncThunk( + "PROVINCE_POLICY_GET_BENEFICIARY_ACCOUNTS_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("beneficiary-accounts/"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provincePolicySubmitBeneficiaryAccountsSevice = createAsyncThunk( + "PROVINCE_POLICY_SUBMIT_BENEFICIARY_ACCOUNTS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("beneficiary-accounts/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyEditBeneficiaryAccountsSevice = createAsyncThunk( + "PROVINCE_POLICY_EDIT_BENEFICIARY_ACCOUNTS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("beneficiary-accounts/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyDeleteBeneficiaryAccountsSevice = createAsyncThunk( + "PROVINCE_POLICY_DELETE_BENEFICIARY_ACCOUNTS_SERVICE", + async (id, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "beneficiary-accounts/0/?account_key=" + id + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-get-aggregate-bar-info-allow-state.js b/src/features/province/services/province-policy-get-aggregate-bar-info-allow-state.js new file mode 100644 index 0000000..0aa3cc3 --- /dev/null +++ b/src/features/province/services/province-policy-get-aggregate-bar-info-allow-state.js @@ -0,0 +1,33 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetAggregateBarInfoAllowStatus = createAsyncThunk( + "PROVINCE_GET_AGGREGATE_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("aggregate-permission/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyEditAggregateBarInfoAllowStatus = createAsyncThunk( + "PROVINCE_EDIT_AGGREGATE_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("aggregate-permission/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-get-auto-accept-slaughter.js b/src/features/province/services/province-policy-get-auto-accept-slaughter.js new file mode 100644 index 0000000..d354e2f --- /dev/null +++ b/src/features/province/services/province-policy-get-auto-accept-slaughter.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetAutoAcceptSlaughterService = createAsyncThunk( + "PROVINCE_POLICY_GET_AUTO_ACCEPT_SLAUGHTER_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "auto_accept_province_kill_requests/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-auto-allocate-car.js b/src/features/province/services/province-policy-get-auto-allocate-car.js new file mode 100644 index 0000000..6377a1b --- /dev/null +++ b/src/features/province/services/province-policy-get-auto-allocate-car.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetAutoAllocateCarService = createAsyncThunk( + "PROVINCE_POLICY_GET_AUTO_ALLOCATE_CAR_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "auto_make_kill_house_requests/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-export-allow-state.js b/src/features/province/services/province-policy-get-export-allow-state.js new file mode 100644 index 0000000..002640c --- /dev/null +++ b/src/features/province/services/province-policy-get-export-allow-state.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetExportAllowStatus = createAsyncThunk( + "PROVINCE_GET_EXPORT_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("poultry-export/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-get-fine-permission.js b/src/features/province/services/province-policy-get-fine-permission.js new file mode 100644 index 0000000..dea224d --- /dev/null +++ b/src/features/province/services/province-policy-get-fine-permission.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetFinePermission = createAsyncThunk( + "PROVINCE_POLICY_GET_FINE_PERMISSION", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("fine-permission/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-free-sale-state.js b/src/features/province/services/province-policy-get-free-sale-state.js new file mode 100644 index 0000000..0d76654 --- /dev/null +++ b/src/features/province/services/province-policy-get-free-sale-state.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetFreeSaleStatus = createAsyncThunk( + "PROVINCE_GET_FREE_SALE_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("poultry-out-province-request/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-get-free-sale.js b/src/features/province/services/province-policy-get-free-sale.js new file mode 100644 index 0000000..127342a --- /dev/null +++ b/src/features/province/services/province-policy-get-free-sale.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetFreeSaleService = createAsyncThunk( + "PROVINCE_POLICY_GET_FREE_SALE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "province_allow_poultry_sell_free_total/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-maximum-bar-quantity.js b/src/features/province/services/province-policy-get-maximum-bar-quantity.js new file mode 100644 index 0000000..6f1c751 --- /dev/null +++ b/src/features/province/services/province-policy-get-maximum-bar-quantity.js @@ -0,0 +1,33 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetMaximumBarQuantityStatus = createAsyncThunk( + "PROVINCE_GET_MAX_BAR_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("bar-limitation/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyEditMaximumBarQuantityStatus = createAsyncThunk( + "PROVINCE_EDIT_MAX_BAR_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("bar-limitation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-get-payment-fractions.js b/src/features/province/services/province-policy-get-payment-fractions.js new file mode 100644 index 0000000..d40d473 --- /dev/null +++ b/src/features/province/services/province-policy-get-payment-fractions.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetPaymentFractions = createAsyncThunk( + "PROVINCE_POLICY_GET_PAYMENT_FRACTIONS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("payment-gateway-percentage/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-slaughter-buying-price-status.js b/src/features/province/services/province-policy-get-slaughter-buying-price-status.js new file mode 100644 index 0000000..ce2e777 --- /dev/null +++ b/src/features/province/services/province-policy-get-slaughter-buying-price-status.js @@ -0,0 +1,43 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetSLaughterSubmitBuyingPriceStatus = + createAsyncThunk( + "PROVINCE_GET_SLAUGHTER_BUYING_PRICE_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill-house-price-permission/", + { + params: d, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } + ); + +export const provincePolicyEditSlaughterSubmitBuyingPriceStatus = + createAsyncThunk( + "PROVINCE_EDIT_SLAUGHTER_BUYING_PRICE_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "kill-house-price-permission/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } + ); diff --git a/src/features/province/services/province-policy-get-ticket-permissions.js b/src/features/province/services/province-policy-get-ticket-permissions.js new file mode 100644 index 0000000..dff1d04 --- /dev/null +++ b/src/features/province/services/province-policy-get-ticket-permissions.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetTicketPermissions = createAsyncThunk( + "PROVINCE_POLICY_GET_TICKETS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("ticket-permission/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-time-range.js b/src/features/province/services/province-policy-get-time-range.js new file mode 100644 index 0000000..f8e2e5d --- /dev/null +++ b/src/features/province/services/province-policy-get-time-range.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetTimeRagnge = createAsyncThunk( + "GET_MIN_MAX_AGE_STATE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("time-range/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-wage-fractions.js b/src/features/province/services/province-policy-get-wage-fractions.js new file mode 100644 index 0000000..eaa503e --- /dev/null +++ b/src/features/province/services/province-policy-get-wage-fractions.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetWageFractions = createAsyncThunk( + "PROVINCE_POLICY_GET_WAGE_FRACTIONS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("wage-type/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-wages.js b/src/features/province/services/province-policy-get-wages.js new file mode 100644 index 0000000..765acc5 --- /dev/null +++ b/src/features/province/services/province-policy-get-wages.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetShareType = createAsyncThunk( + "PROVINCE_POLICY_GET_SHARE_TYPE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("share-type/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-get-weight-category.js b/src/features/province/services/province-policy-get-weight-category.js new file mode 100644 index 0000000..c6c3996 --- /dev/null +++ b/src/features/province/services/province-policy-get-weight-category.js @@ -0,0 +1,60 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetWeightCategory = createAsyncThunk( + "PROVINCE_POLICY_GET_WEIGHT_CATEGORY", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("index-weight-category/"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provincePolicySubmitWeightCategory = createAsyncThunk( + "PROVINCE_POLICY_SUBMIT_WEIGHT_CATEGORY", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post("index-weight-category/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyEditWeightCategory = createAsyncThunk( + "PROVINCE_POLICY_EDIT_WEIGHT_CATEGORY", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put(`index-weight-category/0/`, d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyDeleteWeightCategory = createAsyncThunk( + "PROVINCE_DELETE_WEIGHT_CATEGORY", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `index-weight-category/${d}/` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-get-weight-range.js b/src/features/province/services/province-policy-get-weight-range.js new file mode 100644 index 0000000..73a5ad3 --- /dev/null +++ b/src/features/province/services/province-policy-get-weight-range.js @@ -0,0 +1,68 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetWeightRange = createAsyncThunk( + "PROVINCE_POLICY_GET_WEIGHT_RANGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("management_hatching_age_range/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provincePolicySubmitWeightRange = createAsyncThunk( + "PROVINCE_POLICY_SUBMIT_WEIGHT_RANGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post( + "management_hatching_age_range/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyEditWeightRange = createAsyncThunk( + "PROVINCE_POLICY_EDIT_WEIGHT_RANGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put( + `management_hatching_age_range/${d.id}/`, + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyDeleteWeightRange = createAsyncThunk( + "PROVINCE_DELETE_WEIGHT_RANGE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + `management_hatching_age_range/${d}/` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-market-daily-limitation.js b/src/features/province/services/province-policy-market-daily-limitation.js new file mode 100644 index 0000000..83afd7d --- /dev/null +++ b/src/features/province/services/province-policy-market-daily-limitation.js @@ -0,0 +1,34 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyGetMarketDailyLimitation = createAsyncThunk( + "PROVINCE_GET_MARKET_DAILY_LIMITATION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("market-daily-limitation/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyEditMarketDailyLimitation = createAsyncThunk( + "PROVINCE_EDIT_MARKET_DAILY_LIMITATION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("market-daily-limitation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + diff --git a/src/features/province/services/province-policy-poultry-choose-kill-house.js b/src/features/province/services/province-policy-poultry-choose-kill-house.js new file mode 100644 index 0000000..fb47fbb --- /dev/null +++ b/src/features/province/services/province-policy-poultry-choose-kill-house.js @@ -0,0 +1,16 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyPoultryChooseKillHouseService = createAsyncThunk( + "PROVINCE_POLICY_POULTRY_CHOOSE_KILL_HOUSE_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "province_allow_poultry_choose_kill_house_total/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-submit-document-state.js b/src/features/province/services/province-policy-submit-document-state.js new file mode 100644 index 0000000..9c8211b --- /dev/null +++ b/src/features/province/services/province-policy-submit-document-state.js @@ -0,0 +1,50 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicySubmitDocumentState = createAsyncThunk( + "PROVINCE_POLICY_SUBMIT_DOCUMENT_STATE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("bar-documents-status/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyEditDocumentState = createAsyncThunk( + "PROVINCE_POLICY_SUBMIT_DOCUMENT_STATE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("bar-documents-status/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provincePolicyDeleteDocumentState = createAsyncThunk( + "PROVINCE_POLICY_DELETE_DOCUMENT_STATE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete( + "bar-documents-status/" + d + "/" + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-submit-ticket-permission.js b/src/features/province/services/province-policy-submit-ticket-permission.js new file mode 100644 index 0000000..f489b5c --- /dev/null +++ b/src/features/province/services/province-policy-submit-ticket-permission.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicySubmitTicketPermission = createAsyncThunk( + "PROVINCE_POLICY_SUBMIT_TICKET_PERMISSION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("ticket-permission/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-update-limitation.js b/src/features/province/services/province-policy-update-limitation.js new file mode 100644 index 0000000..f2ba338 --- /dev/null +++ b/src/features/province/services/province-policy-update-limitation.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyUpdateLimitations = createAsyncThunk( + "PROVINCE_POLICY_UPDATE_LIMITATIONS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("operation-limitation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-upload-image.js b/src/features/province/services/province-policy-upload-image.js new file mode 100644 index 0000000..48724c2 --- /dev/null +++ b/src/features/province/services/province-policy-upload-image.js @@ -0,0 +1,34 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const provincePolicyGetUploadImageService = createAsyncThunk( + "PROVINCE_GET_UPLOAD_IMAGE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/upload-image-limit/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); +export const provincePolicyGEditUploadImageService = createAsyncThunk( + "PROVINCE_GET_UPLOAD_IMAGE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("/upload-image-limit/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-policy-validate-poultry-wth-sms-service.js b/src/features/province/services/province-policy-validate-poultry-wth-sms-service.js new file mode 100644 index 0000000..0ebda5f --- /dev/null +++ b/src/features/province/services/province-policy-validate-poultry-wth-sms-service.js @@ -0,0 +1,37 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyValidatePoultryWithSmsStatusService = + createAsyncThunk( + "PROVINCE_GET_SMS_POULTRY_VALIDATE_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get("price-confirmation", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } + ); + +export const provincePolicyEditValidatePoultryWithSmsStatusService = + createAsyncThunk( + "PROVINCE_EDIT_SMS_POULTRY_VALIDATE_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("price-confirmation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } + ); diff --git a/src/features/province/services/province-policy-wage-setup-get-killhouses.js b/src/features/province/services/province-policy-wage-setup-get-killhouses.js new file mode 100644 index 0000000..cd62124 --- /dev/null +++ b/src/features/province/services/province-policy-wage-setup-get-killhouses.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyWageSetupGetKillhouses = createAsyncThunk( + "PROVINCE_POLICY_WAGES_SETUP_GET_KILLHOUSES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_house/?gate-way-kill-houses=true/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-policy-wages-edit-killhouse.js b/src/features/province/services/province-policy-wages-edit-killhouse.js new file mode 100644 index 0000000..1da0689 --- /dev/null +++ b/src/features/province/services/province-policy-wages-edit-killhouse.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePolicyWagesEditKillhouse = createAsyncThunk( + "PROVINCE_POLICY_EDIT_KILLHOUSE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-poultry-request-enter-confirmation-code.js b/src/features/province/services/province-poultry-request-enter-confirmation-code.js new file mode 100644 index 0000000..91e7950 --- /dev/null +++ b/src/features/province/services/province-poultry-request-enter-confirmation-code.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePoultryRequestEnterConfirmationCodeService = + createAsyncThunk( + "PROVINCE_EDIT_CONFIRMATION_CODE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("Poultry_Request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } + ); diff --git a/src/features/province/services/province-poultry-science-experts-add-poultry-service.js b/src/features/province/services/province-poultry-science-experts-add-poultry-service.js new file mode 100644 index 0000000..d2bdc51 --- /dev/null +++ b/src/features/province/services/province-poultry-science-experts-add-poultry-service.js @@ -0,0 +1,30 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePoultryScienceExpertsAllPoultryService = createAsyncThunk( + "PROVINCE_POULTRY_SCIENCE_EXPERTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "get-all-poultry-for-poultry-science/" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provincePoultryScienceExpertsEditPoultryService = createAsyncThunk( + "PROVINCE_POLICY_UPDATE_LIMITATIONS_EDIT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.put("poultry_science/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-price-edit.js b/src/features/province/services/province-price-edit.js new file mode 100644 index 0000000..279158d --- /dev/null +++ b/src/features/province/services/province-price-edit.js @@ -0,0 +1,27 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import axios from "axios"; + +export const provincePriceEditService = createAsyncThunk( + "PROVINCE_PRICE_EDIT_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + + const { data, status } = await axios.put( + `chicken-commission-prices/${d.id}/`, + { + kill_house_price: d.kill_house_price, + wholesaler_price: d.wholesaler_price, + retailer_price: d.retailer_price, + } + ); + + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e?.response?.data?.result || "خطایی رخ داده است" }; + } + } +); diff --git a/src/features/province/services/province-purge-needed-request.js b/src/features/province/services/province-purge-needed-request.js new file mode 100644 index 0000000..f684db5 --- /dev/null +++ b/src/features/province/services/province-purge-needed-request.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provincePurgeNeededRequestService = createAsyncThunk( + "PROVINCE_PURGE_NEEDED_REQUEST_SERVICE", + async (_, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_request/0/", { + previous_requests: true, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-register-car.js b/src/features/province/services/province-register-car.js new file mode 100644 index 0000000..9fe84b7 --- /dev/null +++ b/src/features/province/services/province-register-car.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceRegisterCarService = createAsyncThunk( + "PROVINCE_REGISTER_CAR_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("kill_house_driver/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-register-user.js b/src/features/province/services/province-register-user.js new file mode 100644 index 0000000..3085b80 --- /dev/null +++ b/src/features/province/services/province-register-user.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceRegisterUser = createAsyncThunk( + "PROVINCE_REGISTER_USER", + async (d) => { + try { + const { data, status } = await axios.post("system_user_profile/", d); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-remove-car-from-killhouse.js b/src/features/province/services/province-remove-car-from-killhouse.js new file mode 100644 index 0000000..65d93c9 --- /dev/null +++ b/src/features/province/services/province-remove-car-from-killhouse.js @@ -0,0 +1,20 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceRemoveCarFromKillhouseService = createAsyncThunk( + "PROVINCE_REMOVE_CAR_FROM_KILLHOUSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete("kill_house_add_car/0/", { + params: d, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-remove-car.js b/src/features/province/services/province-remove-car.js new file mode 100644 index 0000000..20a60f2 --- /dev/null +++ b/src/features/province/services/province-remove-car.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceRemoveCar = createAsyncThunk( + "PROVINCE_REMOVE_CAR", + async (id) => { + const { data, status } = await axios.delete( + "kill_house_driver/0/?key=" + id + ); + return { data, status }; + } +); diff --git a/src/features/province/services/province-selected-slaughter-in-request.js b/src/features/province/services/province-selected-slaughter-in-request.js new file mode 100644 index 0000000..d5e2f02 --- /dev/null +++ b/src/features/province/services/province-selected-slaughter-in-request.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSelectedSlaughterInRequestService = createAsyncThunk( + "PROVINCE_SELECTED_SLAUGHTER_IN_REQUEST_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "kill_request_for_poultry/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-send-message.js b/src/features/province/services/province-send-message.js new file mode 100644 index 0000000..1e6da28 --- /dev/null +++ b/src/features/province/services/province-send-message.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceSendMessage = createAsyncThunk( + "PROVINCE_SEND_MESSAGE", + async (d) => { + const { data, status } = await axios.post("user_message/", d); + return { data, status }; + } +); diff --git a/src/features/province/services/province-send-report-get-times.js b/src/features/province/services/province-send-report-get-times.js new file mode 100644 index 0000000..1f527da --- /dev/null +++ b/src/features/province/services/province-send-report-get-times.js @@ -0,0 +1,78 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSendReportGetTimes = createAsyncThunk( + "PROVINCE_SEND_REPORT_GET_TIMES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("report-submission/"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSendReportGetPositions = createAsyncThunk( + "PROVINCE_SEND_REPORT_GET_POSITIONS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("user-position/"); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSendReportUpdateSendTime = createAsyncThunk( + "PROVINCE_UPDATE_SEND_TIME", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("report-submission/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceSendReportUpdateReportStatus = createAsyncThunk( + "PROVINCE_UPDATE_REPORT_STATUS", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("user-reports/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceSendReportSubmitReport = createAsyncThunk( + "PROVINCE_UPDATE_SUBMIT_REPORT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("user-reports/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceSendReportGetReports = createAsyncThunk( + "PROVINCE_SEND_REPORT_GET_REPORTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("reports/"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-send-report-new-user.js b/src/features/province/services/province-send-report-new-user.js new file mode 100644 index 0000000..0036708 --- /dev/null +++ b/src/features/province/services/province-send-report-new-user.js @@ -0,0 +1,48 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSendReportNewUser = createAsyncThunk( + "PROVINCE_SEND_REPORT_NEW_USER", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("reports-users/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceSendReportEditUser = createAsyncThunk( + "PROVINCE_SEND_REPORT_EDIT_USER", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("reports-users/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceSendReportDeleteUser = createAsyncThunk( + "PROVINCE_DELETE_USER_REPORT", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.delete("reports-users/" + d + "/"); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-send-sms.js b/src/features/province/services/province-send-sms.js new file mode 100644 index 0000000..abef76d --- /dev/null +++ b/src/features/province/services/province-send-sms.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSendSmsService = createAsyncThunk( + "PROVINCE_SEND_SMS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("sms/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-set-sell-for-freezing-access.js b/src/features/province/services/province-set-sell-for-freezing-access.js new file mode 100644 index 0000000..3fae7b7 --- /dev/null +++ b/src/features/province/services/province-set-sell-for-freezing-access.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceSetSellForFreezing = createAsyncThunk( + "PROVINCE_SET_SELL_FOR_FREEZING_ACCESSS", + async (d) => { + const { data, status } = await axios.put(`sell-for-freezing/0/`, d); + return { data, status }; + } +); diff --git a/src/features/province/services/province-set-slaughterhouses-quota.js b/src/features/province/services/province-set-slaughterhouses-quota.js new file mode 100644 index 0000000..f73433d --- /dev/null +++ b/src/features/province/services/province-set-slaughterhouses-quota.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSetSlaughterhousesQuotaService = createAsyncThunk( + "PROVINCE_SET_SLAUGHTERHOUSES_QUOTA_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house_percent/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-sms-license.js b/src/features/province/services/province-sms-license.js new file mode 100644 index 0000000..a2e5b1f --- /dev/null +++ b/src/features/province/services/province-sms-license.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSmsLincenseService = createAsyncThunk( + "PROVINCE_SMS_LINCENSE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("sms_license/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/province-sms-set-announcement.js b/src/features/province/services/province-sms-set-announcement.js new file mode 100644 index 0000000..430145b --- /dev/null +++ b/src/features/province/services/province-sms-set-announcement.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSmsSetAnnouncement = createAsyncThunk( + "PROVINCE_SMS_ANNOUNCEMENT", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("announcements/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-sub-sectors-services.js b/src/features/province/services/province-sub-sectors-services.js new file mode 100644 index 0000000..ec4b62b --- /dev/null +++ b/src/features/province/services/province-sub-sectors-services.js @@ -0,0 +1,191 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSubSectorCitySharesWageDetailsDashboard = createAsyncThunk( + "SUB_SECTOR_CITY_SHARES_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/union-subsector-wage-dashboard", + { + params: { ...d }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); +export const provinceSubSectorCitySharesDepositssDashboard = createAsyncThunk( + "SUB_SECTOR_DEPOSITS_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/union-subsector-transaction-dashboard" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSubSectorCitySharesWageDetailsService = createAsyncThunk( + "SUB_SECTOR_CITY_SHARES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/city-operator-for-sub-sector", { + params: { ...d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSubSectorCitySharesGeyCitisService = createAsyncThunk( + "SUB_SECTOR_CITY_SHARES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/city-operator-for-sub-sector/?operators=true" + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSubSectorCitySharesWageDetailsSubmitDepositService = + createAsyncThunk("CREATE_TRANSACTION", async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("sub-sector-transactions/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + }); + +export const provinceSubSectorCitySharesWageDetailsEditDepositService = + createAsyncThunk("CREATE_TRANSACTION", async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("sub-sector-transactions/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + }); + +export const provinceSubSectorCitySharesWageDetailsDeleteDepositService = + createAsyncThunk("DELETE_TRANSACTION", async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.delete("sub-sector-transactions/0/", { + params: { + transaction_key: d, + }, + }); + dispatch(LOADING_END()); + return { data, status }; + }); + +export const provinceSubSectorCitySharesService = createAsyncThunk( + "SUB_SECTOR_SHARES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/sub-sector-wage-type-percentage/?type=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSubSectorCitySharesSharesService = createAsyncThunk( + "EDIT_SHARE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "sub-sector-wage-type-percentage/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +// vetFarm + +export const provinceSubSectorVetFarmSharesOverviewDashboard = createAsyncThunk( + "SUB_SECTOR_VETFARM_SHARES_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/vet_dashboard_wage", { + params: { ...d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSubSectorVetFarmSharesVetFarmsService = createAsyncThunk( + "SUB_SECTOR_VETFARM_SHARES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/vet_for_sub_sector", { + params: { ...d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSubSectorVetFarmSharesGeyVetFarmsService = + createAsyncThunk("SUB_SECTOR_VET_FARMS_SHARES", async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/vet_for_sub_sector_transaction"); + dispatch(LOADING_END()); + return { data, status }; + }); + +// guild +export const provinceSubSectorStewardSharesGeyVetFarmsService = + createAsyncThunk( + "SUB_SECTOR_STEWARD_FARMS_SHARES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "/city-guild-for-sub-sector-transactions" + ); + dispatch(LOADING_END()); + return { data, status }; + } + ); + +export const provinceSubSectorStewardSharesOverviewDashboard = createAsyncThunk( + "SUB_SECTOR_STEWARD_SHARES_DASHBOARD", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/city-guild-wage-dashboard", { + params: { ...d }, + }); + dispatch(LOADING_END()); + return { data, status }; + } +); + +export const provinceSubSectorStewardSharesStewardsService = createAsyncThunk( + "SUB_SECTOR_STEWARD_SHARES", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get("/city-guild-for-sub-sector"); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/province/services/province-submit-car.js b/src/features/province/services/province-submit-car.js new file mode 100644 index 0000000..7dddf9a --- /dev/null +++ b/src/features/province/services/province-submit-car.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceSubmitCar = createAsyncThunk( + "PROVINCE_SUBMIT_CAR", + async (d) => { + const { data, status } = await axios.post("kill_house_driver/", d); + return { data, status }; + } +); diff --git a/src/features/province/services/province-submit-final-auto-allocations.js b/src/features/province/services/province-submit-final-auto-allocations.js new file mode 100644 index 0000000..acd42e1 --- /dev/null +++ b/src/features/province/services/province-submit-final-auto-allocations.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSubmitFinalAutoAllocationsService = createAsyncThunk( + "PROVINCE_SUBMIT_FINAL_AUTO_ALLOCATIONS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("automatic_allocation/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-submit-maximum-load.js b/src/features/province/services/province-submit-maximum-load.js new file mode 100644 index 0000000..e69de29 diff --git a/src/features/province/services/province-submit-product-price.js b/src/features/province/services/province-submit-product-price.js new file mode 100644 index 0000000..dba4268 --- /dev/null +++ b/src/features/province/services/province-submit-product-price.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceSubmitProductPrice = createAsyncThunk( + "PROVINCE_SUBMUIT_PRODUCT_PRICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("additional-products/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-trade-panel-enter-market-code-service.js b/src/features/province/services/province-trade-panel-enter-market-code-service.js new file mode 100644 index 0000000..e73eba5 --- /dev/null +++ b/src/features/province/services/province-trade-panel-enter-market-code-service.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceTradePanelEnterMarketCodeService = createAsyncThunk( + "PROVINCE_TRADE_PANEL_ENTER_MARKET_CODE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("market-requests/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-trade-panel-market-request-overview.js b/src/features/province/services/province-trade-panel-market-request-overview.js new file mode 100644 index 0000000..c445cb3 --- /dev/null +++ b/src/features/province/services/province-trade-panel-market-request-overview.js @@ -0,0 +1,34 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceTradePanelMarketRequestOverview = createAsyncThunk( + "PROVINCE_GET_TRADE_PANEL_MARKET_REQUEST", + async (d) => { + try { + const { data, status } = await axios.get(`kill-house-market-info`, { + params: { ...d, role: getRoleFromUrl() || "" }, + }); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } + } +); + +export const provinceTradePanelMarketRequestAdminOverview = createAsyncThunk( + "PROVINCE_GET_TRADE_PANEL_ADMIN_MARKET_REQUEST", + async (d) => { + try { + const { data, status } = await axios.get( + `kill-house-market-info-dashboard`, + { + params: { ...d, role: getRoleFromUrl() || "" }, + } + ); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-unarchive-fee.js b/src/features/province/services/province-unarchive-fee.js new file mode 100644 index 0000000..8936204 --- /dev/null +++ b/src/features/province/services/province-unarchive-fee.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUnarchiveFeeService = createAsyncThunk( + "PROVINCE_UNARCHIVE_FEE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("province_kill_request/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-update-allocate-stewards.js b/src/features/province/services/province-update-allocate-stewards.js new file mode 100644 index 0000000..7f5a52f --- /dev/null +++ b/src/features/province/services/province-update-allocate-stewards.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdateAllocateStewardsService = createAsyncThunk( + "PROVINCE_UPDATE_ALLOCATE_STEWARDS_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "first-automatic-steward-allocation/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-update-killer-identity.js b/src/features/province/services/province-update-killer-identity.js new file mode 100644 index 0000000..45efd2f --- /dev/null +++ b/src/features/province/services/province-update-killer-identity.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdateKillerIdentityService = createAsyncThunk( + "PROVINCE_UPDATE_Killer_IDENTITY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("/kill_house/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-update-killhouse-archive-percent.js b/src/features/province/services/province-update-killhouse-archive-percent.js new file mode 100644 index 0000000..a424471 --- /dev/null +++ b/src/features/province/services/province-update-killhouse-archive-percent.js @@ -0,0 +1,19 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdateKillhouseArchivePercentService = createAsyncThunk( + "PROVINCE_UPDATE_KILLHOUSE_ARCHIVE_PERCENT_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + diff --git a/src/features/province/services/province-update-policy-aviculture-commit.js b/src/features/province/services/province-update-policy-aviculture-commit.js new file mode 100644 index 0000000..d2fa005 --- /dev/null +++ b/src/features/province/services/province-update-policy-aviculture-commit.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdatePolicyAvicultureCommitService = createAsyncThunk( + "PROVINCE_UPDATE_POLICY_AVICULTURE_COMMIT_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "free_sale_within_province/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-update-slaughter-identity.js b/src/features/province/services/province-update-slaughter-identity.js new file mode 100644 index 0000000..20aba71 --- /dev/null +++ b/src/features/province/services/province-update-slaughter-identity.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdateSlaughterIdentityService = createAsyncThunk( + "PROVINCE_UPDATE_SLAUGHTER_IDENTITY_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house_percent/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-update-slaughter-killplace.js b/src/features/province/services/province-update-slaughter-killplace.js new file mode 100644 index 0000000..5eab69b --- /dev/null +++ b/src/features/province/services/province-update-slaughter-killplace.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUpdateSlaughterKillplaceService = createAsyncThunk( + "PROVINCE_UPDATE_SLAUGHTER_KILLPLACE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house_percent/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-upload-hatching-excel.js b/src/features/province/services/province-upload-hatching-excel.js new file mode 100644 index 0000000..2921ef6 --- /dev/null +++ b/src/features/province/services/province-upload-hatching-excel.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceUploadHatchingExcelService = createAsyncThunk( + "PROVINCE_UPLOAD_HATCHING_EXCEL_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("hatching_excel/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-wage-payment-create-transaction-service.js b/src/features/province/services/province-wage-payment-create-transaction-service.js new file mode 100644 index 0000000..a7cb292 --- /dev/null +++ b/src/features/province/services/province-wage-payment-create-transaction-service.js @@ -0,0 +1,50 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceWagePaymentCreateTransactionService = createAsyncThunk( + "CREATE_TRANSACTION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post("internal-transactions/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceWagePaymentEditTransactionService = createAsyncThunk( + "EDIT_TRANSACTION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("internal-transactions/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); + +export const provinceWagePaymentDeleteTransactionService = createAsyncThunk( + "DELETE_TRANSACTION", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.delete( + "internal-transactions/0/?transaction_key=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/province-warehouse-archive.js b/src/features/province/services/province-warehouse-archive.js new file mode 100644 index 0000000..11d77fd --- /dev/null +++ b/src/features/province/services/province-warehouse-archive.js @@ -0,0 +1,61 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceWarehouseArchive = createAsyncThunk( + "PROVINCE_WAREHOUSE_ARCHIVE", + async (d) => { + const { data, status } = await axios.post("ware-house-archive/", d); + return { data, status }; + } +); + +export const provinceGetWarehouseArchive = createAsyncThunk( + "PROVINCE_GET_WAREHOUSE_ARCHIVE", + async (params, { dispatch }) => { + try { + dispatch(LOADING_START()); + const requestParams = { + date1: params?.date1, + date2: params?.date2, + search: params?.search ?? "filter", + value: params?.value ?? "", + page: params?.page ?? 1, + page_size: params?.page_size ?? 10, + }; + + if (params?.archive_type) { + requestParams.archive_type = params.archive_type; + } + + if (params?.owner_type) { + requestParams.owner_type = params.owner_type; + } + + const { data, status } = await axios.get("ware-house-archive/", { + params: requestParams, + }); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در دریافت اطلاعات" }; + } + } +); + +export const provinceDeleteWarehouseArchive = createAsyncThunk( + "PROVINCE_DELETE_WAREHOUSE_ARCHIVE", + async ({ key }, { dispatch }) => { + try { + dispatch(LOADING_START()); + const endpoint = "ware-house-archive/0/"; + const { data, status } = await axios.delete(`${endpoint}?key=${key}`); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || "خطا در حذف بایگانی" }; + } + } +); diff --git a/src/features/province/services/provinceGetContradictionsData.js b/src/features/province/services/provinceGetContradictionsData.js new file mode 100644 index 0000000..fbfff81 --- /dev/null +++ b/src/features/province/services/provinceGetContradictionsData.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const provinceGetContradictionsData = createAsyncThunk( + "PROVINCE_GET_CONTRADICTIONS_DATA", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.get( + `/killing_info_discrepancy_report/?date1=${d.selectedDate1}&date2=${ + d.selectedDate2 + }&role=${getRoleFromUrl()}` + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (error) { + dispatch(LOADING_END()); + throw error; + } + } +); diff --git a/src/features/province/services/provinceGetStewards.js b/src/features/province/services/provinceGetStewards.js new file mode 100644 index 0000000..5e1b1a6 --- /dev/null +++ b/src/features/province/services/provinceGetStewards.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const getStewards = createAsyncThunk( + "MAIN_GET_STEWARDS", + async (province) => { + const axiosInstance = axios.create(); + axiosInstance.defaults.headers.common = {}; + + const apiUrl = `https://amait.mrkiani.ir/api/report/pos/${ + province === "markazi" ? "markazi" : "hamadan" + }`; + + try { + const response = await axiosInstance.get(apiUrl); + const { data, status } = response; + return { data, status }; + } catch (error) { + console.error("Error fetching data:", error); + throw error; + } + } +); diff --git a/src/features/province/services/provinceGetTypeActivity.js b/src/features/province/services/provinceGetTypeActivity.js new file mode 100644 index 0000000..28107bf --- /dev/null +++ b/src/features/province/services/provinceGetTypeActivity.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const provinceGetTypeActivity = createAsyncThunk( + "PROVINCE_GET_TYPE_ACTIVITY", + async () => { + const { data, status } = await axios.get("type-activity/"); + return { data, status }; + } +); diff --git a/src/features/province/services/provinceOutRequestCancelRequest.js b/src/features/province/services/provinceOutRequestCancelRequest.js new file mode 100644 index 0000000..d904107 --- /dev/null +++ b/src/features/province/services/provinceOutRequestCancelRequest.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceOutRequestCancelRequest = createAsyncThunk( + "PROVINCE_OUT_REQUEST_CANCEL_REQUEST", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "cancel-out-poultry_request/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/trade-panel-chat.js b/src/features/province/services/trade-panel-chat.js new file mode 100644 index 0000000..7c8a5e9 --- /dev/null +++ b/src/features/province/services/trade-panel-chat.js @@ -0,0 +1,23 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const tradePanelChart = createAsyncThunk( + "TRADE_PANEL_CHART", + async (d) => { + try { + const { data, status } = await axios.get( + `/direct-buying-poultry-requests-chart`, + { + params: { + role: getRoleFromUrl(), + role_key: d?.role_key || "", + }, + } + ); + return { data, status }; + } catch (e) { + return { error: e.response.data }; + } + } +); diff --git a/src/features/province/services/trade-panel-edit-market-request.js b/src/features/province/services/trade-panel-edit-market-request.js new file mode 100644 index 0000000..db20454 --- /dev/null +++ b/src/features/province/services/trade-panel-edit-market-request.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const provinceEditMarketRequestService = createAsyncThunk( + "PROVINCE_EDIT_MARKET_REQUEST_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("market-requests/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/trade-panel-get-details.js b/src/features/province/services/trade-panel-get-details.js new file mode 100644 index 0000000..68356ca --- /dev/null +++ b/src/features/province/services/trade-panel-get-details.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const tradePanelGetDetails = createAsyncThunk( + "TRADE_PANEL_GET_DEATILS", + async (params, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "direct-buying-poultry-hatching/", + { params } + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response?.data?.result || e.message }; + } + } +); diff --git a/src/features/province/services/trade-panel-market-request.js b/src/features/province/services/trade-panel-market-request.js new file mode 100644 index 0000000..34db6fe --- /dev/null +++ b/src/features/province/services/trade-panel-market-request.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const ProvinceMarketRequestService = createAsyncThunk( + "PROVINCE_MARKET_REQUEST_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + try { + const { data, status } = await axios.post("market-requests/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/update-car-state.js b/src/features/province/services/update-car-state.js new file mode 100644 index 0000000..b84945d --- /dev/null +++ b/src/features/province/services/update-car-state.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const updateCarStateService = createAsyncThunk( + "UPDATE_CAR_STATE_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("kill_house_driver/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/update-guild-by-national-id-new.js b/src/features/province/services/update-guild-by-national-id-new.js new file mode 100644 index 0000000..749662e --- /dev/null +++ b/src/features/province/services/update-guild-by-national-id-new.js @@ -0,0 +1,24 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; +import { provinceGetGuildsService } from "./province-get-guilds"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; + +export const updateGuildByNationalIdNewService = createAsyncThunk( + "UPDATE_GUILD_BY_NATIONAL_ID_NEW_SERVICE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.post( + "update_guild_by_national_id_new/?role=" + getRoleFromUrl(), + d + ); + dispatch(provinceGetGuildsService()); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/update-guilds-settings.js b/src/features/province/services/update-guilds-settings.js new file mode 100644 index 0000000..b9f5291 --- /dev/null +++ b/src/features/province/services/update-guilds-settings.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const updateGuildsSettingsService = createAsyncThunk( + "UPDATE_GUILDS_SETTINGS_SERVICE", + async (d) => { + const { data, status } = await axios.put( + "kill_house_choose_steward_guilds/0/", + d + ); + return { data, status }; + } +); diff --git a/src/features/province/services/update-kill-poultry-request.js b/src/features/province/services/update-kill-poultry-request.js new file mode 100644 index 0000000..133b138 --- /dev/null +++ b/src/features/province/services/update-kill-poultry-request.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const updateKillPoultryRequest = createAsyncThunk( + "UPDATE_KILL_POULTRY_REQUEST", + async (d) => { + try { + const { data, status } = await axios.put("Poultry_Request/0/", d); + return { data, status }; + } catch (e) { + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/province/services/update-losses-permission.js b/src/features/province/services/update-losses-permission.js new file mode 100644 index 0000000..bada1f9 --- /dev/null +++ b/src/features/province/services/update-losses-permission.js @@ -0,0 +1,13 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const updateLossesPermissionService = createAsyncThunk( + "UPDATE_LOSSES_PERMISSION_SERVICE", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.put("losses_permission/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/psp-company/components/psp-active-session/PspActiveSession.js b/src/features/psp-company/components/psp-active-session/PspActiveSession.js new file mode 100644 index 0000000..f4fc01c --- /dev/null +++ b/src/features/psp-company/components/psp-active-session/PspActiveSession.js @@ -0,0 +1,202 @@ +import { useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { Button, TextField, Autocomplete } from "@mui/material"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; + +export const PspActiveSession = () => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [companies, setCompanies] = useState([]); + const [selectedCompany, setSelectedCompany] = useState(""); + const dispatch = useDispatch(); + + const fetchCompanies = async () => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + `/get_all_pos_company/?role=${getRoleFromUrl()}` + ); + setCompanies(response.data); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching companies:", error); + dispatch(LOADING_END()); + } + }; + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + + let url = `report-pos-device_session/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}`; + if (selectedCompany) { + url += `&company=${selectedCompany}`; + } + response = await axios.get(url); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + // const clearFilters = () => { + // setSelectedCompany(""); + // setTextValue(""); + // setPage(1); + // fetchApiData(1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.pos?.posCompany, + `${item?.pos?.userInfo?.type} (${item?.pos?.userInfo?.name})`, + `${item?.pos?.userInfo?.fullname} (${item?.pos?.userInfo?.mobile})`, + item?.pos?.userInfo?.nationalCode, + item?.pos?.posId, + item?.password, + item?.name, + formatJustDate(item?.sessionCreateDate), + formatTime(item?.sessionLastSeenDate), + item?.active ? "فعال" : "غیرفعال", + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchCompanies(); + fetchApiData(1); + }, [dispatch]); + + useEffect(() => { + fetchApiData(page); + }, [selectedCompany, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + }; + + const tableTitle = ( + + + {getRoleFromUrl() !== "PosCompany" && ( + { + return { + data: i, + label: `${i?.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setSelectedCompany(value?.data?.key); + }} + renderInput={(params) => ( + + )} + /> + )} + + + + + + + + + ); + + return ( + + {tableTitle} + + + ); +}; diff --git a/src/features/psp-company/components/psp-create-pos/PspCreatePos.js b/src/features/psp-company/components/psp-create-pos/PspCreatePos.js new file mode 100644 index 0000000..e260265 --- /dev/null +++ b/src/features/psp-company/components/psp-create-pos/PspCreatePos.js @@ -0,0 +1,149 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { Button, TextField } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch } from "react-redux"; +import { pspSubmitPos } from "../../services/psp-submit-pos"; +import { DRAWER, LOADING_START } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; + +export const PspCreatePos = ({ item, updateTable }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + reciver: "", + terminal: "", + serial: "", + password: "", + }, + validationSchema: Yup.object({ + reciver: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + terminal: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + password: Yup.string() + .matches(/^\d{4}$/, "پسورد باید یک عدد 4 رقمی باشد") + .typeError("لطفا یک عدد 4 رقمی وارد کنید."), + serial: Yup.string(), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + + { + const value = e.target.value.replace(/\D/g, "").slice(0, 4); + formik.setFieldValue("password", value); + }} + onBlur={formik.handleBlur} + helperText={ + formik.touched.password && Boolean(formik.errors.password) + ? formik.errors.password + : null + } + error={formik.touched.password && Boolean(formik.errors.password)} + inputProps={{ + maxLength: 4, + }} + /> + + + + ); +}; diff --git a/src/features/psp-company/components/psp-devices-v2/PspDevicesV2.js b/src/features/psp-company/components/psp-devices-v2/PspDevicesV2.js new file mode 100644 index 0000000..86ec829 --- /dev/null +++ b/src/features/psp-company/components/psp-devices-v2/PspDevicesV2.js @@ -0,0 +1,777 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, + CLOSE_MODAL, + OPEN_MODAL, + DRAWER, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + Autocomplete, + Button, + CircularProgress, + IconButton, + List, + ListItem, + ListItemIcon, + ListItemButton, + ListItemText, + Popover, + Switch, + TextField, + Typography, + Box, +} from "@mui/material"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import TuneIcon from "@mui/icons-material/Tune"; +import PersonAddAlt1RoundedIcon from "@mui/icons-material/PersonAddAlt1Rounded"; +import SwapHorizRoundedIcon from "@mui/icons-material/SwapHorizRounded"; +import AddRoundedIcon from "@mui/icons-material/AddRounded"; +import { AppContext } from "../../../../contexts/AppContext"; +import { BackButton } from "../../../../components/back-button/BackButton"; + +const PspDevicesV2 = () => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [companies, setCompanies] = useState([]); + const [selectedCompany, setSelectedCompany] = useState(""); + const dispatch = useDispatch(); + + const fetchCompanies = async () => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + `/get_all_pos_company/?role=${getRoleFromUrl()}` + ); + setCompanies(response.data); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching companies:", error); + dispatch(LOADING_END()); + } + }; + + const fetchApiData = async (page) => { + try { + dispatch(LOADING_START()); + let url = `/user-pos-machine/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}`; + if (selectedCompany) { + url += `&company=${selectedCompany}`; + } + const response = await axios.get(url); + + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + } catch (error) { + console.error("Error fetching devices:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + // const clearFilters = () => { + // setSelectedCompany(""); + // setTextValue(""); + // setPage(1); + // fetchApiData(1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + const owner = item?.owner || {}; + const posCompany = item?.pos_company || {}; + const hasOwner = !!item?.owner; + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + posCompany?.name || "-", + item?.serial ?? "-", + item?.receiverNumber ?? "-", + item?.terminalNumber ?? "-", + item?.password ?? "-", + item?.posUniqueId || item?.posId || "-", + owner?.fullname ? `${owner?.fullname} (${owner?.mobile ?? "-"})` : "-", + owner?.nationalId || owner?.nationalCode || "-", + item?.createDate ? formatJustDate(item?.createDate) : "-", + item?.active ? "فعال" : "غیرفعال", + { + fetchApiData(page); + }} + />, + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchCompanies(); + }, [dispatch]); + + useEffect(() => { + fetchApiData(page); + }, [selectedCompany, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + }; + + const handleDeviceCreated = () => { + setPage(1); + fetchApiData(1); + }; + + const handleOpenCreateDevice = () => { + const isMobile = window.innerWidth <= 600; + dispatch( + DRAWER({ + title: "ایجاد دستگاه", + right: !isMobile, + bottom: isMobile, + content: , + }) + ); + }; + + const tableTitle = ( + + + + {getRoleFromUrl() !== "PosCompany" && ( + { + return { + data: i, + label: `${i?.name || ""}`, + }; + }) + : [] + } + onChange={(event, value) => { + setSelectedCompany(value?.data?.key); + }} + renderInput={(params) => ( + + )} + /> + )} + + + + + + + + + + + + + + ); + + return ( + + + + {tableTitle} + + + + ); +}; + +const DeviceOperations = ({ device, hasOwner, onOwnerAssigned }) => { + const [anchorEl, setAnchorEl] = useState(null); + const [updatingStatus] = useState(false); + const [localActive, setLocalActive] = useState(!!device?.active); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + setLocalActive(!!device?.active); + }, [device?.active]); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleAddOwner = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: hasOwner ? "تغییر مالک" : "افزودن مالک", + width: "auto", + content: ( + + ), + }) + ); + }; + + const open = Boolean(anchorEl); + const id = open ? "device-operations-popover" : undefined; + const actionLabel = hasOwner ? "تغییر مالک" : "افزودن مالک"; + const ActionIcon = hasOwner ? SwapHorizRoundedIcon : PersonAddAlt1RoundedIcon; + const actionColor = hasOwner ? "warning.main" : "success.main"; + const deviceKey = device?.key || device?.id; + + const handleToggleActive = async (event) => { + event.stopPropagation(); + event.preventDefault(); + + if (!deviceKey) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "شناسه دستگاه یافت نشد.", + }); + return; + } + }; + + return ( + <> + + + + + + + + + + + + + + + + + + + ); +}; + +const AssignOwnerModal = ({ device, onSuccess }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [options, setOptions] = useState([]); + const [selectedOption, setSelectedOption] = useState(null); + const [loading, setLoading] = useState(false); + const [submitting, setSubmitting] = useState(false); + const [fetchError, setFetchError] = useState(""); + + useEffect(() => { + let isMounted = true; + + const fetchOwners = async () => { + setLoading(true); + setFetchError(""); + setSelectedOption(null); + try { + const response = await axios.get("/users_for_pos/"); + + if (isMounted) { + const rawOptions = Array.isArray(response?.data?.results) + ? response?.data?.results + : Array.isArray(response?.data) + ? response?.data + : []; + + // Normalize the data + const normalizedOptions = rawOptions.map((item) => { + const fullname = item?.fullname || "-"; + const mobile = item?.mobile || ""; + const mobileLabel = mobile ? ` (${mobile})` : ""; + const label = `${fullname}${mobileLabel}`; + + return { + ...item, + label: label || "-", + }; + }); + + setOptions(normalizedOptions); + setSelectedOption( + normalizedOptions.find( + (option) => option?.mobile === device?.owner?.mobile + ) + ); + } + } catch (error) { + if (isMounted) { + setFetchError("دریافت لیست کاربران با خطا مواجه شد."); + console.error("Error fetching users:", error); + } + } finally { + if (isMounted) { + setLoading(false); + } + } + }; + + fetchOwners(); + + return () => { + isMounted = false; + }; + }, [device]); + + const handleCloseModal = () => { + dispatch(CLOSE_MODAL()); + }; + + const handleSubmit = async () => { + if (!selectedOption) { + return; + } + + if (!device?.key && !device?.id) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "شناسه دستگاه یافت نشد. لطفاً دوباره تلاش کنید.", + }); + return; + } + + setSubmitting(true); + try { + const payload = { + key: device?.key || device?.id, + recipient_type: "owner", + recipient_key: selectedOption?.key || selectedOption?.id, + }; + + await axios.put("/user-pos-machine/0/", payload); + + openNotif({ + vertical: "top", + horizontal: "center", + severity: "success", + msg: "مالک با موفقیت ثبت شد.", + }); + + if (onSuccess) { + onSuccess(); + } + handleCloseModal(); + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: + error?.response?.data?.result || + error?.response?.data?.detail || + "ثبت مالک با خطا مواجه شد.", + }); + } finally { + setSubmitting(false); + } + }; + + return ( + + + دستگاه انتخاب شده:{" "} + {device?.serial || + device?.posUniqueId || + device?.posId || + device?.pos_unique_id || + device?.pos_id || + "-"} + + {loading ? ( + + + + ) : ( + option?.group || ""} + loading={loading} + loadingText="در حال دریافت..." + noOptionsText="موردی یافت نشد." + onChange={(event, value) => setSelectedOption(value)} + isOptionEqualToValue={(option, value) => option?.key === value?.key} + getOptionLabel={(option) => option?.label || ""} + renderOption={(props, option) => { + if (!option) return null; + return ( +

+ + + {option?.label || "-"} + + {option?.city && ( + + {option.city} + + )} + +

+ ); + }} + renderInput={(params) => ( + + {loading ? ( + + ) : null} + {params.InputProps.endAdornment} + + ), + }} + /> + )} + /> + )} + {fetchError && ( + + {fetchError} + + )} + + + + + + ); +}; + +const CreateDeviceDrawer = ({ onSuccess }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [values, setValues] = useState({ + receiver_number: "", + terminal_number: "", + password: "", + serial: "", + }); + const [errors, setErrors] = useState({}); + const [submitting, setSubmitting] = useState(false); + + const closeDrawer = () => { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + }; + + const handleChange = (event) => { + const { name, value } = event.target; + setValues((prev) => ({ ...prev, [name]: value })); + if (errors[name]) { + setErrors((prev) => ({ ...prev, [name]: "" })); + } + }; + + const validate = () => { + const newErrors = {}; + if (!values.receiver_number?.trim()) { + newErrors.receiver_number = "وارد کردن شماره پذیرنده الزامی است."; + } + if (!values.terminal_number?.trim()) { + newErrors.terminal_number = "وارد کردن شماره ترمینال الزامی است."; + } + if (!values.password?.trim()) { + newErrors.password = "وارد کردن رمز عبور الزامی است."; + } + if (!values.serial?.trim()) { + newErrors.serial = "وارد کردن سریال دستگاه الزامی است."; + } + + setErrors(newErrors); + return Object.keys(newErrors).length === 0; + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + if (!validate()) { + return; + } + + setSubmitting(true); + try { + await axios.post("/new-pos-machine/", { + receiver_number: values.receiver_number.trim(), + terminal_number: values.terminal_number.trim(), + password: values.password.trim(), + serial: values.serial.trim(), + }); + + openNotif({ + vertical: "top", + horizontal: "center", + severity: "success", + msg: "دستگاه با موفقیت ایجاد شد.", + }); + + if (onSuccess) { + onSuccess(); + } + closeDrawer(); + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: + error?.response?.data?.result || + error?.response?.data?.detail || + "ایجاد دستگاه با خطا مواجه شد.", + }); + } finally { + setSubmitting(false); + } + }; + + return ( + + + + + + + + + + + ); +}; + +export default PspDevicesV2; diff --git a/src/features/psp-company/components/psp-devices/PspDevices.js b/src/features/psp-company/components/psp-devices/PspDevices.js new file mode 100644 index 0000000..b6f10b9 --- /dev/null +++ b/src/features/psp-company/components/psp-devices/PspDevices.js @@ -0,0 +1,855 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + LOADING_END, + LOADING_START, + CLOSE_MODAL, + OPEN_MODAL, + DRAWER, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { Grid } from "../../../../components/grid/Grid"; +import { LabelField } from "../../../../components/label-field/LabelField"; +import { SPACING } from "../../../../data/spacing"; +import { + Autocomplete, + Button, + CircularProgress, + IconButton, + List, + ListItem, + ListItemIcon, + ListItemButton, + ListItemText, + Popover, + Switch, + TextField, + Typography, + FormControl, + RadioGroup, + FormControlLabel, + Radio, +} from "@mui/material"; +import { RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import TuneIcon from "@mui/icons-material/Tune"; +import PersonAddAlt1RoundedIcon from "@mui/icons-material/PersonAddAlt1Rounded"; +import SwapHorizRoundedIcon from "@mui/icons-material/SwapHorizRounded"; +import AddRoundedIcon from "@mui/icons-material/AddRounded"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + fetchPspGuilds, + fetchPspKillHouses, + updatePosMachineOwner, +} from "../../services/psp-device-services"; + +export const PspDevices = () => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [companies, setCompanies] = useState([]); + const [selectedCompany, setSelectedCompany] = useState(""); + const dispatch = useDispatch(); + + const fetchCompanies = async () => { + try { + dispatch(LOADING_START()); + const response = await axios.get( + `/get_all_pos_company/?role=${getRoleFromUrl()}` + ); + setCompanies(response.data); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching companies:", error); + dispatch(LOADING_END()); + } + }; + + const fetchApiData = async (page) => { + try { + dispatch(LOADING_START()); + let url = `/new-pos-machine/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}`; + if (selectedCompany) { + url += `&company=${selectedCompany}`; + } + const response = await axios.get(url); + + setData(response.data?.results || []); + setTotalRows(response.data?.count || 0); + } catch (error) { + console.error("Error fetching devices:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + // const clearFilters = () => { + // setSelectedCompany(""); + // setTextValue(""); + // setPage(1); + // fetchApiData(1); + // }; + + useEffect(() => { + const d = data?.map((item, i) => { + const owner = item?.owner || {}; + const hasOwner = !!item?.owner; + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.companyName || "-", + item?.serial ?? "-", + item?.receiverNumber ?? "-", + item?.terminalNumber ?? "-", + item?.password ?? "-", + item?.posId ?? "-", + owner?.unitName ? `${owner?.unitName}` : "-", + owner?.fullname ? `${owner?.fullname} (${owner?.mobile ?? "-"})` : "-", + owner?.licenseNumber ?? "-", + item?.createDate ? formatJustDate(item?.createDate) : "-", + item?.active ? "فعال" : "غیرفعال", + { + fetchApiData(page); + }} + />, + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchCompanies(); + fetchApiData(1); + }, [dispatch]); + + useEffect(() => { + fetchApiData(page); + }, [selectedCompany, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + fetchApiData(1); + }; + + const handleDeviceCreated = () => { + setPage(1); + fetchApiData(1); + }; + + const handleOpenCreateDevice = () => { + const isMobile = window.innerWidth <= 600; + dispatch( + DRAWER({ + title: "ایجاد دستگاه", + right: !isMobile, + bottom: isMobile, + content: , + }) + ); + }; + + const tableTitle = ( + + + + {getRoleFromUrl() !== "PosCompany" && ( + { + return { + data: i, + label: `${i?.name || ""}`, + }; + }) + : [] + } + onChange={(event, value) => { + setSelectedCompany(value?.data?.key); + }} + renderInput={(params) => ( + + )} + /> + )} + + + + + + + + + + + + + + ); + + return ( + + {tableTitle} + + + ); +}; + +const DeviceOperations = ({ device, hasOwner, onOwnerAssigned }) => { + const [anchorEl, setAnchorEl] = useState(null); + const [updatingStatus] = useState(false); + const [localActive, setLocalActive] = useState(!!device?.active); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + useEffect(() => { + setLocalActive(!!device?.active); + }, [device?.active]); + + const handleOpen = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const handleAddOwner = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: hasOwner ? "تغییر مالک" : "افزودن مالک", + width: "auto", + content: ( + + ), + }) + ); + }; + + const open = Boolean(anchorEl); + const id = open ? "device-operations-popover" : undefined; + const actionLabel = hasOwner ? "تغییر مالک" : "افزودن مالک"; + const ActionIcon = hasOwner ? SwapHorizRoundedIcon : PersonAddAlt1RoundedIcon; + const actionColor = hasOwner ? "warning.main" : "success.main"; + const deviceKey = device?.key || device?.id; + + const handleToggleActive = async (event) => { + event.stopPropagation(); + event.preventDefault(); + + if (!deviceKey) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "شناسه دستگاه یافت نشد.", + }); + return; + } + }; + + return ( + <> + + + + + + + + + + + + + + + + + + + ); +}; + +const AssignOwnerModal = ({ device, onSuccess }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [options, setOptions] = useState([]); + const [selectedOption, setSelectedOption] = useState(null); + const [loading, setLoading] = useState(false); + const [submitting, setSubmitting] = useState(false); + const [fetchError, setFetchError] = useState(""); + const [ownerType, setOwnerType] = useState("guild"); + + useEffect(() => { + let isMounted = true; + + const fetchOwners = async () => { + setLoading(true); + setFetchError(""); + setSelectedOption(null); + try { + let response; + if (ownerType === "kill_house") { + response = await fetchPspKillHouses(); + } else { + response = await fetchPspGuilds(getRoleFromUrl()); + } + + if (isMounted) { + const rawOptions = Array.isArray(response?.data?.results) + ? response?.data?.results + : Array.isArray(response?.data) + ? response?.data + : []; + + let normalizedOptions; + if (ownerType === "kill_house") { + // Normalize kill house data + normalizedOptions = rawOptions.map((item) => { + const typeLabel = item?.killer ? "کشتارکن" : "کشتارگاه"; + const primaryLabel = item?.unitName || item?.fullname || "-"; + const mobileLabel = item?.mobile ? ` (${item.mobile})` : ""; + return { + ...item, + label: `${primaryLabel}${mobileLabel}`, + meta: typeLabel, + group: "", + }; + }); + } else { + // Normalize guild data + normalizedOptions = rawOptions.map((item) => { + const typeLabel = item?.steward ? "مباشر" : "صنف"; + const primaryLabel = + item?.guildsName || item?.user?.fullname || "-"; + const mobileLabel = item?.user?.mobile + ? ` (${item.user.mobile})` + : ""; + return { + ...item, + label: `${primaryLabel}${mobileLabel}`, + meta: typeLabel, + group: "", + }; + }); + } + + setOptions(normalizedOptions); + setSelectedOption( + normalizedOptions.find( + (option) => + option?.user?.mobile === device?.owner?.mobile || + option?.mobile === device?.owner?.mobile + ) + ); + } + } catch (error) { + if (isMounted) { + setFetchError("دریافت لیست مالک‌ها با خطا مواجه شد."); + } + } finally { + if (isMounted) { + setLoading(false); + } + } + }; + + fetchOwners(); + + return () => { + isMounted = false; + }; + }, [ownerType]); + + const handleCloseModal = () => { + dispatch(CLOSE_MODAL()); + }; + + const handleSubmit = async () => { + if (!selectedOption) { + return; + } + + if (!device?.key && !device?.id) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: "شناسه دستگاه یافت نشد. لطفاً دوباره تلاش کنید.", + }); + return; + } + + setSubmitting(true); + try { + let owner_type; + if (ownerType === "kill_house") { + owner_type = "kill_house"; + } else { + owner_type = selectedOption?.steward ? "Steward" : "Guilds"; + } + + const payload = { + key: device?.key || device?.id, + owner_type: owner_type, + owner_key: selectedOption?.key, + }; + + await updatePosMachineOwner(payload); + + openNotif({ + vertical: "top", + horizontal: "center", + severity: "success", + msg: "مالک با موفقیت ثبت شد.", + }); + + if (onSuccess) { + onSuccess(); + } + handleCloseModal(); + } catch (error) { + openNotif({ + vertical: "top", + horizontal: "center", + severity: "error", + msg: + error?.response?.data?.result || + error?.response?.data?.detail || + "ثبت مالک با خطا مواجه شد.", + }); + } finally { + setSubmitting(false); + } + }; + + return ( + + + دستگاه انتخاب شده: {device?.serial || device?.posId || "-"} + + + + setOwnerType(e.target.value)} + > + } + label="صنف / مباشر" + /> + } + label="کشتارگاه / کشتارکن" + /> + + + + {loading ? ( + + + + ) : ( + option?.group || ""} + loading={loading} + loadingText="در حال دریافت..." + noOptionsText="موردی یافت نشد." + onChange={(event, value) => setSelectedOption(value)} + isOptionEqualToValue={(option, value) => option?.key === value?.key} + getOptionLabel={(option) => option?.label || ""} + renderOption={(props, option) => { + if (!option) return null; + return ( +

+ + {ownerType === "kill_house" ? ( + <> + + {`${option?.unitName || option?.fullname || ""}${ + option?.mobile ? ` (${option.mobile})` : "" + }`} + + + {`${option?.meta || ""}${ + option?.city ? ` | ${option.city}` : "" + }`.replace(/^ \| /, "")} + + + ) : ( + <> + + {`${option?.guildsName || ""}${ + option?.user?.mobile ? ` (${option.user.mobile})` : "" + }`} + + + {`${option?.typeActivity || ""}${ + option?.areaActivity + ? ` | ${option.areaActivity}` + : "" + }${option?.user?.city ? ` | ${option.user.city}` : ""}${ + option?.licenseNumber + ? ` | شناسه : ${option.licenseNumber}` + : "" + }`.replace(/^ \| /, "")} + + + )} + +

+ + + + + + + {/* مشاهده دستگاه‌های POS */} + {item?.numberOfPos > 0 && ( + + + { + handleClose(); + dispatch( + DRAWER({ + title: "جزئیات کارتخوان", + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + )} + + {/* ثبت دستگاه POS */} + + + { + handleClose(); + dispatch( + DRAWER({ + title: "ایجاد دستگاه", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + + {/* توضیحات وضعیت */} + {/* + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "مشاهده توضیحات", + content: ( + + توضیحات: {item.descriptionCondition} + + ), + }) + ); + }} + > + + {item.condition} + + + + */} + + {/* ثبت/ویرایش وضعیت صنف */} + + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ثبت توضیحات", + content: ( + + ), + }) + ); + }} + > + + + + + + + +

+ ); +}; diff --git a/src/features/psp-company/components/psp-manage-guilds/PspManageGuilds.js b/src/features/psp-company/components/psp-manage-guilds/PspManageGuilds.js new file mode 100644 index 0000000..5cd28e0 --- /dev/null +++ b/src/features/psp-company/components/psp-manage-guilds/PspManageGuilds.js @@ -0,0 +1,351 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { CreateGuilds } from "../../../province/components/create-guilds/CreateGuilds"; +import { PspManageGuildsOperation } from "../psp-manage-guilds-operation/PspManageGuildsOperation"; +// import { PspPosList } from "../psp-pos-list/PspPosList"; +// import { PspCreatePos } from "../psp-create-pos/PspCreatePos"; +// import { PspSubmitGuildCondition } from "../psp-submit-guild-condition/PspSubmitGuildCondition"; +// import { PspSessions } from "../psp-sessions/PspSessions"; + +export const PspManageGuilds = () => { + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const dispatch = useDispatch(); + + const userInfo = useSelector((state) => state.userSlice); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `total_guilds_for_companies/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item.guildsId, + item?.guildsName, + `${item?.user?.fullname} (${item?.user?.mobile})`, + item?.user?.nationalId, + item?.typeActivity, + item?.areaActivity, + `${item?.user?.province}/${item?.user?.city}/${ + item?.user?.address ? item?.user?.address : "" + }`, + item?.steward ? "می باشد" : "نمی باشد", + item?.provinceAcceptState === "accepted" + ? "تایید شده" + : item?.provinceAcceptState === "rejected" + ? "رد شده" + : "در انتظار تایید", + + `${item?.condition || "توضیحاتی وجود ندارد"} (${ + item?.descriptionCondition + })`, + + // , + , + // + // + // {/* {item?.numberOfPos ? ( + // + // ) : ( + // "" + // )} */} + + // + // + // + // + // + // { + // dispatch( + // OPEN_MODAL({ + // title: "مشاهده توضیحات", + // content: ( + // + // توضیحات: {item.descriptionCondition} + // + // ), + // }) + // ); + // }} + // > + // {item.condition} + // + // + + // + // + // + // , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `total_guilds_for_companies/?role=${getRoleFromUrl()}&search=filter&value=${textValue}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const tableTitle = ( + + + + + + + + + + + + ); + + return ( + + {tableTitle} + + + ); +}; diff --git a/src/features/psp-company/components/psp-operations/PspOperations.js b/src/features/psp-company/components/psp-operations/PspOperations.js new file mode 100644 index 0000000..68e2102 --- /dev/null +++ b/src/features/psp-company/components/psp-operations/PspOperations.js @@ -0,0 +1,108 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + ROUTE_ADMINX_COMPANY_ROUTE_ACTIVE_SESSION, + ROUTE_ADMINX_COMPANY_ROUTE_DEVICES, + ROUTE_PSP_COMPANY_ROUTE_ACTIVE_SESSION, + ROUTE_PSP_COMPANY_ROUTE_DEVICES, + ROUTE_PSP_COMPANY_ROUTE_DEVICES_V2, + ROUTE_SUPER_ADMIN_COMPANY_ROUTE_ACTIVE_SESSION, + ROUTE_SUPER_ADMIN_COMPANY_ROUTE_DEVICES, + // ROUTE_PSP_COMPANY_ROUTE_GUILDS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +// import { MdCorporateFare } from "react-icons/md"; +import { FaFax, FaMobileAlt } from "react-icons/fa"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +export const PspOperations = () => { + const { pathname } = useLocation(); + + return ( + + + } + title="دستگاه‌ها دوم" + /> + + + } + title="دستگاه ها" + /> + + {/* + } + title="اصناف" + /> + */} + + } + title="نشست های فعال" + /> + + + ); +}; diff --git a/src/features/psp-company/components/psp-pos-list/PspPosList.js b/src/features/psp-company/components/psp-pos-list/PspPosList.js new file mode 100644 index 0000000..690a09c --- /dev/null +++ b/src/features/psp-company/components/psp-pos-list/PspPosList.js @@ -0,0 +1,359 @@ +import React, { useContext, useState } from "react"; +import { + Switch, + Tooltip, + Typography, + Box, + Button, + Paper, + useTheme, + IconButton, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { pspChangePosActiveState } from "../../services/psp-change-pos-active-state"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import ArrowBackIcon from "@mui/icons-material/ArrowBack"; +import { motion, AnimatePresence } from "framer-motion"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import InfoIcon from "@mui/icons-material/Info"; +import CardMembershipIcon from "@mui/icons-material/CardMembership"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { pspRemoveSession } from "../../services/psp-remove-session"; + +export const PspPosList = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [showDetail, setShowDetail] = useState(false); + const [posInfo, setPosInfo] = useState(null); + + const handleDeleteSession = (sessionKey) => { + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + + + + + ), + }) + ); + }; + const theme = useTheme(); + + const tableData = item?.guildPos.map((pos, index) => [ + index + 1, + pos.receiverNumber || "-", + pos.terminalNumber || "-", + pos.serial || "-", + pos.posId || "-", + pos.password || "-", + pos.posCompany || "-", + pos?.posSessions?.length > 0 + ? formatJustDate(pos.posSessions[0]?.sessionCreateDate) + : "-", + pos?.posSessions?.length > 0 + ? formatJustDate(pos.posSessions[0]?.sessionLastSeenDate) + : "-", + + {pos?.posStatus ? "در حال استفاده" : "خاموش"} + + , + , + + { + dispatch( + pspChangePosActiveState({ + pos_key: pos.key, + active: !pos.active, + }) + ).then((r) => { + updateTable(); + dispatch(DRAWER({ top: false, bottom: false, content: null })); + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + /> + , + ]); + + // neshast + const sessionsData = posInfo?.posSessions + ?.sort((a, b) => { + const dateA = new Date( + a.sessionLastSeenDate || a.sessionCreateDate + ).getTime(); + const dateB = new Date( + b.sessionLastSeenDate || b.sessionCreateDate + ).getTime(); + return dateB - dateA; + }) + ?.map((session, i) => { + const oneWeekAgo = new Date(); + oneWeekAgo.setDate(oneWeekAgo.getDate() - 7); + + const sessionDate = new Date( + session.sessionLastSeenDate || session.sessionCreateDate + ); + + const isLessThanOneWeek = sessionDate > oneWeekAgo; + + return [ + i + 1, + session.name || "-", + session.serial || "-", + + {formatJustDate(session.sessionCreateDate || "-")} + , + + {formatJustDate(session.sessionLastSeenDate || "-")} + , + + + { + handleDeleteSession(session.key); + }} + > + + + + , + ]; + }); + + return ( + + + {!showDetail ? ( + + + + + + اطلاعات دستگاه‌های POS + + + ({item?.guildPos?.length || 0} دستگاه ثبت شده) + + + + } + columns={[ + "ردیف", + "شماره پذیرنده", + "شماره ترمینال", + "سریال دستگاه", + "کلید اتصال", + "کلمه عبور امنیتی", + "نام دستگاه", + "اولین ورود", + "آخرین بازدید", + "وضعیت", + "نشست‌ها", + "فعال/غیرفعال", + ]} + data={tableData || []} + sx={{ + "& .MuiTableCell-root": { + py: 1.5, + }, + "& .MuiTableHead-root": { + backgroundColor: theme.palette.grey[100], + }, + }} + /> + + + ) : ( + + + + + + + + نشست‌های فعال دستگاه + {" "} + {posInfo?.receiverNumber} + + + + + + + + + + + + )} + + + ); +}; diff --git a/src/features/psp-company/components/psp-sessions/PspSessions.js b/src/features/psp-company/components/psp-sessions/PspSessions.js new file mode 100644 index 0000000..0fc9d58 --- /dev/null +++ b/src/features/psp-company/components/psp-sessions/PspSessions.js @@ -0,0 +1,145 @@ +import React, { useContext } from "react"; +import { + Grid, + Card, + CardContent, + Button, + Typography, + Divider, + Box, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { pspRemoveSession } from "../../services/psp-remove-session"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { formatJustDate } from "../../../../utils/formatTime"; + +export const PspSessions = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + return ( + + {item?.guildPos?.map((item, i) => ( + + + + + شناسه: {item?.posId} + + + شماره ترمینال: {item?.terminalNumber} + + {!!item?.posSessions?.length && ( + <> + + + نشست های فعال: + + + )} + {item?.posSessions?.map((option, index) => ( + + + {index + 1} - نام: + + {option?.name} + + + + + سریال دستگاه : + + {option?.serial || "-"} + + + + تاریخ اولین ورود : + + {formatJustDate(option?.sessionCreateDate) || "-"} + + + + زمان آخرین بازدید : + + {formatJustDate(option?.sessionLastSeenDate) || "-"} + + + + کلمه عبور : + + {option?.password} + + + + + ))} + + + + ))} + + ); +}; diff --git a/src/features/psp-company/components/psp-submit-guild-condition/PspSubmitGuildCondition.js b/src/features/psp-company/components/psp-submit-guild-condition/PspSubmitGuildCondition.js new file mode 100644 index 0000000..d6ea087 --- /dev/null +++ b/src/features/psp-company/components/psp-submit-guild-condition/PspSubmitGuildCondition.js @@ -0,0 +1,139 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Button, + FormControl, + FormHelperText, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch } from "react-redux"; +import { pspSubmitGuildGuildCondition } from "../../services/psp-submit-guild-condition"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; + +export const PspSubmitGuildCondition = ({ item, updateTable }) => { + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + condition: item.condition ? item.condition : "مرجوع شده", + description: item.descriptionCondition ? item.descriptionCondition : "", + }, + validationSchema: Yup.object({ + description: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا توضیحات را وارد کنید."), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + وضعیت + + + {formik.touched.condition && Boolean(formik.errors.condition) + ? formik.errors.condition + : null} + + + + + + + + + + + ); +}; diff --git a/src/features/psp-company/services/psp-change-pos-active-state.js b/src/features/psp-company/services/psp-change-pos-active-state.js new file mode 100644 index 0000000..b0ffad3 --- /dev/null +++ b/src/features/psp-company/services/psp-change-pos-active-state.js @@ -0,0 +1,18 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const pspChangePosActiveState = createAsyncThunk( + "PSP_CHANGE_POS_ACTIVE_STATE", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put("/pos-machine/0/", d); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/psp-company/services/psp-device-services.js b/src/features/psp-company/services/psp-device-services.js new file mode 100644 index 0000000..4b1eb79 --- /dev/null +++ b/src/features/psp-company/services/psp-device-services.js @@ -0,0 +1,32 @@ +import axios from "axios"; + +/** + * Fetch guilds/owners list for PSP POS devices + * @param {string} role - The role from URL + * @returns {Promise} Axios promise with guilds data + */ +export const fetchPspGuilds = async (role) => { + const response = await axios.get( + `/guilds/?role=${role}&page_size=1000&psp_pos=true` + ); + return response; +}; + +/** + * Fetch kill houses list for PSP POS devices + * @returns {Promise} Axios promise with kill houses data + */ +export const fetchPspKillHouses = async () => { + const response = await axios.get(`/kill_house/?psp=true`); + return response; +}; + +/** + * Update POS machine owner + * @param {Object} payload - The payload containing device key, owner type, and owner key + * @returns {Promise} Axios promise with update response + */ +export const updatePosMachineOwner = async (payload) => { + const response = await axios.put(`/new-pos-machine/0/`, payload); + return response; +}; diff --git a/src/features/psp-company/services/psp-remove-session.js b/src/features/psp-company/services/psp-remove-session.js new file mode 100644 index 0000000..c5967b4 --- /dev/null +++ b/src/features/psp-company/services/psp-remove-session.js @@ -0,0 +1,15 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const pspRemoveSession = createAsyncThunk( + "PSP_REMOVE_SESSION", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.delete( + "pos_register_session_inspection/0/?session_key=" + d + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/psp-company/services/psp-submit-guild-condition.js b/src/features/psp-company/services/psp-submit-guild-condition.js new file mode 100644 index 0000000..0258d53 --- /dev/null +++ b/src/features/psp-company/services/psp-submit-guild-condition.js @@ -0,0 +1,21 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const pspSubmitGuildGuildCondition = createAsyncThunk( + "PSP_SUBMIT_GUILD_CONDITION", + async (d, { dispatch }) => { + try { + dispatch(LOADING_START()); + const { data, status } = await axios.put( + "total_guilds_for_companies/0/", + d + ); + dispatch(LOADING_END()); + return { data, status }; + } catch (e) { + dispatch(LOADING_END()); + return { error: e.response.data.result }; + } + } +); diff --git a/src/features/psp-company/services/psp-submit-pos.js b/src/features/psp-company/services/psp-submit-pos.js new file mode 100644 index 0000000..b13dd91 --- /dev/null +++ b/src/features/psp-company/services/psp-submit-pos.js @@ -0,0 +1,14 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const pspSubmitPos = createAsyncThunk( + "PSP_SUBMIT_POS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.post("pos-machine/", d); + dispatch(LOADING_END()); + + return { data, status }; + } +); diff --git a/src/features/senf/components/SenfEnterToWarehouse.js b/src/features/senf/components/SenfEnterToWarehouse.js new file mode 100644 index 0000000..9da4581 --- /dev/null +++ b/src/features/senf/components/SenfEnterToWarehouse.js @@ -0,0 +1,5 @@ +import { SlaughterStockWrapper } from "../../slaughter-house/components/slaughter-stock-wrapper/SlaughterStockWrapper"; + +export const SenfEnterToWarehouse = () => { + return ; +}; diff --git a/src/features/senf/components/SenfInventoryOperation.js b/src/features/senf/components/SenfInventoryOperation.js new file mode 100644 index 0000000..4a5ee26 --- /dev/null +++ b/src/features/senf/components/SenfInventoryOperation.js @@ -0,0 +1,54 @@ +import { VscNewFolder } from "react-icons/vsc"; +import { useLocation } from "react-router-dom"; +import { Grid } from "../../../components/grid/Grid"; +import LinkItem from "../../../components/link-item/LinkItem"; +import { NavLink } from "../../../components/nav-link/NavLink"; +import { SPACING } from "../../../data/spacing"; +import { + ROUTE_SENF_INVENTORY_SEGMENTATION, + ROUTE_SENF_INVENTORY_STOCK, +} from "../../../routes/routes"; +import ContentCutIcon from "@mui/icons-material/ContentCut"; + +export const SenfInventoryOperation = () => { + const { pathname } = useLocation(); + + return ( + + + } + title="ورود به انبار" + /> + + {/* + } + title="ورود به انبار" + /> + */} + + } + title="قطعه بندی" + /> + + + ); +}; diff --git a/src/features/senf/components/SenfSegmentaion.js b/src/features/senf/components/SenfSegmentaion.js new file mode 100644 index 0000000..d00e8ef --- /dev/null +++ b/src/features/senf/components/SenfSegmentaion.js @@ -0,0 +1,320 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import moment from "moment"; +import { Button, TextField, Typography } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { RiSearchLine } from "react-icons/ri"; +import axios from "axios"; +import { AppContext } from "../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../lib/redux/slices/appSlice"; +import { formatJustDate, formatTime } from "../../../utils/formatTime"; +import { StewardSegmentOperation } from "../../guild/components/StewardSegmentOperation"; +import { getRoleFromUrl } from "../../../utils/getRoleFromUrl"; +import { Grid } from "../../../components/grid/Grid"; +import { SPACING } from "../../../data/spacing"; +import ResponsiveTable from "../../../components/responsive-table/ResponsiveTable"; +import { checkPathStartsWith } from "../../../utils/checkPathStartsWith"; +import { stawardGetSegmentDashboardService } from "../../guild/services/steward-get-dashboard-service"; +import { stewardGetOutSellService } from "../../guild/services/steward-get-sell-out-service"; +import { StewardSegmentSubmitOperation } from "../../guild/components/StewardSegmentSubmitOperation"; + +export const SenfSegmentaion = () => { + const [data, setData] = useState([]); + const [products, setProducts] = useState([]); + const [tableData, setTableData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [dashboardData, setDashboardData] = useState([]); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + + // const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const getDashboardData = () => { + dispatch( + stawardGetSegmentDashboardService({ + value: textValue, + date1: selectedDate1, + date2: selectedDate2, + role: getRoleFromUrl(), + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("senf") + ? selectedSubUser?.key + : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `app-segmentation/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") || checkPathStartsWith("senf") + ? `&role_key=${selectedSubUser?.key}` + : "" + }` + ); + + getDashboardData(); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + const updateTable = () => { + fetchApiData(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + fetchApiData(1); + dispatch( + stewardGetOutSellService({ + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("senf") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setProducts(r.payload.data); + }); + }, []); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.productionDate ? formatTime(item?.productionDate) : "-", + item?.distributionType === "web" + ? "سایت" + : item?.distributionType === "app" + ? "موبایل" + : item?.distributionType === "pos" + ? "پوز" + : item?.distributionType || "-", + `${item?.buyer?.fullname}(${item?.buyer?.mobile})`, + item?.toGuild + ? `به قطعه بند - ${item?.toGuild?.user?.fullname}(${item?.toGuild?.user?.mobile})` + : "قطعه بندی توسط کشتارگاه", + item?.date ? formatJustDate(item?.date) : "-", + item?.weight, + item?.quota === "governmental" + ? "دولتی" + : item?.quota === "free" + ? "آزاد" + : "-", + item?.saleType === "governmental" + ? "دولتی" + : item?.saleType === "free" + ? "آزاد" + : "-", + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage, selectedSubUser?.key]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + try { + const response = await axios.get( + `app-segmentation/?search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") || checkPathStartsWith("senf") + ? `&role_key=${selectedSubUser?.key}` + : "" + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + getDashboardData(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + ثبت قطعه بندی + + + + + +

+ + + + + ); +}; diff --git a/src/features/senf/components/SenfStock.js b/src/features/senf/components/SenfStock.js new file mode 100644 index 0000000..cefa26c --- /dev/null +++ b/src/features/senf/components/SenfStock.js @@ -0,0 +1,339 @@ +import { Button, TextField, Typography, Tabs, Tab } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../components/grid/Grid"; +import { AppContext } from "../../../contexts/AppContext"; +import { SPACING } from "../../../data/spacing"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../lib/redux/slices/appSlice"; +import { GuildReceiveBarOperation } from "../../guild/components/GuildReceiveBarOperation"; +import { senfGetAllocationDashboardService } from "../../guild/services/senf-get-allocation-dashboard"; +import { senfGetInventoryAllocatedService } from "../../guild/services/senf-get-inventory-allocated"; +import { guildSalesInfoDashboardService } from "../../guild/services/guild-sales-info-dashboard"; +import { getFaUserRole } from "../../../utils/getFaUserRole"; +import { formatJustDate } from "../../../utils/formatTime"; +import { checkPathStartsWith } from "../../../utils/checkPathStartsWith"; +import ResponsiveTable from "../../../components/responsive-table/ResponsiveTable"; +import { RiSearchLine } from "react-icons/ri"; + +export const SenfStock = () => { + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const [statusTab, setStatusTab] = useState("pending"); + const [text, setText] = useState(""); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const { + senfGetInventoryStock, + senfGetInventoryAllocated, + guildSalesInfoDashboard, + } = useSelector((state) => state.generalSlice); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + useEffect(() => { + dispatch( + senfGetAllocationDashboardService({ + date1: selectedDate1, + date2: selectedDate2, + role_key: checkPathStartsWith("senf") ? selectedSubUser?.key : "", + search: text, + }) + ); + dispatch( + senfGetInventoryAllocatedService({ + date1: selectedDate1, + date2: selectedDate2, + role_key: checkPathStartsWith("senf") ? selectedSubUser?.key : "", + type: statusTab, + search: text, + }) + ); + dispatch( + guildSalesInfoDashboardService({ + role_key: checkPathStartsWith("senf") ? selectedSubUser?.key : "", + }) + ); + }, [selectedDate1, selectedDate2, selectedSubUser?.key, statusTab, dispatch]); + + useEffect(() => { + const items = senfGetInventoryAllocated?.results || []; + + if (items.length > 0) { + const d = items.map((item, i) => { + let state = ""; + if (item?.receiverState === "accepted") { + state = "تحویل گرفته شده"; + } else if (item?.receiverState === "rejected") { + state = "رد شده"; + } else { + state = "در انتظار تحویل"; + } + + const sellerRoleFa = getFaUserRole(item?.seller_type); + const sellerName = + item?.stewards?.user?.fullname || + item?.stewards?.name || + item?.killHouse?.name || + item?.toKillHouse?.name || + "-"; + const sellerMobile = + item?.stewards?.user?.mobile || + item?.killHouse?.user?.mobile || + item?.toKillHouse?.user?.mobile || + "-"; + + return [ + i + 1, + `${sellerRoleFa} ${sellerName} (${sellerMobile})`, + formatJustDate(item.date), + (item?.weightOfCarcasses || 0).toLocaleString() + " کیلوگرم", + + {item?.receiverRealNumberOfCarcasses && ( + <> + + {item?.receiverRealNumberOfCarcasses?.toLocaleString() + + " قطعه"} + + + {item?.receiverRealWeightOfCarcasses?.toLocaleString() + + " کیلوگرم"} + + + )} + {/* {item?.receiverState === "pending" && ( + + + + )} */} + , + + {item.receiverState === "pending" ? ( + + ) : ( + state + )} + , + ]; + }); + + setDataTable(d); + } else { + setDataTable([]); + } + }, [senfGetInventoryAllocated, dispatch]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + try { + dispatch( + senfGetAllocationDashboardService({ + date1: selectedDate1, + date2: selectedDate2, + role_key: checkPathStartsWith("senf") ? selectedSubUser?.key : "", + search: text, + }) + ); + dispatch( + senfGetInventoryAllocatedService({ + date1: selectedDate1, + date2: selectedDate2, + role_key: checkPathStartsWith("senf") ? selectedSubUser?.key : "", + type: statusTab, + search: text, + }) + ); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + return ( + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + {/* Tabs for filtering by receiver state */} + + setStatusTab(value)} + sx={{ borderBottom: 1, borderColor: "divider", mb: 1 }} + > + + + + + + row.slice(0, -1)) + : dataTable + } + /> + + ); +}; diff --git a/src/features/slaughter-house-vet/components/slaughter-house-vet-bars-operation/SlaughterHouseVetBarsOperation.js b/src/features/slaughter-house-vet/components/slaughter-house-vet-bars-operation/SlaughterHouseVetBarsOperation.js new file mode 100644 index 0000000..f879a0d --- /dev/null +++ b/src/features/slaughter-house-vet/components/slaughter-house-vet-bars-operation/SlaughterHouseVetBarsOperation.js @@ -0,0 +1,101 @@ +import React, { useContext } from "react"; +import { Grid, TextField, Button } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SPACING } from "../../../../data/spacing"; +import { slaughterEditFreeSaleService } from "../../../slaughter-house/services/slaughter-edit-free-sale"; +import { AppContext } from "../../../../contexts/AppContext"; + +const validationSchema = Yup.object({ + weight: Yup.number().positive("عدد مثبت وارد کنید"), + amount: Yup.number().positive("عدد مثبت وارد کنید"), +}); + +export const SlaughterHouseVetBarsOperation = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + weight: "", + amount: "", + }, + validationSchema: validationSchema, + }); + + const submitData = (state) => { + dispatch( + slaughterEditFreeSaleService({ + key: item?.key, + kill_house_vet_state: state, + kill_house_vet_quantity: parseInt(formik.values.amount), + kill_house_vet_weight: parseInt(formik.values.weight), + }) + ).then((r) => { + dispatch(CLOSE_MODAL()); + updateTable(1); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + + + + + + ); +}; diff --git a/src/features/slaughter-house-vet/components/slaughter-house-vet-new-requests/SlaughterHouseVetNewRequests.js b/src/features/slaughter-house-vet/components/slaughter-house-vet-new-requests/SlaughterHouseVetNewRequests.js new file mode 100644 index 0000000..33c4b78 --- /dev/null +++ b/src/features/slaughter-house-vet/components/slaughter-house-vet-new-requests/SlaughterHouseVetNewRequests.js @@ -0,0 +1,541 @@ +import { + Box, + IconButton, + TextField, + ToggleButton, + ToggleButtonGroup, + Typography, + Paper, + Divider, +} from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import SettingsIcon from "@mui/icons-material/Settings"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_SLAUGHTER_HOUSE_VET_FILE } from "../../../../routes/routes"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +import { useDispatch, useSelector } from "react-redux"; +import { slaughterHouseVetNewRequests } from "../../services/slaughter-house-vet-new-requests"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import EditIcon from "@mui/icons-material/Edit"; +import SlaughterHouseVetCheckRequest from "../../../file/components/slaughter-house-vet-check-request/SlaughterHouseVetCheckRequest"; +import { format } from "date-fns-jalali"; +import moment from "moment/moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { formatTime } from "../../../../utils/formatTime"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; + +export const SlaughterHouseVetNewRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const [dataTableMobile, setDataTableMobile] = useState([]); + const [dataTableArchive, setDataTableArchive] = useState([]); + const [dataTableArchiveMobile, setDataTableArchiveMobile] = useState([]); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const { newRequests } = useSelector((state) => state.slaughterHouseVetSlice); + + useEffect(() => { + dispatch(slaughterHouseVetNewRequests({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const d = newRequests + ?.filter((item) => item.vetState === "pending") + .map((item, i) => { + return [ + i + 1, + item.barcod, + item.clearanceCode ? item.clearanceCode : "ندارد", + item.killHouseName, + format(new Date(item?.sendDate), "yyyy/MM/dd"), + formatTime(item?.createDate), + `${item.poultryName} (${item.poultryMobile})`, + item.killPlace, + item.poultryCity, + item.age, + `${item.driverName} (${item.driverMobile})`, + item.typeCar, + item.pelak, + + item.chickenBreed, + item?.quantity?.toLocaleString(), + item.indexWeight, + (item.indexWeight * item?.quantity).toLocaleString(), + { + dispatch( + DRAWER({ + title: "انجام عملیات تخلیه", + + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: , + }) + ); + }} + > + + , + ]; + }); + + setDataTable(d); + + const c = newRequests + ?.filter((item) => item.vetState === "accepted") + ?.map((item, i) => { + return [ + i + 1, + item.barcod, + item.clearanceCode ? item.clearanceCode : "ندارد", + item.killHouseName, + format(new Date(item?.sendDate), "yyyy/MM/dd"), + item.poultryName, + item.poultryMobile, + item.poultryCity, + item?.age, + item?.quantity?.toLocaleString() + " قطعه", + item.driverName, + item.typeCar, + item.pelak, + + item.chickenBreed, + item.indexWeight, + + navigate(ROUTE_SLAUGHTER_HOUSE_VET_FILE + item.poultryRequestId) + } + > + + , + ]; + }); + + setDataTableArchive(c); + + const datam = newRequests + ?.filter((item) => item.vetState === "pending") + .map((item, i) => { + return ( + + + + کد بار: {item.barcod} + + + + کدرهگیری: {item.clearanceCode ? item.clearanceCode : "ندارد"} + + + {} + + + تاریخ کشتار: {format(new Date(item?.sendDate), "yyyy/MM/dd")} + + + + مرغدار: +
+ {`${item.poultryName} (${item.poultryMobile})`} + + + + سن مرغ: {item.age} + + + + تعداد: {item?.quantity?.toLocaleString()} + + + { + dispatch( + DRAWER({ + title: "انجام عملیات تخصیص", + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: , + }) + ); + }} + > + + + + + ); + }); + + setDataTableMobile(datam); + + const archivem = newRequests + ?.filter((item) => item.vetState === "accepted") + .map((item, i) => { + return ( + + + + کد بار: {item.barcod} + + + + کدرهگیری: {item.clearanceCode ? item.clearanceCode : "ندارد"} + + + + خریدار: {item.killHouseName} + + + + تاریخ کشتار: {format(new Date(item?.sendDate), "yyyy/MM/dd")} + + + + مرغدار: +
+ {`${item.poultryName} (${item.poultryMobile})`} + + + + سن مرغ: {item.age} + + + + تعداد: {item?.quantity?.toLocaleString()} + + + + navigate( + ROUTE_SLAUGHTER_HOUSE_VET_FILE + item.poultryRequestId + ) + } + > + + + + + ); + }); + + setDataTableArchiveMobile(archivem); + }, [newRequests]); + + const [view, setView] = useState("active"); + + const handleChange = (event, newAlignment) => { + if (newAlignment) { + setView(newAlignment); + } + }; + + const isMobile = window.innerWidth <= 600; + + return ( + + + + + + بارها + بایگانی + + + + {view === "active" && ( + + {isMobile ? ( + + + + بارهای جدید + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + {dataTableMobile} + + ) : ( + + + بارهای جدید + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + columns={[ + "ردیف", + "کد بار", + "کدرهگیری سامانه قرنطینه", + "خریدار", + "تاریخ کشتار", + "تاریخ ثبت خودرو", + "مرغدار", + "محل کشتار", + "شهر", + "سن مرغ", + "راننده", + "ماشین", + "پلاک", + + "نژاد", + "تعداد (قطعه)", + "میانگین وزن", + "وزن تقریبی بار (کیلوگرم)", + "عملیات", + ]} + data={dataTable} + paginated + /> + )} + + )} + {view === "archive" && ( + + {isMobile ? ( + + + + بایگانی + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + {dataTableArchiveMobile} + + ) : ( + + + بایگانی + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + columns={[ + "ردیف", + "کد بار", + "کدرهگیری سامانه قرنطینه", + "خریدار", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "سن مرغ", + "تعداد", + "راننده", + "ماشین", + "پلاک", + + "نژاد", + "میانگین وزن", + "مشاهده", + ]} + data={dataTableArchive} + paginated + /> + )} + + )} + + + + ); +}; diff --git a/src/features/slaughter-house-vet/components/slaughter-house-vet-operations/SlaughterHouseVetOperations.js b/src/features/slaughter-house-vet/components/slaughter-house-vet-operations/SlaughterHouseVetOperations.js new file mode 100644 index 0000000..b6b65a5 --- /dev/null +++ b/src/features/slaughter-house-vet/components/slaughter-house-vet-operations/SlaughterHouseVetOperations.js @@ -0,0 +1,121 @@ +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { useLocation } from "react-router-dom"; +import { + // ROUTE_SLAUGHTER_HOUSE_VET_COMPLAINTS, + ROUTE_SLAUGHTER_HOUSE_VET_ENTER_BAR_INFO, + ROUTE_SLAUGHTER_HOUSE_VET_FREE_BUY_ROUTE, + // ROUTE_SLAUGHTER_HOUSE_VET_ACTIVE_REQUESTS, + // ROUTE_SLAUGHTER_HOUSE_VET_ARCHIVED_REQUESTS, + ROUTE_SLAUGHTER_HOUSE_VET_NEW_REQUESTS, + // ROUTE_SLAUGHTER_HOUSE_VET_REJECTED_REQUESTS, +} from "../../../../routes/routes"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { VscFolderActive, VscNewFolder } from "react-icons/vsc"; + +export const SlaughterHouseVetOperations = () => { + const { pathname } = useLocation(); + + return ( + + + + + } + title="بارهای خارج استان" + description="درخواست های در انتظار عملیات وارد کردن اطلاعات بارهای دریافتی" + /> + + + } + title="بارهای جدید" + /> + + + } + title="وارد کردن اطلاعات بار" + /> + + + {/* + } + title="افت نامتعارف" + /> + */} + {/* + + */} + {/* + + + + + */} + + + + ); +}; diff --git a/src/features/slaughter-house-vet/components/slaughter-house-vet-profile/SlaughterHouseVetProfile.js b/src/features/slaughter-house-vet/components/slaughter-house-vet-profile/SlaughterHouseVetProfile.js new file mode 100644 index 0000000..1713f84 --- /dev/null +++ b/src/features/slaughter-house-vet/components/slaughter-house-vet-profile/SlaughterHouseVetProfile.js @@ -0,0 +1,73 @@ +import { Box } from "@mui/system"; +import { useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { SPACING } from "../../../../data/spacing"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; +import { slaughterHouseVetGetProfile } from "../../services/slaughter-house-vet-get-profile"; +// import { ChangeCardInfo } from "../../../authentication/components/change-card-info/ChangeCardInfo"; + +export const SlaughterHouseVetProfile = () => { + const dispatch = useDispatch(); + const { profile } = useSelector((state) => state.slaughterHouseVetSlice); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(slaughterHouseVetGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + }, []); + + return ( + + + + + <> + + + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house-vet/services/slaughter-house-vet-get-complaints.js b/src/features/slaughter-house-vet/services/slaughter-house-vet-get-complaints.js new file mode 100644 index 0000000..de4c99a --- /dev/null +++ b/src/features/slaughter-house-vet/services/slaughter-house-vet-get-complaints.js @@ -0,0 +1,12 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const slaughterHouseVetGetComplaints = createAsyncThunk( + "SLAUGHTER_VET_GET_COMLATIONS", + async (id) => { + const { data, status } = await axios.get( + "kill_house_assignment_information/?role=KillHouseVet" + ); + return { data, status }; + } +); diff --git a/src/features/slaughter-house-vet/services/slaughter-house-vet-get-profile.js b/src/features/slaughter-house-vet/services/slaughter-house-vet-get-profile.js new file mode 100644 index 0000000..2022432 --- /dev/null +++ b/src/features/slaughter-house-vet/services/slaughter-house-vet-get-profile.js @@ -0,0 +1,10 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; + +export const slaughterHouseVetGetProfile = createAsyncThunk( + "SLAUGHTER_HOUSE_VET_GET_PROFILE", + async () => { + const { data, status } = await axios.get("vet/0/?profile"); + return { data, status }; + } +); diff --git a/src/features/slaughter-house-vet/services/slaughter-house-vet-new-requests.js b/src/features/slaughter-house-vet/services/slaughter-house-vet-new-requests.js new file mode 100644 index 0000000..5d291d8 --- /dev/null +++ b/src/features/slaughter-house-vet/services/slaughter-house-vet-new-requests.js @@ -0,0 +1,22 @@ +import { createAsyncThunk } from "@reduxjs/toolkit"; +import axios from "axios"; +import { LOADING_END, LOADING_START } from "../../../lib/redux/slices/appSlice"; + +export const slaughterHouseVetNewRequests = createAsyncThunk( + "SLAUGHTER_HOUSE_VET_NEW_REQUESTS", + async (d, { dispatch }) => { + dispatch(LOADING_START()); + const { data, status } = await axios.get( + "kill_house_request/?operator=KillHouseVet", + { + params: { + date1: d.selectedDate1, + date2: d.selectedDate2, + role_key: d.role_key || "", + }, + } + ); + dispatch(LOADING_END()); + return { data, status }; + } +); diff --git a/src/features/slaughter-house/components/aggregate-upload-doc/aggregate-upload-doc.js b/src/features/slaughter-house/components/aggregate-upload-doc/aggregate-upload-doc.js new file mode 100644 index 0000000..78f0c71 --- /dev/null +++ b/src/features/slaughter-house/components/aggregate-upload-doc/aggregate-upload-doc.js @@ -0,0 +1,144 @@ +import { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { Typography } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { killHouseAssignmentInformationAggregateLoadService } from "../../services/killhouse-assignment-information-aggregate-load"; +import { useDispatch, useSelector } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { resizeImage } from "../../../../utils/resizeImage"; + +export const AggregateUploadDoc = ({ isSingular, item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [profileImages, setProfileImages] = useState([]); + const [profileImg, setProfileImg] = useState(); + const { slaughterGetAggregateLoadInformation } = useSelector( + (state) => state.slaughterSlice + ); + + const factorPaymentHandler = (imageList, addUpdateIndex) => { + if (imageList[0]) { + const file = imageList[0]?.file; + resizeImage(file, (resizedDataUrl) => { + const optimizedBase64 = fixBase64(resizedDataUrl); + setProfileImg(optimizedBase64); + }); + } + setProfileImages(imageList); + }; + + useEffect(() => { + if (profileImg) { + if (isSingular) { + dispatch( + killHouseAssignmentInformationAggregateLoadService({ + image: profileImg, + bar_key: item.key, + role: getRoleFromUrl(), + }) + ).then((r) => { + setProfileImg(null); + setProfileImages([]); + dispatch(CLOSE_MODAL()); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if ( + item?.assingmentInformation?.realQuantity && + item?.assingmentInformation?.carWeightWithLoadImage + ) { + dispatch( + OPEN_MODAL({ + title: "بار به تب مدیریت بارها منتقل شد.", + }) + ); + } + updateTable(1); + } + }); + } else { + dispatch( + killHouseAssignmentInformationAggregateLoadService({ + image: profileImg, + bar_keys: slaughterGetAggregateLoadInformation?.map( + (item) => item.key + ), + role: getRoleFromUrl(), + }) + ).then((r) => { + setProfileImg(null); + setProfileImages([]); + dispatch(CLOSE_MODAL()); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(1); + if ( + item?.assingmentInformation?.realQuantity && + item?.assingmentInformation?.carWeightWithLoadImage + ) { + dispatch( + OPEN_MODAL({ + title: "بار به تب مدیریت بارها منتقل شد.", + // content: "", + }) + ); + } + } + }); + } + } + }, [profileImg, profileImages]); + + return ( + + {!isSingular && ( + + نکته: + + این سند برای تمامی بارهایی که فاقد سند هستند ثبت خواهد شد. + + + )} + + + + + ); +}; diff --git a/src/features/slaughter-house/components/edit-verification-direct-buy/EditVerificationDirectBuy.js b/src/features/slaughter-house/components/edit-verification-direct-buy/EditVerificationDirectBuy.js new file mode 100644 index 0000000..2c109f9 --- /dev/null +++ b/src/features/slaughter-house/components/edit-verification-direct-buy/EditVerificationDirectBuy.js @@ -0,0 +1,125 @@ +import { useContext, useEffect, useState } from "react"; +import { verificationDirectBuyingCode } from "../../services/edit-verification-direct-buying-code"; +import EditIcon from "@mui/icons-material/Edit"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch } from "react-redux"; +import { + Grid, + IconButton, + InputAdornment, + TextField, + Typography, +} from "@mui/material"; + +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; + +function EditVerificationDirectBuy({ + inputDirectBuyingCode, + kill_request_key, + updateTable, +}) { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [isEditMode, setIsEditMode] = useState(false); + + const formik = useFormik({ + initialValues: { + input_direct_buying_code: inputDirectBuyingCode, + }, + validationSchema: Yup.object({ + input_direct_buying_code: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را به درستی وارد کنید!") + .matches(/^[0-9]+$/, "فقط عدد وارد کنید"), + // .min(5, "کد باید حداقل ۵ کاراکتر باشد") + // .max(20, "کد نمی‌تواند بیشتر از ۲۰ کاراکتر باشد"), + }), + onSubmit: (values) => { + dispatch( + verificationDirectBuyingCode({ + kill_request_key: kill_request_key, + input_direct_buying_code: values.input_direct_buying_code, + role: "KillHouse", + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + updateTable(); + } + setIsEditMode(false); + }); + }, + }); + + useEffect(() => { + formik.setValues({ input_direct_buying_code: inputDirectBuyingCode }); + setIsEditMode(false); + }, [inputDirectBuyingCode]); + + return isEditMode ? ( + + + ) : ( + + {inputDirectBuyingCode} + { + setIsEditMode(!isEditMode); + }} + > + + + + ); +} + +export default EditVerificationDirectBuy; diff --git a/src/features/slaughter-house/components/enter-aggregate-load-information/EnterAggregateLoadInformation.js b/src/features/slaughter-house/components/enter-aggregate-load-information/EnterAggregateLoadInformation.js new file mode 100644 index 0000000..a9ff9e8 --- /dev/null +++ b/src/features/slaughter-house/components/enter-aggregate-load-information/EnterAggregateLoadInformation.js @@ -0,0 +1,732 @@ +import { + Button, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState, useMemo, useCallback } from "react"; +import moment from "moment"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { format } from "date-fns-jalali"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { AggregateUploadDoc } from "../aggregate-upload-doc/aggregate-upload-doc"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { useFormik } from "formik"; +import { salughterAggregateQuantityService } from "../../services/salughter-aggregate-quantity"; +import { useDispatch, useSelector } from "react-redux"; +import { + CLOSE_MODAL, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { VetFarmEditTrafficCode } from "../../../vet-farm/components/vet-farm-edit-traffic-code/VetFarmEditTrafficCode"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { slaughterEnterLoadInformationGetDashboard } from "../../services/slaughter-enter-load-information-get-dashboard"; +import { RiSearchLine } from "react-icons/ri"; +import EditIcon from "@mui/icons-material/Edit"; +import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline"; +import { provincePolicyGetWeightRange } from "../../../province/services/province-policy-get-weight-range"; +import { isValidIndexWeight } from "../../../../utils/isValidIndexWeight"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +// Constants +const ROLES = { + PROVINCE_OPERATOR: "ProvinceOperator", + SUPER_ADMIN: "SuperAdmin", + ADMIN_X: "AdminX", + SUPPORTER: "Supporter", + VET_SUPERVISOR: "VetSupervisor", + VET_FARM: "VetFarm", + CITY_VET: "CityVet", +}; + +const KILL_TYPES = { + FREEZING: "انجماد", + EXPORT: "صادرات", + NORMAL: "عادی", +}; + +const DEFAULT_PER_PAGE = 10; +const DEFAULT_PAGE = 1; + +// Helper functions +const formatDate = (date) => { + if (!date) return "-"; + return format(new Date(date), "yyyy/MM/dd"); +}; + +const formatCurrency = (value) => { + return value ? `${value.toLocaleString()} ﷼` : "-"; +}; + +const formatNumber = (value) => { + return value ? value.toLocaleString() : "-"; +}; + +const formatUserInfo = (name, mobile) => { + return name && mobile ? `${name} (${mobile})` : "-"; +}; + +const getKillType = (item) => { + if (item?.poultryRequest?.freezing) return KILL_TYPES.FREEZING; + if (item?.poultryRequest?.export) return KILL_TYPES.EXPORT; + return KILL_TYPES.NORMAL; +}; + +const buildApiUrl = (params) => { + const { textValue, role, date1, date2, page, perPage, roleKey } = params; + const baseUrl = "kill_house_request_aggregate_load/"; + const queryParams = new URLSearchParams({ + check: "", + search: "filter", + value: textValue || "", + role: role || "", + date1: date1 || "", + date2: date2 || "", + page: page || DEFAULT_PAGE, + page_size: perPage || DEFAULT_PER_PAGE, + }); + + if (roleKey) { + queryParams.append("role_key", roleKey); + } + + return `${baseUrl}?${queryParams.toString()}`; +}; + +const buildExcelUrl = (params) => { + const { baseURL, date1, date2, role, roleKey, userKey, textValue } = params; + const queryParams = new URLSearchParams({ + start: date1 || "", + end: date2 || "", + role: role || "", + state: "bar_pending", + key: userKey || "", + search: "filter", + value: textValue || "", + }); + + if (roleKey) { + queryParams.append("role_key", roleKey); + } + + return `${baseURL}bar_excel/?${queryParams.toString()}`; +}; + +const isTrafficCodeEditable = (role, item) => { + const adminRoles = [ + ROLES.PROVINCE_OPERATOR, + ROLES.SUPER_ADMIN, + ROLES.ADMIN_X, + ROLES.SUPPORTER, + ROLES.VET_SUPERVISOR, + ]; + + if (adminRoles.includes(role)) { + return true; + } + + const vetRoles = [ROLES.VET_FARM, ROLES.CITY_VET]; + return ( + item.trash !== true && + item.assignmentStateArchive === "pending" && + !item?.clearanceCode && + vetRoles.includes(role) + ); +}; + +export const EnterAggregateLoadInformation = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + // Redux + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const dispatch = useDispatch(); + + // State + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(DEFAULT_PER_PAGE); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(DEFAULT_PAGE); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + // Memoized values + const currentRole = useMemo(() => getRoleFromUrl(), []); + const roleKey = useMemo( + () => (checkPathStartsWith("slaughter") ? selectedSubUser?.key || "" : ""), + [selectedSubUser?.key] + ); + + // Initialize dates + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, [setSelectedDate1, setSelectedDate2]); + + // Fetch API data + const fetchApiData = useCallback( + async (pageNumber = page) => { + dispatch(LOADING_START()); + try { + const url = buildApiUrl({ + textValue, + role: currentRole, + date1: selectedDate1, + date2: selectedDate2, + page: pageNumber, + perPage, + roleKey, + }); + + const response = await axios.get(url); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }, + [ + textValue, + currentRole, + selectedDate1, + selectedDate2, + perPage, + roleKey, + page, + dispatch, + ] + ); + + // Fetch dashboard data + const fetchDashboardData = useCallback(() => { + dispatch( + slaughterEnterLoadInformationGetDashboard({ + selectedDate1, + selectedDate2, + text: textValue, + role_key: roleKey, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [selectedDate1, selectedDate2, textValue, roleKey, dispatch]); + + // Handlers + const handlePageChange = (newPage) => { + fetchApiData(newPage); + setPage(newPage); + }; + + const handlePerRowsChange = (newPerRows) => { + setPerPage(newPerRows); + setPage(DEFAULT_PAGE); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + await fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + setPage(DEFAULT_PAGE); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleDateChange1 = (date) => { + if (date) { + setSelectedDate1(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleDateChange2 = (date) => { + if (date) { + setSelectedDate2(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleOpenModal = useCallback( + (item) => { + dispatch( + OPEN_MODAL({ + title: "ثبت اطلاعات بار", + content: , + }) + ); + }, + [dispatch, fetchApiData] + ); + + // Initial data fetch + useEffect(() => { + fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); + + // Refetch when filters change + useEffect(() => { + fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + setPage(DEFAULT_PAGE); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [selectedDate1, selectedDate2, perPage, roleKey]); + + // Transform data to table format + useEffect(() => { + const transformedData = data?.map((item, i) => { + const rowNumber = + page === DEFAULT_PAGE ? i + 1 : i + perPage * (page - 1) + 1; + const hasAssignmentInfo = !!item?.assignmentInfo?.realQuantity; + + return [ + rowNumber, + hasAssignmentInfo ? ( + + {formatNumber(item?.assignmentInfo?.realQuantity)} قطعه + {formatNumber(item?.assignmentInfo?.netWeight)} کیلوگرم + + handleOpenModal(item)} + size="small" + > + + + + + ) : ( + + handleOpenModal(item)} + size="small" + > + + + + ), + item?.assingmentInformation?.carWeightWithLoadImage ? ( + + + + + ) : ( + + ), + , + , + + {item.barCode} + , + , + formatCurrency(item?.amount), + formatDate(item?.poultryRequest?.sendDate), + formatUserInfo( + item.killhouseUser?.name, + item.killhouseUser?.killHouseOperator?.user?.mobile + ), + item?.killer + ? formatUserInfo( + item.killer?.name, + item.killer?.killHouseOperator?.user?.mobile + ) + : "-", + formatUserInfo( + item.poultryRequest?.poultry?.unitName, + item.poultryRequest?.poultry?.user?.mobile + ), + item?.poultryRequest?.age || "-", + formatNumber(item.quantity), + formatNumber(item?.weightInfo?.weight), + formatCurrency(item?.poultryRequest?.amount), + formatCurrency(item?.weightInfo?.killHousePrice), + `${item.addCar?.driver?.typeCar || ""} ${ + item.addCar?.driver?.pelak || "" + }`.trim() || "-", + formatUserInfo( + item.addCar?.driver?.driverName, + item.addCar?.driver?.driverMobile + ), + formatNumber(item.vetAcceptedRealQuantity), + formatNumber(item.vetAcceptedRealWeight), + item?.poultryRequest?.orderCode || "-", + item?.finalBarState || "-", + getKillType(item), + ]; + }); + + setTableData(transformedData || []); + }, [data, page, perPage, currentRole, handleOpenModal, fetchApiData]); + + // Table columns + const dashboardColumns = [ + "تعداد بار", + "مجموع تعداد اولیه", + "مجموع وزن اولیه (کیلوگرم)", + "مجموع تعداد تحویلی دامپزشک", + "مجموع وزن تحویلی دامپزشک (کیلوگرم)", + ]; + + const tableColumns = [ + "ردیف", + "تعداد/وزن خالص", + "سند", + "بارنامه خالی", + "بارنامه پر", + "کدبار", + "کد بهداشتی حمل و نقل", + "قیمت مرغ زنده‌ی بار", + "تاریخ کشتار", + "خریدار", + "کشتارکن اختصاصی", + "مرغدار", + "سن مرغ", + "تعداد اولیه", + "وزن اولیه بار (کیلوگرم)", + "قیمت مرغدار", + "قیمت کشتارگاه", + "ماشین", + "راننده", + "تحویلی دامپزشک (قطعه)", + "وزن تحویلی دامپزشک (کیلوگرم)", + "کدسفارش کشتار", + "وضعیت بار", + "نوع کشتار", + ]; + + const dashboardRow = [ + formatNumber(dashboardData?.lenKillHouseRequest), + formatNumber(dashboardData?.firstQuantity), + formatNumber(dashboardData?.firstWeight), + formatNumber(dashboardData?.vetAcceptedRealQuantity), + formatNumber(dashboardData?.vetAcceptedRealWeight), + ]; + + const excelUrl = buildExcelUrl({ + baseURL: axios.defaults.baseURL, + date1: selectedDate1, + date2: selectedDate2, + role: currentRole, + roleKey, + userKey, + textValue, + }); + + return ( + + + + + ( + + )} + value={selectedDate1} + onChange={handleDateChange1} + /> + + + ( + + )} + value={selectedDate2} + onChange={handleDateChange2} + /> + + + + + + + + + + ); +}; + +const Operation = ({ item, fetchApiData }) => { + const [openNotif] = useContext(AppContext); + const { weightRange } = useSelector((state) => state.provinceSlice); + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const currentRole = useMemo(() => getRoleFromUrl(), []); + + // Fetch weight range on mount + useEffect(() => { + dispatch( + provincePolicyGetWeightRange({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedSubUser?.key]); + + // Validation helpers + const validateNumeric = (value) => /^\d+$/.test(value); + + const checkVolumeLimits = (quantity) => { + const { maximumLoadVolumeReduction, maximumLoadVolumeIncrease } = + item?.killhouseUser || {}; + const acceptedQuantity = item?.acceptedRealQuantity || 0; + + if ( + maximumLoadVolumeReduction !== 0 && + quantity < acceptedQuantity * (1 - maximumLoadVolumeReduction / 100) + ) { + return { + isValid: false, + message: + "حجم وارد شده با مجوز حداکثر افزایش/کاهش ورود اطلاعات بار مطابقت ندارد!", + }; + } + + if ( + maximumLoadVolumeIncrease !== 0 && + quantity > acceptedQuantity * (1 + maximumLoadVolumeIncrease / 100) + ) { + return { + isValid: false, + message: + "حجم وارد شده با مجوز حداکثر افزایش/کاهش ورود اطلاعات بار مطابقت ندارد!", + }; + } + + return { isValid: true }; + }; + + const checkWeightValidation = (weight, quantity) => { + const adminRoles = [ROLES.SUPER_ADMIN, ROLES.ADMIN_X]; + if (adminRoles.includes(currentRole)) { + return { isValid: true }; + } + + const averageWeight = parseInt(weight) / parseInt(quantity); + if ( + !isValidIndexWeight(weightRange, item?.poultryRequest?.age, averageWeight) + ) { + return { + isValid: false, + message: + "میانگین وزنی با احراز سنی مطابقت ندارد. لطفا با اتحادیه تماس بگیرید.", + }; + } + + return { isValid: true }; + }; + + const formik = useFormik({ + initialValues: { + quantity: "", + weight: "", + }, + onSubmit: async (values) => { + // Validate volume limits + const volumeCheck = checkVolumeLimits(parseInt(values.quantity)); + if (!volumeCheck.isValid) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: volumeCheck.message, + severity: "error", + }); + return; + } + + // Validate weight + const weightCheck = checkWeightValidation(values.weight, values.quantity); + if (!weightCheck.isValid) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: weightCheck.message, + severity: "error", + }); + return; + } + + // Submit data + const result = await dispatch( + salughterAggregateQuantityService({ + kill_house_request_key: item.key, + role: currentRole, + net_weight: values.weight, + exploited_carcass: 0, + real_quantity: values.quantity, + }) + ); + + if (result.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: result.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + fetchApiData(DEFAULT_PAGE); + } + }, + validate: (values) => { + const errors = {}; + if (!validateNumeric(values.weight)) { + errors.weight = "لطفا عدد وارد کنید"; + } + if (!validateNumeric(values.quantity)) { + errors.quantity = "لطفا عدد وارد کنید"; + } + return errors; + }, + }); + + return ( + + ); +}; diff --git a/src/features/slaughter-house/components/enter-auth-code-direct-buy/EnterAuthCodeDirectBuy.js b/src/features/slaughter-house/components/enter-auth-code-direct-buy/EnterAuthCodeDirectBuy.js new file mode 100644 index 0000000..62ed78d --- /dev/null +++ b/src/features/slaughter-house/components/enter-auth-code-direct-buy/EnterAuthCodeDirectBuy.js @@ -0,0 +1,79 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { Button, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { slaughterEditFreeBuyService } from "../../services/slaughter-edit-free-buy"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; + +export const EnterAuthCodeDirectBuy = ({ item, updateTable }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + textFieldValue: "", // Initial value for your text field + }, + validationSchema: Yup.object({ + textFieldValue: Yup.string().required("این فیلد الزامی است"), // Validation schema for the text field + }), + onSubmit: (values) => { + dispatch( + slaughterEditFreeBuyService({ + role: getRoleFromUrl(), + kill_request_key: item.key, + input_direct_buying_code: values.textFieldValue, + }) + ).then((r) => { + if (r?.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r?.payload?.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + return ( + + ); +}; diff --git a/src/features/slaughter-house/components/enter-load-information/EnterLoadInformation.js b/src/features/slaughter-house/components/enter-load-information/EnterLoadInformation.js new file mode 100644 index 0000000..ee26b87 --- /dev/null +++ b/src/features/slaughter-house/components/enter-load-information/EnterLoadInformation.js @@ -0,0 +1,445 @@ +import { useContext, useEffect, useState, useMemo, useCallback } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { slaughterGetPermissionToVetService } from "../../services/slaughter-get-premisson-to-vet"; +import { Box, Switch, TextField, Typography, Button } from "@mui/material"; +import moment from "moment"; +import { slaughterPermissionToVetService } from "../../services/slaughter-premisson-to-vet"; +import { SPACING } from "../../../../data/spacing"; +import { DatePicker } from "@mui/x-date-pickers"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch, useSelector } from "react-redux"; +import { format } from "date-fns-jalali"; +import axios from "axios"; +import { VetFarmEditTrafficCode } from "../../../vet-farm/components/vet-farm-edit-traffic-code/VetFarmEditTrafficCode"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { slaughterEnterLoadInformationGetDashboard } from "../../services/slaughter-enter-load-information-get-dashboard"; +import { Grid } from "../../../../components/grid/Grid"; +import { RiSearchLine } from "react-icons/ri"; +import { SlaughterEnterInformationOperation } from "../slaughter-enter-information-operation/SlaughterEnterInformationOperation"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +// Constants +const ROLES = { + KILL_HOUSE: "KillHouse", + PROVINCE_OPERATOR: "ProvinceOperator", + SUPER_ADMIN: "SuperAdmin", + VET_SUPERVISOR: "VetSupervisor", + VET_FARM: "VetFarm", + CITY_VET: "CityVet", +}; + +const DEFAULT_PER_PAGE = 10; +const DEFAULT_PAGE = 1; + +// Helper functions +const formatDate = (date) => { + if (!date) return "-"; + return format(new Date(date), "yyyy/MM/dd"); +}; + +const formatCurrency = (value) => { + return value ? `${value.toLocaleString()} ﷼` : "-"; +}; + +const formatNumber = (value) => { + return value ? value.toLocaleString() : "-"; +}; + +const formatUserInfo = (name, mobile) => { + return name && mobile ? `${name} (${mobile})` : "-"; +}; + +const buildApiUrl = (params) => { + const { textValue, role, date1, date2, page, perPage, roleKey } = params; + const baseUrl = "kill_house_request_complete_information/"; + const queryParams = new URLSearchParams({ + search: "filter", + value: textValue || "", + role: role || "", + date1: date1 || "", + date2: date2 || "", + page: page || DEFAULT_PAGE, + page_size: perPage || DEFAULT_PER_PAGE, + }); + + if (roleKey) { + queryParams.append("role_key", roleKey); + } + + return `${baseUrl}?${queryParams.toString()}`; +}; + +const isTrafficCodeEditable = (role, item) => { + const adminRoles = [ + ROLES.PROVINCE_OPERATOR, + ROLES.SUPER_ADMIN, + ROLES.VET_SUPERVISOR, + ]; + + if (adminRoles.includes(role)) { + return true; + } + + const vetRoles = [ROLES.VET_FARM, ROLES.CITY_VET]; + return ( + item.trash !== true && + item.assignmentStateArchive === "pending" && + !item?.clearanceCode && + vetRoles.includes(role) + ); +}; + +export const EnterLoadInformation = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + // State + const [checked, setChecked] = useState(false); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(DEFAULT_PER_PAGE); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(DEFAULT_PAGE); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + // Redux + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const dispatch = useDispatch(); + + // Memoized values + const currentRole = useMemo(() => getRoleFromUrl(), []); + const isKillHouse = useMemo( + () => currentRole === ROLES.KILL_HOUSE, + [currentRole] + ); + const roleKey = useMemo( + () => (checkPathStartsWith("slaughter") ? selectedSubUser?.key || "" : ""), + [selectedSubUser?.key] + ); + + // Initialize dates + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, [setSelectedDate1, setSelectedDate2]); + + // Fetch permission for KillHouse role + useEffect(() => { + if (isKillHouse) { + dispatch( + slaughterGetPermissionToVetService({ + role_key: roleKey, + }) + ).then((r) => { + setChecked(r.payload.data?.[0]?.allow || false); + }); + } + }, [isKillHouse, selectedSubUser?.key, dispatch]); + + // Fetch API data + const fetchApiData = useCallback( + async (pageNumber = page) => { + dispatch(LOADING_START()); + try { + const url = buildApiUrl({ + textValue, + role: currentRole, + date1: selectedDate1, + date2: selectedDate2, + page: pageNumber, + perPage, + roleKey, + }); + + const response = await axios.get(url); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }, + [ + textValue, + currentRole, + selectedDate1, + selectedDate2, + perPage, + roleKey, + page, + dispatch, + ] + ); + + // Fetch dashboard data + const fetchDashboardData = useCallback(() => { + dispatch( + slaughterEnterLoadInformationGetDashboard({ + selectedDate1, + selectedDate2, + text: textValue, + role_key: roleKey, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [selectedDate1, selectedDate2, textValue, roleKey, dispatch]); + + // Update table data + const updateTable = useCallback(() => { + fetchDashboardData(); + fetchApiData(DEFAULT_PAGE); + setPage(DEFAULT_PAGE); + }, [fetchDashboardData, fetchApiData]); + + // Transform data to table format + useEffect(() => { + const transformedData = data?.map((item, i) => [ + , + + {item.barCode} + , + , + formatDate(item?.poultryRequest?.sendDate), + formatUserInfo( + item.killhouseUser?.name, + item.killhouseUser?.killHouseOperator?.user?.mobile + ), + item?.killer + ? formatUserInfo( + item.killer?.name, + item.killer?.killHouseOperator?.user?.mobile + ) + : "-", + formatUserInfo( + item.poultryRequest?.poultry?.unitName, + item.poultryRequest?.poultry?.user?.mobile + ), + item?.poultryRequest?.age || "-", + formatNumber(item.quantity), + formatNumber(item?.weightInfo?.weight), + `${item.addCar?.driver?.typeCar || ""} ${ + item.addCar?.driver?.pelak || "" + }`.trim() || "-", + formatUserInfo( + item.addCar?.driver?.driverName, + item.addCar?.driver?.driverMobile + ), + formatCurrency(item?.poultryRequest?.amount), + formatCurrency(item?.weightInfo?.killHousePrice), + formatNumber(item.vetAcceptedRealQuantity), + formatNumber(item.vetAcceptedRealWeight), + item?.poultryRequest?.orderCode || "-", + item?.barDocumentStatus?.title || "-", + item?.finalBarState || "-", + item?.poultryRequest?.freezing ? "انجماد" : "عادی", + ]); + + setTableData(transformedData || []); + }, [data, currentRole, updateTable, fetchApiData]); + + // Initial data fetch + useEffect(() => { + fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + }, []); + + // Refetch when filters change + useEffect(() => { + fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + setPage(DEFAULT_PAGE); + }, [selectedDate1, selectedDate2, perPage, selectedSubUser?.keys]); + + // Handlers + const handlePageChange = (newPage) => { + fetchApiData(newPage); + setPage(newPage); + }; + + const handlePerRowsChange = (newPerRows) => { + setPerPage(newPerRows); + setPage(DEFAULT_PAGE); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + await fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + setPage(DEFAULT_PAGE); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleDateChange1 = (date) => { + if (date) { + setSelectedDate1(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleDateChange2 = (date) => { + if (date) { + setSelectedDate2(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleSwitchChange = () => { + const newValue = !checked; + dispatch( + slaughterPermissionToVetService({ + allow: newValue, + }) + ); + setChecked(newValue); + }; + + // Table columns + const dashboardColumns = [ + "تعداد بار", + "مجموع تعداد اولیه", + "مجموع وزن اولیه (کیلوگرم)", + "مجموع تعداد تحویلی دامپزشک", + "مجموع وزن تحویلی دامپزشک (کیلوگرم)", + ]; + + const tableColumns = [ + "عملیات", + "کدبار", + "کدبهداشتی حمل و نقل", + "تاریخ کشتار", + "خریدار", + "کشتارکن اختصاصی", + "مرغدار", + "سن مرغ", + "تعداد اولیه", + "وزن اولیه بار(کیلوگرم)", + "ماشین", + "راننده", + "قیمت مرغدار", + "قیمت کشتارگاه", + "تحویلی دامپزشک (قطعه)", + "وزن تحویلی دامپزشک(کیلوگرم)", + "کد سفارش کشتار", + "وضعیت سند", + "وضعیت بار", + "نوع کشتار", + ]; + + const dashboardRow = [ + formatNumber(dashboardData?.lenKillHouseRequest), + formatNumber(dashboardData?.firstQuantity), + formatNumber(dashboardData?.firstWeight), + formatNumber(dashboardData?.vetAcceptedRealQuantity), + formatNumber(dashboardData?.vetAcceptedRealWeight), + ]; + + return ( + + {isKillHouse && ( + + + + + دسترسی دامپزشک برای وارد کردن اطلاعات بار + + + + + + + + )} + + + + } + value={selectedDate1} + onChange={handleDateChange1} + /> + + + } + value={selectedDate2} + onChange={handleDateChange2} + /> + + + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/province-reject-free-buy/ProvinceRejectFreeBuy.js b/src/features/slaughter-house/components/province-reject-free-buy/ProvinceRejectFreeBuy.js new file mode 100644 index 0000000..2954d15 --- /dev/null +++ b/src/features/slaughter-house/components/province-reject-free-buy/ProvinceRejectFreeBuy.js @@ -0,0 +1,63 @@ +import { Button, TextField } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { provinceRejectSlaughterFreeBuyService } from "../../services/province-reject-slaughter-free-buy"; + +export const ProviceRejectFreeBuy = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [text, setText] = useState(""); + + const handleTextChange = (event) => { + setText(event.target.value); + }; + + return ( + + + + + ); +}; diff --git a/src/features/slaughter-house/components/resp-guild-exclusive-item/RespGuildExclusiveItem.js b/src/features/slaughter-house/components/resp-guild-exclusive-item/RespGuildExclusiveItem.js new file mode 100644 index 0000000..8c9970b --- /dev/null +++ b/src/features/slaughter-house/components/resp-guild-exclusive-item/RespGuildExclusiveItem.js @@ -0,0 +1,35 @@ +import { Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +export const RespGuildExclusiveItem = ({ data }) => { + return ( + + {data?.map((item, i) => { + return ( + + + + {`${i + 1}- ${item[6]} `} + + + {`با ماهیت ${item[3]} با کدملی ${item[7]} در شهرستان ${item[12]}`} + + + {item[16]} + + ); + })} + + ); +}; diff --git a/src/features/slaughter-house/components/resp-slaughter-guild-list-item/RespSlaughterGuildListItem.js b/src/features/slaughter-house/components/resp-slaughter-guild-list-item/RespSlaughterGuildListItem.js new file mode 100644 index 0000000..8ba3b71 --- /dev/null +++ b/src/features/slaughter-house/components/resp-slaughter-guild-list-item/RespSlaughterGuildListItem.js @@ -0,0 +1,35 @@ +import { Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; + +export const RespSlaughterGuildListItem = ({ data }) => { + return ( + + {data?.map((item, i) => { + return ( + + + + {`${i + 1}- ${item[1]} ${item[3]}`} + + + {` تلفن ${item[5]} در شهرستان ${item[9]} با میانگین سهم ${item[10]}`} + + + {item[11]} + + ); + })} + + ); +}; diff --git a/src/features/slaughter-house/components/resp-slaughter-stock-bar-system/RespSlaughterStockBarSystem.js b/src/features/slaughter-house/components/resp-slaughter-stock-bar-system/RespSlaughterStockBarSystem.js new file mode 100644 index 0000000..2b88776 --- /dev/null +++ b/src/features/slaughter-house/components/resp-slaughter-stock-bar-system/RespSlaughterStockBarSystem.js @@ -0,0 +1,66 @@ +import { IconButton, Tooltip, Typography } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterSubmitRealInventory } from "../slaughter-submit-real-inventory/SlaughterSubmitRealInventory"; +import { useDispatch } from "react-redux"; +import SettingsIcon from "@mui/icons-material/Settings"; + +export const RespSlaughterStockBarSystem = ({ + data, + inventorySelectedKillHouse, +}) => { + const dispatch = useDispatch(); + return ( + + {data?.map((item, i) => { + return ( + + + + {`${i + 1}- مرغدار ${item[1]} کشتارگاه ${item[2]} با کدسفارش ${ + item[3] + } در شهرستان ${item[4]} با تعداد تخصیصی ${item[12]}`} + + {item[17]} + + { + dispatch( + OPEN_MODAL({ + title: "ثبت موجودی واقعی", + content: ( + + ), + }) + ); + }} + > + + + + + + ); + })} + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-active-requests/SlaughterActiveRequests.js b/src/features/slaughter-house/components/slaughter-active-requests/SlaughterActiveRequests.js new file mode 100644 index 0000000..3554e92 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-active-requests/SlaughterActiveRequests.js @@ -0,0 +1,153 @@ +import { Card, Grid, IconButton, TextField, Typography } from "@mui/material"; +import { ROUTE_SLAUGHTER_FILE } from "../../../../routes/routes"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetActiveRequests } from "../../services/slaughter-get-active-requests"; +import { useContext, useEffect, useState } from "react"; +import { useNavigate } from "react-router-dom"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { format } from "date-fns-jalali"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; + +export const SlaughterActiveRequests = () => { + const navigate = useNavigate(); + + const [dataTable, setDataTable] = useState([]); + const { slaughterActiveRequests } = useSelector( + (state) => state.slaughterSlice + ); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(slaughterGetActiveRequests({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const filteredData = slaughterActiveRequests?.filter( + (item, i) => item.provinceKillState !== "rejected" + ); + const key = "orderCode"; + const arrayUniqueByKey = [ + ...new Map(filteredData?.map((item) => [item[key], item])).values(), + ]; + const d = arrayUniqueByKey.map((item, i) => { + return [ + i + 1, + item.orderCode, + format(new Date(item?.sendDate), "yyyy/MM/dd"), + item.poultryName, + item.poultryMobile, + item.city, + item.province, + item.age, + item.mainQuantity + " قطعه", + navigate(ROUTE_SLAUGHTER_FILE + item.poultryReqId)} + > + + , + ]; + }); + + setDataTable(d); + }, [slaughterActiveRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + + const formik = useFormik({ + initialValues: { + capacity: "", + recieveTime: "", + recieveDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + capacity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + recieveTime: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + + + درخواست های فعال + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + columns={tableDataCol} + data={dataTable} + /> + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-add-daily-list/SlaughterAddDailyList.js b/src/features/slaughter-house/components/slaughter-add-daily-list/SlaughterAddDailyList.js new file mode 100644 index 0000000..1f53acc --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-add-daily-list/SlaughterAddDailyList.js @@ -0,0 +1,120 @@ +import { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch, useSelector } from "react-redux"; +import { Autocomplete, Button, Chip, TextField } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { + slaughterAddDailyListService, + slaughterGetGuildsService, +} from "../../services/slaughter-add-daily-list"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterAddDailyList = ({ updateTable }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [guildsData, setGuildsData] = useState([]); + const [selectedItems, setSelectedItems] = useState([]); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + useEffect(() => { + const fetchGuilds = async () => { + dispatch( + slaughterGetGuildsService({ + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setGuildsData(r.payload.data); + }); + }; + + fetchGuilds(); + }, [dispatch]); + + const handleSubmit = () => { + dispatch( + slaughterAddDailyListService({ + guild_key_list: selectedItems.map((item) => item.key), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "خطا در ثبت لیست", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لیست با موفقیت ثبت شد.", + severity: "success", + }); + dispatch(DRAWER({ right: false, bottom: false, content: null })); + updateTable(1); + } + }); + }; + const handleDelete = (key) => { + setSelectedItems((prev) => prev.filter((item) => item.key !== key)); + }; + + return ( + + null} + getOptionLabel={(option) => + `${option.steward ? "مباشر" : "صنف"} ${ + option.name || option.guildsName + } + ${option.user?.fullname || ""} + (${option.user?.mobile || ""})` + } + onChange={(event, values) => { + setSelectedItems(values); + }} + sx={{ width: "250px" }} + renderInput={(params) => ( + + )} + /> + + + {selectedItems.map((item) => ( + handleDelete(item.key)} + sx={{ width: "fit-content" }} + /> + ))} + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-add-steward/SlaughterAddSteward.js b/src/features/slaughter-house/components/slaughter-add-steward/SlaughterAddSteward.js new file mode 100644 index 0000000..28b792d --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-add-steward/SlaughterAddSteward.js @@ -0,0 +1,330 @@ +import { Autocomplete, Button, InputAdornment, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { slaughterGetUpdatedInventoryStock } from "../../services/salughter-get-updated-inventory-stock"; +import { slaughterManageInventoryAllocationsService } from "../../services/salughter-manage-inventory-allocations"; +import { slaughterAllocateStewardService } from "../../services/slaughter-allocate-steward"; +import { slaughterEditAllocateStewardService } from "../../services/slaughter-edit-allocate-steward"; +import { slaughterGetGuildsService } from "../../services/slaughter-get-guilds"; +import { slaughterGetKillhouseGuildsService } from "../../services/slaughter-get-killhouse-guilds"; +import { slaughterGetKillhouseStewardsService } from "../../services/slaughter-get-killhouse-stewards"; +import { slaughterGetStewardsService } from "../../services/slaughter-get-stewards"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; + +export const SlaughterAddSteward = ({ + stewardKey, + guildKey, + sellType, + isGuild, + weight, + quantity, + item, + totalAverageWeightOfCarcasses, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [, , selectedDate1] = useContext(AppContext); + const [price, setPrice] = useState(); + + const { + slaughterGetStewards, + inventorySelectedKillHouse, + slaughterGetGuilds, + } = useSelector((state) => state.slaughterSlice); + + useEffect(() => { + dispatch(slaughterGetStewardsService()); + dispatch(slaughterGetGuildsService()); + }, []); + + const getOptionLabel = (option) => option.label; + + const validationSchema = Yup.object({ + wholePrice: Yup.number().when("quantity", { + is: quantity, + then: Yup.number().required("لطفا این فیلد را پر کنید"), + otherwise: Yup.number(), + }), + slaughteSteward: Yup.string().required("لطفاً یک مورد را انتخاب کنید"), + numberOfPieces: Yup.number() + .required("حجم لاشه را وارد کنید") + .min(1, "حداقل یک قطعه"), + weight: Yup.number() + .required("وزن لاشه را وارد کنید") + .min(0.01, "حداقل 0.01 کیلوگرم"), + }); + + let defaultKey; + + if (isGuild) { + defaultKey = guildKey; + } else { + defaultKey = stewardKey; + } + + const formik = useFormik({ + initialValues: { + slaughteSteward: defaultKey, + numberOfPieces: quantity ? quantity : "", + weight: weight ? weight : "", + }, + validationSchema, + onSubmit: (values) => { + let req; + if (!isGuild) { + req = { + steward_key: values.slaughteSteward, + kill_house_key: inventorySelectedKillHouse, + number_of_carcasses: Number(values.numberOfPieces), + weight_of_carcasses: Number(values.weight), + sell_type: sellType, + date: selectedDate1, + amount: Number(price), + total_amount: Number(values.wholePrice), + }; + } else { + req = { + guild_key: values.slaughteSteward, + kill_house_key: inventorySelectedKillHouse, + number_of_carcasses: Number(values.numberOfPieces), + weight_of_carcasses: Number(values.weight), + sell_type: sellType, + date: selectedDate1, + amount: Number(price), + total_amount: Number(values.wholePrice), + }; + } + if (quantity) { + dispatch( + slaughterEditAllocateStewardService({ + steward_allocation_key: item.key, + number_of_carcasses: Number(values.numberOfPieces), + weight_of_carcasses: Number(values.weight), + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch( + slaughterGetKillhouseStewardsService({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch( + slaughterGetUpdatedInventoryStock({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch( + slaughterManageInventoryAllocationsService({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch( + slaughterGetKillhouseGuildsService({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } else { + dispatch(slaughterAllocateStewardService(req)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch( + slaughterGetKillhouseStewardsService({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch( + slaughterGetUpdatedInventoryStock({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch( + slaughterManageInventoryAllocationsService({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch( + slaughterGetKillhouseGuildsService({ + kill_house_key: inventorySelectedKillHouse, + date: selectedDate1, + }) + ); + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }, + }); + + useEffect(() => { + const finalQuantity = formik.values.weight / totalAverageWeightOfCarcasses; + formik.setFieldValue("numberOfPieces", Number(finalQuantity).toFixed(0)); + }, [formik.values.weight]); + + useEffect(() => { + const calcPrice = formik.values.wholePrice / Number(formik.values.weight); + setPrice(Number(calcPrice.toFixed(0))); + }, [formik.values.wholePrice]); + + return ( +

+ + {!stewardKey && !guildKey && !isGuild && !quantity && ( + + formik.setFieldValue("slaughteSteward", value.value) + } + onBlur={formik.handleBlur("slaughteSteward")} + // value={formik.values.slaughteSteward} + renderInput={(params) => } + /> + )} + + {isGuild && !quantity && !stewardKey && !guildKey && ( + + formik.setFieldValue("slaughteSteward", value.value) + } + onBlur={formik.handleBlur("slaughteSteward")} + // value={formik.values.slaughteSteward} + renderInput={(params) => } + /> + )} + + کیلوگرم + ), + }} + {...formik.getFieldProps("weight")} + error={formik.touched.weight && formik.errors.weight} + helperText={formik.touched.weight && formik.errors.weight} + /> + + {!quantity && ( + <> + ریال + ), + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice + ? Boolean(formik.errors.wholePrice) + : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + + ریال + ), + readOnly: true, + }} + value={price} + /> + + )} + + قطعه, + }} + {...formik.getFieldProps("numberOfPieces")} + error={formik.touched.numberOfPieces && formik.errors.numberOfPieces} + helperText={ + formik.touched.numberOfPieces && formik.errors.numberOfPieces + } + /> + + +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocate-car-to-request-operation/SlaughterAllocatedCarToRequestOperation.js b/src/features/slaughter-house/components/slaughter-allocate-car-to-request-operation/SlaughterAllocatedCarToRequestOperation.js new file mode 100644 index 0000000..bfc1b0a --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocate-car-to-request-operation/SlaughterAllocatedCarToRequestOperation.js @@ -0,0 +1,381 @@ +import { + Button, + IconButton, + List, + ListItemButton, + ListItemIcon, + ListItemText, + Popover, + Typography, +} from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import DeleteIcon from "@mui/icons-material/Delete"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { useContext, useState } from "react"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_SLAUGHTER_FILE } from "../../../../routes/routes"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import SettingsBackupRestoreIcon from "@mui/icons-material/SettingsBackupRestore"; +import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline"; +import { slaughterDeleteAllocatedBackRequestService } from "../../services/slaughter-delete-allocated-back-kill-request"; +import { slaughterRemoveAllocateCarService } from "../../services/slaughter-remove-allocate-car"; +import { slaughterGetActiveRequests } from "../../services/slaughter-get-active-requests"; +import { slaughterGetAllocatedCarsService } from "../../services/slaughter-get-allocated-cars"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch, useSelector } from "react-redux"; +import { + OPEN_MODAL, + CLOSE_MODAL, + DRAWER, +} from "../../../../lib/redux/slices/appSlice"; +import { SlaughterEditAllocatedCar } from "../slaughter-edit-allocated-car/SlaughterEditAllocatedCar"; +import { SlaughterSubmitChickenPrice } from "../slaughter-submit-chicken-price/SlaughterSubmitChickenPrice"; +import SlaughterAssignCar from "../../../file/components/slaughter-assign-car/SlaughterAssignCar"; +import { SPACING } from "../../../../data/spacing"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterAllocatedCarToRequestOperation = ({ + item, + updateTable, + isAllocatedCar = false, + selectedDate1, + selectedDate2, + submitStatus, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + const [openNotif, , contextDate1, , contextDate2] = useContext(AppContext); + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + // Use prop dates if provided, otherwise use context dates + const date1 = selectedDate1 || contextDate1; + const date2 = selectedDate2 || contextDate2; + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + const navigate = useNavigate(); + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const confirmDeleteAllocatedCar = () => { + dispatch(slaughterRemoveAllocateCarService(item.killHouseRequestKey)).then( + (r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + // Refresh both tables + dispatch( + slaughterGetActiveRequests({ + isCar: true, + selectedDate1: date1, + selectedDate2: date2, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + slaughterGetAllocatedCarsService({ + selectedDate1: date1, + selectedDate2: date2, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + if (updateTable) updateTable(); + } + } + ); + }; + + const handleDeleteAllocatedCar = () => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "تایید حذف", + content: ( + + + آیا از حذف تخصیص این خودرو اطمینان دارید؟ + + + + + + + ), + }) + ); + }; + + const handleEditAllocatedCar = () => { + dispatch( + OPEN_MODAL({ + title: "ویرایش خودرو و کد حمل", + content: ( + { + // Refresh both tables + dispatch( + slaughterGetActiveRequests({ + isCar: true, + selectedDate1: date1, + selectedDate2: date2, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + slaughterGetAllocatedCarsService({ + selectedDate1: date1, + selectedDate2: date2, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + if (updateTable) updateTable(); + }} + poultryRequestKey={item?.poultryReqKey} + killHouseKey={item?.killHouseKey} + killRequestKey={item?.killRequestKey} + /> + ), + }) + ); + handleClose(); + }; + + const handleViewFile = () => { + navigate(ROUTE_SLAUGHTER_FILE + item.poultryReqId); + }; + + const handleReturnAllocation = () => { + dispatch( + slaughterDeleteAllocatedBackRequestService({ + provinceKillRequestKey: item?.provinceKillRequestKey, + returnAllocationQuantity: true, + }) + ).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + if (updateTable) { + updateTable(); + } + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات برگشت تخصیص با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + const handleRegisterCar = () => { + if (submitStatus === true && item?.killHousePrice === 0) { + dispatch( + OPEN_MODAL({ + title: "ثبت قیمت مرغ زنده", + content: ( + + ), + }) + ); + } else { + dispatch( + DRAWER({ + title: "انجام عملیات تخصیص", + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + } + }; + + const options = []; + + if (!isAllocatedCar) { + const needsPrice = + submitStatus === true && (item?.killHousePrice || 0) === 0; + + options.push({ + key: "register", + label: "ثبت خودرو", + color: needsPrice ? "error.main" : "primary.main", + icon: AddCircleOutlineIcon, + action: handleRegisterCar, + }); + + options.push({ + key: "viewFile", + label: "مشاهده پرونده", + color: "primary.main", + icon: PlagiarismIcon, + action: handleViewFile, + }); + + const returnDisabled = item?.allocatedQuantity > 0; + options.push({ + key: "return", + label: "برگشت تخصیص", + color: returnDisabled ? "text.disabled" : "warning.main", + icon: SettingsBackupRestoreIcon, + action: handleReturnAllocation, + disabled: returnDisabled, + }); + } + + if (isAllocatedCar) { + options.push({ + key: "editAllocated", + label: "ویرایش خودرو و کد حمل", + color: "info.main", + icon: EditIcon, + action: handleEditAllocatedCar, + }); + + options.push({ + key: "deleteAllocated", + label: "حذف تخصیص خودرو", + color: "error.main", + icon: DeleteIcon, + action: handleDeleteAllocatedCar, + }); + } + + const handleOptionClick = (option) => { + if (option.disabled) { + return; + } + handleClose(); + option.action(); + }; + + return ( + + + + + + + {options.map((option) => { + const IconComponent = option.icon; + const itemColor = option.disabled ? "text.disabled" : option.color; + return ( + handleOptionClick(option)} + sx={{ + borderRadius: 1, + mb: 0.25, + py: 0.5, + "&:last-of-type": { + mb: 0, + }, + }} + > + + + + + + ); + })} + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocate-car-to-requests/SlaughterAllocateCarToRequests.js b/src/features/slaughter-house/components/slaughter-allocate-car-to-requests/SlaughterAllocateCarToRequests.js new file mode 100644 index 0000000..4ae1731 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocate-car-to-requests/SlaughterAllocateCarToRequests.js @@ -0,0 +1,346 @@ +import { Grid, IconButton, TextField, Tooltip } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetActiveRequests } from "../../services/slaughter-get-active-requests"; +import { useContext, useEffect, useState } from "react"; +import EditIcon from "@mui/icons-material/Edit"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { slaughterGetAllocatedCarsService } from "../../services/slaughter-get-allocated-cars"; +import { AppContext } from "../../../../contexts/AppContext"; +import { format } from "date-fns-jalali"; +import { DatePicker } from "@mui/x-date-pickers"; +import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf"; +import { useReactToPrint } from "react-to-print"; +import { useRef } from "react"; +import SlaughterSendKillerInvoice from "../slaughter-send-killer-invoice/SlaughterSendKillerInvoice"; +import { useSystemName } from "../../../../utils/getSystemName"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { provincePolicyGetSLaughterSubmitBuyingPriceStatus } from "../../../province/services/province-policy-get-slaughter-buying-price-status"; +import { SlaughterSubmitChickenPrice } from "../slaughter-submit-chicken-price/SlaughterSubmitChickenPrice"; +import { SlaughterAllocatedCarToRequestOperation } from "../slaughter-allocate-car-to-request-operation/SlaughterAllocatedCarToRequestOperation"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterAllocateCarToRequests = () => { + const componentRef = useRef(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [data, setData] = useState(); + const [dataTable, setDataTable] = useState([]); + const [allocatedDataTable, setAllocatedDataTable] = useState([]); + const { slaughterActiveRequests, slaughterGetAllocatedCars } = useSelector( + (state) => state.slaughterSlice + ); + + const systemName = useSystemName(); + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + const [submitStatus, SetSubmitStatus] = useState(); + + const fetchData = () => { + dispatch( + slaughterGetActiveRequests({ + isCar: true, + selectedDate1, + selectedDate2, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + slaughterGetAllocatedCarsService({ + selectedDate1, + selectedDate2, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + provincePolicyGetSLaughterSubmitBuyingPriceStatus({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + SetSubmitStatus(r.payload.data.allow); + }); + }; + + useEffect(() => { + fetchData(); + }, [selectedDate1, selectedDate2, selectedSubUser?.key]); + + const printPDF = useReactToPrint({ + content: () => componentRef.current, + documentTitle: "حواله خرید", + }); + const updateTable = () => { + fetchData(); + }; + + const setPdfOptions = (item) => { + setData(item); + }; + + useEffect(() => { + const d = slaughterActiveRequests?.map((item, i) => { + return [ + i + 1, + item.orderCode, + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + item?.freeSaleInProvince ? "آزاد" : "دولتی", + item?.directBuying ? "خرید مستقیم" : "اتحادیه", + format(new Date(item?.sendDate), "yyyy/MM/dd"), + `${item.poultryName} (${item.poultryMobile})`, + `${item.killHouseName} (${item.killHouseMobile})`, + `${item.province}/${item.city}`, + item.age, + item.indexWeight, + item?.totalWeight.toLocaleString(), + item.mainQuantity.toLocaleString() + " قطعه", + item.amount.toLocaleString() + " ﷼", + item.allocatedQuantity.toLocaleString() + " قطعه", + item.remainQuantity.toLocaleString() + " قطعه", + item?.killHousePrice > 0 ? ( + + {item?.killHousePrice?.toLocaleString() + " ریال"} + {formatJustDate(item?.sendDate) === formatJustDate(new Date()) ? ( + { + dispatch( + OPEN_MODAL({ + title: "ویرایش قیمت مرغ زنده", + content: ( + + ), + }) + ); + }} + > + + + ) : null} + + ) : ( + 0 + ), + + , + // navigate(ROUTE_SLAUGHTER_FILE + item.poultryReqId)} + // > + // + // , + ]; + }); + + setDataTable(d); + }, [slaughterActiveRequests, submitStatus]); + + useEffect(() => { + const d = slaughterGetAllocatedCars + ?.filter((item) => item.vetState === "pending") + .map((item, i) => { + return [ + i + 1, + item?.orderCode, + item?.barcod, + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + item?.freeSaleInProvince ? "آزاد" : "دولتی", + formatJustDate(item?.sendDate), + formatTime(item?.killHouseCreateDate), + `${item?.poultryName} (${item.poultryMobile})`, + `${item?.killHouseName} (${item.killHouseMobile})`, + item?.killer + ? `${item?.killer?.killerName} (${item?.killer?.killerMobile})` + : "-", + item?.driverName, + item?.typeCar, + item?.pelak, + // item?.realCar + // ? `${item?.realCar?.realTypeCar} (${ + // item?.realCar?.realPelak ? item?.realCar?.realPelak : "نامشخص" + // }) - راننده: ${item?.realCar?.realDriverName}` + // : "-", + item?.acceptedRealQuantity.toLocaleString() + " قطعه", + item?.acceptedRealWeight.toLocaleString(), + item?.amount?.toLocaleString() + " ﷼", + item?.trafficCode, + item?.barAmount?.toLocaleString() + " ﷼", + + + + {systemName === "استان اردبیل" ? ( + + { + printPDF(); + setPdfOptions(item); + }} + size={"large"} + aria-label="pdf" + color="success" + > + + + + ) : null} + , + ]; + }); + + setAllocatedDataTable(d); + }, [slaughterGetAllocatedCars]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "کشتار", + "فروش", + "درخواست", + "تاریخ کشتار", + "مرغدار", + "خریدار", + "استان/شهر", + "سن", + "میانگین وزن", + "وزن کل (کیلوگرم)", + "تعداد", + "قیمت مرغدار", + "تخصیص به خودرو", + "مانده قابل تخصیص", + "قیمت کشتارگاه", + "عملیات", + ]); + + const formik = useFormik({ + initialValues: { + capacity: "", + recieveTime: "", + recieveDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + capacity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + recieveTime: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + {data && ( +

+ +

+ )} + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocate-for-freezing/SlaughterAllocateForFreezing.js b/src/features/slaughter-house/components/slaughter-allocate-for-freezing/SlaughterAllocateForFreezing.js new file mode 100644 index 0000000..e8c970f --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocate-for-freezing/SlaughterAllocateForFreezing.js @@ -0,0 +1,595 @@ +import React, { useContext, useEffect, useState, useCallback } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + FormControl, + FormControlLabel, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetProductsService } from "../../services/slaughter-inventory-gets"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { + slaughterAllocateStewardService, + slaughterEditAllocateStewardService, +} from "../../services/slaughter-allocate-steward"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { liveStockGetInventoryData } from "../../../live-stock-support/services/live-stock-get-inventory-data"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { fetchSlaughterBroadcastAndProducts } from "../../services/handle-fetch-slaughter-products"; +import MonthlyDataCalendar from "../../../../components/date-picker/MonthlyDataCalendar"; +import PersianDate from "persian-date"; +import axios from "axios"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; +import { LabelField } from "../../../../components/label-field/LabelField"; + +export const SlaughterAllocateForFreezing = ({ + sellerType, + sellType, + updateTable, + fetchApiData, + editData, + remainWeight, + priceInfo, +}) => { + const dispatch = useDispatch(); + const [productData, setProductData] = useState([]); + const [productKey, setProductKey] = useState(null); + const [coldHouseData, setColdHouseData] = useState([]); + const [coldHouseKey, setColdHouseKey] = useState(null); + const [selectedInventory, setSelectedInventory] = useState("governmental"); + const [approvedStatus, setApprovedStatus] = useState( + priceInfo?.active === false ? false : true + ); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [openNotif] = useContext(AppContext); + + // Calendar states + const [selectedCalendarDate, setSelectedCalendarDate] = useState(null); + const [calendarDayData, setCalendarDayData] = useState({}); + const [productionDate, setProductionDate] = useState(null); + const [selectedDateAmount, setSelectedDateAmount] = useState(null); + const [calendarRawData, setCalendarRawData] = useState({ + governmental: [], + free: [], + }); + + const transformCalendarData = useCallback((dataArray) => { + if (!Array.isArray(dataArray)) return {}; + + const transformedData = {}; + dataArray.forEach((item) => { + if (item.day && item.amount !== undefined) { + const persianDate = new PersianDate(new Date(item.day)); + const persianDateStr = persianDate.format("YYYY/MM/DD"); + transformedData[persianDateStr] = { + value1: item.amount, + originalDay: item.day, + active: item.active === true, + }; + } + }); + return transformedData; + }, []); + + const updateCalendarData = useCallback( + (dataArray) => { + const transformed = transformCalendarData(dataArray); + setCalendarDayData(transformed); + }, + [transformCalendarData] + ); + + // Fetch calendar data from API + const fetchCalendarData = useCallback( + async (dateParam) => { + try { + const response = await axios.get("/kill-house-remain-weight/", { + params: { + date: dateParam, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }, + }); + if (response.data) { + setCalendarRawData({ + governmental: response.data.governmental || [], + free: response.data.free || [], + }); + const dataToShow = + selectedInventory === "governmental" + ? response.data.governmental + : response.data.free; + updateCalendarData(dataToShow); + } + } catch (error) { + console.error("Error fetching calendar data:", error); + } + }, + [selectedInventory, updateCalendarData, selectedSubUser] + ); + + const handleDateSelect = (dateInfo) => { + if (dateInfo && dateInfo.formattedDate) { + setSelectedCalendarDate(dateInfo.formattedDate); + + const data = calendarDayData[dateInfo.formattedDate]; + + if (data && data.originalDay) { + const selectedOriginalDay = data.originalDay; + if ( + selectedDate1 && + moment(selectedOriginalDay).isAfter(moment(selectedDate1), "day") + ) { + setCalendarDateError( + "تاریخ تولید نمی‌تواند بعد از تاریخ انتخابی باشد" + ); + return; + } + setCalendarDateError(null); + setProductionDate(selectedOriginalDay); + } + + if (data && data.value1 !== undefined) { + setSelectedDateAmount(data.value1); + } else { + setSelectedDateAmount(null); + } + } + }; + + const getValidationSchema = useCallback( + () => + Yup.object({ + weight: Yup.number() + .required("این فیلد اجباری است!") + .integer("عدد باید صحیح باشد!") + .min(1, "یک مقدار مثبت وارد کنید!") + .max( + remainWeight + (editData?.realWeightOfCarcasses || 0), + "وزن وارد شده بیش از موجودی انبار است!" + ) + .test( + "max-production-date-amount", + `وزن نمی‌تواند بیشتر از موجودی تاریخ تولید (${ + selectedDateAmount?.toLocaleString() || 0 + } کیلوگرم) باشد!`, + function (value) { + if (!selectedDateAmount || selectedDateAmount === null) + return true; + return value <= selectedDateAmount; + } + ), + }), + [remainWeight, editData, selectedDateAmount] + ); + + const validationSchema = getValidationSchema(); + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [dateRangeError, setDateRangeError] = useState(null); + const [calendarDateError, setCalendarDateError] = useState(null); + + const formik = useFormik({ + initialValues: { + weight: editData?.realWeightOfCarcasses || "", + }, + validationSchema, + }); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch( + fetchSlaughterBroadcastAndProducts({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + fetchApiData(); + updateTable(); + }; + + const handleSellType = (event) => { + const newType = event.target.value; + setSelectedInventory(newType); + }; + + const handleApprovedPrice = (event) => { + const newType = event.target.value; + setApprovedStatus(newType); + }; + + useEffect(() => { + if (!editData) { + dispatch( + slaughterGetProductsService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setProductData(r.payload.data); + }); + + dispatch( + liveStockGetInventoryData({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setColdHouseData(r.payload.data); + }); + } + fetchCalendarData(selectedDate1); + }, [ + dispatch, + editData, + fetchCalendarData, + selectedDate1, + selectedSubUser?.key, + ]); + + useEffect(() => { + fetchCalendarData(selectedDate1); + }, [selectedDate1, fetchCalendarData, selectedSubUser?.key]); + + useEffect(() => { + if ( + calendarRawData.governmental.length > 0 || + calendarRawData.free.length > 0 + ) { + const dataToShow = + selectedInventory === "governmental" + ? calendarRawData.governmental + : calendarRawData.free; + updateCalendarData(dataToShow); + setSelectedCalendarDate(null); + setProductionDate(null); + setSelectedDateAmount(null); + } + }, [selectedInventory, calendarRawData, updateCalendarData]); + + useEffect(() => { + formik.validateForm(); + }, [selectedDateAmount]); + + return ( + + {!editData && ( + ( + + )} + shouldDisableDate={(date) => { + const d = moment(date); + const today = moment(); + const yesterday = moment().subtract(1, "day"); + return !(d.isSame(today, "day") || d.isSame(yesterday, "day")); + }} + value={selectedDate1} + onChange={(e) => { + if (!e) { + setDateRangeError(null); + return; + } + const d = moment(e); + const today = moment(); + const yesterday = moment().subtract(1, "day"); + const isAllowed = + d.isSame(today, "day") || d.isSame(yesterday, "day"); + if (!isAllowed) { + setDateRangeError( + "تنها امکان انتخاب «امروز» یا «دیروز» وجود دارد." + ); + return; + } + setDateRangeError(null); + const formatted = moment(e).format("YYYY-MM-DD"); + setSelectedDate1(formatted); + fetchCalendarData(formatted); + }} + /> + )} + {!editData && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setProductKey(value.data); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!editData && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setColdHouseKey(value.data?.key); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!editData && priceInfo?.active && ( + + + } + label="قیمت دولتی" + /> + } + label="قیمت آزاد" + /> + + + )} + + {!editData && ( + + + + + } + label="دولتی" + /> + } + label="آزاد" + /> + + + + + )} + + {!editData && ( + + + {calendarDateError && ( + + {calendarDateError} + + )} + + )} + + selectedDateAmount + } + onChange={(e) => { + const value = e.target.value; + if (value === "" || value === null || value === undefined) { + formik.setFieldValue("weight", ""); + return; + } + const intValue = Math.floor(Number(value)); + if (intValue > 0) { + formik.setFieldValue("weight", intValue); + } else if (intValue === 0) { + formik.setFieldValue("weight", ""); + } + }} + onBlur={formik.handleBlur} + helperText={ + remainWeight < 1 + ? "موجودی انبار خالی است!" + : selectedDateAmount && formik.values.weight > selectedDateAmount + ? `وزن نمی‌تواند بیشتر از موجودی تاریخ تولید (${selectedDateAmount?.toLocaleString()} کیلوگرم) باشد!` + : formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + /> + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocate-self-steward/SlaughterAllocateSelfSteward.js b/src/features/slaughter-house/components/slaughter-allocate-self-steward/SlaughterAllocateSelfSteward.js new file mode 100644 index 0000000..0df6245 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocate-self-steward/SlaughterAllocateSelfSteward.js @@ -0,0 +1,39 @@ +import { Button } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterAddSteward } from "../slaughter-add-steward/SlaughterAddSteward"; + +export const SlaughterAllocateSelfSteward = ({ + stewardKey, + guildKey, + isGuild, + finalSubmitDisabled, + slaughterUpdatedInventoryStock, +}) => { + const dispatch = useDispatch(); + return ( + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocate-to-coldhouse/SlaughterAllocateToColdHouse.js b/src/features/slaughter-house/components/slaughter-allocate-to-coldhouse/SlaughterAllocateToColdHouse.js new file mode 100644 index 0000000..3899d10 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocate-to-coldhouse/SlaughterAllocateToColdHouse.js @@ -0,0 +1,602 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + FormControl, + FormControlLabel, + InputAdornment, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetProductsService } from "../../services/slaughter-inventory-gets"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { + slaughterAllocateStewardService, + slaughterEditAllocateStewardService, +} from "../../services/slaughter-allocate-steward"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { + slaughterGetColdHousesForAllocateService, + slaughterGetGuildsForAllocateService, +} from "../../services/slaughter-get-guilds-for-allocate"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { provincePolicyGetUploadImageService } from "../../../province/services/province-policy-upload-image"; +import { fetchSlaughterBroadcastAndProducts } from "../../services/handle-fetch-slaughter-products"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterAllocateToColdHouse = ({ + item, + key, + sellerType, + fetchData, + buyerType, + allocationType, + sellType, + updateTable, + fetchApiData, + editData, + priceInfo, + coldHouseKey, + coldHouseItemKey, + remainWeight, + killHouseAllocation, +}) => { + const dispatch = useDispatch(); + const [productData, setProductData] = useState([]); + const [guildsData, setGuildsData] = useState([]); + const [coldHouseData, setColdHouseData] = useState([]); + const [productKey, setProductKey] = useState(null); + const [openNotif] = useContext(AppContext); + const [sellGovernmental, setSellGovernmental] = useState( + priceInfo?.active ? "true" : "false" + ); + const [profileImages, setProfileImages] = useState( + editData?.image ? [{ data_url: editData.image }] : [] + ); + const [value, setValue] = useState("own"); + const [imageUploadLimit, setImageUploadLimit] = useState(1); + const [imageChanged, setImageChanged] = useState(false); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const handleChange = (event) => { + setValue(event.target.value); + setBuyerData({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + }; + + const handleChangeSellGovernmental = (event) => { + setSellGovernmental(event.target.value); + if (event.target.value === "false") { + formik.setFieldValue("price", ""); + } + }; + + const [buyerData, setBuyerData] = useState({ + key, + item, + buyerType, + allocationType, + }); + + useEffect(() => { + if (getRoleFromUrl() === "Steward") { + setValue("free"); + } + }, []); + + useEffect(() => { + dispatch(provincePolicyGetUploadImageService()).then((r) => { + if (r.payload?.data) { + setImageUploadLimit(r.payload.data.killHouseAllocation); + } + }); + + if (!editData) { + dispatch( + slaughterGetProductsService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setProductData(r.payload.data); + }); + if (!item) { + if (value === "cold") { + dispatch( + slaughterGetColdHousesForAllocateService({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setColdHouseData(r.payload.data); + }); + } + dispatch( + slaughterGetGuildsForAllocateService({ + free: value === "free" ? true : false, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setGuildsData(r.payload.data); + }); + } + } + }, [dispatch, value, selectedSubUser?.key]); + + const validationSchema = Yup.object({ + weight: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!") + .max( + editData + ? remainWeight + editData?.realWeightOfCarcasses + : remainWeight, + "وزن وارد شده بیش از موجودی انبار است!" + ), + price: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + wholePrice: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + ...(killHouseAllocation && { + image: Yup.string().when([], { + is: () => (!editData || imageChanged) && imageUploadLimit > 0, + then: Yup.string().required("عکس الزامی است"), + otherwise: Yup.string().notRequired(), + }), + }), + }); + + const factorPaymentHandler = (imageList) => { + if (imageList[0]) { + formik.setFieldValue("image", fixBase64(imageList[0]?.data_url)); + setImageChanged(true); + } else { + formik.setFieldValue("image", ""); + setImageChanged(true); + } + setProfileImages(imageList); + }; + + const formik = useFormik({ + initialValues: { + weight: editData?.realWeightOfCarcasses || "", + wholePrice: editData?.totalAmount || "", + price: editData?.amount || "", + image: editData?.image || "", + }, + validationSchema, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + useEffect(() => { + if (sellGovernmental === "false") { + if (formik.values.weight && formik.values.price) { + formik.setFieldValue( + "wholePrice", + formik.values.price * formik.values.weight + ); + } + } else { + if (priceInfo?.active && formik.values.weight) { + formik.setFieldValue( + "wholePrice", + priceInfo?.killHousePrice * formik.values.weight + ); + } + } + }, [formik.values.price, formik.values.weight, sellGovernmental]); + + useEffect(() => { + if (priceInfo?.active && sellGovernmental === "true") { + formik.setFieldValue("price", priceInfo?.killHousePrice); + } + }, [sellGovernmental]); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch( + fetchSlaughterBroadcastAndProducts({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + + fetchApiData && fetchApiData(1); + updateTable && updateTable(); + fetchData && fetchData(1); + }; + + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + + return ( + + {!editData && ( + } + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + )} + + {!editData && !coldHouseKey && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setProductKey(value.data); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!editData && ( + + + } + label="صنوف اختصاصی" + /> + } + label="صنوف آزاد" + /> + } + label="انتقال به سردخانه" + /> + + + )} + + {!item && !editData && value !== "cold" && ( + + { + return { + data: i, + label: `${i?.steward ? "مباشر" : "صنف"} ${ + i?.guildsName + } ${i?.user?.fullname} (${i?.user?.mobile})`, + }; + }) + : [] + } + onChange={(event, value) => { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: value?.data?.steward + ? "killhouse_steward" + : "killhouse_guild", + buyerType: value?.data?.steward ? "Steward" : "Guild", + }); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!item && !editData && value === "cold" && ( + + { + return { + data: i, + label: `سردخانه ${i?.name} (${ + i?.steward?.user?.mobile || + i?.killHouse?.killHouseOperator?.user?.mobile + })`, + }; + }) + : [] + } + onChange={(event, value) => { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: "ColdHouse", + buyerType: "ColdHouse", + }); + }} + renderInput={(params) => ( + + )} + /> + + )} + remainWeight + ? "error.main" + : undefined, + }, + }} + /> + + {priceInfo?.active && ( + + + } + label="قیمت مصوب" + /> + } + label="قیمت آزاد" + /> + + + )} + + ریال, + }} + value={formik.values.price} + error={formik.touched.price ? Boolean(formik.errors.price) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.price && Boolean(formik.errors.price) + ? formik.errors.price + : null + } + /> + + ریال, + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice ? Boolean(formik.errors.wholePrice) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + {(killHouseAllocation || (editData && editData.image)) && ( + <> + + {formik.touched.image && Boolean(formik.errors.image) && ( + ثبت تصویر الزامی است + )} + + )} + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocate-to-freezing/SlaughterAllocateToFreezing.js b/src/features/slaughter-house/components/slaughter-allocate-to-freezing/SlaughterAllocateToFreezing.js new file mode 100644 index 0000000..c556a17 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocate-to-freezing/SlaughterAllocateToFreezing.js @@ -0,0 +1,223 @@ +import { + Autocomplete, + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, +} from "@mui/material"; +import React, { useContext, useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { useDispatch } from "react-redux"; +import { slaughterGetColdHouses } from "../../services/slaughter-get-cold-houses"; +import { slaughterSubmitAllocateToFreezing } from "../../services/slaughter-submit-allocate-to-freezing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + CLOSE_MODAL, + LOADING_END, +} from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { useFormik } from "formik"; +import { slaughterUpdateAllocationForFreezing } from "../../services/slaughter-update-allocation-for-freezing"; +import { slaughterGetProductsService } from "../../services/slaughter-inventory-gets"; + +export const SlaughterAllocateToFreezing = ({ + fetchItems, + isEdit, + item, + updateTable, + handleUpdateFreezing, +}) => { + const [coldHouse, setColdHouse] = useState(""); + const [coldHouses, setColdHouses] = useState([]); + const [openNotif] = useContext(AppContext); + const [productKey, setProductKey] = useState(null); + const [productData, setProductData] = useState([]); + + const dispatch = useDispatch(); + + useEffect(() => { + if (!isEdit) { + dispatch(slaughterGetProductsService()).then((r) => { + setProductData(r.payload.data); + }); + dispatch(slaughterGetColdHouses()).then((r) => { + setColdHouses(r.payload.data); + }); + } + }, []); + + const handleChange = (event) => { + setColdHouse(event.target.value); + }; + + const formik = useFormik({ + initialValues: { + quantity: item?.quantity ? item?.quantity : "", + weight: item?.weight ? item?.weight : "", + }, + validationSchema: Yup.object({ + quantity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + weight: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + {!isEdit && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setProductKey(value.data); + }} + renderInput={(params) => ( + + )} + /> + + )} + {!isEdit && ( + <> + + + انتخاب سردخانه + + + + + )} + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocate-to-guild/SlaughterAllocateToGuild.js b/src/features/slaughter-house/components/slaughter-allocate-to-guild/SlaughterAllocateToGuild.js new file mode 100644 index 0000000..9e99f92 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocate-to-guild/SlaughterAllocateToGuild.js @@ -0,0 +1,1063 @@ +import React, { useContext, useEffect, useState, useCallback } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { + Autocomplete, + Button, + Checkbox, + FormControl, + FormControlLabel, + InputAdornment, + Radio, + RadioGroup, + TextField, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetProductsService } from "../../services/slaughter-inventory-gets"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { + slaughterAllocateStewardService, + slaughterEditAllocateStewardService, +} from "../../services/slaughter-allocate-steward"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL, DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { + slaughterGetGuildsForAllocateService, + slaughterGetStewardsForAllocateService, +} from "../../services/slaughter-get-guilds-for-allocate"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { provincePolicyGetUploadImageService } from "../../../province/services/province-policy-upload-image"; +import { fetchSlaughterBroadcastAndProducts } from "../../services/handle-fetch-slaughter-products"; +import MonthlyDataCalendar from "../../../../components/date-picker/MonthlyDataCalendar"; +import PersianDate from "persian-date"; +import axios from "axios"; +import { LabelField } from "../../../../components/label-field/LabelField"; +import { SPACING } from "../../../../data/spacing"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterAllocateToGuild = ({ + item, + key, + sellerType, + buyerType, + allocationType, + sellType, + updateTable, + fetchApiData, + editData, + priceInfo, + coldHouseKey, + coldHouseItemKey, + killHouseAllocation, + disableFreeOptions = false, +}) => { + const dispatch = useDispatch(); + const [productData, setProductData] = useState([]); + const [guildsData, setGuildsData] = useState([]); + const [stewardsData, setStewardsData] = useState([]); + const [selectedInventory, setSelectedInventory] = useState("governmental"); + const [approvedStatus, setApprovedStatus] = useState("true"); + const [productKey, setProductKey] = useState(null); + const [openNotif] = useContext(AppContext); + const [profileImages, setProfileImages] = useState( + editData?.image ? [{ data_url: editData.image }] : [] + ); + + const [buyerCategory, setBuyerCategory] = useState(""); // "stewards" or "guilds" + const [value, setValue] = useState(""); + const [imageUploadLimit, setImageUploadLimit] = useState(1); + const [imageChanged, setImageChanged] = useState(false); + const [changeMobile, setChangeMobile] = useState(false); + const [selectedCalendarDate, setSelectedCalendarDate] = useState(null); + const [calendarDayData, setCalendarDayData] = useState({}); + const [productionDate, setProductionDate] = useState(null); + const [selectedDateAmount, setSelectedDateAmount] = useState(null); + const [calendarRawData, setCalendarRawData] = useState({ + governmental: [], + free: [], + }); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [dateRangeError, setDateRangeError] = useState(null); + + const handleBuyerCategoryChange = (event) => { + const newCategory = event.target.value; + setBuyerCategory(newCategory); + setBuyerData({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + setGuildsData([]); + setStewardsData([]); + }; + + const handleChange = (event) => { + setValue(event.target.value); + setBuyerData({ + key: "", + item: "", + buyerType: "", + allocationType: "", + }); + setGuildsData([]); + setStewardsData([]); + }; + + const handleSellType = (event) => { + const newType = event.target.value; + setSelectedInventory(newType); + }; + + const handleApprovedPrice = (event) => { + const newType = event.target.value; + setApprovedStatus(newType); + if (newType === "false") { + formik.setFieldValue("price", ""); + } + }; + + const handleDateSelect = (dateInfo) => { + if (dateInfo && dateInfo.formattedDate) { + setSelectedCalendarDate(dateInfo.formattedDate); + + const data = calendarDayData[dateInfo.formattedDate]; + + if (data && data.originalDay) { + setProductionDate(data.originalDay); + } + + if (data && (data.amount !== undefined || data.value1 !== undefined)) { + const rawAmount = data.amount !== undefined ? data.amount : data.value1; + const normalizedAmount = + typeof rawAmount === "string" + ? Number(rawAmount.replace(/,/g, "")) + : Number(rawAmount); + setSelectedDateAmount( + Number.isFinite(normalizedAmount) ? normalizedAmount : null + ); + } else { + setSelectedDateAmount(null); + } + } + }; + + const transformCalendarData = useCallback((dataArray) => { + if (!Array.isArray(dataArray)) return {}; + + const transformedData = {}; + dataArray.forEach((item) => { + if (item.day && item.amount !== undefined) { + const persianDate = new PersianDate(new Date(item.day)); + const persianDateStr = persianDate.format("YYYY/MM/DD"); + const rawAmount = item.amount; + const normalizedAmount = + typeof rawAmount === "string" + ? Number(rawAmount.replace(/,/g, "")) + : Number(rawAmount); + transformedData[persianDateStr] = { + value1: normalizedAmount, + originalDay: item.day, + active: item.active === true, // Store active status + }; + } + }); + return transformedData; + }, []); + + const updateCalendarData = useCallback( + (dataArray) => { + const transformed = transformCalendarData(dataArray); + setCalendarDayData(transformed); + }, + [transformCalendarData] + ); + + const fetchCalendarData = useCallback(async () => { + try { + const response = await axios.get("/kill-house-remain-weight/", { + params: { + date: selectedDate1, + role: getRoleFromUrl(), + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }, + }); + if (response.data) { + setCalendarRawData({ + governmental: response.data.governmental || [], + free: response.data.free || [], + }); + const dataToShow = + selectedInventory === "governmental" + ? response.data.governmental + : response.data.free; + updateCalendarData(dataToShow); + } + } catch (error) { + console.error("Error fetching calendar data:", error); + } + }, [selectedInventory, updateCalendarData, selectedDate1, selectedSubUser]); + + const [buyerData, setBuyerData] = useState({ + key, + item, + buyerType, + allocationType, + }); + + useEffect(() => { + if (getRoleFromUrl() === "Steward") { + setValue("free"); + } + fetchCalendarData(); + }, [selectedSubUser?.key]); + + useEffect(() => { + if ( + calendarRawData.governmental.length > 0 || + calendarRawData.free.length > 0 + ) { + const dataToShow = + selectedInventory === "governmental" + ? calendarRawData.governmental + : calendarRawData.free; + updateCalendarData(dataToShow); + setSelectedCalendarDate(null); + setProductionDate(null); + setSelectedDateAmount(null); + } + }, [selectedInventory, calendarRawData]); + + useEffect(() => { + dispatch( + provincePolicyGetUploadImageService({ + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + if (r.payload?.data) { + setImageUploadLimit(r.payload.data.killHouseAllocation); + } + }); + + if (!editData) { + dispatch( + slaughterGetProductsService({ + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setProductData(r.payload.data); + }); + if (!item && buyerCategory && value) { + if (buyerCategory === "guilds") { + dispatch( + slaughterGetGuildsForAllocateService({ + free: value === "free" ? true : false, + role_key: + checkPathStartsWith("slaughter") || + checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setGuildsData(r.payload.data); + }); + } else if (buyerCategory === "stewards") { + dispatch( + slaughterGetStewardsForAllocateService({ + free: value === "free" ? true : false, + role_key: + checkPathStartsWith("slaughter") || + checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setStewardsData(r.payload.data); + }); + } + } + } + }, [buyerCategory, value, selectedSubUser?.key]); + + const validationSchema = Yup.object({ + mobile: Yup.string().when([], { + is: () => !editData, + then: (schema) => + schema + .required("شماره موبایل الزامی است") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches( + /^09\d{9}$/, + "شماره موبایل باید با 09 شروع شود و 11 رقم باشد" + ), + otherwise: (schema) => schema.notRequired(), + }), + weight: Yup.number() + .required("این فیلد اجباری است!") + .integer("عدد باید صحیح باشد!") + .min(1, "یک مقدار مثبت وارد کنید!") + .test( + "max-production-date-amount", + `وزن نمی‌تواند بیشتر از موجودی تاریخ تولید (${ + selectedDateAmount?.toLocaleString() || 0 + } کیلوگرم) باشد!`, + function (value) { + if (!selectedDateAmount || selectedDateAmount === null) return true; + return value <= selectedDateAmount; + } + ), + price: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + wholePrice: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + date: Yup.date().test( + "date-not-before-production", + "تاریخ نمی‌تواند قبل از تاریخ تولید باشد", + function (value) { + if (!productionDate || !value) return true; + return moment(value).isSameOrAfter(moment(productionDate), "day"); + } + ), + ...(killHouseAllocation && { + image: Yup.string().when([], { + is: () => (!editData || imageChanged) && imageUploadLimit > 0, + then: Yup.string().required("عکس الزامی است"), + otherwise: Yup.string().notRequired(), + }), + }), + }); + + const factorPaymentHandler = (imageList) => { + if (imageList[0]) { + formik.setFieldValue("image", fixBase64(imageList[0]?.data_url)); + setImageChanged(true); + } else { + formik.setFieldValue("image", ""); + setImageChanged(true); + } + setProfileImages(imageList); + }; + + const formik = useFormik({ + initialValues: { + mobile: "", + weight: editData?.realWeightOfCarcasses || "", + wholePrice: editData?.totalAmount || "", + price: editData?.amount || "", + image: editData?.image || "", + date: selectedDate1, + }, + validationSchema, + }); + + useEffect(() => { + formik.validateForm(); + }, [selectedDateAmount, productionDate]); + + useEffect(() => { + formik.setFieldValue("date", selectedDate1); + }, [selectedDate1]); + + useEffect(() => { + if (priceInfo?.active === false) { + setApprovedStatus("false"); + } + }, [priceInfo?.active]); + + useEffect(() => { + if (approvedStatus === "true" && priceInfo?.active) { + formik.setFieldValue("price", priceInfo?.killHousePrice); + } + }, [approvedStatus]); + + useEffect(() => { + if (approvedStatus === "true" && priceInfo?.active) { + if (formik.values.weight) { + formik.setFieldValue( + "wholePrice", + priceInfo?.killHousePrice * formik.values.weight + ); + } + } else { + if (formik.values.weight && formik.values.price) { + formik.setFieldValue( + "wholePrice", + formik.values.price * formik.values.weight + ); + } + } + }, [formik.values.price, formik.values.weight, approvedStatus]); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch( + fetchSlaughterBroadcastAndProducts({ + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ); + dispatch( + DRAWER({ + right: false, + bottom: false, + left: false, + content: null, + }) + ); + updateTable && updateTable(); + fetchApiData && fetchApiData(); + }; + + return ( + + {!editData && ( + ( + + )} + shouldDisableDate={(date) => { + const d = moment(date); + const today = moment(); + return !d.isSame(today, "day"); + }} + value={selectedDate1} + onChange={(e) => { + if (!e) { + setDateRangeError(null); + return; + } + const d = moment(e); + const today = moment(); + const yesterday = moment().subtract(1, "day"); + const isAllowed = + d.isSame(today, "day") || d.isSame(yesterday, "day"); + if (!isAllowed) { + setDateRangeError( + "تنها امکان انتخاب «امروز» یا «دیروز» وجود دارد." + ); + return; + } + setDateRangeError(null); + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + )} + + {!editData && !coldHouseKey && ( + + { + return { + data: i, + label: `${i.name}`, + }; + }) + : [] + } + onChange={(event, value) => { + setProductKey(value.data); + }} + renderInput={(params) => ( + + )} + /> + + )} + + {!editData && ( + + + + } + label="مباشرین" + /> + } + label="اصناف" + /> + + + + )} + + {!editData && buyerCategory && ( + + + + } + label="اختصاصی" + /> + } + label="آزاد" + disabled={disableFreeOptions} + /> + + + + )} + + {!item && !editData && buyerCategory && value && ( + + {(() => { + const currentData = + buyerCategory === "guilds" ? guildsData : stewardsData; + const isEmpty = !currentData || currentData.length === 0; + + if (isEmpty) { + return ( + + {buyerCategory === "guilds" + ? "هیچ صنفی یافت نشد" + : "هیچ مباشری یافت نشد"} + + ); + } + + return ( + { + return { + data: i, + label: `${i?.steward ? "مباشر" : "صنف"} ${ + i?.guildsName + } ${i?.user?.fullname} (${i?.user?.mobile})`, + }; + }) + : stewardsData.map((i) => { + return { + data: i, + label: `${i?.name || ""} - ${ + i?.user?.fullname || "" + } (${i?.user?.mobile || ""})`, + }; + }) + } + onChange={(event, value) => { + if (buyerCategory === "guilds") { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: value?.data?.steward + ? "killhouse_steward" + : "killhouse_guild", + buyerType: value?.data?.steward ? "Steward" : "Guild", + }); + formik.setFieldValue("mobile", value?.data?.user?.mobile); + } else if (buyerCategory === "stewards") { + setBuyerData({ + item: value?.data, + key: value?.data?.key, + allocationType: "killhouse_steward", + buyerType: "Steward", + }); + formik.setFieldValue("mobile", value?.data?.user?.mobile); + } + formik.setFieldTouched("mobile", true, false); + formik.validateField("mobile"); + const reg = new RegExp(/^09\d{9}$/); + if ( + value?.data?.user?.mobile && + !reg.test(value?.data?.user?.mobile) + ) { + setChangeMobile(true); + } + }} + renderInput={(params) => ( + + )} + /> + ); + })()} + + )} + {!item && !editData && buyerData?.key && ( + + + setChangeMobile(!changeMobile)} + /> + {buyerCategory === "stewards" + ? "از این قسمت میتوانید تلفن مباشر را ویرایش کنید." + : buyerCategory === "guilds" + ? "از این قسمت میتوانید تلفن صنف را ویرایش کنید." + : "از این قسمت میتوانید تلفن مباشر/صنف را ویرایش کنید."} + + + {changeMobile && ( + + )} + + )} + + {!item && !editData && priceInfo?.active !== false && ( + + + + } + label="قیمت دولتی" + /> + } + label="قیمت آزاد" + disabled={disableFreeOptions} + /> + + + + )} + + {!item && !editData && ( + + + + } + label="دولتی" + /> + } + label="آزاد" + disabled={disableFreeOptions} + /> + + + + )} + + + {productionDate && + selectedDate1 && + moment(productionDate).isAfter(moment(selectedDate1), "day") && ( + + تاریخ تولید نمی‌تواند بعد از تاریخ انتخابی باشد + + )} + + + selectedDateAmount + } + onChange={(e) => { + const value = e.target.value; + if (value === "" || value === null || value === undefined) { + formik.setFieldValue("weight", ""); + return; + } + const intValue = Math.floor(Number(value)); + if (intValue > 0) { + formik.setFieldValue("weight", intValue); + } else if (intValue === 0) { + formik.setFieldValue("weight", ""); + } + }} + onBlur={formik.handleBlur} + helperText={ + !selectedDateAmount && !productionDate + ? "لطفاً ابتدا تاریخ تولید را انتخاب کنید!" + : formik.touched.weight && Boolean(formik.errors.weight) + ? formik.errors.weight + : null + } + disabled={!selectedDateAmount && !productionDate} + sx={{ + "& .MuiFormHelperText-root": { + color: + selectedDateAmount && formik.values.weight > selectedDateAmount + ? "error.main" + : undefined, + }, + }} + /> + + ریال, + }} + value={formik.values.price} + error={formik.touched.price ? Boolean(formik.errors.price) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.price && Boolean(formik.errors.price) + ? formik.errors.price + : null + } + disabled={approvedStatus === "true" && priceInfo?.active} + /> + + ریال, + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice ? Boolean(formik.errors.wholePrice) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + {(killHouseAllocation || (editData && editData.image)) && ( + + + {formik.touched.image && Boolean(formik.errors.image) && ( + ثبت تصویر الزامی است + )} + + )} + + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-allocated-check-requests/SlaughterAllocatedCheckRequests.js b/src/features/slaughter-house/components/slaughter-allocated-check-requests/SlaughterAllocatedCheckRequests.js new file mode 100644 index 0000000..f9f5133 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-allocated-check-requests/SlaughterAllocatedCheckRequests.js @@ -0,0 +1,181 @@ +import { Grid, IconButton, TextField } from "@mui/material"; +import { ROUTE_SLAUGHTER_FILE } from "../../../../routes/routes"; +import { SPACING } from "../../../../data/spacing"; +import { useFormik } from "formik"; +import moment from "moment"; +import { Yup } from "../../../../lib/yup/yup"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetActiveRequests } from "../../services/slaughter-get-active-requests"; +import { useContext, useEffect, useState } from "react"; +import { useNavigate } from "react-router-dom"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import EditIcon from "@mui/icons-material/Edit"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import SlaughterCheckRequest from "../../../file/components/slaughter-check-request/SlaughterCheckRequest"; +import { format } from "date-fns-jalali"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterAllocatedCheckRequests = () => { + const navigate = useNavigate(); + const [dataTable, setDataTable] = useState([]); + const { slaughterActiveRequests } = useSelector( + (state) => state.slaughterSlice + ); + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch( + slaughterGetActiveRequests({ + selectedDate1, + selectedDate2, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedDate1, selectedDate2, selectedSubUser?.key]); + + useEffect(() => { + const filteredData = slaughterActiveRequests?.filter( + (item) => item.provinceKillState === "pending" + ); + // const key = "orderCode"; + // const arrayUniqueByKey = [ + // ...new Map(filteredData?.map((item) => [item[key], item])).values(), + // ]; + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item.orderCode, + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + item?.freeSaleInProvince === false ? "دولتی" : "آزاد", + format(new Date(item?.sendDate), "yyyy/MM/dd"), + `${item.poultryName} (${item.poultryMobile})`, + `${item.killHouseName} (${item.killHouseMobile})`, + item.city, + item.province, + item.age, + item.mainQuantity.toLocaleString() + " قطعه", + item.amount.toLocaleString() + " ﷼", + item.chickenBreed, + item.indexWeight + " کیلوگرم", + { + dispatch( + DRAWER({ + title: "انجام عملیات تخصیص", + // right: !(window.innerWidth <= 600), + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: , + }) + ); + }} + > + + , + navigate(ROUTE_SLAUGHTER_FILE + item.poultryReqId)} + > + + , + ]; + }); + + setDataTable(d); + }, [slaughterActiveRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "کشتار", + "فروش", + "تاریخ درخواست", + "مرغدار", + "خریدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "قیمت مرغ زنده", + "نژاد", + "میانگین وزن", + "عملیات", + "مشاهده", + ]); + + const formik = useFormik({ + initialValues: { + capacity: "", + recieveTime: "", + recieveDate: moment(Date()).format("YYYY-MM-DD hh:mm:ss"), + }, + validationSchema: Yup.object({ + capacity: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + recieveTime: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا وزن را وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + return ( + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-archived-fees/SlaughterArchivedFees.js b/src/features/slaughter-house/components/slaughter-archived-fees/SlaughterArchivedFees.js new file mode 100644 index 0000000..cb5027b --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-archived-fees/SlaughterArchivedFees.js @@ -0,0 +1,540 @@ +import { + Button, + Checkbox, + FormControlLabel, + Pagination, + TextField, + Tooltip, + tooltipClasses, + Typography, +} from "@mui/material"; +import axios from "axios"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SPACING } from "../../../../data/spacing"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import KeyboardDoubleArrowUpIcon from "@mui/icons-material/KeyboardDoubleArrowUp"; +import KeyboardDoubleArrowDownIcon from "@mui/icons-material/KeyboardDoubleArrowDown"; +import styled from "styled-components"; +import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { SlaughterUnpaidFeesDetails } from "../slaughter-unpaid-fees-details/SlaughterUnpaidFeesDetails"; +import { ProvinceArchiveFeeDetails } from "../../../province/components/province-archive-fee-details/ProvinceArchiveFeeDetails"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import BoxList from "../../../../components/box-list/BoxList"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; + +export const SlaughterArchivedFees = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [withDate, setWithDate] = useState(false); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const userInfo = useSelector((state) => state.userSlice); + const [dataTableM, setDataTableM] = useState([]); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page, textValue) => { + setLoading(true); + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&page=${page}&page_size=${perPage}&type=archive&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + dispatch(LOADING_END()); + }; + + const [page, setPage] = useState(0); + const handleChangePageM = (event, newPage) => { + dispatch(LOADING_START()); + setPage(newPage); + fetchApiData(newPage + 1, textValue); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&page=${page}&page_size=${newPerPage}&type=archive&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, withDate]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `province_wage/?search=filter&value=${textValue}&type=archive&role=${getRoleFromUrl()}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const updateTable = () => { + fetchApiData(1); + }; + + const columns = [ + { + name: "کدسفارش", + selector: (item) => item?.provinceRequest?.orderCode, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مرغدار (تلفن)", + selector: (item) => + `${item?.provinceRequest?.poultryFullname} (${item?.provinceRequest?.poultryMobile})`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "شهر", + selector: (item) => `${item?.provinceRequest?.poultryCity}`, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تاریخ کشتار", + selector: (item) => formatJustDate(item?.provinceRequest?.sendDate), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "محل کشتار", + selector: (item) => item?.provinceRequest?.killPlace, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + }, + { + name: "نژاد", + selector: (item) => item?.provinceRequest?.breed, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "تعداد (قطعه)", + selector: (item) => + item?.provinceRequest?.provinceKillRequestQuantity?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "وزن (کیلوگرم)", + selector: (item) => + item?.provinceRequest?.provinceKillRequestTotalWeight?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "میانگین وزنی (کیلوگرم)", + selector: (item) => item?.provinceRequest?.indexWeight, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "تعرفه اتحادیه (ریال)", + selector: (item) => item?.provinceRequest?.wage?.toLocaleString(), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "مبلغ کل تعرفه (ریال)", + selector: (item) => ( + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "جزییات سفارش", + selector: (item) => ( + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + { + name: "اطلاعات بایگانی", + selector: (item) => ( + + ), + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + // width: "90px", + }, + ]; + + const tableTitle = ( + + + بایگانی + + + setWithDate(!withDate)} + color="primary" // Change the color to your preference + /> + } + /> + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + ); + + const isMobile = window.innerWidth <= 600; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + item?.provinceRequest?.orderCode, + `${item?.provinceRequest?.poultryFullname} (${item?.provinceRequest?.poultryMobile})`, + `${item?.provinceRequest?.poultryCity}`, + , + , + , + ]; + }); + + setDataTableM(d); + }, [data]); + + return ( + + {isMobile ? ( + + {tableTitle} + + { + handleChangePageM(event, newPage - 1); + }} + /> + + ) : ( + + )} + + ); +}; + +const ProvinceUnpaidFeeView = ({ item, updateTable }) => { + const isBigger = + item?.provinceRequest.prevTotalAmount < item?.provinceRequest.totalAmount; + const isSmaller = + item?.provinceRequest.prevTotalAmount > item?.provinceRequest.totalAmount; + + const prevTotalAmount = ( + + {isBigger && "افزایش یافته"} + {isSmaller && "کاهش یافته"} + + مبلغ اولیه: {item?.provinceRequest?.prevTotalAmount?.toLocaleString()} ﷼ + + ویرایش کننده: {item?.totalAmountEditor?.fullname} + تاریخ ویرایش: {formatJustDate(item?.totalAmountEditor?.date)} + سمت: {getFaUserRole(item?.totalAmountEditor?.role)} + تلفن: {item?.totalAmountEditor?.mobile} + + ); + return ( + + {Boolean(item?.provinceRequest?.prevTotalAmount) && isBigger && ( + + + + + {item?.provinceRequest?.totalAmount?.toLocaleString()} + + + + )} + + {Boolean(item?.provinceRequest?.prevTotalAmount) && isSmaller && ( + + + + + {item?.provinceRequest?.totalAmount?.toLocaleString()} + + + + )} + + {!item?.provinceRequest?.prevTotalAmount && ( + + {item?.provinceRequest?.totalAmount?.toLocaleString()} + + )} + + ); +}; + +const HtmlTooltip = styled(({ className, ...props }) => ( + +))(({ theme }) => ({ + [`& .${tooltipClasses.tooltip}`]: { + backgroundColor: "#f5f5f9", + color: "rgba(0, 0, 0, 0.87)", + maxWidth: 220, + border: "1px solid #dadde9", + }, +})); diff --git a/src/features/slaughter-house/components/slaughter-archived-requests/SlaughterArchivedRequests.js b/src/features/slaughter-house/components/slaughter-archived-requests/SlaughterArchivedRequests.js new file mode 100644 index 0000000..fce0bee --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-archived-requests/SlaughterArchivedRequests.js @@ -0,0 +1,133 @@ +import { Card, IconButton, TextField, Typography } from "@mui/material"; +import { useContext, useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PlagiarismIcon from "@mui/icons-material/Plagiarism"; +import { useNavigate } from "react-router-dom"; +import { ROUTE_SLAUGHTER_FILE } from "../../../../routes/routes"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import moment from "moment/moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { avicultureGetRequests } from "../../../aviculture/services/aviculture-requests"; + +export const SlaughterArchivedRequests = () => { + const navigate = useNavigate(); + const dispatch = useDispatch(); + const [dataTable, setDataTable] = useState([]); + const { avicultureRequests } = useSelector((state) => state.avicultureSlice); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch(LOADING_START()); + dispatch(avicultureGetRequests({ selectedDate1, selectedDate2 })).then( + () => { + dispatch(LOADING_END()); + } + ); + }, [selectedDate1, selectedDate2]); + + useEffect(() => { + const filteredData = avicultureRequests?.filter( + (item, i) => item.inspector != null + ); + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item.orderCode, + formatJustDate(item?.createDate), + formatJustDate(item?.sendDate), + item?.process?.poultry?.poultryName, + item?.process?.poultry?.poultryMobile, + item?.process?.poultry?.poultryCity, + item?.process?.poultry?.poultryProvince, + item?.process?.poultry?.age, + item?.process?.poultry?.poultryQuantity, + + navigate( + ROUTE_SLAUGHTER_FILE + item?.process?.poultry?.poultryRequestId + ) + } + > + + , + ]; + }); + + setDataTable(d); + }, [avicultureRequests]); + + const [tableDataCol] = useState([ + "ردیف", + "کد سفارش", + "تاریخ ثبت درخواست", + "تاریخ درخواست", + "مرغدار", + "تلفن مرغدار", + "شهر", + "استان", + "سن مرغ", + "تعداد", + "مشاهده", + ]); + return ( + + + + درخواست های بایگانی شده + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + expandable + columns={tableDataCol} + data={dataTable} + /> + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-balance-status-button/SlaughterBalanceStatusButton.js b/src/features/slaughter-house/components/slaughter-balance-status-button/SlaughterBalanceStatusButton.js new file mode 100644 index 0000000..f49e622 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-balance-status-button/SlaughterBalanceStatusButton.js @@ -0,0 +1,109 @@ +import { Box, Typography } from "@mui/material"; +import { useSelector } from "react-redux"; +import { useState, useEffect } from "react"; +import { slaughterGetKillHouseLockInfoService } from "../../services/slaughter-get-kill-house-lock-info"; +import lockDollarIcon from "../../../../assets/images/lock-dollar.svg"; +import lockAnbarIcon from "../../../../assets/images/lock-anbar.svg"; + +export const SlaughterBalanceStatusButton = () => { + const userRoles = useSelector((state) => state.userSlice.role); + const [lockInfo, setLockInfo] = useState(null); + + const hasOnlyKillHouseRole = userRoles && userRoles.includes("KillHouse"); + + useEffect(() => { + if (hasOnlyKillHouseRole) { + const fetchLockInfo = async () => { + try { + const data = await slaughterGetKillHouseLockInfoService(); + setLockInfo(data); + } catch (error) { + console.error("Error fetching lock info:", error); + setLockInfo(null); + } + }; + fetchLockInfo(); + } + }, [hasOnlyKillHouseRole, userRoles]); + + return ( + + {lockInfo?.wageLock && ( + + )} + {lockInfo?.wareHouseLock && ( + + )} + + {(lockInfo?.wage || 0).toLocaleString()} + + + ریال + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-bars/SlaughterBars.js b/src/features/slaughter-house/components/slaughter-bars/SlaughterBars.js new file mode 100644 index 0000000..62f2d5a --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-bars/SlaughterBars.js @@ -0,0 +1,878 @@ +import { + Button, + IconButton, + Pagination, + Tab, + Tabs, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { format } from "date-fns-jalali"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +// import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { Grid } from "../../../../components/grid/Grid"; +// import { vetFarmGetAllocatedService } from "../../services/vet-farm-get-allocated"; +import { DatePicker } from "@mui/x-date-pickers"; +import CancelIcon from "@mui/icons-material/Delete"; +import moment from "moment/moment"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import axios from "axios"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +// import { getFaUserRole } from "../../../../utils/getFaUserRole"; +import { PageTable } from "../../../../components/page-table/PageTable"; +import { SimpleTable } from "../../../../components/simple-table/SimpleTable"; +import { VetFarmCancelBar } from "../../../vet-farm/components/vet-farm-cancel-bar/VetFarmCancelBar"; +import { VetFarmEditTrafficCode } from "../../../vet-farm/components/vet-farm-edit-traffic-code/VetFarmEditTrafficCode"; +import { VetFarmDeletedBars } from "../../../vet-farm/components/vet-farm-deleted-bars/VetFarmDeletedBars"; +import { ProvinceBarDifference } from "../../../province/components/province-bar-difference/ProvinceBarDifference"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SlaughterBarDashboardService } from "../../services/slaughter-bar-dashbored"; +import { SlaughterEnterNoneReciept } from "../slaughter-enter-none-receipt/SlaughterEnterNoneReciept"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterBars = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [selectedTab, setSelectedTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setSelectedTab(newValue); + }; + + const dispatch = useDispatch(); + + const [dataTableM, setDataTableM] = useState([]); + + const [data, setData] = useState([]); + const [loading, setLoading] = useState(false); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [dashboardData, setDashboardData] = useState([]); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const fetchApiData = async (page) => { + setLoading(true); + const response = await axios.get( + `kill_house_request_bar_management/?check&search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setLoading(false); + dispatch(LOADING_END()); + }; + + const [page, setPage] = useState(0); + const handleChangePageM = (event, newPage) => { + dispatch(LOADING_START()); + setPage(newPage); + fetchApiData(newPage + 1, textValue); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + }; + + const handlePerRowsChange = async (newPerPage, page) => { + setLoading(true); + const response = await axios.get( + `kill_house_request_bar_management/?check&search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${newPerPage}` + ); + + setData(response.data.results); + setTotalRows(response.data.count); + setPerPage(newPerPage); + + setLoading(false); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + // const updateTable = () => { + // fetchApiData(1); + // }; + const btnDisabled = !( + getRoleFromUrl() === "ProvinceOperator" || getRoleFromUrl() === "CityVet" + ); + + const columns = [ + { + name: "کدبار", + selector: (item) => { + return item.barCode; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "100px", + }, + { + name: "خریدار", + selector: (item) => { + return `${item.killhouseUser?.name} (${item.killhouseUser?.killHouseOperator?.user?.mobile})`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "کشتارکن اختصاصی", + selector: (item) => { + return item?.killer + ? `${item?.killer?.name} (${item?.killer?.killHouseOperator?.user?.mobile})` + : "-"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "ماشین", + selector: (item) => { + return `${item.addCar.driver.typeCar} ${item.addCar.driver.pelak}`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "100px", + }, + { + name: "راننده", + selector: (item) => { + return `${item.addCar.driver.driverName} (${item.addCar.driver.driverMobile})`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "کد بهداشتی حمل و نقل", + selector: (item) => { + return item?.trafficCode; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "قیمت مرغ زنده‌ی بار", + selector: (item) => { + return item?.amount?.toLocaleString() + " ﷼"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + // width: "80px", + }, + { + name: "نژاد", + selector: (item) => { + return item.poultryRequest.chickenBreed; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "50px", + }, + { + name: "تعداد اولیه", + selector: (item) => { + return item.quantity?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "50px", + }, + { + name: "وزن اولیه بار (کیلوگرم)", + selector: (item) => { + return item?.weightInfo?.weight?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "70px", + }, + { + name: "میانگین وزن اولیه (کیلوگرم)", + selector: (item) => { + return item?.weightInfo?.indexWeight?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "70px", + }, + { + name: "قیمت مرغدار", + selector: (item) => { + return item?.poultryRequest?.amount?.toLocaleString() + " ﷼"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "قیمت کشتارگاه", + selector: (item) => { + return item?.weightInfo?.killHousePrice?.toLocaleString() + " ﷼"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "مرغدار", + selector: (item) => { + return `${item.poultryRequest?.poultry?.unitName} (${item.poultryRequest.poultry?.user?.mobile})`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "دامپزشک فارم", + selector: (item) => { + return item?.vetFarm?.vet?.user?.fullname + ? item?.vetFarm?.vet?.user?.fullname + + `(${item?.vetFarm?.vet?.user?.mobile})` + : "فاقد دامپزشک"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "100px", + }, + { + name: "کدرهگیری سامانه قرنطینه", + selector: (item) => { + return ( + <> + {getRoleFromUrl() === "VetFarm" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "CityVet" || + getRoleFromUrl() === "VetSupervisor" ? ( + <> + {item?.registerar?.date + ? `${format( + new Date(item?.registerar?.date), + "yyyy/MM/dd" + )} ${item?.registerar?.name}` + : ""} + + ) : item?.clearanceCode ? ( + item?.clearanceCode && ( + + ) + ) : ( + "-" + )} + + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "200px", + }, + { + name: "محل کشتار", + selector: (item) => { + return `${item.killPlace}`; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "شهر", + selector: (item) => { + return item.poultryRequest.poultry.address.city.name; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "تاریخ کشتار", + selector: (item) => { + return item?.poultryRequest.sendDate + ? format(new Date(item?.poultryRequest.sendDate), "yyyy/MM/dd") + : "-"; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "80px", + }, + { + name: "کدسفارش کشتار", + selector: (item) => { + return item?.poultryRequest.orderCode; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "70px", + }, + { + name: "تعداد نهایی", + selector: (item) => { + return item.acceptedRealQuantity?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "50px", + }, + { + name: "وزن نهایی بار (کیلوگرم)", + selector: (item) => { + return item?.acceptedRealWeight?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "70px", + }, + { + name: "میانگین وزن نهایی (کیلوگرم)", + selector: (item) => { + return item?.weightInfo?.finalIndexWeight?.toLocaleString(); + }, + sortable: true, + wrap: true, + allowOverflow: true, + center: true, + width: "70px", + }, + { + name: "وضعیت", + selector: (item) => { + let state = ""; + if (item.vetState === "accepted") { + state = "تایید تخلیه"; + } else if (item.vetState === "pending") { + state = "در انتظار تخلیه"; + } + return state; + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "90px", + }, + { + name: "عملیات", + selector: (item) => { + return ( + + + { + dispatch( + OPEN_MODAL({ + title: "لغو بار", + content: ( + + ), + }) + ); + }} + > + + + + + ); + }, + sortable: false, + wrap: true, + allowOverflow: true, + center: true, + width: "70px", + }, + ]; + + const handleDateChange1 = (date) => { + setSelectedDate1(date); + }; + + const handleDateChange2 = (date) => { + setSelectedDate2(date); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage, selectedSubUser?.key]); + + const [textValue, setTextValue] = useState(""); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + fetchApiData(1); + dispatch( + SlaughterBarDashboardService({ + selectedDate1, + selectedDate2, + textValue, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [dispatch, selectedDate1, selectedDate2, selectedSubUser?.key]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setLoading(true); + + try { + const response = await axios.get( + `kill_house_request_bar_management/?check&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch( + SlaughterBarDashboardService({ + selectedDate1, + selectedDate2, + textValue, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + setLoading(false); + } + }; + + const updateTable = () => { + fetchApiData(1); + }; + + const tableTitle = ( + + + مدیریت بارها + + } + value={selectedDate1} + onChange={(e) => { + handleDateChange1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + value={selectedDate2} + onChange={(e) => { + handleDateChange2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + ); + + const getItemState = (item) => { + let state = ""; + if (item.vetState === "accepted") { + state = "تایید تخلیه"; + } else if (item.vetState === "pending") { + state = "در انتظار تخلیه"; + } + return state; + }; + + const columnNames = columns.map((column) => column.name); + const isMobile = window.innerWidth <= 600; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + item.barCode, + `${item.killhouseUser?.name} (${item.killhouseUser?.killHouseOperator?.user?.mobile})`, + `${item.addCar.driver.typeCar} ${item.addCar.driver.pelak}`, + `${item.addCar.driver.driverName} (${item.addCar.driver.driverMobile})`, + , + item.poultryRequest.chickenBreed, + item.quantity?.toLocaleString(), + item?.weightInfo?.weight?.toLocaleString(), + item?.weightInfo?.indexWeight?.toLocaleString(), + `${item.poultryRequest?.poultry?.unitName} (${item.poultryRequest.poultry?.user?.mobile})`, + item?.vetFarm?.vet?.user?.fullname + ? item?.vetFarm?.vet?.user?.fullname + + `(${item?.vetFarm?.vet?.user?.mobile})` + : "فاقد دامپزشک", + <> + {getRoleFromUrl() === "VetFarm" || + getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "CityVet" || + getRoleFromUrl() === "VetSupervisor" ? ( + <> + {item?.registerar?.date + ? `${format(new Date(item?.registerar?.date), "yyyy/MM/dd")} ${ + item?.registerar?.name + }` + : ""} + + ) : item?.clearanceCode ? ( + item?.clearanceCode + ) : ( + "-" + )} + , + `${item.killPlace}`, + item.poultryRequest.poultry.address.city.name, + item?.poultryRequest.sendDate + ? format(new Date(item?.poultryRequest.sendDate), "yyyy/MM/dd") + : "-", + item?.poultryRequest.orderCode, + getItemState(item), + + + { + dispatch( + OPEN_MODAL({ + title: "لغو بار", + content: ( + + ), + }) + ); + }} + > + + + + , + ]; + }); + + setDataTableM(d); + }, [data]); + + const tabs = ( + + + + + + + ); + + return ( + + + {tabs} + + + {selectedTab === 0 && ( + + + + + {isMobile ? ( + + {tableTitle} + + { + handleChangePageM(event, newPage - 1); + }} + /> + + ) : ( + + )} + {/* + + مدیریت بارها + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + {getRoleFromUrl() === "ProvinceOperator" && ( + + + + + + )} + + } + columns={[ + "ردیف", + "کدبار", + "دامپزشک فارم", + "ماشین", + "راننده", + // "کد بهداشتی", + "خریدار", + "محل کشتار", + "مرغدار", + "شهر", + "تاریخ کشتار", + "کدسفارش کشتار", + "نژاد", + "تعداد", + "کد بهداشتی حمل و نقل", + "کدرهگیری سامانه قرنطینه", + "وضعیت", + "عملیات", + ]} + data={dataTable} + /> */} + + )} + {selectedTab === 1 && ( + + + + )} + {selectedTab === 2 && ( + + + + )} + {selectedTab === 3 && ( + + + + )} + + ); +}; + +// const DisabledWrap = ({ children, checked }) => { +// return {children}; +// }; diff --git a/src/features/slaughter-house/components/slaughter-cold-house-bars-operations/SlaughterColdHouseBarsOperations.js b/src/features/slaughter-house/components/slaughter-cold-house-bars-operations/SlaughterColdHouseBarsOperations.js new file mode 100644 index 0000000..7b6d6dc --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-cold-house-bars-operations/SlaughterColdHouseBarsOperations.js @@ -0,0 +1,136 @@ +import React, { useContext, useState } from "react"; +import { Button, IconButton, Popover } from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { Grid } from "../../../../components/grid/Grid"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { slaughterDeleteAllocatedService } from "../../services/salughter-delete-allocated"; +import { SlaughterAllocateToGuild } from "../slaughter-allocate-to-guild/SlaughterAllocateToGuild"; + +export const SlaughterColdHouseBarsOperations = ({ + fetchApiData, + item, + fetchData, + updateTable, + priceInfo, + remainWeight, +}) => { + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + return ( + + + + + +

+ + + + + +

+ + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-cold-house-bars/SlaughterColdHouseBars.js b/src/features/slaughter-house/components/slaughter-cold-house-bars/SlaughterColdHouseBars.js new file mode 100644 index 0000000..9559127 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-cold-house-bars/SlaughterColdHouseBars.js @@ -0,0 +1,414 @@ +import React, { useContext, useEffect, useState } from "react"; +import { + Button, + IconButton, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { + CLOSE_MODAL, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { AppContext } from "../../../../contexts/AppContext"; +import { RiSearchLine } from "react-icons/ri"; +import { SlaughterColdHouseBarsOperations } from "../slaughter-cold-house-bars-operations/SlaughterColdHouseBarsOperations"; +import { getKillhouseApprovedPriceState } from "../../../province/services/get-approved-price-state"; +import { slaughterInventoryFinalSubmitService } from "../../services/slaughter-inventory-final-submit"; +import { SPACING } from "../../../../data/spacing"; +import { SlaughterAllocateToColdHouse } from "../slaughter-allocate-to-coldhouse/SlaughterAllocateToColdHouse"; +import TuneIcon from "@mui/icons-material/Tune"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; +export const SlaughterColdHouseBars = ({ + selectedDate1, + selectedDate2, + title, + type, + withDate, + coldHouseKey, + getDashboardsData, + remainWeight, +}) => { + const dispatch = useDispatch(); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [openNotif] = useContext(AppContext); + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const { priceInfo } = useSelector((state) => state.slaughterSlice); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `steward-allocation/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${page}&page_size=${perPage}&cold_house=true&type=${type}&cold_house_key=${coldHouseKey}` + ); + dispatch( + getKillhouseApprovedPriceState({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + const getLastItem = (item) => { + if (item?.systemRegistrationCode) { + return [ + + + , + ]; + } else { + return [ + , + ]; + } + }; + const getLastItemTitle = () => { + if (type === "output") { + return ["عملیات"]; + } else { + return []; + } + }; + const isOut = title === "بارهای خارج شده"; + + useEffect(() => { + const d = data?.map((item, i) => { + let registrationCodeStatus; + switch (item?.receiverState) { + case "pending": + registrationCodeStatus = "در انتظار تایید"; + break; + case "accepted": + registrationCodeStatus = "تایید شده"; + break; + + case "rejected": + registrationCodeStatus = "رد شده"; + break; + default: + registrationCodeStatus = "-"; + } + + console.log(item); + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.date), + isOut + ? item?.toGuilds + ? "سردخانه به صنف" + : item?.otherColdHouse + ? "سردخانه به سردخانه" + : item?.toStewards + ? "سردخانه به مباشر" + : "-" + : `${item?.killHouse ? "کشتارگاه" : "سردخانه"} به سردخانه`, + isOut + ? item?.toGuilds + ? `${item?.toGuilds?.guildsName} ( ${item?.toGuilds?.user?.fullname} ${item?.toGuilds?.user?.mobile})` + : item?.otherColdHouse + ? item?.otherColdHouse?.steward + ? `${item?.otherColdHouse?.steward?.user?.fullname} (${item?.otherColdHouse?.steward?.user?.mobile})` + : `${item?.otherColdHouse?.killHouse?.name} (${item?.otherColdHouse?.killHouse?.killHouseOperator?.user?.fullname} ${item?.otherColdHouse?.killHouse?.killHouseOperator?.user?.mobile})` + : `${item?.toStewards?.name} (${item?.toStewards?.user?.fullname}${item?.toStewards?.user?.mobile})` + : item?.killHouse + ? `${item.toColdHouse?.name} (${item.toColdHouse?.killHouse?.killHouseOperator?.user?.mobile})` + : `${item?.otherColdHouse?.name} ${item?.otherColdHouse?.killHouse?.killHouseOperator?.user?.mobile}`, + item?.sellType === "exclusive" ? "اختصاصی" : "آزاد", + item?.amount?.toLocaleString() + " ریال", + item?.totalAmount?.toLocaleString() + " ریال", + // item?.realNumberOfCarcasses?.toLocaleString(), + item?.realWeightOfCarcasses?.toLocaleString(), + item?.loggedRegistrationCode?.toLocaleString(), + item?.systemRegistrationCode === true + ? "کد احراز ارسال شده" + : "در انتظار ارسال کد احراز", + + registrationCodeStatus, + // item?.receiverRealNumberOfCarcasses?.toLocaleString(), + // item?.receiverRealWeightOfCarcasses?.toLocaleString(), + ...getLastItem(item), + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [ + dispatch, + selectedDate1, + selectedDate2, + perPage, + withDate, + selectedSubUser?.key, + ]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `steward-allocation/?role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&cold_house=true&type=${type}&cold_house_key=${coldHouseKey}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + {type === "output" && ( + + + + + ), + }) + ); + }} + > + تایید نهایی (یکجا) + + )} + + + + + {/* */} + + {/* */} + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-daily-list-operation/SlaughterDailyListOperation.js b/src/features/slaughter-house/components/slaughter-daily-list-operation/SlaughterDailyListOperation.js new file mode 100644 index 0000000..2c3e37f --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-daily-list-operation/SlaughterDailyListOperation.js @@ -0,0 +1,118 @@ +// import { Button, IconButton, Popover, Tooltip } from "@mui/material"; +// import { useContext, useState } from "react"; +// import TuneIcon from "@mui/icons-material/Tune"; +// import { Grid } from "../../../../components/grid/Grid"; +// import DeleteIcon from "@mui/icons-material/Delete"; +// import { CLOSE_MODAL, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +// import { slaughterDeleteDailyListService } from "../../services/slaughter-add-daily-list"; +// import { useDispatch } from "react-redux"; +// import { AppContext } from "../../../../contexts/AppContext"; + +// export const SlaughterDailyListOperation = ({ item, updateTable }) => { +// const dispatch = useDispatch(); +// const [anchorEl, setAnchorEl] = useState(null); + +// const handleClick = (event) => { +// setAnchorEl(event.currentTarget); +// }; + +// const handleClose = () => { +// setAnchorEl(null); +// }; + +// const open = Boolean(anchorEl); +// const id = open ? "popover" : undefined; + +// const [openNotif] = useContext(AppContext); +// return ( +//

+// +// +// +// +//

+// +// +// { +// handleClose(); +// dispatch( +// OPEN_MODAL({ +// title: "آیا مطمئن هستید؟", +// content: ( +// +// +// +// +// +// +// +// +// ), +// }) +// ); +// }} +// > +// +// +// +// +//

+// +//

+// ); +// }; diff --git a/src/features/slaughter-house/components/slaughter-daily-list/SlaughterDailyList.js b/src/features/slaughter-house/components/slaughter-daily-list/SlaughterDailyList.js new file mode 100644 index 0000000..18d6131 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-daily-list/SlaughterDailyList.js @@ -0,0 +1,713 @@ +import React, { useContext, useEffect, useRef, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetProductsService } from "../../services/slaughter-inventory-gets"; +import InfoIcon from "@mui/icons-material/Info"; +import TextField from "@mui/material/TextField"; +import InputAdornment from "@mui/material/InputAdornment"; +import SearchIcon from "@mui/icons-material/Search"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + Box, + Button, + Card, + CardContent, + IconButton, + Typography, +} from "@mui/material"; +import { SlaughterAddDailyList } from "../slaughter-add-daily-list/SlaughterAddDailyList"; +import { + slaughterDeleteDailyListService, + slaughterGetPriceService, + submitBatchAllocationsService, +} from "../../services/slaughter-add-daily-list"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import moment from "moment"; +import { AppContext } from "../../../../contexts/AppContext"; +import AddIcon from "@mui/icons-material/Add"; +import CheckCircleIcon from "@mui/icons-material/CheckCircle"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { provincePolicyGetUploadImageService } from "../../../province/services/province-policy-upload-image"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterDailyList = () => { + const [productsTable, setProductsTable] = useState(); + const [slaughterProducts, setSlaughterProducts] = useState(); + const [prices, setPrices] = useState([]); + const [rendered, setrendered] = useState(false); + const [weights, setWeights] = useState([]); + const [data, setData] = useState([]); + const [tableData, setTableData] = useState([]); + const [searchTerm, setSearchTerm] = useState(""); + const [filteredData, setFilteredData] = useState([]); + const [rowImages, setRowImages] = useState([]); + const [uploadPolicy, setUploadPolicy] = useState({ + killHouseAllocation: true, + }); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [openNotif] = useContext(AppContext); + + const priceRefs = useRef([]); + const weightRefs = useRef([]); + const imageRefs = useRef([]); + + const dispatch = useDispatch(); + + const [priceState, setPriceState] = useState({ + active: false, + killHousePrice: 0, + stewardPrice: 0, + guildPrice: 0, + }); + + const getPriceByRole = () => { + const role = getRoleFromUrl(); + if (role === "KillHouse") return priceState.killHousePrice; + if (role === "Steward") return priceState.stewardPrice; + if (role === "Guilds") return priceState.guildPrice; + return 0; + }; + + useEffect(() => { + priceRefs.current = priceRefs.current.slice(0, data?.length || 0); + weightRefs.current = weightRefs.current.slice(0, data?.length || 0); + imageRefs.current = imageRefs.current.slice(0, data?.length || 0); + }, [data]); + + useEffect(() => { + if (searchTerm) { + const filtered = tableData.filter((item) => + item.some((cell) => + String(cell).toLowerCase().includes(searchTerm.toLowerCase()) + ) + ); + setFilteredData(filtered); + } else { + setFilteredData(tableData); + } + }, [searchTerm, tableData]); + + const handleKeyDown = (e, index, fieldType) => { + if (e.key === "Enter") { + e.preventDefault(); + + if (fieldType === "price") { + const updatedPrices = [...prices]; + updatedPrices[index] = Number(e.target.value.replace(/,/g, "")); + setPrices(updatedPrices); + + if (weightRefs.current[index]) { + weightRefs.current[index].focus(); + } + } else if (fieldType === "weight") { + const updatedWeights = [...weights]; + updatedWeights[index] = Number(e.target.value.replace(/,/g, "")); + setWeights(updatedWeights); + + if (uploadPolicy?.killHouseAllocation || rowImages[index]) { + if (imageRefs.current[index]) { + imageRefs.current[index].focus(); + } + } else { + moveToNextField(index); + } + } + } + }; + + const moveToNextField = (currentIndex) => { + if (priceState?.active) { + let nextIndex = currentIndex + 1; + while (nextIndex < data.length) { + if (weightRefs.current[nextIndex]) { + weightRefs.current[nextIndex].focus(); + break; + } + nextIndex++; + } + + if (nextIndex >= data.length && weightRefs.current[0]) { + weightRefs.current[0]?.focus(); + } + } else { + let nextIndex = currentIndex + 1; + while (nextIndex < data.length) { + if (priceRefs.current[nextIndex]) { + priceRefs.current[nextIndex].focus(); + break; + } + nextIndex++; + } + + if (nextIndex >= data.length && priceRefs.current[0]) { + priceRefs.current[0]?.focus(); + } + } + }; + + const fetchUploadPolicy = () => { + dispatch( + provincePolicyGetUploadImageService({ + role_key: checkPathStartsWith("slaughter") ? selectedSubUser?.key : "", + }) + ).then((r) => { + if (r.payload?.data) { + setUploadPolicy(r.payload.data); + } + }); + }; + + const fetchPriceStatus = async () => { + dispatch( + slaughterGetPriceService({ + role: getRoleFromUrl(), + role_key: selectedSubUser?.key, + }) + ).then((r) => { + setPriceState(r.payload.data); + }); + }; + + const fetchApiData = async () => { + dispatch(LOADING_START()); + try { + const response = await axios.get( + `commonly-used/?search=filter&value=&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&page=1&page_size=10000` + ); + setrendered(true); + setData(response.data.results || []); + } catch (e) { + console.error(e); + } finally { + dispatch(LOADING_END()); + } + }; + + const handleRowImageChange = (images, index) => { + const newRowImages = [...rowImages]; + newRowImages[index] = images[0] + ? { + ...images[0], + base64: fixBase64(images[0]?.data_url), + } + : null; + setRowImages(newRowImages); + + if ( + (uploadPolicy?.killHouseAllocation && images[0]) || + !uploadPolicy?.killHouseAllocation + ) { + moveToNextField(index); + } + }; + + useEffect(() => { + const d = data?.map((item, i) => { + const getPrice = + parseInt(priceState?.active ? getPriceByRole() : prices[i]) * + parseInt(weights[i]); + return [ + i + 1, + item?.guild?.steward ? "مباشر" : "صنف", + `${item?.guild?.guildsName}/${item?.guild?.user?.fullname}/${item?.guild?.user?.city}/${item?.guild?.user?.mobile}`, + item?.exclusive ? "اختصاصی" : "آزاد", + handleKeyDown(e, i, "price")} + inputRef={(el) => (priceRefs.current[i] = el)} + variant="outlined" + style={{ width: 100 }} + />, + + { + handleKeyDown(e, i, "weight"); + }} + inputRef={(el) => (weightRefs.current[i] = el)} + variant="outlined" + style={{ width: 100 }} + />, + isNaN(getPrice) ? "وارد نشده! " : getPrice?.toLocaleString() + " ریال", +

+ handleRowImageChange(images, i)} + images={rowImages[i] ? [rowImages[i]] : []} + maxNumber={1} + title={"بارگزاری سند"} + required={uploadPolicy?.killHouseAllocation} + inputRef={(el) => (imageRefs.current[i] = el)} + /> + {uploadPolicy?.killHouseAllocation && !rowImages[i] && ( + + تصویر الزامی است + + )} +

, + + + handleDeleteItem(item.key)} /> + , + ]; + }); + + setTableData(d); + setFilteredData(d); + }, [data, prices, weights, priceState, rowImages, uploadPolicy]); + + useEffect(() => { + fetchApiData(); + fetchPriceStatus(); + fetchUploadPolicy(); + dispatch(slaughterGetProductsService()).then((r) => { + setSlaughterProducts(r.payload.data); + }); + }, [selectedSubUser?.key]); + + useEffect(() => { + const d = slaughterProducts?.map((item) => { + return [item?.name, item?.totalRemainWeight?.toLocaleString()]; + }); + + setProductsTable(d); + }, [slaughterProducts]); + + const handleDeleteItem = (key) => { + dispatch(slaughterDeleteDailyListService(key)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + + fetchApiData(1); + } + }); + }; + + const handleSendAllocate = () => { + const filteredData = data + ?.map((item, i) => { + const price = priceState?.active ? getPriceByRole() : prices[i]; + const weight = weights[i]; + + if (!price || !weight) return null; + + if (uploadPolicy?.killHouseAllocation && !rowImages[i]) { + return null; + } + + let d = { + seller_type: "KillHouse", + buyer_type: item?.guild?.steward ? "Steward" : "Guild", + guild_key: !item?.guild?.steward ? item?.guild?.key : null, + steward_key: item?.guild?.steward ? item?.guild?.key : null, + product_key: slaughterProducts[0]?.key, + type: "manual", + allocation_type: item?.guild?.steward + ? "killhouse_steward" + : "killhouse_guild", + number_of_carcasses: 0, + weight_of_carcasses: weight, + sell_type: "free", + amount: price, + total_amount: price * weight, + approved_price_status: priceState?.active, + date: moment(new Date()).format("YYYY-MM-DD"), + }; + + if (rowImages[i]) { + d.image = rowImages[i]?.base64; + } + + return Object.fromEntries( + Object.entries(d).filter(([_, value]) => value !== null) + ); + }) + .filter(Boolean); + + if (filteredData.length === 0) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا حداقل یک رکورد معتبر با عکس وارد کنید", + severity: "error", + }); + return; + } + + dispatch(submitBatchAllocationsService(filteredData)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + setPrices([]); + setWeights([]); + setRowImages([]); + fetchApiData(1); + fetchPriceStatus(); + fetchUploadPolicy(); + dispatch(slaughterGetProductsService()).then((r) => { + setSlaughterProducts(r.payload.data); + }); + } + }); + }; + + return ( + + + + + + + + + + + + + + + + مجموع وزن وارد شده + + + {weights?.length + ? weights.reduce((a, b) => a + b, 0).toLocaleString() + : "۰"} + + + + + وزن باقیمانده + a + b, 0) > + slaughterProducts[0]?.totalRemainWeight + ? "error" + : "text.secondary" + : "text.secondary" + } + > + {slaughterProducts?.[0]?.totalRemainWeight !== undefined + ? weights?.length + ? ( + slaughterProducts[0]?.totalRemainWeight - + weights.reduce((a, b) => a + b, 0) + ).toLocaleString() + : slaughterProducts[0]?.totalRemainWeight.toLocaleString() + : "۰"} + + + + + + + + + + + + + + + + پس از وارد کردن هر مقدار، کلید Enter را فشار دهید! + + + + + + + صرفا تخصیصاتی که هر دو مقدار قیمت و وزن آنها را وارد کنید ثبت خواهند + شد. + + + + + setSearchTerm(e.target.value)} + InputProps={{ + startAdornment: ( + + + + ), + }} + sx={{ mb: 2 }} + /> + + + {filteredData?.length ? ( + + {filteredData?.map((item, i) => ( + + + {item[0]} + + + + + ماهیت: + + + {item[1]} + + + + + + خریدار: + + + {item[2]} + + + + + + نوع فروش: + + + {item[3]} + + + + + + قیمت هرکیلو: + + + {item[4]} + + + + + + وزن لاشه: + + + {item[5]} + + + + + + قیمت کل: + + + {item[6]} + + + + + {item[7]} + + + + {item[8]} + + + + {!priceState?.active && + (!prices[i] || !weights[i]) && + (prices[i] || weights[i]) && ( + + لطفا همه موارد را وارد کنید و کلید Enter را بزنید + + )} + + + ))} + + ) : ( + + {!rendered + ? searchTerm + ? "نتیجه‌ای یافت نشد" + : "در حال بارگزاری..." + : "موردی یافت نشد!"} + + )} + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-edit-allocated-car/SlaughterEditAllocatedCar.js b/src/features/slaughter-house/components/slaughter-edit-allocated-car/SlaughterEditAllocatedCar.js new file mode 100644 index 0000000..5d4478c --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-edit-allocated-car/SlaughterEditAllocatedCar.js @@ -0,0 +1,239 @@ +import { useContext, useEffect } from "react"; +import { useDispatch } from "react-redux"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { + Autocomplete, + Button, + TextField, + FormControl, + FormHelperText, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { slaughterEditAllocatedCarService } from "../../services/slaughter-edit-allocated-car"; +import { useSlaughterHouseCars } from "../../../file/hooks/useSlaughterHouseCars"; +import { PropTypes } from "prop-types"; + +export const SlaughterEditAllocatedCar = ({ + item, + updateTable, + poultryRequestKey, + killHouseKey, + killRequestKey, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + // Get available cars + const slaughterHouseCars = useSlaughterHouseCars( + poultryRequestKey, + killHouseKey, + killRequestKey + ); + + const formik = useFormik({ + initialValues: { + car: null, + trafficCode: item?.trafficCode || "", + amount: item?.barAmount || "", + }, + validationSchema: Yup.object({ + car: Yup.object().nullable(), + trafficCode: Yup.string(), + amount: Yup.number().positive("قیمت باید عدد مثبت باشد").nullable(), + }), + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + // Set initial car if available + useEffect(() => { + if (slaughterHouseCars && item) { + const currentCar = slaughterHouseCars.find( + (car) => car.key === item.carKey + ); + if (currentCar) { + formik.setFieldValue("car", currentCar); + } + } + }, [slaughterHouseCars, item]); + + const handleSubmit = () => { + // Check if at least one field has a value + if ( + !formik.values.car && + !formik.values.trafficCode && + !formik.values.amount + ) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "لطفا حداقل یکی از فیلدها را پر کنید", + severity: "error", + }); + return; + } + + // Build request object + const requestData = { + key: item?.killHouseRequestKey, + }; + + // If user is updating car or traffic code, send all 3 parameters together + if (formik.values.car || formik.values.trafficCode) { + if (formik.values.car?.key && formik.values.car.key !== item?.carKey) { + requestData.car_key = formik.values.car.key; + } + + if ( + formik.values.trafficCode && + formik.values.trafficCode !== item?.trafficCode + ) { + requestData.traffic_code = formik.values.trafficCode; + } + + if (formik.values.amount && formik.values.amount !== item?.barAmount) { + requestData.amount = formik.values.amount; + } + } + // If user is updating only amount, send only amount + else if (formik.values.amount) { + requestData.amount = formik.values.amount; + } + + dispatch(slaughterEditAllocatedCarService(requestData)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "ویرایش با موفقیت انجام شد", + severity: "success", + }); + dispatch(CLOSE_MODAL()); + if (updateTable) updateTable(); + } + }); + }; + + return ( + + + { + if (car) { + const carType = car.type === "exclusive" ? "اختصاصی" : "اجاره ای"; + return `${car.driverName} (${car.driverMobile}) ${car.typeCar} پلاک ${car.pelak} (${carType})`; + } + return ""; + }} + value={formik.values.car} + onChange={(e, car) => { + formik.setFieldValue("car", car); + if (car?.healthCode) { + formik.setFieldValue("trafficCode", car.healthCode); + } + }} + onBlur={formik.handleBlur} + renderInput={(params) => ( + + )} + /> + + {formik.touched.car && Boolean(formik.errors.car) + ? formik.errors.car + : null} + + + + + + + + + + + + + + ); +}; + +SlaughterEditAllocatedCar.propTypes = { + item: PropTypes.object.isRequired, + updateTable: PropTypes.func, + poultryRequestKey: PropTypes.string, + killHouseKey: PropTypes.string, + killRequestKey: PropTypes.string, +}; diff --git a/src/features/slaughter-house/components/slaughter-edit-stock/SlaughterEditStock.js b/src/features/slaughter-house/components/slaughter-edit-stock/SlaughterEditStock.js new file mode 100644 index 0000000..189e58c --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-edit-stock/SlaughterEditStock.js @@ -0,0 +1,130 @@ +import { Button, TextField } from "@mui/material"; +import { useFormik } from "formik"; +import { useContext, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { Yup } from "../../../../lib/yup/yup"; +import { slaughterGetInventoryStock } from "../../services/salughter-get-inventory-stock"; +import { slaughterEditStockService } from "../../services/slaughter-edit-stock"; + +const NumberValidationSchema = Yup.object().shape({ + firstNumber: Yup.number() + .required("حجم لاشه ها الزامی می باشد") + .min(0, "Number must be greater than or equal to 0"), + secondNumber: Yup.number() + .required("موجودی وزن لاشه ها الزامی می باشد") + .min(0, "Number must be greater than or equal to 0"), +}); + +export const SlaughterEditStock = ({ inventoryKey, aveWeightOfCarcasses }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [, , selectedDate1] = useContext(AppContext); + + const { inventorySelectedKillHouse } = useSelector( + (state) => state.slaughterSlice + ); + + const formik = useFormik({ + initialValues: { + firstNumber: "", + secondNumber: "", + }, + validationSchema: NumberValidationSchema, + onSubmit: (values) => { + dispatch( + slaughterEditStockService({ + key: inventoryKey, + updated_number_of_carcasses: Number(values.firstNumber), + updated_weight_of_carcasses: Number(values.secondNumber), + }) + ).then((r) => { + dispatch( + slaughterGetInventoryStock({ + date: selectedDate1, + kill_house_key: inventorySelectedKillHouse, + }) + ); + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + useEffect(() => { + let quantity; + if (aveWeightOfCarcasses) { + quantity = formik.values.secondNumber / aveWeightOfCarcasses; + } else { + quantity = formik.values.secondNumber / 2; + } + formik.setFieldValue("firstNumber", Number(quantity).toFixed()); + }, [formik.values.secondNumber]); + + return ( + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-enter-bar-info/SlaghterEnterBarInfo.js b/src/features/slaughter-house/components/slaughter-enter-bar-info/SlaghterEnterBarInfo.js new file mode 100644 index 0000000..da759c6 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-enter-bar-info/SlaghterEnterBarInfo.js @@ -0,0 +1,44 @@ +import { Box, Grid, Tab, Tabs } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { useState } from "react"; +import { SlaughterManageBars } from "../slaughter-manage-bars/SlaughterManageBars"; +import { EnterAggregateLoadInformation } from "../enter-aggregate-load-information/EnterAggregateLoadInformation"; +import { EnterLoadInformation } from "../enter-load-information/EnterLoadInformation"; +import { SlaughterEnterNoneReciept } from "../slaughter-enter-none-receipt/SlaughterEnterNoneReciept"; + +export const SalughterEnterBarInfo = () => { + const [value, setValue] = useState(0); + + const handleChangeTab = (event, newValue) => { + setValue(newValue); + }; + + return ( + + + + + + + + + + {value === 0 && } + {value === 1 && } + {value === 2 && } + {value === 3 && } + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-enter-information-modal/SlaughterEnterInformationModal.js b/src/features/slaughter-house/components/slaughter-enter-information-modal/SlaughterEnterInformationModal.js new file mode 100644 index 0000000..ec0ed9a --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-enter-information-modal/SlaughterEnterInformationModal.js @@ -0,0 +1,122 @@ +import { + Box, + Button, + Typography, + Stack, + Divider, + TextField, +} from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { format } from "date-fns-jalali"; + +export const SlaughterEnterInformationModal = ({ handleSubmit, item }) => { + const validationSchema = Yup.object({ + message: Yup.string().required("پیام الزامی است"), + }); + + const formik = useFormik({ + initialValues: { + message: "", + }, + validationSchema, + onSubmit: (values) => { + handleSubmit(values); + }, + }); + + return ( + + + + + + + کدبار: + {item?.barCode || "-"} + + + + تاریخ کشتار: + + {item?.poultryRequest.sendDate + ? format( + new Date(item?.poultryRequest.sendDate), + "yyyy/MM/dd" + ) + : "-"} + + + + + خریدار: + {`${item.killhouseUser?.name}(${item.killhouseUser?.killHouseOperator?.user?.mobile})`} + + + + + + + + مرغدار: + {`${item.poultryRequest?.poultry?.unitName}`} + + + + کد سفارش: + + {item?.poultryRequest.orderCode} + + + + + تعداد اولیه: + + {item.quantity?.toLocaleString()} (قطعه) + + + + وزن : + + {item?.weightInfo?.weight?.toLocaleString()} (کیلوگرم) + + + + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-enter-information-operation/SlaughterEnterInformationOperation.js b/src/features/slaughter-house/components/slaughter-enter-information-operation/SlaughterEnterInformationOperation.js new file mode 100644 index 0000000..fe5c336 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-enter-information-operation/SlaughterEnterInformationOperation.js @@ -0,0 +1,145 @@ +import { IconButton, Popover, Tooltip } from "@mui/material"; +import { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import TuneIcon from "@mui/icons-material/Tune"; +import EditIcon from "@mui/icons-material/Edit"; +import { SlaughterEnterBarWeight } from "../../../file/components/slaughter-enter-bar-weight/SlaughterEnterBarWeight"; +import { Grid } from "../../../../components/grid/Grid"; +import ReceiptLongIcon from "@mui/icons-material/ReceiptLong"; +import { SlaughterEnterInformationModal } from "../slaughter-enter-information-modal/SlaughterEnterInformationModal"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterUpdateNoneRecieptService } from "../../services/slaughter-update-none-recipt"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +export const SlaughterEnterInformationOperation = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const handleSubmit = (values) => { + dispatch( + slaughterUpdateNoneRecieptService({ + non_receipt: true, + main_non_receipt: true, + non_receipt_message: values.message, + key: item.key, + role: getRoleFromUrl(), + }) + ).then((r) => { + dispatch(CLOSE_MODAL()); + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + handleClose(); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات عدم وصول با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }; + + return ( + + + + + + + + { + handleClose(); + dispatch( + DRAWER({ + title: "انجام عملیات", + top: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + + + + 0} + onClick={() => { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "عدم وصول", + content: ( + + ), + }) + ); + }} + aria-label="delete" + color="primary" + > + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-enter-none-receipt/SlaughterEnterNoneReciept.js b/src/features/slaughter-house/components/slaughter-enter-none-receipt/SlaughterEnterNoneReciept.js new file mode 100644 index 0000000..80f2ac3 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-enter-none-receipt/SlaughterEnterNoneReciept.js @@ -0,0 +1,473 @@ +import { useContext, useEffect, useState, useMemo, useCallback } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import axios from "axios"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Button, TextField, Tooltip } from "@mui/material"; +import { VetFarmEditTrafficCode } from "../../../vet-farm/components/vet-farm-edit-traffic-code/VetFarmEditTrafficCode"; +import { format } from "date-fns-jalali"; +import { SlaughterNoneRecieptOperation } from "../slaughter-none-reciept-operation/SlaughterNoneRecieptOperation"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import moment from "moment"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DatePicker } from "@mui/x-date-pickers"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +// Constants +const ROLES = { + PROVINCE_OPERATOR: "ProvinceOperator", + SUPER_ADMIN: "SuperAdmin", + ADMIN_X: "AdminX", + SUPPORTER: "Supporter", + VET_SUPERVISOR: "VetSupervisor", + VET_FARM: "VetFarm", + CITY_VET: "CityVet", +}; + +const KILL_TYPES = { + FREEZING: "انجماد", + EXPORT: "صادرات", + NORMAL: "عادی", +}; + +const SALE_TYPES = { + FREE: "آزاد", + GOVERNMENT: "دولتی", +}; + +const NON_RECEIPT_STATES = { + ACCEPTED: "تایید شده", + REJECTED: "رد شده", + PENDING: "درانتظار تایید", +}; + +const DEFAULT_PER_PAGE = 10; +const DEFAULT_PAGE = 1; + +// Helper functions +const formatDate = (date) => { + if (!date) return "-"; + return format(new Date(date), "yyyy/MM/dd"); +}; + +const formatCurrency = (value) => { + return value ? `${value.toLocaleString()} ﷼` : "-"; +}; + +const formatNumber = (value) => { + return value ? value.toLocaleString() : "-"; +}; + +const formatUserInfo = (name, mobile) => { + return name && mobile ? `${name} (${mobile})` : "-"; +}; + +const getKillType = (item) => { + if (item?.poultryRequest?.freezing) return KILL_TYPES.FREEZING; + if (item?.poultryRequest?.export) return KILL_TYPES.EXPORT; + return KILL_TYPES.NORMAL; +}; + +const getSaleType = (item) => { + return item?.poultryRequest?.freeSaleInProvince + ? SALE_TYPES.FREE + : SALE_TYPES.GOVERNMENT; +}; + +const getNonReceiptState = (item) => { + if (item?.nonReceiptState === "accepted") return NON_RECEIPT_STATES.ACCEPTED; + if (item?.nonReceiptState === "rejected") return NON_RECEIPT_STATES.REJECTED; + return NON_RECEIPT_STATES.PENDING; +}; + +const formatCheckerInfo = (checker, mobile) => { + return checker && mobile ? `${checker}(${mobile})` : "-"; +}; + +const buildApiUrl = (params) => { + const { textValue, role, date1, date2, page, perPage, roleKey } = params; + const baseUrl = "non-receipt-request/"; + const queryParams = new URLSearchParams({ + search: "filter", + value: textValue || "", + role: role || "", + date1: date1 || "", + date2: date2 || "", + page: page || DEFAULT_PAGE, + page_size: perPage || DEFAULT_PER_PAGE, + }); + + if (roleKey) { + queryParams.append("role_key", roleKey); + } + + return `${baseUrl}?${queryParams.toString()}`; +}; + +const buildExcelUrl = (params) => { + const { baseURL, role, roleKey, userKey, textValue, date1, date2 } = params; + const queryParams = new URLSearchParams({ + role: role || "", + key: userKey || "", + search: "filter", + value: textValue || "", + date1: date1 || "", + date2: date2 || "", + }); + + if (roleKey) { + queryParams.append("role_key", roleKey); + } + + return `${baseURL}non_receipt_request_excel/?${queryParams.toString()}`; +}; + +const isTrafficCodeEditable = (role, item) => { + const adminRoles = [ + ROLES.PROVINCE_OPERATOR, + ROLES.SUPER_ADMIN, + ROLES.ADMIN_X, + ROLES.SUPPORTER, + ROLES.VET_SUPERVISOR, + ]; + + if (adminRoles.includes(role)) { + return true; + } + + const vetRoles = [ROLES.VET_FARM, ROLES.CITY_VET]; + return ( + item.trash !== true && + item.assignmentStateArchive === "pending" && + !item?.clearanceCode && + vetRoles.includes(role) + ); +}; + +export const SlaughterEnterNoneReciept = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [openNotif] = useContext(AppContext); + + // Redux + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const dispatch = useDispatch(); + + // State + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(DEFAULT_PER_PAGE); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(DEFAULT_PAGE); + const [tableData, setTableData] = useState([]); + + // Memoized values + const currentRole = useMemo(() => getRoleFromUrl(), []); + const roleKey = useMemo( + () => (checkPathStartsWith("slaughter") ? selectedSubUser?.key || "" : ""), + [selectedSubUser?.key] + ); + + // Fetch API data + const fetchApiData = useCallback( + async (pageNumber = page) => { + dispatch(LOADING_START()); + try { + const url = buildApiUrl({ + textValue, + role: currentRole, + date1: selectedDate1, + date2: selectedDate2, + page: pageNumber || DEFAULT_PAGE, + perPage, + roleKey, + }); + + const response = await axios.get(url); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }, + [ + textValue, + currentRole, + selectedDate1, + selectedDate2, + perPage, + roleKey, + page, + dispatch, + ] + ); + + // Update table callback + const updateTable = useCallback(() => { + fetchApiData(DEFAULT_PAGE); + setPage(DEFAULT_PAGE); + }, [fetchApiData]); + + // Handlers + const handlePageChange = (newPage) => { + fetchApiData(newPage); + setPage(newPage); + }; + + const handlePerRowsChange = (newPerRows) => { + setPerPage(newPerRows); + setPage(DEFAULT_PAGE); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + await fetchApiData(DEFAULT_PAGE); + setPage(DEFAULT_PAGE); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleDateChange1 = (date) => { + if (date) { + setSelectedDate1(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleDateChange2 = (date) => { + if (date) { + setSelectedDate2(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleExcelDownload = useCallback(() => { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.", + severity: "success", + }); + + const excelUrl = buildExcelUrl({ + baseURL: axios.defaults.baseURL, + role: currentRole, + roleKey, + userKey, + textValue, + date1: selectedDate1, + date2: selectedDate2, + }); + + window.location.href = excelUrl; + }, [ + openNotif, + currentRole, + roleKey, + userKey, + textValue, + selectedDate1, + selectedDate2, + ]); + + // Initial data fetch and refetch when filters change + useEffect(() => { + fetchApiData(DEFAULT_PAGE); + setPage(DEFAULT_PAGE); + }, [selectedDate1, selectedDate2, perPage, roleKey, selectedSubUser?.key]); + + // Transform data to table format + useEffect(() => { + const transformedData = data?.map((item, i) => { + const rowNumber = + page === DEFAULT_PAGE ? i + 1 : i + perPage * (page - 1) + 1; + + return [ + rowNumber, + , + , + item?.barCode || "-", + , + formatCurrency(item?.amount), + formatDate(item?.poultryRequest?.sendDate), + formatUserInfo( + item.killhouseUser?.name, + item.killhouseUser?.killHouseOperator?.user?.mobile + ), + item?.killer + ? formatUserInfo( + item.killer?.name, + item.killer?.killHouseOperator?.user?.mobile + ) + : "-", + formatUserInfo( + item.poultryRequest?.poultry?.unitName, + item.poultryRequest?.poultry?.user?.mobile + ), + item?.poultryRequest?.age || "-", + formatNumber(item.quantity), + formatNumber(item?.weightInfo?.weight), + formatCurrency(item?.poultryRequest?.amount), + formatCurrency(item?.weightInfo?.killHousePrice), + `${item.addCar?.driver?.typeCar || ""} ${ + item.addCar?.driver?.pelak || "" + }`.trim() || "-", + formatUserInfo( + item.addCar?.driver?.driverName, + item.addCar?.driver?.driverMobile + ), + formatNumber(item.vetAcceptedRealQuantity), + formatNumber(item.vetAcceptedRealWeight), + item?.poultryRequest?.orderCode || "-", + getKillType(item), + getSaleType(item), + getNonReceiptState(item), + item?.nonReceiptMessage || "-", + formatJustDate(item?.nonReceiptCheckDate) || "-", + formatCheckerInfo( + item?.nonReceiptChecker, + item?.nonReceiptCheckerMobile + ), + item?.message || "-", + , + ]; + }); + + setTableData(transformedData || []); + }, [data, page, perPage, currentRole, fetchApiData, updateTable]); + + // Table columns + const tableColumns = [ + "ردیف", + "بارنامه خالی", + "بارنامه پر", + "کدبار", + "کد بهداشتی حمل و نقل", + "قیمت مرغ زنده‌ی بار", + "تاریخ کشتار", + "خریدار", + "کشتارکن اختصاصی", + "مرغدار", + "سن مرغ", + "تعداد اولیه", + "وزن اولیه بار (کیلوگرم)", + "قیمت مرغدار", + "قیمت کشتارگاه", + "ماشین", + "راننده", + "تحویلی دامپزشک (قطعه)", + "وزن تحویلی دامپزشک (کیلوگرم)", + "کدسفارش کشتار", + "نوع کشتار", + "نوع فروش", + "وضعیت عدم وصول", + "توضیحات کشتارگاه", + "تاریخ (تایید / رد)", + "بررسی کننده", + "توضیحات بررسی کننده", + "عملیات", + ]; + + return ( + + + + + ( + + )} + value={selectedDate1} + onChange={handleDateChange1} + /> + + + ( + + )} + value={selectedDate2} + onChange={handleDateChange2} + /> + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-export-options/SlaughterExportOptions.js b/src/features/slaughter-house/components/slaughter-export-options/SlaughterExportOptions.js new file mode 100644 index 0000000..0c1b6a0 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-export-options/SlaughterExportOptions.js @@ -0,0 +1,132 @@ +import React, { useContext, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { IconButton, Popover, Tooltip } from "@mui/material"; +import TuneIcon from "@mui/icons-material/Tune"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterSubmitExport } from "../slaughter-submit-export/SlaughterSubmitExport"; +import EditIcon from "@mui/icons-material/Edit"; +import { useDispatch } from "react-redux"; +import { slaughterDeleteFreeBuyService } from "../../services/slaughter-delete-free-buy"; +import { AppContext } from "../../../../contexts/AppContext"; +import DeleteIcon from "@mui/icons-material/Delete"; + +export const SlaughterExportOptions = ({ item, updateTable }) => { + const dispatch = useDispatch(); + + const [anchorEl, setAnchorEl] = useState(null); + + const [openNotif] = useContext(AppContext); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( + + + + + +

+ + + { + handleClose(); + dispatch( + DRAWER({ + title: "ویرایش درخواست صادرات", + content: ( + + ), + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + }) + ); + }} + > + + + + + + { + dispatch(slaughterDeleteFreeBuyService(item.key)).then( + (r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + } + ); + }} + > + + + + + {/* + + + + */} + +

+ + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-export/SlaughterExport.js b/src/features/slaughter-house/components/slaughter-export/SlaughterExport.js new file mode 100644 index 0000000..2634b4d --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-export/SlaughterExport.js @@ -0,0 +1,383 @@ +import React, { useContext, useEffect, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import moment from "moment"; +import axios from "axios"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { useDispatch, useSelector } from "react-redux"; +import { Button, Tab, Tabs, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { slaughterGetExportAllowState } from "../../services/slaughter-get-export-allow-state"; +import { SlaughterSubmitExport } from "../slaughter-submit-export/SlaughterSubmitExport"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { SlaughterExportOptions } from "../slaughter-export-options/SlaughterExportOptions"; +import { EnterAuthCodeDirectBuy } from "../enter-auth-code-direct-buy/EnterAuthCodeDirectBuy"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { RiSearchLine } from "react-icons/ri"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterExport = () => { + const dispatch = useDispatch(); + const [exportData, setExportData] = useState(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + useEffect(() => { + dispatch( + slaughterGetExportAllowState({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setExportData(r.payload.data); + }); + }, [selectedSubUser?.key]); + + const [activeTab, setActiveTab] = useState(0); + + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [tableDataArchive, setTableDataArchive] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `kill_request/?export=true&type=${ + activeTab === 0 ? "pending" : "archive" + }&search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedSubUser?.key, selectedDate1, selectedDate2, perPage, activeTab]); + + const getItemState = (item) => { + let state = ""; + if (item.exportState === "pending") { + state = "در انتظار تایید"; + } else if (item.exportState === "rejected") { + state = "رد شده"; + } else if (item.exportState === "accepted") { + state = "تایید شده"; + } else if (item.exportState === "deleted") { + state = "حذف شده"; + } + return state; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.createDate), + formatJustDate(item.reciveDate), + `${item.killHouse.name} (${item.killHouse.killHouseOperator.user.mobile})`, + item?.slaughterHouse + ? item?.slaughterHouse?.name + : item?.killHouse?.name, + item?.exportCountry, + `${item?.poultry?.userprofile?.fullName} (${item?.poultry?.userprofile?.mobile})`, + item.killCapacity, + item.IndexWeight, + (item.IndexWeight * item.killCapacity)?.toLocaleString(), + <> + {item?.inputDirectBuyingCode ? ( + item?.inputDirectBuyingCode + ) : ( + + )} + , + getItemState(item), + + activeTab === 0 ? ( + + ) : ( + "-" + ), + ]; + }); + + setTableData(d); + + const a = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.createDate), + formatJustDate(item.reciveDate), + `${item.killHouse.name} (${item.killHouse.killHouseOperator.user.mobile})`, + item?.slaughterHouse + ? item?.slaughterHouse?.name + : item?.killHouse?.name, + item?.exportCountry, + `${item?.poultry?.userprofile?.fullName} (${item?.poultry?.userprofile?.mobile})`, + item.killCapacity, + item.IndexWeight, + (item.IndexWeight * item.killCapacity)?.toLocaleString(), + getItemState(item), + item?.acceptRejectDate ? formatTime(item?.acceptRejectDate) : "-", + item?.directBuyingMessage, + ]; + }); + + setTableDataArchive(a); + }, [data]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill_request/?export=true&type=${ + activeTab === 0 ? "pending" : "archive" + }&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + return ( + + + + + + + + + +

+ + {activeTab === 0 ? ( + + ) : ( + + )} + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-factors/SlaughterFactors.js b/src/features/slaughter-house/components/slaughter-factors/SlaughterFactors.js new file mode 100644 index 0000000..01cb164 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-factors/SlaughterFactors.js @@ -0,0 +1,285 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { slaughterFactorsService } from "../../services/slaughter-factors"; +import PaymentIcon from "@mui/icons-material/Payment"; +import { Button, IconButton, TextField, Typography } from "@mui/material"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { SlaughterPayFactor } from "../slaughter-pay-factor/SlaughterPayFactor"; +import { Grid } from "../../../../components/grid/Grid"; +import { slaughterDeleteFactorService } from "../../services/slaughter-delete-factor"; +import { AppContext } from "../../../../contexts/AppContext"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment/moment"; + +export const SlaughterFactorsComponent = () => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const { slaughterFactors } = useSelector((state) => state.slaughterSlice); + const [dataTable, setDataTable] = useState([]); + const [archiveDataTable, setArchiveDataTable] = useState([]); + + useEffect(() => { + const d = slaughterFactors + ?.filter((item) => item.state === "pending") + .map((item) => { + let state; + switch (item.state) { + case "pending": + state = "در انتظار پرداخت"; + break; + case "paid": + state = "پرداخت شده"; + break; + case "unpaid": + state = "پرداخت نشده"; + break; + default: + state = "در انتظار پرداخت"; + } + return [ + item?.killRequest?.slaughterHouse?.name + ? item?.killRequest?.slaughterHouse?.name + : item?.killRequest?.killHouse?.name, + formatJustDate(item?.createDate), + item?.killRequest?.IndexWeight, + item.killRequest.oldChickenBreed + ? item.killRequest.oldChickenBreed + : item?.killRequest?.chickenBreed, + item.killRequest.chickenBreed, + item.killRequest.provinceQuantity + ? item.killRequest.provinceQuantity.toLocaleString() + : item.killRequest.killCapacity?.toLocaleString(), + item.killRequest.provinceQuantity + ? item.killRequest.killCapacity?.toLocaleString() + : 0, + item?.amount.toLocaleString() + " ﷼", + item?.minimumAmount.toLocaleString() + " ﷼", + state, + { + dispatch( + DRAWER({ + title: "پرداخت فاکتور", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: , + }) + ); + }} + > + + , + { + dispatch( + OPEN_MODAL({ + title: "لغو سفارش", + content: ( + + + + در صورت لغو فاکتور درخواست اولیه شما هم لغو می گردد. + + + + + + + ), + }) + ); + }} + > + + , + ]; + }); + setDataTable(d); + + const c = slaughterFactors + ?.filter((item) => item.state === "paid" || item.state === "unpaid") + .map((item) => { + let state; + switch (item.state) { + case "pending": + state = "در انتظار پرداخت"; + break; + case "paid": + state = "پرداخت شده"; + break; + case "unpaid": + state = "پرداخت نشده"; + break; + default: + state = "در انتظار پرداخت"; + } + return [ + item?.killRequest?.slaughterHouse?.name + ? item?.killRequest?.slaughterHouse?.name + : item?.killRequest?.killHouse?.name, + formatJustDate(item?.createDate), + item?.killRequest?.IndexWeight, + item.killRequest.oldChickenBreed + ? item.killRequest.oldChickenBreed + : item?.killRequest?.chickenBreed, + item.killRequest.chickenBreed, + item.killRequest.provinceQuantity + ? item.killRequest.provinceQuantity.toLocaleString() + : item.killRequest.killCapacity?.toLocaleString(), + item.killRequest.provinceQuantity + ? item.killRequest.killCapacity?.toLocaleString() + : 0, + item?.amount.toLocaleString() + " ﷼", + item?.minimumAmount.toLocaleString() + " ﷼", + state, + ]; + }); + setArchiveDataTable(c); + }, [slaughterFactors]); + + useEffect(() => { + dispatch(slaughterFactorsService({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + return ( + + + + + فاکتور همراه با ثبت درخواست کشتار + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + columns={[ + "کاربر", + "تاریخ درخواست", + "وزن", + "نژاد درخواستی", + "نژاد تایید شده", + "تعداد درخواستی", + "تعداد تایید شده", + "مبلغ پیش فاکتور", + "حداقل پرداختی (70%)", + "وضعیت", + "پرداخت", + "لغو سفارش", + ]} + data={dataTable} + /> + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-final-factors/SlaughterFinalFactors.js b/src/features/slaughter-house/components/slaughter-final-factors/SlaughterFinalFactors.js new file mode 100644 index 0000000..bb55827 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-final-factors/SlaughterFinalFactors.js @@ -0,0 +1,130 @@ +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import PaymentIcon from "@mui/icons-material/Payment"; +import { IconButton, TextField, Typography } from "@mui/material"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterPayFactor } from "../slaughter-pay-factor/SlaughterPayFactor"; +import { slaughterFinalFactorsService } from "../../services/slaughter-final-factors"; +import { Grid } from "../../../../components/grid/Grid"; +import { DatePicker } from "@mui/x-date-pickers"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import moment from "moment/moment"; + +export const SlaughterFinalFactorsComponent = () => { + const dispatch = useDispatch(); + const { slaughterFinalFactors } = useSelector( + (state) => state.slaughterSlice + ); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const [dataFinalFactorsTable, setDataFinalFactorsTable] = useState([]); + + useEffect(() => { + const c = slaughterFinalFactors?.map((item) => { + let state; + switch (item.paidState) { + case "pending": + state = "در انتظار پرداخت"; + break; + case "paid": + state = "پرداخت شده"; + break; + default: + state = "در انتظار پرداخت"; + } + return [ + item?.factorBarCode, + state, + item?.factorFee.toLocaleString() + " ﷼", + item?.totalPrice.toLocaleString() + " ﷼", + item?.totalWeight, + { + dispatch( + DRAWER({ + title: "پرداخت فاکتور", + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + content: ( + + ), + }) + ); + }} + > + + , + ]; + }); + setDataFinalFactorsTable(c); + }, [slaughterFinalFactors]); + + useEffect(() => { + dispatch(slaughterFinalFactorsService({ selectedDate1, selectedDate2 })); + }, [selectedDate1, selectedDate2]); + + return ( + + + + + فاکتور نهایی + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + } + columns={[ + "کدبار", + "وضعیت", + "قیمت هرکیلو", + "قابل پرداخت", + "وزن", + "پرداخت", + ]} + data={dataFinalFactorsTable} + /> + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-free-bars-alives-operations/SlaughterFreeBarsAlivesOperations.js b/src/features/slaughter-house/components/slaughter-free-bars-alives-operations/SlaughterFreeBarsAlivesOperations.js new file mode 100644 index 0000000..9eea470 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-free-bars-alives-operations/SlaughterFreeBarsAlivesOperations.js @@ -0,0 +1,144 @@ +import { Button, IconButton, Popover } from "@mui/material"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { slaughterDeleteInventoryFreeBarService } from "../../services/slaughter-delete-inventory-free-bar"; +import { SlaughterSubmitFreeBar } from "../slaughter-submit-free-bar/SlaughterSubmitFreeBar"; +import { SlaughterSubmitRealInventoryFreeBar } from "../slaughter-submit-real-inventory-free-bar/SLaughterSubmitRealInverntoryFreeBar"; +import TuneIcon from "@mui/icons-material/Tune"; +import { fetchSlaughterBroadcastAndProducts } from "../../services/handle-fetch-slaughter-products"; + +export const SlaughterFreeBarsAlivesOperations = ({ + item, + updateTable, + barState, + type, +}) => { + const dispatch = useDispatch(); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const ableToSeeDelete = () => { + if (type === "carcass" || item?.buyType !== "live") { + return true; + } else { + if (!barState && !item.weightOfCarcasses) { + return true; + } else { + return false; + } + } + }; + + const isAbleToSee = + item?.registerType === "automatic" + ? false + : item.weightOfCarcasses && !barState && item?.buyType === "live"; + + return ( +

+ + + + +

+ + {barState === "entered" && item?.registerType === "automatic" && ( + + )} + {(barState === "entered" + ? item?.registerType !== "automatic" + : true) && ( + + )} + + {ableToSeeDelete() && item?.registerType !== "automatic" && ( + + )} + +

+ +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-free-bars-operations/SlaughterFreeBarsOperations.js b/src/features/slaughter-house/components/slaughter-free-bars-operations/SlaughterFreeBarsOperations.js new file mode 100644 index 0000000..75b4f41 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-free-bars-operations/SlaughterFreeBarsOperations.js @@ -0,0 +1,178 @@ +import { + IconButton, + Popover, + List, + ListItem, + ListItemButton, + Typography, + ListItemIcon, +} from "@mui/material"; +import { useState } from "react"; +import { useDispatch } from "react-redux"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { slaughterDeleteInventoryFreeBarService } from "../../services/slaughter-delete-inventory-free-bar"; +import { SlaughterSubmitFreeBar } from "../slaughter-submit-free-bar/SlaughterSubmitFreeBar"; +import { SlaughterSubmitRealInventoryFreeBar } from "../slaughter-submit-real-inventory-free-bar/SLaughterSubmitRealInverntoryFreeBar"; +import TuneIcon from "@mui/icons-material/Tune"; +import { fetchSlaughterBroadcastAndProducts } from "../../services/handle-fetch-slaughter-products"; +import EditOutlinedIcon from "@mui/icons-material/EditOutlined"; +import Inventory2OutlinedIcon from "@mui/icons-material/Inventory2Outlined"; +import DeleteOutlineOutlinedIcon from "@mui/icons-material/DeleteOutlineOutlined"; + +export const SlaughterFreeBarsOperations = ({ + item, + updateTable, + barState, + type, +}) => { + const dispatch = useDispatch(); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const ableToSeeUpdate = () => { + if (item?.buyType === "live") { + return !item.weightOfCarcasses && !barState; + } else { + return false; + } + }; + const ableToSeeDelete = () => { + if (type === "carcass" || item?.buyType !== "live") { + return true; + } else { + if (!barState && !item.weightOfCarcasses) { + return true; + } else { + return false; + } + } + }; + + const isAbleToSee = + item?.registerType === "automatic" + ? false + : item.weightOfCarcasses && !barState && item?.buyType === "live"; + + return ( +

+ + + + + + {(ableToSeeUpdate() || item?.registerType === "automatic") && ( + + { + handleClose(); + dispatch( + DRAWER({ + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + title: "ویرایش بار آزاد", + content: ( + + ), + }) + ); + }} + > + + + + ویرایش + + + )} + {barState && item?.registerType === "manual" && ( + + { + handleClose(); + dispatch( + OPEN_MODAL({ + title: "ثبت اطلاعات لاشه ورودی به انبار", + content: ( + + ), + }) + ); + }} + > + + + + + {barState === "entered" ? "ویرایش" : "ورود به انبار"} + + + + )} + + {ableToSeeDelete() && item?.registerType !== "automatic" && ( + + { + handleClose(); + dispatch( + slaughterDeleteInventoryFreeBarService(item.key) + ).then(() => { + updateTable(); + dispatch(fetchSlaughterBroadcastAndProducts()); + }); + }} + > + + + + + حذف + + + + )} + + +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-free-buy-archive/SlaughterFreeBuyArchive.js b/src/features/slaughter-house/components/slaughter-free-buy-archive/SlaughterFreeBuyArchive.js new file mode 100644 index 0000000..81ff971 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-free-buy-archive/SlaughterFreeBuyArchive.js @@ -0,0 +1,215 @@ +import { Tooltip } from "@mui/material"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import axios from "axios"; +import moment from "moment/moment"; +import { useContext, useEffect, useState } from "react"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SPACING } from "../../../../data/spacing"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { RiSearchLine } from "react-icons/ri"; +import { slaughterGetFreeBuyRequests } from "../../services/slaughter-get-free-buy-requests"; + +export const SlaughterFreeBuyArchive = () => { + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const dispatch = useDispatch(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const fetchApiData = async (page) => { + try { + const response = await dispatch( + slaughterGetFreeBuyRequests({ + date1: selectedDate1, + date2: selectedDate2, + value: textValue || "", + type: "archive", + page: page, + page_size: perPage, + }) + ); + if (response.payload?.data) { + setData(response.payload.data.results); + setTotalRows(response.payload.data.count); + } + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + try { + const response = await dispatch( + slaughterGetFreeBuyRequests({ + date1: selectedDate1, + date2: selectedDate2, + value: textValue || "", + type: "archive", + }) + ); + if (response.payload?.data) { + setData(response.payload.data.results); + setTotalRows(response.payload.data.count); + } + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const getItemState = (item) => { + let state = ""; + if (item.directBuyingState === "pending") { + state = "در انتظار تایید"; + } else if (item.directBuyingState === "rejected") { + state = "رد شده"; + } else if (item.directBuyingState === "accepted") { + state = "تایید شده"; + } else if (item.directBuyingState === "deleted") { + state = "حذف شده"; + } + return state; + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage, textValue, dispatch]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + formatJustDate(item?.createDate), + formatJustDate(item.reciveDate), + `${item.killHouse.name} (${item.killHouse.killHouseOperator.user.mobile})`, + item?.slaughterHouse + ? item?.slaughterHouse?.name + : item?.killHouse?.name, + `${item?.poultry?.userprofile?.fullName} (${item?.poultry?.userprofile?.mobile})`, + `${item.chickenBreed ? item.chickenBreed : "-"}`, + item.killCapacity, + item.IndexWeight, + (item.IndexWeight * item.killCapacity)?.toLocaleString(), + item?.inputDirectBuyingCode, + getItemState(item), + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-free-buy-bars/SlaughterFreeBuyBars.js b/src/features/slaughter-house/components/slaughter-free-buy-bars/SlaughterFreeBuyBars.js new file mode 100644 index 0000000..54d523b --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-free-buy-bars/SlaughterFreeBuyBars.js @@ -0,0 +1,776 @@ +import React, { useContext, useEffect, useState } from "react"; +import moment from "moment"; +import axios from "axios"; +import { useDispatch, useSelector } from "react-redux"; +import { + Button, + IconButton, + Tab, + Tabs, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + CLOSE_MODAL, + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SlaughterFreeBarsOperations } from "../slaughter-free-bars-operations/SlaughterFreeBarsOperations"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { SlaughterSubmitFreeBar } from "../slaughter-submit-free-bar/SlaughterSubmitFreeBar"; +import { SlaughterHouseVetBarsOperation } from "../../../slaughter-house-vet/components/slaughter-house-vet-bars-operation/SlaughterHouseVetBarsOperation"; +import { RiFileExcel2Fill } from "react-icons/ri"; +import { slaughterGetProfile } from "../../services/slaughter-get-profile"; +import { vetFarmGetOutProvinceDashboard } from "../../../vet-farm/services/vet-farm-get-out-province-dashboard"; +import { RiSearchLine } from "react-icons/ri"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; +import { slaughterDeleteInventoryFreeBarService } from "../../services/slaughter-delete-inventory-free-bar"; +import { slaughterReturnEnteredFreeBarService } from "../../services/slaughter-return-entered-free-bar"; +import DeleteIcon from "@mui/icons-material/Delete"; +import UndoIcon from "@mui/icons-material/Undo"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterFreeBuyBars = ({ isBarManagemen }) => { + const [activeTab, setActiveTab] = useState(0); + const [tableDataArchive, setTableDataArchive] = useState([]); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + const [dashboardData, setDashboardData] = useState([]); + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const getDashboardData = () => { + dispatch( + vetFarmGetOutProvinceDashboard({ + date1: selectedDate1, + date2: selectedDate2, + search: "filter", + role: getRoleFromUrl(), + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + value: textValue, + type: activeTab === 0 ? "live" : "carcass", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const { inventorySelectedKillHouse } = useSelector( + (state) => state.slaughterSlice + ); + + useEffect(() => { + dispatch( + slaughterGetProfile({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedSubUser?.key]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `kill_house_free_bar/?type=${ + activeTab === 0 ? "live" : "carcass" + }&search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&date_type=buy` + ); + getDashboardData(); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + setPage(1); + fetchApiData(1); + getDashboardData(); + }; + + useEffect(() => { + fetchApiData(1); + }, [selectedSubUser?.key]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.registerType === "automatic" ? "سیستمی" : "دستی", + item?.barCode || "-", + formatJustDate(item.createDate), + `${item?.killHouse?.name} (${item?.killHouse?.killHouseOperator?.user?.mobile})`, + item?.exclusiveKiller + ? `${item?.exclusiveKiller?.name} (${item?.exclusiveKiller?.killHouseOperator?.user?.mobile})` + : "-", + item.buyType === "live" ? "مرغ زنده" : "لاشه", + item.poultryName, + `${item.province}/${item.city}`, + , + item.car || "-", + item?.driverName || "-", + + item?.driverMobile || "-", + formatJustDate(item.date), + + item.numberOfCarcasses.toLocaleString(), + item.weightOfCarcasses.toLocaleString(), + , + <> + {getRoleFromUrl() === "KillHouse" ? ( + + ) : ( + + )} + , + ]; + }); + + setTableData(d); + + const getInformation = (item) => { + if (getRoleFromUrl() === "AdminX" || getRoleFromUrl() === "SuperAdmin") { + return [ + + + { + dispatch( + OPEN_MODAL({ + title: "بازگشت بار", + content: ( + + + آیا از بازگشت بار از انبار اطمینان دارید؟ + + + + + + + + + + + ), + }) + ); + }} + > + + + + , + ]; + } else { + return []; + } + }; + + const a = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.registerType === "automatic" ? "سیستمی" : "دستی", + item?.barCode || "-", + formatJustDate(item.createDate), + formatJustDate(item.registerDate) || "-", + `${item?.killHouse?.name} (${item?.killHouse?.killHouseOperator?.user?.mobile})`, + item?.exclusiveKiller + ? `${item?.exclusiveKiller?.name} (${item?.exclusiveKiller?.killHouseOperator?.user?.mobile})` + : "-", + item.buyType === "live" ? "مرغ زنده" : "لاشه", + + item.poultryName, + `${item.province}/${item.city}`, + , + item.car || "-", + item?.driverName || "-", + item?.driverMobile || "-", + item.quantity.toLocaleString(), + item.liveWeight.toLocaleString(), + formatJustDate(item.date), + + item.numberOfCarcasses.toLocaleString(), + item.weightOfCarcasses.toLocaleString(), + item?.poultry?.age, + item.weightOfCarcasses ? "ورود به انبار" : "در انتظار ورود به انبار", + , + ...getInformation(item), + <> + {getRoleFromUrl() === "KillHouse" ? ( + + ) : ( + isBarManagemen && + getRoleFromUrl() === "AdminX" && ( + + { + dispatch( + OPEN_MODAL({ + title: "حذف بار", + content: ( + + + آیا از حذف بار اطمینان دارید؟ + + + + + + + + + + + ), + }) + ); + }} + > + + + + ) + )} + , + ]; + }); + + setTableDataArchive(a); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage, activeTab, selectedSubUser?.key]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `kill_house_free_bar/?type=${ + activeTab === 0 ? "live" : "carcass" + }&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}&date_type=buy` + ); + setData(response.data.results); + setTotalRows(response.data.count); + getDashboardData(); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const getLastItem = () => { + let item = []; + if (isBarManagemen && getRoleFromUrl() === "AdminX") { + item = ["حذف"]; + } else if (isBarManagemen) { + item = []; + } else { + item = ["عملیات"]; + } + + return item; + }; + + const information = () => { + if (getRoleFromUrl() === "AdminX" || getRoleFromUrl() === "SuperAdmin") { + return ["بازگشت از انبار"]; + } else { + return []; + } + }; + const LiveBars = ( + + ); + + return ( + + + + + + + + +

+ + {getRoleFromUrl() === "KillHouse" && + !isBarManagemen && + inventorySelectedKillHouse && ( + + )} + + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + {/* */} + + +

+ + + {activeTab === 0 ? ( + + ) : ( + + + + )} + + + {activeTab === 0 ? ( + <>{LiveBars} + ) : ( + + )} + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-free-buy-operations/SlaughterFreeBuyOperations.js b/src/features/slaughter-house/components/slaughter-free-buy-operations/SlaughterFreeBuyOperations.js new file mode 100644 index 0000000..543a9b5 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-free-buy-operations/SlaughterFreeBuyOperations.js @@ -0,0 +1,324 @@ +import { + Button, + IconButton, + Popover, + List, + ListItemButton, + ListItemIcon, + ListItemText, +} from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import DeleteIcon from "@mui/icons-material/Delete"; +import EditIcon from "@mui/icons-material/Edit"; +import DoneOutlineIcon from "@mui/icons-material/DoneOutline"; +import DoNotDisturbIcon from "@mui/icons-material/DoNotDisturb"; +import { useDispatch } from "react-redux"; +import { + CLOSE_MODAL, + DRAWER, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { SlaughterSubmitFreeBuy } from "../slaughter-submit-free-buy/SlaughterSubmitFreeBuy"; +import { slaughterDeleteFreeBuyService } from "../../services/slaughter-delete-free-buy"; +import { useContext, useState } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { ProviceRejectFreeBuy } from "../province-reject-free-buy/ProvinceRejectFreeBuy"; +import { ProvinceAcceptDirectBuy } from "../../../province/components/province-accept-direct-buy/ProvinceAcceptDirectBuy"; +import TuneIcon from "@mui/icons-material/Tune"; +import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt"; +import SmsIcon from "@mui/icons-material/Sms"; +import { slaughterEditFreeBuyService } from "../../services/slaughter-edit-free-buy"; +import { slaughterResendDirectBuyingSmsService } from "../../services/slaughter-resend-direct-buying-sms"; + +export const SlaughterFreeBuyOperations = ({ + item, + updateTable, + poultryCodeMandatory, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const showOnlyDelete = poultryCodeMandatory && !item?.inputDirectBuyingCode; + + const handleApproveRequest = () => { + dispatch( + OPEN_MODAL({ + title: "تایید فروش مستقیم", + content: ( + + ), + }) + ); + }; + + const handleRejectRequest = () => { + dispatch( + OPEN_MODAL({ + title: "رد درخواست فروش آزاد", + content: , + }) + ); + }; + + const handleFinalAccept = () => { + dispatch( + OPEN_MODAL({ + title: "آیا مطمئن هستید؟", + content: ( + + + + + ), + }) + ); + }; + + const handleEdit = () => { + dispatch( + DRAWER({ + title: "ویرایش خرید مستقیم", + content: ( + + ), + right: !(window.innerWidth <= 600), + bottom: window.innerWidth <= 600, + }) + ); + }; + + const handleResendSms = () => { + dispatch( + slaughterResendDirectBuyingSmsService({ + key: item?.key, + }) + ).then((r) => { + if (r?.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r?.payload?.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "پیامک با موفقیت ارسال شد.", + severity: "success", + }); + } + }); + }; + + const handleDelete = () => { + dispatch(slaughterDeleteFreeBuyService(item.key)).then((r) => { + if (r.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.error, + severity: "error", + }); + } else { + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch( + DRAWER({ + right: false, + bottom: false, + left: false, + content: null, + }) + ); + } + }); + }; + + const options = []; + + if ( + !showOnlyDelete && + (getRoleFromUrl() === "ProvinceOperator" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "AdminX") + ) { + options.push({ + key: "approve", + label: "تایید درخواست", + color: "success.main", + icon: , + action: handleApproveRequest, + }); + + options.push({ + key: "reject", + label: "رد درخواست", + color: "warning.main", + icon: , + action: handleRejectRequest, + }); + } + + if (getRoleFromUrl() === "KillHouse" && !item?.finalAccept) { + options.push({ + key: "finalAccept", + label: "تایید نهایی", + color: "primary.main", + icon: , + action: handleFinalAccept, + }); + + options.push({ + key: "edit", + label: "ویرایش", + color: "info.main", + icon: , + action: handleEdit, + }); + } + + if (showOnlyDelete && item?.finalAccept) { + options.push({ + key: "resendSms", + label: "ارسال مجدد پیامک", + color: "info.main", + icon: , + action: handleResendSms, + }); + } + + options.push({ + key: "delete", + label: "حذف", + color: "error.main", + icon: , + action: handleDelete, + }); + + return ( + + + + + + + {options.map((option) => ( + { + handleClose(); + option.action(); + }} + sx={{ + borderRadius: 1, + mb: 0.25, + py: 0.5, + color: option.color, + "&:last-of-type": { + mb: 0, + }, + }} + > + + {option.icon} + + + + ))} + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-free-buy/SlaughterFreeBuy.js b/src/features/slaughter-house/components/slaughter-free-buy/SlaughterFreeBuy.js new file mode 100644 index 0000000..605f3bb --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-free-buy/SlaughterFreeBuy.js @@ -0,0 +1,410 @@ +import { useCallback } from "react"; +import { Button, TextField, Tooltip, Typography } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import axios from "axios"; +import moment from "moment/moment"; +import { useContext, useEffect, useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; + +import { AppContext } from "../../../../contexts/AppContext"; + +import { SPACING } from "../../../../data/spacing"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { formatJustDate, formatTime } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +// import { EnterAuthCodeDirectBuy } from "../enter-auth-code-direct-buy/EnterAuthCodeDirectBuy"; +import { SlaughterFreeBuyOperations } from "../slaughter-free-buy-operations/SlaughterFreeBuyOperations"; +import { SlaughterSubmitFreeBuy } from "../slaughter-submit-free-buy/SlaughterSubmitFreeBuy"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { paymentGetDeadLines } from "../../services/payment-get-deadlines"; +import EditVerificationDirectBuy from "../edit-verification-direct-buy/EditVerificationDirectBuy"; +import SlaughterBuyPdfKillRequest from "../../../province/components/province-settlement-pdf-kill-request/ProvinceSettlementPdfKillRequest"; +import { slaughterGetFreeBuyDashboardService } from "../../services/slaughter-free-buy-dashboard"; +import { slaughterGetFreeBuyRequests } from "../../services/slaughter-get-free-buy-requests"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterFreeBuy = () => { + const dispatch = useDispatch(); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const [poultryCodeMandatory, setPoultryCodeMandatory] = useState(false); + const [dashboardData, setDashboardData] = useState([]); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + useEffect(() => { + dispatch( + paymentGetDeadLines({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((response) => { + setPoultryCodeMandatory(response.payload.data?.poultryCodeMandatory); + }); + }, [selectedSubUser?.key]); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const getDashboardData = () => { + dispatch( + slaughterGetFreeBuyDashboardService({ + direct_buying: true, + date1: selectedDate1, + date2: selectedDate2, + role: getRoleFromUrl(), + search: "filter", + value: textValue, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + const fetchApiData = useCallback( + async (pageNumber = page) => { + try { + const response = await dispatch( + slaughterGetFreeBuyRequests({ + date1: selectedDate1, + date2: selectedDate2, + value: textValue || "", + page: pageNumber, + page_size: perPage, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + if (response.payload?.data) { + getDashboardData(); + setData(response.payload.data.results); + setTotalRows(response.payload.data.count); + } + } catch (error) { + console.error("Error fetching data:", error); + } + }, + [ + selectedDate1, + selectedDate2, + perPage, + page, + textValue, + dispatch, + selectedSubUser?.key, + ] + ); + + const updateTable = useCallback(() => { + fetchApiData(1); + }, [fetchApiData]); + + useEffect(() => { + fetchApiData(1); + }, [fetchApiData]); + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const handlePageChange = (page) => { + fetchApiData(page, textValue); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + try { + const response = await dispatch( + slaughterGetFreeBuyRequests({ + date1: selectedDate1, + date2: selectedDate2, + value: textValue || "", + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + if (response.payload?.data) { + setData(response.payload.data.results); + setTotalRows(response.payload.data.count); + } + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + const getItemState = (item) => { + let state = ""; + if (item.finalAccept === false) { + state = "در انتظار ارسال به استان"; + } else if (poultryCodeMandatory && !item?.inputDirectBuyingCode) { + state = "در انتظار ورود کد احراز"; + } else if (item?.directBuyingState === "rejected") { + state = "رد شده"; + } else if (item?.directBuyingState === "accepted") { + state = "تایید شده"; + } else if (item?.directBuyingState === "deleted") { + state = "حذف شده"; + } else { + state = "در انتظار تایید استان"; + } + return state; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.createDate ? formatTime(item?.createDate) : "-", + item?.reciveDate ? formatJustDate(item?.reciveDate) : "-", + `${item.killHouse.name} (${item.killHouse.killHouseOperator.user.mobile})`, + item?.freeDirectBuying ? "آزاد" : "دولتی", + item?.slaughterHouse + ? item?.slaughterHouse?.name + : item?.killHouse?.name, + `${item?.poultry?.userprofile?.fullName} (${item?.poultry?.userprofile?.mobile})`, + item.poultryHatching?.chickenAge || "-", + `${item.chickenBreed ? item.chickenBreed : "-"}`, + item.killCapacity?.toLocaleString(), + item.IndexWeight, + (item.IndexWeight * item.killCapacity)?.toLocaleString(), + item?.amount?.toLocaleString(), + + + {item?.directBuyingState === "pending" && + item?.finalAccept === true && + (getRoleFromUrl() === "KillHouse" || + getRoleFromUrl() === "AdminX" || + getRoleFromUrl() === "SuperAdmin" || + getRoleFromUrl() === "ProvinceOperator") && + poultryCodeMandatory ? ( + + ) : ( + + {item?.inputDirectBuyingCode || "-"} + + )} + , + item?.paymentDeadlineDate + ? formatJustDate(item?.paymentDeadlineDate) + : "-", + getItemState(item), + item?.directBuyingState === "pending" + ? "-" + : item?.automaticAccept + ? "سیستم" + : "اپراتور", + item?.inputDirectBuyingCode || + (!item?.freeDirectBuying && item?.directBuyingState === "accepted") ? ( + + ) : ( + "-" + ), + + , + ]; + }); + + setTableData(d); + }, [data]); + + return ( + + + + {/* {getRoleFromUrl() === "KillHouse" && ( */} + + {/* )} */} + + + +

+ + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + +

+ + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-freezing-allocations-operations/SlaughterFreezingAllocationsOperations.js b/src/features/slaughter-house/components/slaughter-freezing-allocations-operations/SlaughterFreezingAllocationsOperations.js new file mode 100644 index 0000000..a5fce89 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-freezing-allocations-operations/SlaughterFreezingAllocationsOperations.js @@ -0,0 +1,123 @@ +import { IconButton, Popover, Tooltip } from "@mui/material"; +import React, { useContext, useState } from "react"; +import { useDispatch } from "react-redux"; +import TuneIcon from "@mui/icons-material/Tune"; +import DeleteIcon from "@mui/icons-material/Delete"; +import EditIcon from "@mui/icons-material/Edit"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterDeleteAllocationForFreezing } from "../../services/slaughter-delete-allocation-for-freezing"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterAllocateToFreezing } from "../slaughter-allocate-to-freezing/SlaughterAllocateToFreezing"; + +export const SlaughterFreezingAllocationsOperations = ({ + item, + fetchApiData, + updateInventory, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( +

+ + + + +

+ + + { + handleClose(); + + dispatch( + slaughterDeleteAllocationForFreezing(item?.key) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است", + severity: "error", + }); + } else { + fetchApiData(); + updateInventory(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }} + > + + + + + { + handleClose(); + + dispatch( + OPEN_MODAL({ + title: "ویرایش تخصیص به انجماد", + content: ( + + ), + }) + ); + }} + > + + + + +

+ +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-freezing-allocations/SlaughterFreezingAllocations.js b/src/features/slaughter-house/components/slaughter-freezing-allocations/SlaughterFreezingAllocations.js new file mode 100644 index 0000000..60f6e80 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-freezing-allocations/SlaughterFreezingAllocations.js @@ -0,0 +1,191 @@ +import React, { useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { SlaughterFreezingAllocationsOperations } from "../slaughter-freezing-allocations-operations/SlaughterFreezingAllocationsOperations"; +import { RiSearchLine } from "react-icons/ri"; + +export const SlaughterFreezingAllocations = ({ + updateFreezing, + updateInventory, +}) => { + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const [selectedDate2, setSelectedDate2] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const dispatch = useDispatch(); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `cold-house-allocations/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.state === "pending" + ? "در انتظار تایید" + : item?.state === "accepted" + ? "تایید شده" + : "رد شده", + formatJustDate(item?.date), + item?.coldHouse?.name, + item?.quantity?.toLocaleString(), + item?.weight?.toLocaleString(), + item?.realQuantity?.toLocaleString(), + item?.realWeight?.toLocaleString(), + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [dispatch, selectedDate1, selectedDate2, perPage, updateFreezing]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `cold-house-allocations/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-cold-house-bars-edit/SlaughterHouseColdHouseBarsEdit.js b/src/features/slaughter-house/components/slaughter-house-cold-house-bars-edit/SlaughterHouseColdHouseBarsEdit.js new file mode 100644 index 0000000..eb0599c --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-cold-house-bars-edit/SlaughterHouseColdHouseBarsEdit.js @@ -0,0 +1,188 @@ +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Button, InputAdornment } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { NumberInput } from "../../../../components/number-format-custom/NumberFormatCustom"; +import { useFormik } from "formik"; +import { Yup } from "../../../../lib/yup/yup"; +import { + slaughterAllocateStewardService, + slaughterEditAllocateStewardService, +} from "../../services/slaughter-allocate-steward"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { fetchSlaughterBroadcastAndProducts } from "../../services/handle-fetch-slaughter-products"; +export const SlaughterHouseColdHouseBarsEdit = ({ + sellerType, + fetchData, + sellType, + updateTable, + fetchApiData, + editData, + isColdHouse, + priceInfo, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const validationSchema = Yup.object({ + weight: Yup.number() + .required("این فیلد اجباری است!") + .min(1, "یک مقدار مثبت وارد کنید!"), + }); + + const formik = useFormik({ + initialValues: { + weight: editData?.realWeightOfCarcasses || "", + }, + validationSchema, + }); + + useEffect(() => { + formik.validateForm(); + }, []); + + const successSubmit = () => { + dispatch(CLOSE_MODAL()); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + dispatch(fetchSlaughterBroadcastAndProducts()); + fetchApiData(); + updateTable(); + fetchData(); + }; + + return ( + + + + ریال, + }} + value={formik.values.price} + error={formik.touched.price ? Boolean(formik.errors.price) : null} + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.price && Boolean(formik.errors.price) + ? formik.errors.price + : null + } + /> + + ریال, + }} + value={formik.values.wholePrice} + error={ + formik.touched.wholePrice ? Boolean(formik.errors.wholePrice) : null + } + onChange={formik.handleChange} + onBlur={formik.handleBlur} + helperText={ + formik.touched.wholePrice && Boolean(formik.errors.wholePrice) + ? formik.errors.wholePrice + : null + } + /> + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-delegates/DelegatesLimitationForm.js b/src/features/slaughter-house/components/slaughter-house-delegates/DelegatesLimitationForm.js new file mode 100644 index 0000000..5aedfa3 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-delegates/DelegatesLimitationForm.js @@ -0,0 +1,131 @@ +import React, { useContext, useState } from "react"; +import { + Button, + TextField, + Typography, + Checkbox, + FormControlLabel, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterEditDelegatesService } from "../../services/slaughter-get-delegates-service"; + +export const DelegatesLimitationForm = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [hasLimitation, setHasLimitation] = useState(item?.limitation || false); + const [governmentalValue, setGovernmentalValue] = useState( + item?.governmentalLimitationWeight || 0 + ); + const [freeValue, setFreeValue] = useState(item?.freeLimitationWeight || 0); + + const handleSubmit = (e) => { + e.preventDefault(); + + const submitData = { + key: item?.key, + limitation: hasLimitation, + governmental_limitation_weight: hasLimitation + ? Number(governmentalValue) + : 0, + free_limitation_weight: hasLimitation ? Number(freeValue) : 0, + }; + + dispatch(slaughterEditDelegatesService(submitData)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + dispatch(CLOSE_MODAL()); + } + }); + }; + + return ( +

+ + + + اطلاعات نماینده: + + + {item?.firstName || item?.first_name}{" "} + {item?.lastName || item?.last_name} + + + + + setHasLimitation(e.target.checked)} + color="primary" + /> + } + label="محدودیت فروش روزانه" + /> + + + {hasLimitation && ( + <> + + setGovernmentalValue(e.target.value)} + inputProps={{ min: 0 }} + /> + + + + setFreeValue(e.target.value)} + inputProps={{ min: 0 }} + /> + + + )} + + + + + +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-delegates/DelegatesOperations.js b/src/features/slaughter-house/components/slaughter-house-delegates/DelegatesOperations.js new file mode 100644 index 0000000..fb538c3 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-delegates/DelegatesOperations.js @@ -0,0 +1,139 @@ +import { IconButton, Popover, Typography, Button } from "@mui/material"; +import React, { useState, useContext } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import ToggleOffIcon from "@mui/icons-material/ToggleOff"; +import BlockIcon from "@mui/icons-material/Block"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { slaughterEditDelegatesService } from "../../services/slaughter-get-delegates-service"; +import { DelegatesLimitationForm } from "./DelegatesLimitationForm"; + +export const DelegatesOperations = ({ item, updateTable }) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const isActive = item?.active !== undefined ? item.active : !item?.trash; + + const handleToggleActive = () => { + handleClose(); + dispatch( + slaughterEditDelegatesService({ + key: item?.key, + active: !isActive, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + } + }); + }; + + return ( +

+ + + + +

+ + +

+ +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-delegates/KillHouseDelegatesTab.js b/src/features/slaughter-house/components/slaughter-house-delegates/KillHouseDelegatesTab.js new file mode 100644 index 0000000..1f407db --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-delegates/KillHouseDelegatesTab.js @@ -0,0 +1,199 @@ +import React, { useEffect, useState, useRef } from "react"; +import { Box, Button, Grid, TextField, Chip } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { slaughterGetDelegatesService } from "../../services/slaughter-get-delegates-service"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { RiSearchLine } from "react-icons/ri"; +import { DelegatesOperations } from "./DelegatesOperations"; + +export const KillHouseDelegatesTab = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const isFirstMount = useRef(true); + + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + slaughterGetDelegatesService({ + type: "KillHouse", + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + const updateTableData = () => { + fetchApiData(page); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + const isActive = item?.active !== undefined ? item.active : !item?.trash; + const hasLimitation = item?.limitation; + const limitationBadge = ( + + ); + + const killhouseDisplay = + item?.killHouse?.name && item?.killHouse?.mobile + ? `${item.killHouse.name} (${item.killHouse.mobile})` + : item?.killHouse?.name + ? item.killHouse.name + : "-"; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.firstName || item?.first_name || "-", + item?.lastName || item?.last_name || "-", + item?.mobile || "-", + item?.city || "-", + killhouseDisplay, + limitationBadge, + item?.governmentalLimitationWeight || 0, + item?.freeLimitationWeight || 0, + , + , + ]; + }); + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + if (isFirstMount.current) { + isFirstMount.current = false; + return; + } + fetchApiData(1); + setPage(1); + }, [perPage]); + + const handleSubmit = async (e) => { + e.preventDefault(); + setPage(1); + const response = await dispatch( + slaughterGetDelegatesService({ + type: "KillHouse", + search: "filter", + value: textValue, + page: 1, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-delegates/SlaughterHouseDelegates.js b/src/features/slaughter-house/components/slaughter-house-delegates/SlaughterHouseDelegates.js new file mode 100644 index 0000000..df4c2a3 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-delegates/SlaughterHouseDelegates.js @@ -0,0 +1,27 @@ +import React, { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Tab, Tabs, Box } from "@mui/material"; +import { StewardDelegatesTab } from "./StewardDelegatesTab"; +import { KillHouseDelegatesTab } from "./KillHouseDelegatesTab"; + +export const SlaughterHouseDelegates = () => { + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + return ( + + + + + + + + {value === 0 && } + {value === 1 && } + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-delegates/StewardDelegatesTab.js b/src/features/slaughter-house/components/slaughter-house-delegates/StewardDelegatesTab.js new file mode 100644 index 0000000..69d316d --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-delegates/StewardDelegatesTab.js @@ -0,0 +1,199 @@ +import React, { useEffect, useState, useRef } from "react"; +import { Box, Button, Grid, TextField, Chip } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { slaughterGetDelegatesService } from "../../services/slaughter-get-delegates-service"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { RiSearchLine } from "react-icons/ri"; +import { DelegatesOperations } from "./DelegatesOperations"; + +export const StewardDelegatesTab = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const isFirstMount = useRef(true); + + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + slaughterGetDelegatesService({ + type: "Steward", + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + const updateTableData = () => { + fetchApiData(page); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + const isActive = item?.active !== undefined ? item.active : !item?.trash; + const hasLimitation = item?.limitation; + const limitationBadge = ( + + ); + + const stewardDisplay = + item?.steward?.name && item?.steward?.user?.mobile + ? `${item.steward.name} (${item.steward.user.mobile})` + : item?.steward?.name + ? item.steward.name + : "-"; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.firstName || item?.first_name || "-", + item?.lastName || item?.last_name || "-", + item?.mobile || "-", + item?.city || "-", + stewardDisplay, + limitationBadge, + item?.governmentalLimitationWeight || 0, + item?.freeLimitationWeight || 0, + , + , + ]; + }); + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + if (isFirstMount.current) { + isFirstMount.current = false; + return; + } + fetchApiData(1); + setPage(1); + }, [perPage]); + + const handleSubmit = async (e) => { + e.preventDefault(); + setPage(1); + const response = await dispatch( + slaughterGetDelegatesService({ + type: "Steward", + search: "filter", + value: textValue, + page: 1, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispenser-details/SlaughterHouseDispenserDetails.js b/src/features/slaughter-house/components/slaughter-house-dispenser-details/SlaughterHouseDispenserDetails.js new file mode 100644 index 0000000..f3debb9 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispenser-details/SlaughterHouseDispenserDetails.js @@ -0,0 +1,307 @@ +import React, { useContext, useEffect, useState } from "react"; +import { Button, TextField } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useParams } from "react-router-dom"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { slaughterGetDispenserDashboardService } from "../../services/slaughter-house-get-dispenser-dashboard-service"; +import { RiSearchLine } from "react-icons/ri"; + +export const SlaughterHouseDispenserDetails = () => { + const { key } = useParams(); + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + const dispatch = useDispatch(); + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState(); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `dispenser-allocations/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&date1=${selectedDate1}&date2=${selectedDate2}&page=${page}&page_size=${perPage}&dispenser_key=${key}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + // const updateTable = () => { + // fetchApiData(page !== 0 ? page : 1); + // }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + dispatch( + slaughterGetDispenserDashboardService({ + date1: selectedDate1, + date2: selectedDate2, + key: key, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [selectedDate1, selectedDate2]); + + const getDispenserType = (item) => { + let type = ""; + switch (item?.dispenser?.dispenserType) { + case "inductor": + type = "واسطه"; + break; + case "salesman": + type = "فروشنده"; + break; + case "driver": + type = `راننده - ${item?.dispenser?.car} (${item?.dispenser?.pelak})`; + break; + default: + break; + } + + return type; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + let sellType, sellerType; + if (item.sellerType === "guilds") { + sellerType = "صنف"; + } else if (item.sellerType === "steward") { + sellerType = "مباشر"; + } + + if (item.sellType === "free") { + sellType = "آزاد"; + } else { + if (item.type === "manual") { + sellType = "اختصاصی (دستی)"; + } else { + sellType = "اختصاصی (اتوماتیک)"; + } + } + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + `${item?.dispenser?.user?.fullname} (${item?.dispenser?.user?.mobile})`, + getDispenserType(item), + item?.guilds ? item?.guilds?.guildsId : item?.steward?.guilds?.guildsId, + formatJustDate(item.date), + sellerType, + sellType, + item?.guilds + ? item?.guilds?.guildsName + : item?.steward?.guilds?.guildsName, + item?.guilds + ? item?.guilds?.user.fullname + : item?.steward?.guilds?.user.fullname, + item?.guilds + ? item?.guilds?.user.nationalId + : item?.steward?.guilds?.user.nationalId, + item?.guilds + ? item?.guilds?.user.mobile + : item?.steward?.guilds?.user.mobile, + item?.guilds + ? item?.guilds?.typeActivity + : item?.steward?.guilds?.typeActivity, + item?.guilds + ? item?.guilds?.areaActivity + : item?.steward?.guilds?.areaActivity, + item?.guilds + ? item?.guilds?.licenseNumber + : item?.steward?.guilds?.licenseNumber, + item?.guilds + ? item?.guilds?.user?.city?.name + : item?.steward?.guilds?.user?.city?.name, + item?.numberOfCarcasses, + item?.weightOfCarcasses, + item?.loggedRegistrationCode ? item.loggedRegistrationCode : "-", + item?.receiverState === "accepted" + ? "تایید شده" + : item?.receiverState === "rejected" + ? "رد شده" + : "در انتظار تایید", + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [selectedDate1, selectedDate2, perPage]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `dispenser-allocations/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&date1=${selectedDate1}&date2=${selectedDate2}&page=${1}&page_size=${perPage}&dispenser_key=${key}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-access-level/SlaughterHouseDispensersAccessLevel.js b/src/features/slaughter-house/components/slaughter-house-dispensers-access-level/SlaughterHouseDispensersAccessLevel.js new file mode 100644 index 0000000..9b7b752 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-access-level/SlaughterHouseDispensersAccessLevel.js @@ -0,0 +1,111 @@ +import React, { useContext } from "react"; +import { Button, Checkbox, FormControlLabel, FormGroup } from "@mui/material"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import { slaughterHouseEditDispenserService } from "../../services/slaughter-house-submit-dispenser-service"; + +const validationSchema = Yup.object({ + free_sale: Yup.boolean(), + free_guilds: Yup.boolean(), + free_stewards: Yup.boolean(), +}); + +export const SlaughterHouseDispensersAccessLevel = ({ updateTable, item }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const formik = useFormik({ + initialValues: { + free_sale: item?.freeSale ? item?.freeSale : false, + free_guilds: item?.freeGuilds ? item?.freeGuilds : false, + free_stewards: item?.freeStewards ? item?.freeStewards : false, + }, + validationSchema: validationSchema, + onSubmit: (values) => { + dispatch( + slaughterHouseEditDispenserService({ + dispenser_key: item?.key, + type: "update-acceess-level", + free_sale: values.free_sale, + free_guilds: values.free_guilds, + free_stewards: values.free_stewards, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(CLOSE_MODAL()); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + }, + }); + + return ( + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-operation/SlaughterHouseDispensersOperation.js b/src/features/slaughter-house/components/slaughter-house-dispensers-operation/SlaughterHouseDispensersOperation.js new file mode 100644 index 0000000..4fa1593 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-operation/SlaughterHouseDispensersOperation.js @@ -0,0 +1,124 @@ +import { + Button, + IconButton, + Popover, + Tooltip, + Typography, +} from "@mui/material"; +import { useState } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useDispatch } from "react-redux"; +import { DRAWER, OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { Grid } from "../../../../components/grid/Grid"; +import { SlaughterHouseSubmitDispenser } from "../slaughter-house-submit-dispenser/SlaughterHouseSubmitDispenser"; +import EditIcon from "@mui/icons-material/Edit"; +import SubtitlesIcon from "@mui/icons-material/Subtitles"; +import { SlaughterHouseDispensersAccessLevel } from "../slaughter-house-dispensers-access-level/SlaughterHouseDispensersAccessLevel"; + +export const SlaughterHouseDispensersOperation = ({ item, updateTable }) => { + const dispatch = useDispatch(); + + const [anchorEl, setAnchorEl] = useState(null); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( +

+ + + + +

+ + + + + + + + +

+ +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-operations/SlaughterHouseDispensersOperations.js b/src/features/slaughter-house/components/slaughter-house-dispensers-operations/SlaughterHouseDispensersOperations.js new file mode 100644 index 0000000..d9fcbe7 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-operations/SlaughterHouseDispensersOperations.js @@ -0,0 +1,252 @@ +import React from "react"; +import { SPACING } from "../../../../data/spacing"; +import { Grid } from "../../../../components/grid/Grid"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { VscBroadcast, VscPerson } from "react-icons/vsc"; +import { + ROUTE_ADMINX_DELEGATES_MANAGEMENT, + ROUTE_ADMINX_DISPENSERS_INVENTORY, + ROUTE_ADMINX_DISPENSERS_KILLHOUSES, + ROUTE_ADMINX_DISPENSERS_MANAGEMENT, + ROUTE_ADMINX_DISPENSERS_MANAGEMENT_V2, + ROUTE_ADMINX_DISPENSERS_STEWARDS, + ROUTE_ADMINX_DISPENSERS_STOCK, + ROUTE_ADMINX_SALE_DESTRIBUTION_DETAILS, + ROUTE_ADMINX_TRANSACTIONS, + ROUTE_CITY_DISPENSERS_INVENTORY, + ROUTE_CITY_REQUEST_DISTRIBUTION, + ROUTE_CITY_REQUEST_TRANSACTIONS, + ROUTE_PROVINCE_DISPENSERS_INVENTORY, + ROUTE_PROVINCE_DISPENSERS_KILLHOUSES, + ROUTE_PROVINCE_DISPENSERS_MANAGEMENT, + ROUTE_PROVINCE_DISPENSERS_STEWARDS, + ROUTE_PROVINCE_FINANCIAL_TRANSACTIONS, + ROUTE_PROVINCE_SALE_DESTRIBUTION_DETAILS, + ROUTE_PROVINCE_SUPERVISOR_DISPENSERS_INVENTORY, + ROUTE_PROVINCE_SUPERVISOR_DISPENSERS_STOCK, + ROUTE_PROVINCE_SUPERVISOR_REQUEST_DISTRIBUTION, + ROUTE_PROVINCE_SUPERVISOR_REQUEST_TRANSACTIONS, + ROUTE_PROVINCE_TRANSACTIONS, + ROUTE_SLAUGHTER_DISPENSERS_KILLHOUSES, + ROUTE_SLAUGHTER_DISPENSERS_MANAGEMENT, + ROUTE_SLAUGHTER_DISPENSERS_STEWARDS, + ROUTE_SUPER_ADMIN_DESTRIBUTION_DETAILS, + ROUTE_SUPER_ADMIN_DISPENSERS_INVENTORY, + ROUTE_SUPER_ADMIN_DISPENSERS_KILLHOUSES, + ROUTE_SUPER_ADMIN_DISPENSERS_MANAGEMENT, + ROUTE_SUPER_ADMIN_DISPENSERS_STEWARDS, + ROUTE_SUPER_ADMIN_DISPENSERS_STOCK, + ROUTE_SUPER_ADMIN_TRANSACTIONS, +} from "../../../../routes/routes"; +import { useLocation } from "react-router-dom"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { FaMoneyBill, FaStore, FaWarehouse } from "react-icons/fa"; +import BadgeIcon from "@mui/icons-material/Badge"; + +const ROUTE_MAP = { + management: { + KillHouse: ROUTE_SLAUGHTER_DISPENSERS_MANAGEMENT, + AdminX: ROUTE_ADMINX_DISPENSERS_MANAGEMENT, + SuperAdmin: ROUTE_SUPER_ADMIN_DISPENSERS_MANAGEMENT, + AdminXX: ROUTE_ADMINX_DISPENSERS_MANAGEMENT_V2, + AdminXXX: ROUTE_ADMINX_DELEGATES_MANAGEMENT, + default: ROUTE_PROVINCE_DISPENSERS_MANAGEMENT, + }, + killhouses: { + KillHouse: ROUTE_SLAUGHTER_DISPENSERS_KILLHOUSES, + AdminX: ROUTE_ADMINX_DISPENSERS_KILLHOUSES, + SuperAdmin: ROUTE_SUPER_ADMIN_DISPENSERS_KILLHOUSES, + default: ROUTE_PROVINCE_DISPENSERS_KILLHOUSES, + }, + stewards: { + KillHouse: ROUTE_SLAUGHTER_DISPENSERS_STEWARDS, + AdminX: ROUTE_ADMINX_DISPENSERS_STEWARDS, + SuperAdmin: ROUTE_SUPER_ADMIN_DISPENSERS_STEWARDS, + default: ROUTE_PROVINCE_DISPENSERS_STEWARDS, + }, + inventory: { + AdminX: ROUTE_ADMINX_DISPENSERS_INVENTORY, + SuperAdmin: ROUTE_SUPER_ADMIN_DISPENSERS_INVENTORY, + CityPoultry: ROUTE_CITY_DISPENSERS_INVENTORY, + ProvinceSupervisor: ROUTE_PROVINCE_SUPERVISOR_DISPENSERS_INVENTORY, + default: ROUTE_PROVINCE_DISPENSERS_INVENTORY, + }, + distribution: { + AdminX: ROUTE_ADMINX_SALE_DESTRIBUTION_DETAILS, + SuperAdmin: ROUTE_SUPER_ADMIN_DESTRIBUTION_DETAILS, + ProvinceOperator: ROUTE_PROVINCE_SALE_DESTRIBUTION_DETAILS, + CityPoultry: ROUTE_CITY_REQUEST_DISTRIBUTION, + ProvinceSupervisor: ROUTE_PROVINCE_SUPERVISOR_REQUEST_DISTRIBUTION, + default: ROUTE_PROVINCE_TRANSACTIONS, + }, + transactions: { + AdminX: ROUTE_ADMINX_TRANSACTIONS, + SuperAdmin: ROUTE_SUPER_ADMIN_TRANSACTIONS, + ProvinceFinancial: ROUTE_PROVINCE_FINANCIAL_TRANSACTIONS, + CityPoultry: ROUTE_CITY_REQUEST_TRANSACTIONS, + ProvinceSupervisor: ROUTE_PROVINCE_SUPERVISOR_REQUEST_TRANSACTIONS, + default: ROUTE_PROVINCE_TRANSACTIONS, + }, + stock: { + AdminX: ROUTE_ADMINX_DISPENSERS_STOCK, + SuperAdmin: ROUTE_SUPER_ADMIN_DISPENSERS_STOCK, + ProvinceSupervisor: ROUTE_PROVINCE_SUPERVISOR_DISPENSERS_STOCK, + }, +}; + +const getRoute = (routeType, role) => { + const routeMap = ROUTE_MAP[routeType]; + return routeMap[role] || routeMap.default || null; +}; + +const isActive = (pathname, route) => (pathname === route ? "true" : null); + +export const SlaughterHouseDispensersOperations = () => { + const { pathname } = useLocation(); + const role = getRoleFromUrl(); + const isKillHouse = role === "KillHouse"; + const isAdminX = role === "AdminX"; + const hasStockAccess = [ + "AdminX", + "SuperAdmin", + "ProvinceSupervisor", + ].includes(role); + + const managementRoute = getRoute("management", role); + const managementRouteV2 = getRoute("management", "AdminXX"); + const managementRouteDelegates = getRoute("management", "AdminXXX"); + const killhousesRoute = getRoute("killhouses", role); + const stewardsRoute = getRoute("stewards", role); + const inventoryRoute = getRoute("inventory", role); + const distributionRoute = getRoute("distribution", role); + const transactionsRoute = getRoute("transactions", role); + const stockRoute = getRoute("stock", role); + + return ( + + {isAdminX && ( + + + + } + title="مدیریت نمایندگان" + description="مدیریت نمایندگان" + /> + + + } + title="مدیریت توزیع کنندگان دوم" + description="مدیریت توزیع کنندگان دوم" + /> + + + } + title="مدیریت توزیع کنندگان" + description="مدیریت توزیع کنندگان" + /> + + + {!isKillHouse && ( + + } + title="مدیریت کشتارگاه ها" + description="مدیریت کشتارگاه ها" + /> + + )} + + {!isKillHouse && ( + + } + title="مدیریت مباشرین" + description="مدیریت مباشرین" + /> + + )} + + + )} + + + + {!isKillHouse && inventoryRoute && ( + + } + title="توزیع/فروش کشتارگاه" + description="توزیع/فروش کشتارگاه" + /> + + )} + + {!isKillHouse && distributionRoute && ( + + } + title=" توزیع/فروش مباشر" + description=" توزیع/فروش مباشر" + /> + + )} + + {!isKillHouse && transactionsRoute && ( + + } + title="مدیریت انبار صنوف" + description="تراکنش ها" + /> + + )} + + {hasStockAccess && stockRoute && ( + + } + title="مانده انبار" + description="مانده انبار" + /> + + )} + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersEditForm.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersEditForm.js new file mode 100644 index 0000000..64d3c41 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersEditForm.js @@ -0,0 +1,264 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { useDispatch } from "react-redux"; +import { Button, TextField, Typography, Box } from "@mui/material"; +import PersonIcon from "@mui/icons-material/Person"; +import PublicIcon from "@mui/icons-material/Public"; +import BadgeIcon from "@mui/icons-material/Badge"; +import CalendarTodayIcon from "@mui/icons-material/CalendarToday"; +import AccountBoxIcon from "@mui/icons-material/AccountBox"; +import BusinessIcon from "@mui/icons-material/Business"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterHouseEditDispenserService } from "../../services/slaughter-house-submit-dispenser-service"; + +const InfoBox = ({ icon: Icon, label, value, iconSx }) => ( + + + + + {label} + + {value || "-"} + + +); + +const getValidationSchema = () => + yup.object({ + mobile: yup + .string() + .required("شماره همراه الزامی است") + .matches(/^09\d{9}$/, "شماره تلفن باید با 09 شروع شود و 11 رقم باشد"), + }); + +const DispenserForm = ({ formik, userInfo }) => { + return ( +

+ + {userInfo && ( + + + + اطلاعات شخصی + + + + + + + + + + + + + + + + + + + + + )} + + + + + + + + + + + + + + + + + + + {formik.values.dispenser_type === "driver" && ( + <> + + + + {formik.values.pelak && ( + + + + )} + + )} + + + + + + + + + + + + + +

+ ); +}; + +export const AllDispensersEditForm = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const nationalId = item?.user?.nationalId || item?.user?.nationalCode; + + // Extract userInfo from item.user object + const userInfo = item?.user + ? { + nationalCode: item.user.nationalId || item.user.nationalCode || null, + fatherName: item.user.fatherName || null, + birthday: item.user.birthday || null, + gender: item.user.gender, + identityNo: item.user.identityNo || null, + identitySeries: item.user.identitySeries || null, + identitySerial: item.user.identitySerial || null, + } + : null; + + const formik = useFormik({ + initialValues: { + first_name: item?.user?.firstName || "", + last_name: item?.user?.lastName || "", + mobile: item?.user?.mobile || "", + city: item?.user?.cityName || "", + national_id: nationalId || "", + dispenser_type: item?.dispenserType || "inductor", + limitation_amount: item?.limitationAmount || 0, + driver_car_type: item?.car || "", + pelak: item?.pelak || "", + }, + enableReinitialize: true, + validationSchema: getValidationSchema(), + onSubmit: (values) => { + const submitData = { + key: item?.key, + mobile: values.mobile, + }; + + dispatch(slaughterHouseEditDispenserService(submitData)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + return ; +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersOperations.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersOperations.js new file mode 100644 index 0000000..34a4bf4 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersOperations.js @@ -0,0 +1,79 @@ +import { IconButton, Popover, Typography, Button } from "@mui/material"; +import React, { useState } from "react"; +import EditIcon from "@mui/icons-material/Edit"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useDispatch } from "react-redux"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AllDispensersEditForm } from "./AllDispensersEditForm"; + +export const AllDispensersOperations = ({ item, updateTable }) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( +

+ + + + +

+ +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersTab.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersTab.js new file mode 100644 index 0000000..8ef8617 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/AllDispensersTab.js @@ -0,0 +1,162 @@ +import React, { useEffect, useState, useRef } from "react"; +import { Box, Button, Grid, TextField } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { slaughterGetDispenserService } from "../../services/slaughter-get-dispenser-service"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { RiSearchLine } from "react-icons/ri"; +import { AllDispensersOperations } from "./AllDispensersOperations"; + +export const AllDispensersTab = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const isFirstMount = useRef(true); + + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + slaughterGetDispenserService({ + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + const updateTableData = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.user?.firstName || "-", + item?.user?.lastName || "-", + item?.user?.mobile || "-", + item?.user?.cityName || "-", + , + ]; + }); + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + if (isFirstMount.current) { + isFirstMount.current = false; + return; + } + fetchApiData(1); + setPage(1); + }, [perPage]); + + const handleSubmit = async (e) => { + e.preventDefault(); + setPage(1); + const response = await dispatch( + slaughterGetDispenserService({ + search: "filter", + value: textValue, + page: 1, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/DispenserInfoLimitationForm.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/DispenserInfoLimitationForm.js new file mode 100644 index 0000000..a1ef205 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/DispenserInfoLimitationForm.js @@ -0,0 +1,135 @@ +import React, { useContext, useState } from "react"; +import { + Button, + TextField, + Typography, + Checkbox, + FormControlLabel, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterEditDispenserInfoService } from "../../services/slaughter-edit-dispenser-info"; + +export const DispenserInfoLimitationForm = ({ item, updateTable }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [hasLimitation, setHasLimitation] = useState(item?.limitation || false); + const [governmentalValue, setGovernmentalValue] = useState( + + item?.governmentalLimitationWeight || + 0 + ); + const [freeValue, setFreeValue] = useState( + item?.freeLimitationWeight || 0 + ); + + const handleSubmit = (e) => { + e.preventDefault(); + + const submitData = { + key: item?.key, + limitation: hasLimitation, + governmental_limitation_weight: hasLimitation + ? Number(governmentalValue) + : 0, + free_limitation_weight: hasLimitation ? Number(freeValue) : 0, + }; + + dispatch(slaughterEditDispenserInfoService(submitData)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + dispatch(CLOSE_MODAL()); + } + }); + }; + + return ( +

+ + + + اطلاعات توزیع کننده: + + + {item?.firstName} {item?.lastName} + + + + + setHasLimitation(e.target.checked)} + color="primary" + /> + } + label="محدودیت فروش روزانه" + /> + + + {hasLimitation && ( + <> + + setGovernmentalValue(e.target.value)} + inputProps={{ min: 0 }} + /> + + + + setFreeValue(e.target.value)} + inputProps={{ min: 0 }} + /> + + + )} + + + + + +

+ ); +}; + diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/DispenserInfoOperations.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/DispenserInfoOperations.js new file mode 100644 index 0000000..7ca2d2d --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/DispenserInfoOperations.js @@ -0,0 +1,140 @@ +import { IconButton, Popover, Typography, Button } from "@mui/material"; +import React, { useState, useContext } from "react"; +import TuneIcon from "@mui/icons-material/Tune"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import ToggleOffIcon from "@mui/icons-material/ToggleOff"; +import BlockIcon from "@mui/icons-material/Block"; +import { useDispatch } from "react-redux"; +import { AppContext } from "../../../../contexts/AppContext"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { slaughterEditDispenserInfoService } from "../../services/slaughter-edit-dispenser-info"; +import { DispenserInfoLimitationForm } from "./DispenserInfoLimitationForm"; + +export const DispenserInfoOperations = ({ item, updateTable }) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + const isActive = item?.active; + + const handleToggleActive = () => { + handleClose(); + dispatch( + slaughterEditDispenserInfoService({ + key: item?.key, + active: !isActive, + }) + ).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + } + }); + }; + + return ( +

+ + + + +

+ + +

+ +

+ ); +}; + diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/KillHouseDispensersTab.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/KillHouseDispensersTab.js new file mode 100644 index 0000000..b95c8d1 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/KillHouseDispensersTab.js @@ -0,0 +1,199 @@ +import React, { useEffect, useState, useRef } from "react"; +import { Box, Button, Grid, TextField, Chip } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { slaughterGetDispenserInfoService } from "../../services/slaughter-get-dispenser-info"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { RiSearchLine } from "react-icons/ri"; +import { DispenserInfoOperations } from "./DispenserInfoOperations"; + +export const KillHouseDispensersTab = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const isFirstMount = useRef(true); + + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + slaughterGetDispenserInfoService({ + type: "KillHouse", + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + const isActive = item?.active; + const hasLimitation = item?.limitation; + const limitationBadge = ( + + ); + + const killhouseDisplay = + item?.killHouse?.name && item?.killHouse?.mobile + ? `${item.killHouse.name} (${item.killHouse.mobile})` + : item?.killHouse?.name + ? item.killHouse.name + : "-"; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.firstName || "-", + item?.lastName || "-", + item?.mobile || "-", + item?.city || "-", + killhouseDisplay, + limitationBadge, + item?.governmentalLimitationWeight || 0, + item?.freeLimitationWeight || 0, + , + , + ]; + }); + setTableData(d); + }, [data, page, perPage]); + + const updateTableData = () => { + fetchApiData(page); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + if (isFirstMount.current) { + isFirstMount.current = false; + return; + } + fetchApiData(1); + setPage(1); + }, [perPage]); + + const handleSubmit = async (e) => { + e.preventDefault(); + setPage(1); + const response = await dispatch( + slaughterGetDispenserInfoService({ + type: "KillHouse", + search: "filter", + value: textValue, + page: 1, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/SlaughterHouseDispensers.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/SlaughterHouseDispensers.js new file mode 100644 index 0000000..47115c8 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/SlaughterHouseDispensers.js @@ -0,0 +1,30 @@ +import React, { useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { Tab, Tabs, Box } from "@mui/material"; +import { AllDispensersTab } from "./AllDispensersTab"; +import { KillHouseDispensersTab } from "./KillHouseDispensersTab"; +import { StewardDispensersTab } from "./StewardDispensersTab"; + +export const SlaughterHouseDispensersV2 = () => { + const [value, setValue] = useState(0); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + return ( + + + + + + + + + {value === 0 && } + {value === 1 && } + {value === 2 && } + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers-v2/StewardDispensersTab.js b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/StewardDispensersTab.js new file mode 100644 index 0000000..b7c1070 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers-v2/StewardDispensersTab.js @@ -0,0 +1,199 @@ +import React, { useEffect, useState, useRef } from "react"; +import { Box, Button, Grid, TextField, Chip } from "@mui/material"; +import { useDispatch } from "react-redux"; +import { slaughterGetDispenserInfoService } from "../../services/slaughter-get-dispenser-info"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { RiSearchLine } from "react-icons/ri"; +import { DispenserInfoOperations } from "./DispenserInfoOperations"; + +export const StewardDispensersTab = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const isFirstMount = useRef(true); + + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + slaughterGetDispenserInfoService({ + type: "Steward", + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + const isActive = item?.active; + const hasLimitation = item?.limitation; + const limitationBadge = ( + + ); + + const stewardDisplay = + item?.steward?.name && item?.steward?.user?.mobile + ? `${item.steward.name} (${item.steward.user.mobile})` + : item?.steward?.name + ? item.steward.name + : "-"; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.firstName || "-", + item?.lastName || "-", + item?.mobile || "-", + item?.city || "-", + stewardDisplay, + limitationBadge, + item?.governmentalLimitationWeight || 0, + item?.freeLimitationWeight || 0, + , + , + ]; + }); + setTableData(d); + }, [data, page, perPage]); + + const updateTableData = () => { + fetchApiData(page); + }; + + useEffect(() => { + fetchApiData(1); + }, []); + + useEffect(() => { + if (isFirstMount.current) { + isFirstMount.current = false; + return; + } + fetchApiData(1); + setPage(1); + }, [perPage]); + + const handleSubmit = async (e) => { + e.preventDefault(); + setPage(1); + const response = await dispatch( + slaughterGetDispenserInfoService({ + type: "Steward", + search: "filter", + value: textValue, + page: 1, + page_size: perPage, + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + return ( + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-dispensers/SlaughterHouseDispensers.js b/src/features/slaughter-house/components/slaughter-house-dispensers/SlaughterHouseDispensers.js new file mode 100644 index 0000000..cffe639 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-dispensers/SlaughterHouseDispensers.js @@ -0,0 +1,351 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + Button, + IconButton, + Tab, + Tabs, + TextField, + Tooltip, +} from "@mui/material"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch } from "react-redux"; +import axios from "axios"; +import { SlaughterHouseSubmitDispenser } from "../slaughter-house-submit-dispenser/SlaughterHouseSubmitDispenser"; +import { SlaughterHouseDispensersOperation } from "../slaughter-house-dispensers-operation/SlaughterHouseDispensersOperation"; +import { slaughterGetDispenserDashboard } from "../../services/slaughter-house-get-dispenser-dashboard"; +import { + ROUTE_ADMINX_DISPENSER_DETAILS, + ROUTE_PROVINCE_DISPENSER_DETAILS, + ROUTE_SLAUGHTER_DISPENSER_DETAILS, + ROUTE_SUPER_ADMIN_DISPENSER_DETAILS, +} from "../../../../routes/routes"; +import { useNavigate } from "react-router-dom"; +import { RiSearchLine } from "react-icons/ri"; +import VisibilityIcon from "@mui/icons-material/Visibility"; + +export const SlaughterHouseDispensers = () => { + const dispatch = useDispatch(); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [value, setValue] = useState(0); + const [dashboardData, setDashboardData] = useState(); + const navigate = useNavigate(); + + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + response = await axios.get( + `dispenser/?search=filter&value=${textValue}&role=${getRoleFromUrl()}&page=${page}&page_size=${perPage}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + fetchApiData(1); + }, [value]); + + const getDispenserType = (item) => { + let type = ""; + switch (item?.dispenserType) { + case "inductor": + type = "واسطه"; + break; + case "salesman": + type = "فروشنده"; + break; + case "driver": + type = `راننده - ${item?.car} (${item?.pelak})`; + break; + default: + break; + } + + return type; + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + (perPage * page) / 2 + 1, + getDispenserType(item), + item?.user?.fullname, + item?.user?.mobile, + item?.user?.city?.cityName, + item?.killHouse?.name, + item?.limitationAmount?.toLocaleString(), + item?.active ? "فعال" : "غیر فعال", + item?.allocationsInfo?.numberOfAllocations?.toLocaleString(), + item?.allocationsInfo?.totalWeight?.toLocaleString(), + item?.allocationsInfo?.totalQuantity?.toLocaleString(), + item?.allocationsInfo?.numberOfTodayAllocations?.toLocaleString(), + item?.allocationsInfo?.totalTodayQuantity?.toLocaleString(), + item?.allocationsInfo?.totalTodayWeight?.toLocaleString(), + value === 0 ? ( + + ) : ( + + { + navigate( + getRoleFromUrl() === "KillHouse" + ? `${ROUTE_SLAUGHTER_DISPENSER_DETAILS}/${item.key}` + : getRoleFromUrl() === "AdminX" + ? `${ROUTE_ADMINX_DISPENSER_DETAILS}/${item.key}` + : getRoleFromUrl() === "SuperAdmin" + ? `${ROUTE_SUPER_ADMIN_DISPENSER_DETAILS}/${item.key}` + : `${ROUTE_PROVINCE_DISPENSER_DETAILS}/${item.key}` + ); + }} + > + + + + ), + ]; + }); + + setTableData(d); + }, [data, value]); + + useEffect(() => { + fetchApiData(1); + }, [perPage]); + + useEffect(() => { + if (value === 1) { + dispatch(slaughterGetDispenserDashboard()).then((r) => { + setDashboardData(r.payload.data); + }); + } + }, [value]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `dispenser/?role=${getRoleFromUrl()}&search=filter&value=${textValue}&page=${1}&page_size=${perPage}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + + + {value === 0 && ( + <> + + + + + + + + + )} + + {value === 1 && ( + <> + + + + + + + + + + + )} + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-house-new-conmplaint/SlaughterHouseNewComplaint.js b/src/features/slaughter-house/components/slaughter-house-new-conmplaint/SlaughterHouseNewComplaint.js new file mode 100644 index 0000000..cb924df --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-new-conmplaint/SlaughterHouseNewComplaint.js @@ -0,0 +1,216 @@ +import { + Button, + FormControl, + InputLabel, + MenuItem, + Select, + TextField, + Typography, +} from "@mui/material"; +import { useFormik } from "formik"; +import React, { useContext, useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import { ImageUpload } from "../../../../components/image-upload/ImageUpload"; +import { SPACING } from "../../../../data/spacing"; +import { Yup } from "../../../../lib/yup/yup"; +import { fixBase64 } from "../../../../utils/toBase64"; +import { PropTypes } from "prop-types"; +import { useDispatch } from "react-redux"; +import { slaughterNewComplaint } from "../../services/slaughter-new-complaint"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { slaughterGetRegisteredComplaints } from "../../services/slaughter-get-registered-complaints"; +import { slaughterGetComplaints } from "../../services/slaughter-get-complaints"; + +export const SlaughterHouseNewComplaint = ({ barKey, role }) => { + const [openNotif] = useContext(AppContext); + const dispatch = useDispatch(); + const [topic, setTopic] = React.useState(10); + + const [complaintImages, setComplaintImages] = React.useState([]); + const [complaintImagesBase64, setComplaintImagesBase64] = React.useState([]); + + const complaintImageHandler = (imageList, addUpdateIndex) => { + setComplaintImages(imageList); + setComplaintImagesBase64(imageList.map((img) => fixBase64(img.data_url))); + }; + + const isFormValid = (topic) => { + switch (topic) { + case 10: + return ( + formik2.isValid && formik.isValid && complaintImagesBase64.length + ); + default: + return formik.isValid && complaintImagesBase64.length; + } + }; + + const handleChange = (event) => { + setTopic(event.target.value); + }; + + const formik = useFormik({ + initialValues: { + description: "", + }, + validationSchema: Yup.object({ + description: Yup.string() + .required("این فیلد اجباری است!") + .typeError("لطفا فیلد را پر کنید!"), + }), + }); + + const formik2 = useFormik({ + initialValues: { + looses: "", + }, + validationSchema: Yup.object({ + looses: Yup.number() + .required("این فیلد اجباری است!") + .typeError("لطفا عدد وارد کنید!"), + }), + }); + + useEffect(() => { + formik.validateForm(); + formik2.validateForm(); + }, []); + + return ( + + + + موضوع + + + + {topic === 10 && ( + + )} + + + + پیوست تصویر + + + + + + + ); +}; + +SlaughterHouseNewComplaint.propTypes = { + barKey: PropTypes.any, + role: PropTypes.any, +}; diff --git a/src/features/slaughter-house/components/slaughter-house-submit-dispenser/SlaughterHouseSubmitDispenser.js b/src/features/slaughter-house/components/slaughter-house-submit-dispenser/SlaughterHouseSubmitDispenser.js new file mode 100644 index 0000000..f875238 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-house-submit-dispenser/SlaughterHouseSubmitDispenser.js @@ -0,0 +1,311 @@ +import React, { useContext, useEffect, useState } from "react"; +import { useFormik } from "formik"; +import * as Yup from "yup"; +import { + TextField, + Button, + RadioGroup, + FormControlLabel, + Radio, + FormControl, + FormLabel, + Box, + MenuItem, +} from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { + slaughterHouseEditDispenserService, + slaughterHouseSubmitDispenserService, +} from "../../services/slaughter-house-submit-dispenser-service"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { provinceGetCitiesService } from "../../../province/services/province-get-cities"; +import { CarPelak } from "../../../../components/car-pelak/CarPelak"; +import { Grid } from "../../../../components/grid/Grid"; +import { AppContext } from "../../../../contexts/AppContext"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; + +const validationSchema = Yup.object({ + mobile: Yup.string() + .required("این فیلد اجباری است!") + .min(11, "شماره موبایل باید 11 رقم باشد") + .max(11, "شماره موبایل باید 11 رقم باشد") + .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شود و 11 رقم باشد"), + first_name: Yup.string().required("این فیلد اجباریست!"), + last_name: Yup.string().required("این فیلد اجباریست!"), + city: Yup.string().required("این فیلد اجباریست!"), + national_id: Yup.string() + .matches(/^\d{10}$/, "کد ملی ده رقمی است!") + .required("این فیلد اجباریست!"), + dispenser_type: Yup.string().required("این فیلد اجباریست!"), + limitation_amount: Yup.number() + .min(0, "عدد مثبت وارد کنید!") + .required("سقف محدودیت اجباری است"), + driver_car_type: Yup.string().when("dispenser_type", { + is: "driver", + then: Yup.string().required("نوع خودرو اجباری است!"), + }), +}); + +export const SlaughterHouseSubmitDispenser = ({ + updateTable, + isEdit, + item, +}) => { + const dispatch = useDispatch(); + const { provinceGetCities } = useSelector((state) => state.provinceSlice); + const [driverPelak, setDriverPelak] = useState([]); + + const carPelakHandleChange = (pelak1, pelak2, pelak3, pelak4) => { + setDriverPelak([pelak1, pelak2, pelak3, pelak4]); + }; + const [openNotif] = useContext(AppContext); + + useEffect(() => { + dispatch(provinceGetCitiesService()); + }, []); + + const formik = useFormik({ + initialValues: { + mobile: item?.user?.mobile ? item?.user?.mobile : "", + first_name: item?.user?.firstName ? item?.user?.firstName : "", + last_name: item?.user?.lastName ? item?.user?.lastName : "", + city: item?.user?.city?.cityName ? item?.user?.city?.cityName : "", + national_id: item?.user?.nationalId ? item?.user?.nationalId : "", + dispenser_type: item?.dispenserType ? item?.dispenserType : "inductor", + limitation_amount: item?.limitation_amount ? item?.limitation_amount : 0, + driver_car_type: item?.car ? item?.car : "", + }, + validationSchema, + onSubmit: (values) => { + if (!isEdit) { + dispatch( + slaughterHouseSubmitDispenserService({ + mobile: values.mobile, + first_name: values.first_name, + last_name: values.last_name, + city: values.city, + national_id: values.national_id, + dispenser_type: values.dispenser_type, + limitation_amount: values.limitation_amount, + role: getRoleFromUrl(), + pelak: + values.dispenser_type === "driver" + ? driverPelak[0] + + " " + + driverPelak[1] + + " " + + driverPelak[2] + + " " + + driverPelak[3] + : null, + car: values.driver_car_type ? values.driver_car_type : null, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } else { + dispatch( + slaughterHouseEditDispenserService({ + type: "update-profile", + dispenser_key: item?.key, + mobile: values.mobile, + first_name: values.first_name, + last_name: values.last_name, + city: values.city, + national_id: values.national_id, + dispenser_type: values.dispenser_type, + limitation_amount: values.limitation_amount, + role: getRoleFromUrl(), + pelak: + values.dispenser_type === "driver" + ? driverPelak[0] + + " " + + driverPelak[1] + + " " + + driverPelak[2] + + " " + + driverPelak[3] + : null, + car: values.driver_car_type ? values.driver_car_type : null, + }) + ).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + dispatch(DRAWER({ right: false, bottom: false, content: null })); + updateTable(); + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + }); + } + }, + }); + + return ( + + + + + + + + {provinceGetCities?.map((city) => ( + + {city.name} + + ))} + + + + + ماهیت + + } + label="واسطه" + /> + } + label="فروشنده" + /> + } label="راننده" /> + + + {formik.values.dispenser_type === "driver" && ( + <> + + + + + + )} + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-inventory-free-buy-bars-alives/SlaughterInventoryFreeBuyBarsAlives.js b/src/features/slaughter-house/components/slaughter-inventory-free-buy-bars-alives/SlaughterInventoryFreeBuyBarsAlives.js new file mode 100644 index 0000000..2dd29bb --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-inventory-free-buy-bars-alives/SlaughterInventoryFreeBuyBarsAlives.js @@ -0,0 +1,237 @@ +import React, { useContext, useEffect, useState } from "react"; +import axios from "axios"; +import { useDispatch, useSelector } from "react-redux"; +import { Button, IconButton, Tooltip } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { SlaughterHouseVetBarsOperation } from "../../../slaughter-house-vet/components/slaughter-house-vet-bars-operation/SlaughterHouseVetBarsOperation"; +import SystemUpdateAltIcon from "@mui/icons-material/SystemUpdateAlt"; +import { slaughterGetProfile } from "../../services/slaughter-get-profile"; +import { CheckCleanceCode } from "../../../../components/check-clearance-code/ChechClearanceCode"; +import { SlaughterFreeBarsAlivesOperations } from "../slaughter-free-bars-alives-operations/SlaughterFreeBarsAlivesOperations"; +import { AppContext } from "../../../../contexts/AppContext"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterInventoryFreeBuyBarsAlives = ({ + title, + barState, + fetchDashboardData, + withDate, + selectedDate1, + selectedDate2, + searchValue, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + useEffect(() => { + dispatch( + slaughterGetProfile({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedSubUser?.key]); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + + const fetchApiData = async (page) => { + let response; + dispatch(LOADING_START()); + try { + response = await axios.get( + `kill_house_free_bar/?type=live&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&page=${page}&page_size=${perPage}&bar_state=${barState}&date_type=input${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : "" + }${searchValue ? `&search=filter&value=${searchValue}` : ""}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + fetchDashboardData(); + }; + + useEffect(() => { + fetchApiData(1); + }, [ + perPage, + withDate, + selectedDate1, + selectedDate2, + searchValue, + selectedSubUser?.key, + ]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.barCode || "-", + item?.registerType === "automatic" ? "سیستمی" : "دستی", + formatJustDate(item.createDate), + `${item?.killHouse?.name} (${item?.killHouse?.killHouseOperator?.user?.mobile})`, + item?.exclusiveKiller + ? `${item?.exclusiveKiller?.name} (${item?.exclusiveKiller?.killHouseOperator?.user?.mobile})` + : "-", + item.buyType === "live" ? "مرغ زنده" : "لاشه", + item.poultryName, + `${item.province}/${item.city}`, + , + item.quantity.toLocaleString(), + item.liveWeight.toLocaleString(), + formatJustDate(item.date), + item.numberOfCarcasses.toLocaleString(), + item.weightOfCarcasses.toLocaleString(), + item?.weightLoss ? item?.weightLoss + "%" : "-", + , + <> + {getRoleFromUrl() === "KillHouse" ? ( + + ) : ( + + )} + , + ]; + }); + + setTableData(d); + }, [data, page, perPage]); + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + + return ( + + + + + { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.", + severity: "success", + }); + const link = `${ + axios.defaults.baseURL + }kill_house_free_bar_excel/?role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&key=${userKey}&type=live&bar_state=${barState}${ + withDate + ? `&date1=${selectedDate1}&date2=${selectedDate2}` + : "" + }`; + window.location.href = link; + }} + > + + + + + } + data={tableData} + columns={[ + "ردیف", + "کد بار", + "نوع بار", + "تاریخ خرید", + "خریدار", + "کشتارکن", + "محصول", + "فروشنده", + "استان/شهر", + "کدقرنطینه", + "حجم زنده", + "وزن زنده (کیلوگرم)", + "تاریخ ورود به انبار", + "حجم لاشه", + "وزن لاشه (کیلوگرم)", + "درصد افت", + "بارنامه", + "عملیات", + ]} + handlePageChange={handlePageChange} + totalRows={totalRows} + page={page} + perPage={perPage} + handlePerRowsChange={handlePerRowsChange} + title={title} + /> + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-inventory-free-buy-bars/SlaughterInventoryFreeBuyBars.js b/src/features/slaughter-house/components/slaughter-inventory-free-buy-bars/SlaughterInventoryFreeBuyBars.js new file mode 100644 index 0000000..23584f4 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-inventory-free-buy-bars/SlaughterInventoryFreeBuyBars.js @@ -0,0 +1,525 @@ +import React, { useContext, useEffect, useState } from "react"; +import moment from "moment"; +import axios from "axios"; +import { useDispatch, useSelector } from "react-redux"; +import { Button, Checkbox, Tab, Tabs, TextField, Tooltip } from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { + DRAWER, + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { AppContext } from "../../../../contexts/AppContext"; +import { SlaughterFreeBarsOperations } from "../slaughter-free-bars-operations/SlaughterFreeBarsOperations"; +import { formatJustDate } from "../../../../utils/formatTime"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { SlaughterSubmitFreeBar } from "../slaughter-submit-free-bar/SlaughterSubmitFreeBar"; +import { SlaughterHouseVetBarsOperation } from "../../../slaughter-house-vet/components/slaughter-house-vet-bars-operation/SlaughterHouseVetBarsOperation"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { slaughterGetProfile } from "../../services/slaughter-get-profile"; +import { vetFarmGetOutProvinceDashboard } from "../../../vet-farm/services/vet-farm-get-out-province-dashboard"; +import ToggleOffOutlinedIcon from "@mui/icons-material/ToggleOffOutlined"; +import ToggleOnIcon from "@mui/icons-material/ToggleOn"; +import { SlaughterInventoryFreeBuyBarsAlives } from "../slaughter-inventory-free-buy-bars-alives/SlaughterInventoryFreeBuyBarsAlives"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterInventoryFreeBuyBars = () => { + const dispatch = useDispatch(); + const [activeTab, setActiveTab] = useState(0); + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, []); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + useEffect(() => { + dispatch( + slaughterGetProfile({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + }, [selectedSubUser?.key, dispatch]); + + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [withDate, setWithDate] = useState(false); + const [searchValue, setSearchValue] = useState(""); + + const fetchApiData = async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `kill_house_free_bar/?type=${ + activeTab === 0 ? "live" : "carcass" + }&dashboard=true&search=filter&value=${searchValue}&role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : "" + }&page=${page}&page_size=${perPage}&date_type=input` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }; + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + setPage(1); + fetchApiData(1); + fetchDashboardData(); + }; + + const fetchDashboardData = () => { + dispatch( + vetFarmGetOutProvinceDashboard({ + search: "filter", + role: getRoleFromUrl(), + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + value: searchValue, + type: activeTab === 0 ? "live" : "carcass", + ...(withDate && { + date1: selectedDate1, + date2: selectedDate2, + }), + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }; + + useEffect(() => { + fetchApiData(page !== 0 ? page : 1); + fetchDashboardData(); + }, [ + withDate, + selectedDate1, + selectedDate2, + perPage, + activeTab, + searchValue, + selectedSubUser?.key, + ]); + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.barCode || "-", + formatJustDate(item.createDate), + `${item?.killHouse?.name} (${item?.killHouse?.killHouseOperator?.user?.mobile})`, + item?.exclusiveKiller + ? `${item?.exclusiveKiller?.name} (${item?.exclusiveKiller?.killHouseOperator?.user?.mobile})` + : "-", + item.buyType === "live" ? "مرغ زنده" : "لاشه", + item.poultryName, + `${item.province}/${item.city}`, + item.barClearanceCode, + item.numberOfCarcasses.toLocaleString(), + item.weightOfCarcasses.toLocaleString(), + , + <> + {getRoleFromUrl() === "KillHouse" ? ( + + ) : ( + + )} + , + ]; + }); + + setTableData(d); + }, [data]); + + const handleSubmit = async (event) => { + event.preventDefault(); + setSearchValue(textValue); + }; + + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const [dashboardData, setDashboardData] = useState([]); + + return ( + + + + + + + + {activeTab === 0 && ( + + + } + checkedIcon={} + checked={withDate} + onChange={() => { + setWithDate(!withDate); + fetchApiData(1); + }} + color="primary" + size="large" + /> + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + + )} + + + + + + + {activeTab === 0 ? ( + + ) : ( + + )} + + + {activeTab === 0 ? ( + <> + + + + + ) : ( + <> +

+ + + + + + + + + + + +

+ + + )} + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-inventory-in-province-bars/SlaughterInventoryInProvinceBars.js b/src/features/slaughter-house/components/slaughter-inventory-in-province-bars/SlaughterInventoryInProvinceBars.js new file mode 100644 index 0000000..0dce5b9 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-inventory-in-province-bars/SlaughterInventoryInProvinceBars.js @@ -0,0 +1,337 @@ +import React, { useEffect, useState, useCallback } from "react"; +import { + Button, + Checkbox, + FormControl, + FormControlLabel, + InputLabel, + IconButton, + MenuItem, + Select, + TextField, + Tooltip, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import moment from "moment"; +import { useDispatch, useSelector } from "react-redux"; +import axios from "axios"; +import { + LOADING_END, + LOADING_START, + OPEN_MODAL, +} from "../../../../lib/redux/slices/appSlice"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { Grid } from "../../../../components/grid/Grid"; +import { SlaughterSubmitRealInventory } from "../slaughter-submit-real-inventory/SlaughterSubmitRealInventory"; +import SettingsIcon from "@mui/icons-material/Settings"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { RiSearchLine } from "react-icons/ri"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterInventoryInProvinceBars = ({ type }) => { + const [selectedDate1, setSelectedDate1] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const [selectedDate2, setSelectedDate2] = useState( + moment(new Date()).format("YYYY-MM-DD") + ); + const dispatch = useDispatch(); + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + const [withDate, setWithDate] = useState(type === "entered" ? true : false); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const [quota, setQuota] = useState("all"); + + const fetchApiData = useCallback( + async (page) => { + dispatch(LOADING_START()); + const response = await axios.get( + `bars_for_kill_house/?search=filter&value=${textValue}&role=${getRoleFromUrl()}${ + withDate + ? `&date1=${selectedDate1}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&date2=${selectedDate2}` + : `` + }&page=${page}&page_size=${perPage}&type=${type}"a=${quota}` + ); + dispatch(LOADING_END()); + setData(response.data.results); + setTotalRows(response.data.count); + }, + [ + textValue, + withDate, + selectedDate1, + selectedDate2, + perPage, + type, + quota, + dispatch, + setData, + selectedSubUser?.key, + setTotalRows, + ] + ); + + const handlePageChange = (page) => { + fetchApiData(page); + setPage(page); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(perRows); + setPage(1); + }; + + const updateTable = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + const d = data?.map((item, i) => { + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.barCode, + formatJustDate(item?.poultryRequest?.date), + `${item?.poultryRequest?.poultryName} (${item?.poultryRequest?.poultryMobile}) - ${item?.poultryRequest?.poultryUserName}`, + item?.poultryRequest?.poultryCity, + `${item?.killhouseUser?.killer ? "کشتارکن" : "کشتارگاه"} ${ + item?.killhouseUser?.name + } (${item?.killhouseUser?.killHouseOperator?.user?.mobile})`, + item?.poultryRequest?.poultryReqOrderCode, + item?.freezing ? "انجماد" : item?.export ? "صادرات" : "عادی", + item?.killer + ? `${item?.killer?.name} (${item?.killer?.killHouseOperator?.user?.mobile})` + : "-", + item?.poultryRequest?.freeSaleInProvince ? "آزاد" : "دولتی", + item?.poultryRequest?.chickenBreed, + `${item?.addCar?.driver?.driverName}/${item?.addCar?.driver?.typeCar}`, + item?.addCar?.driver?.healthCode + ? item?.addCar?.driver?.healthCode + : "-", + item?.clearanceCode ? item?.clearanceCode : "-", + item?.acceptedRealQuantity?.toLocaleString(), + item?.acceptedRealWeight?.toLocaleString(), + item?.weightInfo?.state, + item?.wareHouseAcceptedRealQuantity.toLocaleString(), + item?.wareHouseAcceptedRealWeight.toLocaleString(), + item?.weightInfo?.weightLoss + ? item?.weightInfo?.weightLoss?.toFixed(2) + "%" + : 0 + "%", + item?.weightInfo?.inputLoss + ? item?.weightInfo?.inputLoss?.toFixed(2) + "%" + : 0 + "%", + item?.dateOfWareHouse ? formatJustDate(item?.dateOfWareHouse) : "-", + + { + dispatch( + OPEN_MODAL({ + title: "ثبت موجودی واقعی", + content: ( + + ), + }) + ); + }} + > + + + , + ]; + }); + + setTableData(d); + }, [data]); + + useEffect(() => { + fetchApiData(1); + }, [fetchApiData]); + + const handleSubmit = async (event) => { + event.preventDefault(); + dispatch(LOADING_START()); + + try { + const response = await axios.get( + `bars_for_kill_house/?role=${getRoleFromUrl()}${ + checkPathStartsWith("slaughter") + ? `&role_key=${selectedSubUser?.key}` + : "" + }&search=filter&value=${textValue}${ + withDate ? `&date1=${selectedDate1}&date2=${selectedDate2}` : `` + }&page=${1}&page_size=${perPage}&type=${type}"a=${quota}` + ); + setData(response.data.results); + setTotalRows(response.data.count); + dispatch(LOADING_END()); + } catch (error) { + console.error("Error fetching data:", error); + } + }; + + return ( + + + + {type === "notentered" && ( + + setWithDate(!withDate)} + color="primary" + /> + } + /> + + )} + + + ( + + )} + value={selectedDate1} + onChange={(e) => { + setSelectedDate1(moment(e).format("YYYY-MM-DD")); + }} + /> + + + ( + + )} + value={selectedDate2} + onChange={(e) => { + setSelectedDate2(moment(e).format("YYYY-MM-DD")); + }} + /> + + + + + نوع فروش + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-inventory-operation/SlaughterInventoryOperation.js b/src/features/slaughter-house/components/slaughter-inventory-operation/SlaughterInventoryOperation.js new file mode 100644 index 0000000..68cc3dd --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-inventory-operation/SlaughterInventoryOperation.js @@ -0,0 +1,125 @@ +import { VscFolderActive, VscNewFolder } from "react-icons/vsc"; +import { useLocation } from "react-router-dom"; +import { Grid } from "../../../../components/grid/Grid"; +import LinkItem from "../../../../components/link-item/LinkItem"; +import { NavLink } from "../../../../components/nav-link/NavLink"; +import { SPACING } from "../../../../data/spacing"; +import { + ROUTE_SLAUGHTER_INVENTORY_SELL_CARCASS_IN_PROVINCE, + ROUTE_SLAUGHTER_INVENTORY_SELL_CARCASS_OUT_PROVINCE, + ROUTE_SLAUGHTER_INVENTORY_STOCK, + ROUTE_SLAUGHTER_OUT_PROVINCE_BUY, + ROUTE_SLAUGHTER_SEGMENTATION, +} from "../../../../routes/routes"; +import { slaughterGetProfile } from "../../services/slaughter-get-profile"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch, useSelector } from "react-redux"; +import { useEffect } from "react"; +// import moment from "moment"; + +export const SlaughterInventoryOperation = () => { + const dispatch = useDispatch(); + const { pathname } = useLocation(); + const { profile } = useSelector((state) => state.slaughterSlice); + + useEffect(() => { + if (!profile) { + dispatch(LOADING_START()); + dispatch(slaughterGetProfile()).then((r) => { + dispatch(LOADING_END()); + }); + } + }, []); + + return ( + + + } + title="ورود به انبار" + /> + + + + } + title="فروش داخل استان" + /> + + + + } + title="فروش به خارج استان" + /> + + + + } + title="خرید خارج از استان" + description="درخواست های در انتظار عملیات وارد کردن اطلاعات بارهای دریافتی" + /> + + + + } + title="قطعه بندی" + /> + + + {/* + } + title="سهم بندی اتوماتیک مباشرین" + /> + */} + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-inventory-summary/SlaughterInventorySummary.js b/src/features/slaughter-house/components/slaughter-inventory-summary/SlaughterInventorySummary.js new file mode 100644 index 0000000..ad18a72 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-inventory-summary/SlaughterInventorySummary.js @@ -0,0 +1,121 @@ +import React, { useEffect } from "react"; +import { Grid } from "../../../../components/grid/Grid"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SlaughterShowProducts } from "../slaughter-show-products/SlaughterShowProducts"; +import { useSelector, useDispatch } from "react-redux"; +import { SPACING } from "../../../../data/spacing"; +import { Button } from "@mui/material"; +import { DRAWER } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterSubmitOperations } from "../slaughter-submit-operations/SlaughterSubmitOperations"; +import { fetchSlaughterBroadcastAndProducts } from "../../services/handle-fetch-slaughter-products"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +export const SlaughterInventorySummary = ({ priceInfo }) => { + const { distributionInfo, slaughterProducts } = useSelector( + (state) => state.slaughterSlice + ); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const dispatch = useDispatch(); + + const updateTable = () => { + dispatch( + fetchSlaughterBroadcastAndProducts({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + }; + + useEffect(() => { + updateTable(); + }, [selectedSubUser?.key]); + + return ( + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-inventory/SlaughterInventory.js b/src/features/slaughter-house/components/slaughter-inventory/SlaughterInventory.js new file mode 100644 index 0000000..48cc42a --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-inventory/SlaughterInventory.js @@ -0,0 +1,116 @@ +import React, { useEffect, useState } from "react"; +import { Grid } from "../../../../components/grid/Grid"; + +import { Tab, Tabs } from "@mui/material"; +import { SPACING } from "../../../../data/spacing"; +import { SlaughterShowProducts } from "../slaughter-show-products/SlaughterShowProducts"; +import { SlaughterInventoryInProvinceBars } from "../slaughter-inventory-in-province-bars/SlaughterInventoryInProvinceBars"; +import { SlaughterInventoryFreeBuyBars } from "../slaughter-inventory-free-buy-bars/SlaughterInventoryFreeBuyBars"; +import { slaughterGetBarsInfo } from "../../services/slaughter-get-distribution-info"; +import { useDispatch } from "react-redux"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; +import { useSelector } from "react-redux"; + +export const SlaughterInventory = () => { + const [value, setValue] = useState("0"); + const [barsInfo, setBarsInfo] = useState([]); + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const handleChange = (event, newValue) => { + setValue(newValue); + }; + + const dispatch = useDispatch(); + + useEffect(() => { + dispatch( + slaughterGetBarsInfo({ + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ).then((r) => { + setBarsInfo(r.payload.data); + }); + }, [dispatch, selectedSubUser?.key]); + + return ( + + + + + + + + + + + + + {value === "0" && ( + + + + + + + + + + + + + )} + + {value === "1" && ( + + + + )} + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-manage-bars/SlaughterManageBars.js b/src/features/slaughter-house/components/slaughter-manage-bars/SlaughterManageBars.js new file mode 100644 index 0000000..3a8babc --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-manage-bars/SlaughterManageBars.js @@ -0,0 +1,656 @@ +import { useContext, useEffect, useState, useMemo, useCallback } from "react"; +import { AppContext } from "../../../../contexts/AppContext"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { + Box, + TextField, + Typography, + Button, + Tooltip, + FormControlLabel, + Checkbox, +} from "@mui/material"; +import moment from "moment"; +import { SPACING } from "../../../../data/spacing"; +import { DatePicker } from "@mui/x-date-pickers"; +import { + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { useDispatch, useSelector } from "react-redux"; +import { format } from "date-fns-jalali"; +import axios from "axios"; +import { formatTime } from "../../../../utils/formatTime"; +import ShowImage from "../../../../components/show-image/ShowImage"; +import { RiFileExcel2Fill, RiSearchLine } from "react-icons/ri"; +import { VetFarmOperationOptions } from "../../../vet-farm/components/vet-farm-operations-options/VetFarmOperationOptions"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { VetFarmEditTrafficCode } from "../../../vet-farm/components/vet-farm-edit-traffic-code/VetFarmEditTrafficCode"; +import { vetFarmGetFinishedBarsOverview } from "../../../vet-farm/services/vet-farm-get-bars-overview"; +import { Grid } from "../../../../components/grid/Grid"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +// Constants +const ROLES = { + KILL_HOUSE: "KillHouse", + ADMIN_X: "AdminX", + VET_FARM: "VetFarm", + PROVINCE_OPERATOR: "ProvinceOperator", + KILL_HOUSE_VET: "KillHouseVet", + SUPER_ADMIN: "SuperAdmin", + SUPPORTER: "Supporter", +}; + +const KILL_TYPES = { + FREEZING: "انجماد", + EXPORT: "صادرات", + NORMAL: "عادی", +}; + +const ITEM_STATES = { + WAREHOUSE: "ورود به انبار", + REGISTERED: "ثبت اطلاعات بار", + DELETED: "حذف شده", + ACCEPTED: "تایید تخلیه", + PENDING: "در انتظار تخلیه", +}; + +const QUARANTINE_STATES = { + CONTRADICTION: "مغایرت کد رهگیری", + NO_CLEARANCE: "فاقد کد رهگیری", + MERGE: "ادغام", + NOT_APPROVED: "عدم تایید راهداری", +}; + +const DEFAULT_PER_PAGE = 10; +const DEFAULT_PAGE = 1; + +// Helper functions +const formatDate = (date) => { + if (!date) return "-"; + return format(new Date(date), "yyyy/MM/dd"); +}; + +const formatCurrency = (value) => { + return value ? `${value.toLocaleString()} ﷼` : "-"; +}; + +const formatNumber = (value) => { + return value ? value.toLocaleString() : "-"; +}; + +const formatNumberFixed = (value, decimals = 2) => { + return value ? value.toFixed(decimals).toLocaleString() : "-"; +}; + +const formatUserInfo = (name, mobile) => { + return name && mobile ? `${name} (${mobile})` : "-"; +}; + +const getKillType = (item) => { + if (item?.poultryRequest?.freezing) return KILL_TYPES.FREEZING; + if (item?.poultryRequest?.export) return KILL_TYPES.EXPORT; + return KILL_TYPES.NORMAL; +}; + +const getItemState = (item) => { + if (item?.wareHouseConfirmation) { + return ITEM_STATES.WAREHOUSE; + } + if (item?.assignmentStateArchive !== "pending") { + return ITEM_STATES.REGISTERED; + } + if (item.trash === true) { + return ITEM_STATES.DELETED; + } + if (item.vetState === "accepted") { + return ITEM_STATES.ACCEPTED; + } + if (item.vetState === "pending") { + return ITEM_STATES.PENDING; + } + return ""; +}; + +const getQuarantineInfo = (item) => { + if (item?.quarantineQuantity) { + return item.quarantineQuantity; + } + if (item?.quarantineCodeState) { + const stateMap = { + contradiction: QUARANTINE_STATES.CONTRADICTION, + noclearance: QUARANTINE_STATES.NO_CLEARANCE, + merge: QUARANTINE_STATES.MERGE, + }; + return stateMap[item.quarantineCodeState] || QUARANTINE_STATES.NOT_APPROVED; + } + return "-"; +}; + +const buildApiUrl = (params) => { + const { + textValue, + role, + date1, + date2, + page, + perPage, + roleKey, + withoutBarDocument, + } = params; + const baseUrl = "kill_house_assignment_information/"; + const queryParams = new URLSearchParams({ + search: "filter", + value: textValue || "", + role: role || "", + date1: date1 || "", + date2: date2 || "", + page: page || DEFAULT_PAGE, + page_size: perPage || DEFAULT_PER_PAGE, + without_bar_document: withoutBarDocument ? "true" : "false", + }); + + if (roleKey) { + queryParams.append("role_key", roleKey); + } + + return `${baseUrl}?${queryParams.toString()}`; +}; + +const buildExcelUrl = (params) => { + const { baseURL, date1, date2, role, roleKey, userKey, textValue } = params; + const queryParams = new URLSearchParams({ + start: date1 || "", + end: date2 || "", + state: "completed", + role: role || "", + key: userKey || "", + search: "filter", + value: textValue || "", + }); + + if (roleKey) { + queryParams.append("role_key", roleKey); + } + + return `${baseURL}bar_excel/?${queryParams.toString()}`; +}; + +const isTrafficCodeEditable = (role, item) => { + if (!item?.killer?.key) { + return false; + } + + const editableRoles = [ + ROLES.KILL_HOUSE, + ROLES.ADMIN_X, + ROLES.VET_FARM, + ROLES.PROVINCE_OPERATOR, + ROLES.KILL_HOUSE_VET, + ROLES.SUPER_ADMIN, + ROLES.SUPPORTER, + ]; + + return editableRoles.includes(role); +}; + +const canShowDocumentCheckbox = (role) => { + return ( + role === ROLES.SUPER_ADMIN || + role === ROLES.SUPPORTER || + role === ROLES.ADMIN_X + ); +}; + +export const SlaughterManageBars = () => { + const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] = + useContext(AppContext); + + // Redux + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const userKey = useSelector((state) => state.userSlice.userProfile.key); + const dispatch = useDispatch(); + + // State + const [hasDocumentState, setHasDocumentState] = useState(false); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(DEFAULT_PER_PAGE); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(DEFAULT_PAGE); + const [tableData, setTableData] = useState([]); + const [dashboardData, setDashboardData] = useState([]); + + // Memoized values + const currentRole = useMemo(() => getRoleFromUrl(), []); + const roleKey = useMemo( + () => (checkPathStartsWith("slaughter") ? selectedSubUser?.key || "" : ""), + [selectedSubUser?.key] + ); + const showDocumentCheckbox = useMemo( + () => canShowDocumentCheckbox(currentRole), + [currentRole] + ); + + // Initialize dates + useEffect(() => { + const currentDate = moment(new Date()).format("YYYY-MM-DD"); + setSelectedDate1(currentDate); + setSelectedDate2(currentDate); + }, [setSelectedDate1, setSelectedDate2]); + + // Fetch API data + const fetchApiData = useCallback( + async (pageNumber = page) => { + dispatch(LOADING_START()); + try { + const url = buildApiUrl({ + textValue, + role: currentRole, + date1: selectedDate1, + date2: selectedDate2, + page: pageNumber || DEFAULT_PAGE, + perPage, + roleKey, + withoutBarDocument: hasDocumentState, + }); + + const response = await axios.get(url); + setData(response.data.results); + setTotalRows(response.data.count); + } catch (error) { + console.error("Error fetching data:", error); + } finally { + dispatch(LOADING_END()); + } + }, + [ + textValue, + currentRole, + selectedDate1, + selectedDate2, + perPage, + roleKey, + hasDocumentState, + page, + dispatch, + ] + ); + + // Fetch dashboard data + const fetchDashboardData = useCallback(() => { + dispatch( + vetFarmGetFinishedBarsOverview({ + selectedDate1, + selectedDate2, + textValue, + hasDocumentState, + roleKey, + }) + ).then((r) => { + setDashboardData(r.payload.data); + }); + }, [ + selectedDate1, + selectedDate2, + textValue, + hasDocumentState, + roleKey, + dispatch, + ]); + + // Handlers + const handlePageChange = (newPage) => { + fetchApiData(newPage); + setPage(newPage); + }; + + const handlePerRowsChange = (newPerRows) => { + setPerPage(newPerRows); + setPage(DEFAULT_PAGE); + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + await fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + setPage(DEFAULT_PAGE); + }; + + const handleTextChange = (event) => { + setTextValue(event.target.value); + }; + + const handleDateChange1 = (date) => { + if (date) { + setSelectedDate1(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleDateChange2 = (date) => { + if (date) { + setSelectedDate2(moment(date).format("YYYY-MM-DD")); + } + }; + + const handleChangeDocumentState = () => { + setHasDocumentState(!hasDocumentState); + }; + + // Initial data fetch + useEffect(() => { + fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); + + // Refetch when filters change + useEffect(() => { + fetchApiData(DEFAULT_PAGE); + fetchDashboardData(); + setPage(DEFAULT_PAGE); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [selectedDate1, selectedDate2, hasDocumentState, perPage, roleKey]); + + // Transform data to table format + useEffect(() => { + const transformedData = data?.map((item, i) => { + const rowNumber = + page === DEFAULT_PAGE ? i + 1 : i + perPage * (page - 1) + 1; + const textColor = item?.trash ? "red" : "black"; + + return [ + rowNumber, + , + + {getItemState(item)} + , + + {item.barCode} + , + formatTime(item.createDate), + getKillType(item), + + {item?.barDocumentStatus?.title || "-"} + , + , + formatNumber(item.acceptedRealQuantity), + formatNumber(item?.acceptedRealWeight), + formatNumber(item?.weightInfo?.finalIndexWeight), + formatUserInfo( + item.killhouseUser?.name, + item.killhouseUser?.killHouseOperator?.user?.mobile + ), + item?.killer + ? formatUserInfo( + item.killer?.name, + item.killer?.killHouseOperator?.user?.mobile + ) + : "-", + formatUserInfo( + item.poultryRequest?.poultry?.user?.fullname, + item.poultryRequest?.poultry?.user?.mobile + ), + item.poultryRequest?.poultry?.unitName || "-", + item?.poultryRequest?.age || "-", + formatNumber(item.quantity), + formatNumber(item?.weightInfo?.weight), + + + , + formatCurrency(item?.amount), + item?.clearanceCode || "-", + getQuarantineInfo(item), + `${item.addCar?.driver?.typeCar || ""} ${ + item.addCar?.driver?.pelak || "" + }`.trim() || "-", + formatUserInfo( + item.addCar?.driver?.driverName, + item.addCar?.driver?.driverMobile + ), + item.poultryRequest?.chickenBreed || "-", + formatNumber(item?.weightInfo?.indexWeight), + formatCurrency(item?.poultryRequest?.amount), + formatCurrency(item?.weightInfo?.killHousePrice), + item?.vetFarm?.vet?.user?.fullname + ? `${item.vetFarm.vet.user.fullname}(${item.vetFarm.vet.user.mobile})` + : "فاقد دامپزشک", + item.killPlace || "-", + item.poultryRequest?.poultry?.address?.city?.name || "-", + formatDate(item?.poultryRequest?.sendDate), + item?.poultryRequest?.orderCode || "-", + formatNumber(item?.wareHouseAcceptedRealQuantity), + formatNumber(item?.wareHouseAcceptedRealWeight), + formatNumber(item?.weightLoss), + ]; + }); + + setTableData(transformedData || []); + }, [data, page, perPage, currentRole, fetchApiData]); + + // Table columns + const dashboardColumns = [ + "تعداد بارها", + "حجم بارها", + "وزن بارها", + "میانگین وزن", + "کمترین سن ", + "بیشترین سن ", + "میانگین سنی", + "بارهای دارای کد قرنطینه", + "حجم بارهای دارای کد قرنطینه", + "بارهای احراز شده از قرنطینه", + "حجم بارهای احراز شده از قرنطینه", + "بارهای فاقد کد قرنطینه", + "حجم بارهای فاقد کد قرنطینه", + "بارهایی که در قرنطینه و رصدیار اختلاف دارند", + "بارهای تکمیل شده کشتارگاه", + "حجم نهایی در کشتارگاه", + "وزن نهایی در کشتارگاه", + "تعداد بار ورودی به انبار", + "حجم لاشه های انبار", + "وزن لاشه های انبار", + "درصد افت بار انبار", + ]; + + const tableColumns = [ + "ردیف", + "عملیات", + "وضعیت", + "کدبار", + "تاریخ ثبت خودرو", + "نوع کشتار", + "وضعیت سند", + "سند (بارنامه)", + "تعداد نهایی", + "وزن نهایی بار (کیلوگرم)", + "میانگین وزن نهایی (کیلوگرم)", + "خریدار", + "کشتارکن اختصاصی", + "مشخصات مرغدار", + "نام فارم", + "سن مرغ", + "تعداد اولیه", + "وزن اولیه بار (کیلوگرم)", + "کد بهداشتی حمل و نقل", + "قیمت مرغ زنده‌ی بار", + "کدرهگیری سامانه قرنطینه", + "تعداد در قرنطینه", + "ماشین", + "راننده", + "نژاد", + "میانگین وزن اولیه (کیلوگرم)", + "قیمت مرغدار", + "قیمت کشتارگاه", + "دامپزشک فارم", + "محل کشتار", + "شهر", + "تاریخ کشتار", + "کدسفارش کشتار", + "حجم لاشه", + "وزن لاشه", + "درصد افت", + ]; + + // Dashboard row data + const renderDashboardCell = (value, isBlue = false) => ( + + {formatNumber(value)} + + ); + + const dashboardRow = [ + renderDashboardCell(dashboardData?.lenKillRequest, true), + renderDashboardCell(dashboardData?.killRequestQuantity), + renderDashboardCell(dashboardData?.killRequestWeight, true), + + {dashboardData?.avgWeight || "-"} + , + renderDashboardCell(dashboardData?.minAge, true), + renderDashboardCell(dashboardData?.maxAge), + renderDashboardCell(dashboardData?.avgAge, true), + renderDashboardCell(dashboardData?.lenKillRequestHasCode), + renderDashboardCell(dashboardData?.quantityOfKillRequestHasCode, true), + renderDashboardCell(dashboardData?.lenKillRequestHasQuarantine), + renderDashboardCell( + dashboardData?.quantityOfKillRequestHasQuarantine, + true + ), + renderDashboardCell(dashboardData?.lenKillRequestHasNotCode), + renderDashboardCell(dashboardData?.quantityOfKillRequestHasNotCode, true), + renderDashboardCell(dashboardData?.differenceBar), + renderDashboardCell(dashboardData?.lenCompleteWithKillHouse, true), + renderDashboardCell(dashboardData?.quantityFinalKillHouse), + renderDashboardCell(dashboardData?.weightFinalKillHouse, true), + renderDashboardCell(dashboardData?.wareHouseBars), + renderDashboardCell(dashboardData?.wareHouseBarsQuantity, true), + renderDashboardCell(dashboardData?.wareHouseBarsWeight), + + {formatNumberFixed(dashboardData?.wareHouseBarsWeightLose)} + , + ]; + + const excelUrl = buildExcelUrl({ + baseURL: axios.defaults.baseURL, + date1: selectedDate1, + date2: selectedDate2, + role: currentRole, + roleKey, + userKey, + textValue, + }); + + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-manage-cars/SlaughterManageCars.js b/src/features/slaughter-house/components/slaughter-manage-cars/SlaughterManageCars.js new file mode 100644 index 0000000..eec302f --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-manage-cars/SlaughterManageCars.js @@ -0,0 +1,142 @@ +import { Button, Card, IconButton } from "@mui/material"; +import { useEffect, useState } from "react"; +import { AdvancedTable } from "../../../../components/advanced-table/AdvancedTable"; +import { useDispatch, useSelector } from "react-redux"; +import { slaughterGetCars } from "../../services/slaughter-get-cars"; +import DeleteIcon from "@mui/icons-material/Delete"; +import { + DRAWER, + LOADING_END, + LOADING_START, +} from "../../../../lib/redux/slices/appSlice"; +import { slaughterDeleteCar } from "../../services/slaughter-delete-car"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { SlaughterNewCar } from "../slaughter-new-car/SlaughterNewCar"; +import { AppContext } from "../../../../contexts/AppContext"; +import { useContext } from "react"; +import { slaughterGetProfile } from "../../services/slaughter-get-profile"; + +export const SlaughterManageCars = () => { + const [dataTable, setDataTable] = useState([]); + const { slaughterHouseCars, profile } = useSelector( + (state) => state.slaughterSlice + ); + const [openNotif] = useContext(AppContext); + + const dispatch = useDispatch(); + + useEffect(() => { + dispatch(slaughterGetProfile()); + dispatch(slaughterGetCars()); + }, []); + + useEffect(() => { + const filteredData = slaughterHouseCars; + const d = filteredData?.map((item, i) => { + return [ + i + 1, + item.typeCar, + item.pelak, + item.capocity, + parseInt(item.healthCode), + // Number(item.healthCode), + item.driverName, + item.driverMobile, + // @todo make onclick delete the car + { + dispatch(LOADING_START()); + dispatch( + slaughterDeleteCar({ + id: item.id, + }) + ).then((r) => { + if (r.error) { + if (r.error.message.includes("403")) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "امکان حذف بدلیل تخصیص بار فعال به خودرو وجود ندارد!", + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "مشکلی پیش آمده است!", + severity: "error", + }); + } + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + } + dispatch(slaughterGetCars()); + dispatch(LOADING_END()); + }); + }} + > + + , + ]; + }); + + setDataTable(d); + }, [slaughterHouseCars]); + + const [tableDataCol] = useState([ + "ردیف", + "مدل خودرو", + "پلاک", + "ظرفیت", + "کد بهداشتی", + "نام راننده", + "موبایل راننده", + "حذف", + ]); + return ( + <> + + + + + + + + + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegates.js b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegates.js new file mode 100644 index 0000000..4cd8667 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegates.js @@ -0,0 +1,249 @@ +import React, { useEffect, useState, useRef } from "react"; +import { Box, Button, Grid, TextField, Chip } from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { BackButton } from "../../../../components/back-button/BackButton"; + +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterManageDelegatesForm } from "./SlaughterManageDelegatesForm"; +import { SlaughterManageDelegatesOperations } from "./SlaughterManageDelegatesOperations"; +import { slaughterGetDelegatesInfoService } from "../../services/slaughter-get-delegates-info"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { RiSearchLine } from "react-icons/ri"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +const SlaughterManageDelegates = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const isFirstMount = useRef(true); + const isSteward = getRoleFromUrl() === "Steward"; + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + slaughterGetDelegatesInfoService({ + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + role_key: + checkPathStartsWith("slaughter") || checkPathStartsWith("steward") + ? selectedSubUser?.key || "" + : "", + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + const updateTableData = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + const isActive = item?.trash !== undefined ? !item.trash : null; + const statusBadge = + isActive === null ? ( + "-" + ) : ( + + ); + const hasLimitation = item?.limitation; + const limitationBadge = ( + + ); + const killhouseDisplay = + item?.killHouse?.name && item?.killHouse?.mobile + ? `${item.killHouse.name} (${item.killHouse.mobile})` + : item?.killHouse?.name + ? item.killHouse.name + : "-"; + + const stewardDisplay = + item?.steward?.name && item?.steward?.user?.mobile + ? `${item.steward.name} (${item.steward.user.mobile})` + : item?.steward?.name + ? item.steward.name + : "-"; + + const displayValue = isSteward ? stewardDisplay : killhouseDisplay; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.createDate ? formatJustDate(item.createDate) : "-", + item?.firstName || "-", + item?.lastName || "-", + item?.mobile || "-", + item?.city || "-", + displayValue, + limitationBadge, + item?.governmentalLimitationWeight || 0, + item?.freeLimitationWeight || 0, + statusBadge, + , + ]; + }); + setTableData(d); + }, [data, page, perPage]); + + useEffect(() => { + fetchApiData(1); + }, [selectedSubUser?.key]); + + useEffect(() => { + if (isFirstMount.current) { + isFirstMount.current = false; + return; + } + fetchApiData(1); + setPage(1); + }, [perPage]); + + const handleSubmit = async (e) => { + e.preventDefault(); + setPage(1); + const response = await dispatch( + slaughterGetDelegatesInfoService({ + search: "filter", + value: textValue, + page: 1, + page_size: perPage, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handleOpenModal = () => { + dispatch( + OPEN_MODAL({ + title: "ثبت نماینده جدید", + content: , + size: 300, + }) + ); + }; + + return ( + + + + + + + + + ); +}; + +export default SlaughterManageDelegates; diff --git a/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesForm.js b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesForm.js new file mode 100644 index 0000000..5467f48 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesForm.js @@ -0,0 +1,165 @@ +import React, { useContext } from "react"; +import { useFormik } from "formik"; +import * as yup from "yup"; +import { useDispatch } from "react-redux"; +import { Button, TextField } from "@mui/material"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { + slaughterSubmitRepresentativeService, + slaughterEditRepresentativeService, +} from "../../services/slaughter-submit-delegate"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; + +const getValidationSchema = () => + yup.object({ + first_name: yup.string().required("نام الزامی است"), + last_name: yup.string().required("نام خانوادگی الزامی است"), + mobile: yup + .string() + .required("شماره همراه الزامی است") + .matches(/^09\d{9}$/, "شماره تلفن باید با 09 شروع شود و 11 رقم باشد"), + city: yup.string().required("شهر الزامی است"), + }); + +export const SlaughterManageDelegatesForm = ({ updateTable, item, isEdit }) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const formik = useFormik({ + initialValues: { + first_name: item?.first_name || item?.firstName || "", + last_name: item?.last_name || item?.lastName || "", + mobile: item?.mobile || "", + city: item?.city || "", + }, + enableReinitialize: true, + validationSchema: getValidationSchema(), + onSubmit: (values) => { + const submitData = isEdit + ? { + key: item?.key, + first_name: values.first_name, + last_name: values.last_name, + mobile: values.mobile, + city: values.city, + } + : { + first_name: values.first_name, + last_name: values.last_name, + mobile: values.mobile, + city: values.city, + role: getRoleFromUrl(), + }; + + const service = isEdit + ? slaughterEditRepresentativeService + : slaughterSubmitRepresentativeService; + + dispatch(service(submitData)).then((r) => { + if (r.payload.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + dispatch(CLOSE_MODAL()); + } + }); + }, + }); + + return ( + + ); +}; diff --git a/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesLimitationForm.js b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesLimitationForm.js new file mode 100644 index 0000000..03363df --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesLimitationForm.js @@ -0,0 +1,133 @@ +import React, { useContext, useState } from "react"; +import { + Button, + TextField, + Typography, + Checkbox, + FormControlLabel, +} from "@mui/material"; +import { useDispatch } from "react-redux"; +import { Grid } from "../../../../components/grid/Grid"; +import { SPACING } from "../../../../data/spacing"; +import { CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { AppContext } from "../../../../contexts/AppContext"; +import { slaughterEditRepresentativeService } from "../../services/slaughter-submit-delegate"; + +export const SlaughterManageDelegatesLimitationForm = ({ + item, + updateTable, +}) => { + const dispatch = useDispatch(); + const [openNotif] = useContext(AppContext); + + const [hasLimitation, setHasLimitation] = useState(item?.limitation || false); + const [governmentalValue, setGovernmentalValue] = useState( + item?.governmentalLimitationWeight || 0 + ); + const [freeValue, setFreeValue] = useState(item?.freeLimitationWeight || 0); + + const handleSubmit = (e) => { + e.preventDefault(); + + const submitData = { + key: item?.key, + limitation: hasLimitation, + governmental_limitation_weight: hasLimitation + ? Number(governmentalValue) + : 0, + free_limitation_weight: hasLimitation ? Number(freeValue) : 0, + }; + + dispatch(slaughterEditRepresentativeService(submitData)).then((r) => { + if (r.payload?.error) { + openNotif({ + vertical: "top", + horizontal: "center", + msg: r.payload.error, + severity: "error", + }); + } else { + openNotif({ + vertical: "top", + horizontal: "center", + msg: "عملیات با موفقیت انجام شد.", + severity: "success", + }); + if (updateTable) { + updateTable(); + } + dispatch(CLOSE_MODAL()); + } + }); + }; + + return ( +

+ + + + + + {hasLimitation && ( + <> + + + + + )} + + + +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesOperations.js b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesOperations.js new file mode 100644 index 0000000..0ba758f --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-manage-delegates/SlaughterManageDelegatesOperations.js @@ -0,0 +1,114 @@ +import { IconButton, Popover, Typography, Button, Box } from "@mui/material"; +import React, { useState } from "react"; +import EditIcon from "@mui/icons-material/Edit"; +import BlockIcon from "@mui/icons-material/Block"; +import TuneIcon from "@mui/icons-material/Tune"; +import { useDispatch } from "react-redux"; +import { OPEN_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterManageDelegatesForm } from "./SlaughterManageDelegatesForm"; +import { SlaughterManageDelegatesLimitationForm } from "./SlaughterManageDelegatesLimitationForm"; + +export const SlaughterManageDelegatesOperations = ({ item, updateTable }) => { + const [anchorEl, setAnchorEl] = useState(null); + const dispatch = useDispatch(); + + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + + const open = Boolean(anchorEl); + const id = open ? "popover" : undefined; + + return ( +

+ + + + + +

+ ); +}; diff --git a/src/features/slaughter-house/components/slaughter-manage-dispensers/SlaughterManageDispensers.js b/src/features/slaughter-house/components/slaughter-manage-dispensers/SlaughterManageDispensers.js new file mode 100644 index 0000000..2426ad2 --- /dev/null +++ b/src/features/slaughter-house/components/slaughter-manage-dispensers/SlaughterManageDispensers.js @@ -0,0 +1,253 @@ +import React, { useEffect, useState } from "react"; +import { Box, Button, Grid, TextField, Chip } from "@mui/material"; +import { useDispatch, useSelector } from "react-redux"; +import { BackButton } from "../../../../components/back-button/BackButton"; + +import { OPEN_MODAL, CLOSE_MODAL } from "../../../../lib/redux/slices/appSlice"; +import { SlaughterManageDispensersForm } from "./SlaughterManageDispensersForm"; +import { slaughterGetDispenserInfoService } from "../../services/slaughter-get-dispenser-info"; +import ResponsiveTable from "../../../../components/responsive-table/ResponsiveTable"; +import { SPACING } from "../../../../data/spacing"; +import { RiSearchLine } from "react-icons/ri"; +import { formatJustDate } from "../../../../utils/formatTime"; +import { SlaughterManageDispensersOperations } from "./SlaughterManageDispensersOperations"; +import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl"; +import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith"; + +const SlaughterManageDispensers = () => { + const dispatch = useDispatch(); + const [data, setData] = useState([]); + const [totalRows, setTotalRows] = useState(0); + const [perPage, setPerPage] = useState(10); + const [textValue, setTextValue] = useState(""); + const [page, setPage] = useState(1); + const [tableData, setTableData] = useState([]); + const isSteward = getRoleFromUrl() === "Steward"; + const selectedSubUser = useSelector( + (state) => state.userSlice.selectedSubUser + ); + const handleTextChange = (e) => setTextValue(e.target.value); + + const fetchApiData = async (pageNum) => { + const response = await dispatch( + slaughterGetDispenserInfoService({ + search: "filter", + value: textValue, + page: pageNum, + page_size: perPage, + role_key: checkPathStartsWith("slaughter") + ? selectedSubUser?.key || "" + : "", + }) + ); + + if (response.payload.error) { + console.error("Error fetching data:", response.payload.error); + setData([]); + setTotalRows(0); + } else { + setData(response.payload.data?.results || []); + const count = Number(response.payload.data?.count) || 0; + setTotalRows(count); + } + }; + + const handlePageChange = (pageNum) => { + fetchApiData(pageNum); + setPage(pageNum); + }; + + const handlePerRowsChange = (perRows) => { + setPerPage(Number(perRows)); + setPage(1); + }; + + const updateTableData = () => { + fetchApiData(page !== 0 ? page : 1); + }; + + useEffect(() => { + if (!data || !Array.isArray(data)) { + setTableData([]); + return; + } + const d = data.map((item, i) => { + const isActive = item?.active !== undefined ? item.active : null; + const statusBadge = + isActive === null ? ( + "-" + ) : ( + + ); + const hasLimitation = item?.limitation; + const limitationBadge = ( + + ); + const killhouseDisplay = + item?.killHouse?.name && item?.killHouse?.mobile + ? `${item.killHouse.name} (${item.killHouse.mobile})` + : item?.killHouse?.name + ? item.killHouse.name + : "-"; + + const stewardDisplay = + item?.steward?.name && item?.steward?.user?.mobile + ? `${item.steward.name} (${item.steward.user.mobile})` + : item?.steward?.name + ? item.steward.name + : "-"; + + const displayValue = isSteward ? stewardDisplay : killhouseDisplay; + + return [ + page === 1 ? i + 1 : i + perPage * (page - 1) + 1, + item?.createDate ? formatJustDate(item.createDate) : "-", + item?.nationalId || "-", + item?.firstName || "-", + item?.lastName || "-", + item?.mobile || "-", + item?.city || "-", + item?.province || "-", + displayValue, + limitationBadge, + item?.governmentalLimitationWeight || 0, + item?.freeLimitationWeight || 0, + statusBadge, +

+ جمع فاکتور +	+ {item?.provinceFactorToKillHouse?.totalFactorAmount?.toLocaleString() + + " ﷼"} +
	تخفیف	0
	مالیات	0
	عوارض	0
+ مبلغ قابل پرداخت (ریال) +	+ {item?.provinceFactorToKillHouse?.totalFactorAmount?.toLocaleString() + + " ﷼"} +

سامانه رصدیار به آدرس زیر انتقال یافت!

مشخصات شهرستان

مشخصات استان

مشخصات کشتارگاه

مشخصات کالا یا خدمات مورد معامله

+ مغایرت در ثبت ماشین و ایجاد بار +

بارهای تخلیه نشده

+ بارهاي تکمیل نشده (بارگزاري سند باسکول و مستندات وزنی) +

مغایرت در اطلاعات بار

درخواست کشتار و تخصیص

مغایرت در ثبت ماشین و ایجاد بار

بارهای فاقد کد قرنطینه

بارهای فاقد کد قرنطینه

بارهای فاقد کد قرنطینه

بارهای فاقد کد قرنطینه

بارهای تخلیه نشده

+ بارهاي تکمیل نشده (بارگزاري سند باسکول و مستندات وزنی) +

مغایرت در اطلاعات بار

{targetperson}

با سلام

+ احتراماً به پیوست، گزارش کامل فرآیند کشتار و توزیع مرغ گوشتی استان + جهت استحضار بحضورتان ارسال میگردد. +

خلاصه گزارش:

درخواست کشتار مرغداران:

درخواست کشتار مرغداران:

درخواست کشتار مرغداران:

تخصیص به خریداران توسط اتحادیه:

تخصیص به خریداران توسط اتحادیه:

تخصیص به خریداران توسط اتحادیه:

+ ثبت خودرو توسط خریدار (ایجاد بار): +

ثبت خودرو توسط خریدار (ایجاد بار):

ثبت خودرو توسط خریدار (ایجاد بار):

ثبت خودرو توسط خریدار (ایجاد بار):

ثبت خودرو توسط خریدار (ایجاد بار):

+ اطلاعات انبار خریداران و پخش به مباشرین: +

+ اطلاعات انبار خریداران و پخش به مباشرین: +

+ اطلاعات انبار خریداران و پخش به مباشرین: +

+ گزارش توزیع و پخش گوشت مرغ گرم به مباشرین و اصناف:{" "} +

+ گزارش توزیع و پخش گوشت مرغ گرم به مباشرین و اصناف:{" "} +

+ گزارش توزیع و پخش گوشت مرغ گرم به مباشرین و اصناف:{" "} +

صورتحسـاب فروش کالا و خدمات

رسید پرداخت

{ + printPDF(); + }} + > + جهت دانلود گزارش بصورت فایل پی دی اف کلیک کنید. +

home {testProp}