diff --git a/messages/cn.json b/messages/cn.json index 3d87c19..2669bb9 100644 --- a/messages/cn.json +++ b/messages/cn.json @@ -15,7 +15,6 @@ "safe_warehouse": "安全仓库", "we_proud_to_serve_global": "我们以为全球提供最佳的货运和运输解决方案感到自豪。", "our_services": "我们的服务", - "air_transport": "空运", "air_transport__subtitle": "CPost提供各类大型和重型货物的空运服务。", "car_transport": "汽车运输", @@ -28,13 +27,11 @@ "warehouse_yivu_and_guanchjou__subtitle": "CPost在中国提供仓储物流服务，与从中国运输的车辆同时进行。", "customs_office_service": "海关清关服务", "customs_office_service__subtitle": "CPost重视客户的时间，并提供货物的海关申报服务。按照HS和TN编码对货物进行分类。", - "pricing": { "title": "价格", "limit": "交货时间：", "min_weight": "最小重量", "more": "更多详情", - "pricing1": { "title": "空运", "price": "每千克从$10起", @@ -60,7 +57,6 @@ "min_weight": "1立方米" } }, - "our_partners": "我们的合作伙伴", "news_subtitle": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "contacts_subtitle": "Creative mouse is here for you to make sure you can build a more resilient portfolio. We curate bespoke offerings across alternative.", @@ -70,7 +66,6 @@ "telegram": "Telegram", "instagram": "Instagram", "real_address": "塔什干市，奥尔马佐尔区，_______街", - "faq": { "title": "常见问题", "subtitle": "Creative mouse is here for you to make sure you can build a more resilient portfolio. We curate bespoke offerings across alternative.", @@ -79,7 +74,6 @@ "answer": "大多数物流公司通过其网站或移动应用提供在线追踪服务。您可以输入跟踪号以获取货物的实时位置和状态更新。" } }, - "footer_site_info_text": "可靠且快速的物流服务提供商", "privacy_policy": "隐私政策", "terms_of_use": "使用条款", @@ -89,7 +83,6 @@ "info": "信息", "join_tg": "加入我们的Telegram", "all_rights_reserved": "版权所有", - "calc_obj": { "title": "计算器", "subtitle": "选择您的订单的运输类型和重量，以了解运费。", @@ -107,7 +100,6 @@ "delivery_type_car": "汽车" }, "price": "价格", - "__dash": "------------------------------------DASHBOARD------------------------------------------------------", "dashboard": "仪表板", "parties": "派对", @@ -179,13 +171,10 @@ "count_of_boxes": "箱子数量", "count_of_items": "物品数量", "download_excel": "下载Excel", - "enter_party_name_to_find": "输入要查找的派对名称...", "enter_box_name_to_find": "输入要查找的箱子名称...", "enter_client_name_to_find": "输入要查找的客户名称...", - "filter_packet_name": "封包名稱過濾器", - "filter_party_name": "派对名称过滤器", "filter_box_name": "箱子名称过滤器", "filter_track_id": "跟踪ID过滤器", @@ -193,7 +182,6 @@ "filter_item_name": "产品名称过滤器", "filter_by_box_status": "箱子状态过滤器", "filter_by_party_status": "派对状态过滤器", - "COLLECTING": "收集中", "ON_THE_WAY": "在路上", "ARRIVED": "已到达", @@ -202,7 +190,6 @@ "IN_CUSTOMS": "在海關", "IN_WAREHOUSE": "接觸客戶", "DELIVERED": "發表", - "add_photo_to_item": "將照片加入項目", "photo": "照片", "summa": "總結", @@ -221,5 +208,7 @@ "passport": "護照", "weight_of_items": "產品重量", "update_packet": "編輯套件", - "party_weight": "大量重量" -} + "party_weight": "大量重量", + "qr_code": "二维码", + "created_at": "添加日期" +} \ No newline at end of file diff --git a/messages/en.json b/messages/en.json index 751b513..c2e3f11 100644 --- a/messages/en.json +++ b/messages/en.json @@ -15,7 +15,6 @@ "safe_warehouse": "Secure Warehouse", "we_proud_to_serve_global": "We take pride in providing the best freight and transportation solutions worldwide.", "our_services": "Our Services", - "air_transport": "Air Transport", "air_transport__subtitle": "CPost offers air transportation for a wide range of large-sized and heavy goods.", "car_transport": "Car Transport", @@ -28,13 +27,11 @@ "warehouse_yivu_and_guanchjou__subtitle": "CPost offers the use of warehouse logistics services in China simultaneously with transporting vehicles from China.", "customs_office_service": "Customs Clearance Services", "customs_office_service__subtitle": "CPost values its customers' time and offers customs declaration services for goods. Classification of goods by HS and TN codes.", - "pricing": { "title": "Pricing", "limit": "Delivery time:", "min_weight": "Minimum Weight", "more": "More Details", - "pricing1": { "title": "Air Transport", "price": "From $10/KG", @@ -60,7 +57,6 @@ "min_weight": "1m3" } }, - "our_partners": "Our Partners", "news_subtitle": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "contacts_subtitle": "Creative mouse is here for you to make sure you can build a more resilient portfolio. We curate bespoke offerings across alternative.", @@ -70,7 +66,6 @@ "telegram": "Telegram", "instagram": "Instagram", "real_address": "Tashkent city, Olmazor district, _______ street", - "faq": { "title": "Frequently Asked Questions", "subtitle": "Creative mouse is here for you to make sure you can build a more resilient portfolio. We curate bespoke offerings across alternative.", @@ -79,7 +74,6 @@ "answer": "Most logistics companies provide online tracking services through their websites or mobile apps. You can enter your tracking number to get real-time updates on the delivery location and status." } }, - "footer_site_info_text": "Reliable and Fast Logistics Service Provider", "privacy_policy": "Privacy Policy", "terms_of_use": "Terms of Use", @@ -89,7 +83,6 @@ "info": "Information", "join_tg": "Join our telegram", "all_rights_reserved": "All Rights Reserved", - "calc_obj": { "title": "Calculator", "subtitle": "Select the delivery type and weight of your order to find out the delivery cost", @@ -107,7 +100,6 @@ "delivery_type_car": "Auto" }, "price": "Price", - "__dash": "------------------------------------DASHBOARD------------------------------------------------------", "dashboard": "Dashboard", "parties": "Parties", @@ -179,12 +171,10 @@ "count_of_boxes": "Count of boxes", "count_of_items": "Count of items", "download_excel": "Download excel", - "enter_party_name_to_find": "Enter party name to find...", "enter_box_name_to_find": "Enter box name to find...", "enter_client_name_to_find": "Enter client name to find...", "filter_packet_name": "Packet name filter", - "filter_party_name": "Party name filter", "filter_box_name": "Box name filter", "filter_track_id": "Track id filter", @@ -192,7 +182,6 @@ "filter_item_name": "Product name filter", "filter_by_box_status": "Box Status filter", "filter_by_party_status": "Party Status filter", - "COLLECTING": "Collecting", "ON_THE_WAY": "On the way", "ARRIVED": "Arrived", @@ -201,7 +190,6 @@ "IN_CUSTOMS": "At customs", "IN_WAREHOUSE": "Reaching out to customers", "DELIVERED": "Delivered", - "add_photo_to_item": "Add photo to item", "photo": "photo", "summa": "summa", @@ -220,5 +208,8 @@ "passport": "Passport", "weight_of_items": "Products weight", "update_packet": "Edit Paket", - "party_weight": "Batch weight" -} + "party_weight": "Batch weight", + + "qr_code": "QR Code", + "created_at": "Date of joining" +} \ No newline at end of file diff --git a/messages/ru.json b/messages/ru.json index 095e24e..e4aa6d6 100644 --- a/messages/ru.json +++ b/messages/ru.json @@ -221,5 +221,8 @@ "passport": "Паспорт", "weight_of_items": "Вес продукта", "update_packet": "Редактировать пакет", - "party_weight": "Вес партии" + "party_weight": "Вес партии", + + "qr_code": "QR код", + "created_at": "Дата добавления" } diff --git a/messages/uz.json b/messages/uz.json index a89a517..389d01a 100644 --- a/messages/uz.json +++ b/messages/uz.json @@ -113,7 +113,7 @@ "parties": "Partiyalar", "create_party": "Partiya yaratish", "update_party": "Partiyani yangilash", - "create_box": "Qutni yaratish", + "create_box": "Qutini yaratish", "create_packet": "Paket yaratish", "update_box": "Qutni yangilash", "update_package": "Paketni yangilash", @@ -220,5 +220,8 @@ "are_you_sure_delete_party": "{name} yuk partiyasini o'chirishga ishonchingiz komilmi?", "passport": "Pasport", "update_packet": "Paketni Tahrirlash", - "party_weight": "Partiya og'irligi" + "party_weight": "Partiya og'irligi", + + "qr_code": "QR kod", + "created_at": "Qo‘shilgan sana" } diff --git a/src/components/layout/dashboard-layout/routes.tsx b/src/components/layout/dashboard-layout/routes.tsx index 8f04871..70f91b2 100644 --- a/src/components/layout/dashboard-layout/routes.tsx +++ b/src/components/layout/dashboard-layout/routes.tsx @@ -34,13 +34,13 @@ export const routes = [ roles: [UserRoleEnum.ADMIN, UserRoleEnum.CHINA_WORKER], }, { - title: 'boxes', - path: pageLinks.dashboard.real_boxes.index, + title: 'packet', + path: pageLinks.dashboard.boxes.index, icon: ( - + @@ -49,13 +49,13 @@ export const routes = [ roles: [UserRoleEnum.ADMIN, UserRoleEnum.CHINA_WORKER], }, { - title: 'packet', - path: pageLinks.dashboard.boxes.index, + title: 'boxes', + path: pageLinks.dashboard.real_boxes.index, icon: ( - + diff --git a/src/data/real-box/real-box.model.ts b/src/data/real-box/real-box.model.ts new file mode 100644 index 0000000..9737437 --- /dev/null +++ b/src/data/real-box/real-box.model.ts @@ -0,0 +1,74 @@ +export type BoxStatus = 'READY_TO_INVOICE' | 'READY'; +export const BoxStatusList: BoxStatus[] = ['READY_TO_INVOICE', 'READY']; + +export interface IBox { + packetNetWeight: string; + totalNetWeight: string; + cargoId: string; + passportName: string; + id: number; + partyName: string; + boxType: string; + name: string; + volume: string; + boxWeight: number; + brutto: number; + hasInvoice: boolean; + totalItems: number; + status: BoxStatus; + totalBrutto: number; +} + +export interface IBoxDetail { + packet: { + id: number; + cargoId: string; + packetNetWeight: number; + passportName: string; + totalItems: number; + totalNetWeight: number; + partyName: string; + partyId: string; + boxType: string; + name: string; + volume: string; + boxWeight: number; + brutto: number; + hasInvoice: boolean; + status: BoxStatus; + }; + client: { + passportId: number; + passportName: string; + }; + items: [ + { + id: number; + partyName: string; + boxName: string; + cargoId: string; + trekId: string; + name: string; + nameRu: string; + amount: number; + weight: number; + price: number; + totalPrice: number; + hasImage: boolean; + imageUrl: string | null; + packetName: string; + status: BoxStatus; + }, + ]; +} + +export type RealCreateBoxBodyType = { + partyName: string, + packetDtos: number[] +}; + +export type UpdateRealBoxBodyType = { + boxId: string, + partyName: string, + packetDtos: number[] +}; diff --git a/src/data/real-box/real-box.requests.ts b/src/data/real-box/real-box.requests.ts new file mode 100644 index 0000000..fe8f147 --- /dev/null +++ b/src/data/real-box/real-box.requests.ts @@ -0,0 +1,63 @@ +import { IBox, UpdateBoxBodyType, IBoxDetail, BoxStatus } from '@/data/box/box.model'; +import { CommonResponseType, PageAble } from '@/helpers/types'; +import { request } from '@/services/request'; +import axios from 'axios'; +import { RealCreateBoxBodyType, UpdateRealBoxBodyType } from './real-box.model'; + +export const real_box_requests = { + async getAll(params?: { + page?: number; + sort?: string; + direction?: string; + cargoId?: string; + partyId?: string | number; + status?: BoxStatus; + }) { + return request.get>>('/boxes/list', { params }); + }, + async create({ ...body }: RealCreateBoxBodyType) { + return request.post('/boxes/create', body); + }, + async update({ boxId, ...body }: UpdateRealBoxBodyType) { + return request.put('/packets/update', body, { + params: { boxId }, + }); + }, + async find(params: { packetId?: number | string }) { + return request.get>('/packets/find', { params }); + }, + async delete(params: { packetId: number | string }) { + return request.delete('/packets/delete', { params }); + }, + async downloadExcel(params: { packetId: number | string }) { + return request.get('/packets/download', { params, responseType: 'blob' }); + }, + async translateWithGoogleApi(params: { text: string }): Promise { + const response = await axios.post('https://translation.googleapis.com/language/translate/v2', undefined, { + params: { + q: params.text, + target: 'ru', + source: 'zh', + key: 'AIzaSyA5uAPZyjF_yo1hYOWWJ2uP7XgcmohZc8o', + }, + }); + + return response.data.data.translations?.[0]?.translatedText ?? ''; + }, + async translateWithMemoryApi(params: { text: string }): Promise { + const response = await axios.get<{ + responseData: { + translatedText: string; + match: number; + }; + }>('https://api.mymemory.translated.net/get', { + params: { + q: params.text, + langpair: 'zh|ru', + // key: '7a4ac2e07cde1ff1e9de', + }, + }); + + return response.data.responseData.translatedText; + }, +}; \ No newline at end of file diff --git a/src/routes/private/boxes-create/DashboardCreateBox.tsx b/src/routes/private/boxes-create/DashboardCreateBox.tsx index 7bf5327..8f4ade8 100644 --- a/src/routes/private/boxes-create/DashboardCreateBox.tsx +++ b/src/routes/private/boxes-create/DashboardCreateBox.tsx @@ -193,7 +193,7 @@ const DashboardCreateBoxPage = ({ initialValues, partiesData }: Props) => { }); useEffect(() => { - setValue('passportId', ''); + setValue('passportId', 'AA1234567'); }, [cargoId]); const { data: defaultParties, status: defaultPartiesStatus } = useRequest(() => party_requests.getAll({ status: 'COLLECTING' }), { diff --git a/src/routes/private/real-boxes-create/DashboardCreateRealBox.tsx b/src/routes/private/real-boxes-create/DashboardCreateRealBox.tsx index 7a776d7..9e595ca 100644 --- a/src/routes/private/real-boxes-create/DashboardCreateRealBox.tsx +++ b/src/routes/private/real-boxes-create/DashboardCreateRealBox.tsx @@ -1,34 +1,25 @@ 'use client'; import BaseButton from '@/components/ui-kit/BaseButton'; -import BaseInput from '@/components/ui-kit/BaseInput'; import { party_requests } from '@/data/party/party.requests'; import { pageLinks } from '@/helpers/constants'; -import { notifyError, notifyUnknownError } from '@/services/notification'; -import { Box, Divider, FormHelperText, Grid, Stack, Typography, styled } from '@mui/material'; -import { useParams, useRouter, useSearchParams } from 'next/navigation'; +import { notifyUnknownError } from '@/services/notification'; +import { Box, FormHelperText, Grid, Stack, Typography, styled } from '@mui/material'; +import { useSearchParams } from 'next/navigation'; import React, { useEffect, useMemo, useRef, useState } from 'react'; -import { useLocale } from 'use-intl'; import { Controller, useFieldArray, useForm } from 'react-hook-form'; import BaseIconButton from '@/components/ui-kit/BaseIconButton'; import { AddCircleRounded, Close } from '@mui/icons-material'; -import { box_requests } from '@/data/box/box.requests'; import useRequest from '@/hooks/useRequest'; import { useMyTranslation } from '@/hooks/useMyTranslation'; -import { BoxStatus, CreateBoxBodyType, UpdateBoxBodyType } from '@/data/box/box.model'; -import BaseReactSelect, { selectDefaultStyles } from '@/components/ui-kit/BaseReactSelect'; -import { customer_requests } from '@/data/customers/customer.requests'; +import { selectDefaultStyles } from '@/components/ui-kit/BaseReactSelect'; import { useAuthContext } from '@/context/auth-context'; import { useMyNavigation } from '@/hooks/useMyNavigation'; import AsyncSelect from 'react-select/async'; -import { Party } from '@/data/party/party.model'; -import cloneDeep from 'lodash.clonedeep'; -import { item_requests } from '@/data/item/item.requests'; +import { box_requests } from '@/data/box/box.requests'; +import { real_box_requests } from '@/data/real-box/real-box.requests'; + import get from 'lodash.get'; -import Loader from '@/components/common/Loader'; -import { Customer } from '@/data/customers/customer.model'; -import { Passport } from '@/data/passport/passport.model'; -import { passport_requests } from '@/data/passport/passport.request'; const StyledCreateBox = styled(Box)` .item-row { @@ -38,9 +29,6 @@ const StyledCreateBox = styled(Box)` gap: 16px; } - .item-row-field { - } - & > * { flex: 1 1 1; } @@ -50,27 +38,14 @@ type Props = { partiesData?: { value: number; label: string }[]; initialValues?: { id: number; + boxId: string; box_name: string; - net_weight: number; - box_weight: number; - box_type: string; - box_size: string; - status: BoxStatus; - packetId: string; - - passportName: string; - passportId: number; partyId: number; partyName: string; - - clientId: number; - client_id: string; - clientName: string; - + packetId: string; products_list: { id: number; price: number | string; - cargoId: string; trekId: string; name: string; @@ -82,121 +57,80 @@ type Props = { }; const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { - const [cargoIdValue, setCargoIdValue] = useState(''); const { user, isAdmin: isAdminUser } = useAuthContext(); const editMode = !!initialValues && !!initialValues.id; const isAdmin = isAdminUser && editMode; const t = useMyTranslation(); const params = useSearchParams(); const navigation = useMyNavigation(); + const [partyId, setPartyId] = useState(""); + const [loading, setLoading] = useState(false); const helperRef = useRef<{ finished: boolean; partyFinished: boolean; clientFinished: boolean; - settedDefaultParty: Party | null; - settedDefaultClient: Customer | null; - // settedDefaultPartyValue: { value: number; label: string }[] | null; + settedDefaultParty: any; }>({ settedDefaultParty: null, - settedDefaultClient: null, partyFinished: false, clientFinished: false, finished: false, - // settedDefaultPartyValue: partiesData?.[0] || null, }); + const { register, control, handleSubmit, - watch, setValue, formState: { errors }, } = useForm({ defaultValues: { partyId: params.get('party_id') ? +params.get('party_id')! : '', - box_weight: 0.9, - box_type: 'KG', - box_size: '50x40x40', - status: 'READY_TO_INVOICE', - cargoId: initialValues?.client_id, - // passportId: {value: initialValues?.passportId}, - ...(editMode - ? {} - : { - products_list: [ - { - id: '', - cargoId: '', - trekId: '', - name: '', - nameRu: '', - amount: '', - weight: '', - price: '', - }, - ], - }), + paketIds: editMode + ? [{ id: initialValues?.partyId }] + : params.get('party_id') + ? [{ id: +params.get('party_id')! }] + : [{ id: '' }], ...initialValues, }, }); - const [loading, setLoading] = useState(false); - const products = useFieldArray({ + const pakets = useFieldArray({ control, - name: 'products_list', + name: 'paketIds', keyName: 'key', }); - const controlledProductFields = watch('products_list'); - const partyIdValue = watch('partyId'); - const clientIdValue = watch('client_id'); - const cargoId = watch('cargoId'); + const requiredText = t('required'); - const [selectedPassport, setSelectedPassport] = useState(null); // Tanlangan passportni saqlash uchun state (tipi Passport yoki null) - const passportOptionsInitial = initialValues?.passportId && - initialValues?.passportName && [ - { - value: initialValues?.passportId, - label: initialValues?.passportName, + const getBoxesQuery = useRequest( + () => + box_requests.getAll({ + partyId: partyId, + }), + { + selectData(data) { + return data?.data?.data; }, - ]; - const n = "123ds" - n.toUpperCase() - const { data: passportOptions } = useRequest(() => passport_requests.getAll({ cargoId: cargoId?.toUpperCase() }), { - enabled: !!cargoId, - selectData: data => { - // Ma'lumotlarni BaseReactSelect uchun mos formatga o'tkazish - const passportOptions = data.data.data.map((passport: Passport) => ({ - // data.data endi Passport[] - value: passport.id, // passport id sini value sifatida - label: passport.fullName, // fullName ni label sifatida - })); + } + ); - const passportId = watch('passportId'); - - if (!passportId && initialValues?.passportId && cargoId === initialValues?.client_id) { - const currentOption = passportOptions?.find((item: { value: number }) => item.value === initialValues?.passportId); - setValue('passportId', currentOption); - } - - return passportOptions; - }, - dependencies: [cargoId], - placeholderData: [], // Kerak emas, chunki server PageAble qaytarmayapti - onSuccess(data) { - // if (data?.data.data?.[0]?.id) { - // setValue("passportId", initialValues?.passportId) - // setValue('passport_id', data.data.data[0].id); - // setSelectedPassport(data.data.data[0]); // Birinchi elementni tanlash - // } - }, - }); + const { data: list } = useMemo(() => { + if (getBoxesQuery.data?.data) { + return { + data: getBoxesQuery.data.data.filter((box: any) => box.status === 'READY_TO_INVOICE'), + }; + } + return { data: [] }; + }, [getBoxesQuery, partyId]); useEffect(() => { - setValue('passportId', ''); - }, [cargoId]); + if (partyId) { + getBoxesQuery.refetch(); + } + }, [partyId]); - const { data: defaultParties, status: defaultPartiesStatus } = useRequest(() => party_requests.getAll({ status: 'COLLECTING' }), { + const { data: defaultParties } = useRequest(() => party_requests.getAll({ status: 'COLLECTING' }), { enabled: true, selectData(data) { return data.data.data.data.map(p => ({ value: p.id, label: p.name })); @@ -205,6 +139,7 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { if (!editMode && data?.data?.data?.data?.[0]) { helperRef.current.settedDefaultParty = data.data.data.data[0]; setValue('partyId', data.data.data.data[0].id); + setValue('paketIds[0].id', data.data.data.data[0].id); } helperRef.current.partyFinished = true; if (helperRef.current.clientFinished) { @@ -214,104 +149,24 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { placeholderData: [], }); - const { data: defaultClients } = useRequest( - () => - customer_requests.getAll({ - page: 1, - }), - { - enabled: !!partyIdValue, - selectData(data) { - return data.data.data.data.map(p => ({ value: p.aviaCargoId, label: p.fullName })); - // return data.data.data.map(p => ({ value: p.id, label: p.fullName })); - }, - dependencies: [partyIdValue], - onSuccess(data) { - if (!editMode && !clientIdValue && data?.data?.data?.data?.[0]) { - helperRef.current.settedDefaultClient = data.data.data?.data?.[0]; - setValue('client_id', data.data.data.data[0].aviaCargoId); - } - helperRef.current.clientFinished = true; - if (helperRef.current.partyFinished) { - helperRef.current.finished = true; - } - }, - placeholderData: [], - } - ); - - const onPassportChange = (newValue: Passport | null) => { - // Tipi Passport | null - setSelectedPassport(newValue); - if (newValue) { - setValue('passport_id', newValue.id || null); - } else { - setValue('passport_id', null); - } - }; - const onSubmit = handleSubmit(async values => { - try { setLoading(true); + const packetDtos = values.paketIds.map((paket: any) => paket.id).filter((id: any) => id); if (editMode) { - const updateBody: UpdateBoxBodyType = { - cargoId: values.client_id, - passportId: values.passportId.value, - status: values.status, - packetId: initialValues?.packetId, - - items: values.products_list.map((item: any) => { - const _price = +item.price ? +item.price : 0; - const _amount = +item.amount ? +item.amount : 0; - const _total_price = _price ? _price * _amount : 0; - - return { - id: item.id, - // cargoId: item.cargoId, - trekId: item.trekId, - // name: item.name + (item.nameRu ? ` / ${item.nameRu}` : ''), - name: item.name, - nameRu: item?.nameRu, - weight: +item.weight, - amount: +item.amount, - price: _price, - totalPrice: _total_price, - }; - }), + const updateBody: UpdateRealBoxBodyType = { + boxId: initialValues?.boxId, + partyName: values.partyName, + packetDtos, }; - - const item_delete_promises = initialValues.products_list - .filter(item => { - if (!updateBody.items.find(i => String(i.id) === String(item.id))) { - return true; - } else { - return false; - } - }) - .map(item => { - return item_requests.delete({ itemId: item.id }); - }); - - await box_requests.update(updateBody); - await Promise.all(item_delete_promises); + await real_box_requests.update(updateBody); } else { - const createBody: CreateBoxBodyType = { - status: values.status, - cargoId: values.cargoId, - passportId: values.passportId.value, - partyId: values.partyId, - items: values.products_list.map((item: any) => { - return { - trekId: item.trekId, - name: item.name, - weight: +item.weight, - amount: +item.amount, - }; - }), + const createBody: RealCreateBoxBodyType = { + partyName: values.partyName, + packetDtos, }; - await box_requests.create(createBody); + await real_box_requests.create(createBody); } navigation.push(pageLinks.dashboard.boxes.index); @@ -328,74 +183,14 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { }); }; - // const clientOptions = (inputValue: string) => { - // return customer_requests.getAll({ clientName: inputValue, page: 1 }).then(res => { - // return res.data.data.data.map(p => ({ label: p.fullName, value: p.id })); - // }); - // }; - - const appendProduct = () => { - products.append({ - id: '', - cargoId: '', - trekId: '', - name: '', - amount: '', - weight: '', - price: '', - totalPrice: '', - }); + const appendPaket = () => { + pakets.append({ id: '' }); }; - const removeProduct = (index: number) => { - products.remove(index); + const removePaket = (index: number) => { + pakets.remove(index); }; - const translateAndUpdateRussianName = async (text: string, index: number) => { - if (!text) return; - - try { - // const responseText = await box_requests.translateWithGoogleApi({ text }); - const responseText = await box_requests.translateWithMemoryApi({ text }); - setValue(`products_list.${index}.nameRu`, responseText || ''); - } catch (error) { - console.error(error); - notifyError('Translation api error'); - } - }; - - const boxTypes = [ - { - label: 'KG', - value: 'KG', - }, - { - label: 'GABARIT', - value: 'GABARIT', - }, - ]; - - const boxStatuses = useMemo(() => { - const p: { - label: string; - value: BoxStatus; - }[] = [ - { - label: t('READY_TO_INVOICE'), - value: 'READY_TO_INVOICE', - }, - ]; - - if (isAdmin) { - p.push({ - label: t('READY'), - value: 'READY', - }); - } - - return p; - }, [isAdmin]); - return ( { > - {editMode ? t('update_packet') : t('create_packet')} + {editMode ? t('update_box') : t('create_box')} - + {t('party_name')} @@ -420,118 +215,35 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { name='partyId' control={control} rules={{ required: requiredText }} - render={({ field, fieldState, formState }) => { - return ( - { - field.onChange(newValue.value); - }} - defaultValue={ - editMode + render={({ field }) => ( + { + field.onChange(newValue.value); + setPartyId(newValue.value); + }} + defaultValue={ + editMode + ? { + value: initialValues.partyId, + label: initialValues.partyName, + } + : partiesData?.length ? { - value: initialValues.partyId, - label: initialValues.partyName, - } - : partiesData?.length - ? { - value: partiesData[0].value, - label: partiesData[0].label, - } - : null - } - styles={selectDefaultStyles} - noOptionsMessage={() => t('not_found')} - loadingMessage={() => t('loading')} - onBlur={field.onBlur} - name={field.name} - defaultOptions={defaultParties!} - loadOptions={partyOptions} - placeholder={t('enter_party_name_to_find')} - /> - ); - }} - /> - {/* @ts-expect-error */} - {!!errors.partyId?.message && {errors.partyId?.message}} - - - - - {t('status')} - - { - return ( - p.value === field.value)} - onChange={(newValue: any) => { - field.onChange(newValue.value); - }} - onBlur={field.onBlur} - name={field.name} - options={boxStatuses} - /> - ); - }} - /> - {/* @ts-expect-error */} - {!!errors.box_type?.message && {errors.box_type?.message}} - - - - - {t('cargo_id')} - - - {!!errors.net_weight?.message && ( - // @ts-expect-error - {errors.net_weight?.message} - )} - - - - {t('passport')} - - - { - return ( - { - onPassportChange(newValue); - field.onChange(newValue); - }} - // options={passportOptions || passportOptionsInitial || []} - options={passportOptions || passportOptionsInitial || []} - // isLoading={passportLoading} - placeholder={t('passport')} - isDisabled={!clientIdValue || !!initialValues} - noOptionsMessage={() => t('not_found')} - loadingMessage={() => t('loading')} - /> - ); - }} + value: partiesData[0].value, + label: partiesData[0].label, + } + : null + } + styles={selectDefaultStyles} + noOptionsMessage={() => t('not_found')} + loadingMessage={() => t('loading')} + onBlur={field.onBlur} + name={field.name} + defaultOptions={defaultParties!} + loadOptions={partyOptions} + placeholder={t('enter_party_name_to_find')} + /> + )} /> @@ -544,196 +256,85 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { padding: '24px', }} > - {controlledProductFields.map((product: any, index: number) => { - // - - // - let totalPrice = 0; - - try { - const p = +product.price * +product.amount; - if (!Number.isNaN(p)) { - totalPrice = p; - } - } catch (error) {} - - return ( - - - - - {t('track_id')} - - - ID - - ), + + {t('packet')} + + {pakets.fields.map((field, index) => ( + + + ( + { + paketField.onChange(newValue?.value); }} - fullWidth - placeholder={t('id')} - sx={{ - '.MuiInputBase-root': { - paddingLeft: 0, - }, + defaultValue={ + editMode && index === 0 && initialValues.packetId + ? { + value: initialValues.packetId, + label: initialValues.box_name || `Box ${initialValues.packetId}`, + } + : null + } + styles={selectDefaultStyles} + noOptionsMessage={() => t('not_found')} + loadingMessage={() => t('loading')} + onBlur={paketField.onBlur} + name={paketField.name} + defaultOptions={ + list.length > 0 + ? list.map((box: any) => ({ + value: box.id, + label: box.box_name || box.name || `Box ${box.id}`, + })) + : [] + } + loadOptions={async (inputValue: string) => { + if (!partyId || partyId === '') return []; + try { + const res = await box_requests.getAll({ + partyId: partyId, + }); + return res.data.data.data.map((box: any) => ({ + label: box.box_name || box.name || `Box ${box.id}`, + value: box.id, + })); + } catch (error) { + notifyUnknownError(error); + return []; + } }} - {...register(`products_list.${index}.trekId`, { required: requiredText })} + placeholder={t('enter_box_name_to_find')} /> - {!!get(errors, `products_list.${index}.trekId`) && ( - {requiredText} - )} - - - - {t('name')} - - { - translateAndUpdateRussianName(event.target.value, index); - }} - /> - {!!get(errors, `products_list.${index}.name`) && ( - {requiredText} - )} - - - - {'NAME_RU'} - - - {!!get(errors, `products_list.${index}.name`) && ( - {requiredText} - )} - - - - {t('quantity')} - - - {!!get(errors, `products_list.${index}.amount`) && ( - {requiredText} - )} - - - - {t('weight')} - - - {!!get(errors, `products_list.${index}.amount`) && ( - {requiredText} - )} - - {isAdmin && ( - - - - {t('weight')} - - - - - - - - {t('price')} - - - {!!get(errors, `products_list.${index}.price`) && ( - {requiredText} - )} - - - - {t('total_price')} - - - - )} - - - removeProduct(index)} - > - - - - - + /> + {!!get(errors, `paketIds.${index}.id`) && ( + {requiredText} + )} - ); - })} - - - } onClick={appendProduct}> + {pakets.fields.length > 1 && ( + + removePaket(index)} + > + + + + )} + + ))} + + } + onClick={appendPaket} + > {t('add_more')} @@ -750,3 +351,14 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { }; export default DashboardCreateRealBoxPage; + +export type RealCreateBoxBodyType = { + partyName: string; + packetDtos: number[]; +}; + +export type UpdateRealBoxBodyType = { + boxId: string; + partyName: string; + packetDtos: number[]; +}; \ No newline at end of file diff --git a/src/routes/private/real-boxes-create/DashboardEditRealBox.tsx b/src/routes/private/real-boxes-create/DashboardEditRealBox.tsx index ef70a4d..846af9b 100644 --- a/src/routes/private/real-boxes-create/DashboardEditRealBox.tsx +++ b/src/routes/private/real-boxes-create/DashboardEditRealBox.tsx @@ -6,6 +6,7 @@ import useRequest from '@/hooks/useRequest'; import DashboardCreateBoxPage from '@/routes/private/boxes-create/DashboardCreateBox'; import { useParams } from 'next/navigation'; import React from 'react'; +import DashboardCreateRealBoxPage from './DashboardCreateRealBox'; type Props = {}; @@ -78,7 +79,7 @@ const DashboardEditRealBoxPage = (props: Props) => { return ( <> - + ); }; diff --git a/src/routes/private/real-boxes/DashboardRealBoxesPage.tsx b/src/routes/private/real-boxes/DashboardRealBoxesPage.tsx index 680cf06..173897f 100644 --- a/src/routes/private/real-boxes/DashboardRealBoxesPage.tsx +++ b/src/routes/private/real-boxes/DashboardRealBoxesPage.tsx @@ -10,6 +10,7 @@ import BasePagination from '@/components/ui-kit/BasePagination'; import { useAuthContext } from '@/context/auth-context'; import { BoxStatus, BoxStatusList, IBox } from '@/data/box/box.model'; import { box_requests } from '@/data/box/box.requests'; +import { real_box_requests } from '@/data/real-box/real-box.requests'; import { DEFAULT_PAGE_SIZE, pageLinks } from '@/helpers/constants'; import useDebouncedInput from '@/hooks/useDebouncedInput'; import useInput from '@/hooks/useInput'; @@ -19,7 +20,7 @@ import useRequest from '@/hooks/useRequest'; import { file_service } from '@/services/file-service'; import { notifyUnknownError } from '@/services/notification'; import { getBoxStatusStyles, getStatusColor } from '@/theme/getStatusBoxStyles'; -import { Add, AddCircleOutline, Circle, Delete, Download, Edit, FilterList, FilterListOff, Search, PlusOne } from '@mui/icons-material'; +import { Add, QrCode, AddCircleOutline, Circle, Delete, Download, Edit, FilterList, FilterListOff, Search, PlusOne } from '@mui/icons-material'; import { Box, Button, Stack, Tooltip, Typography } from '@mui/material'; import { useRouter } from 'next/navigation'; import React, { useEffect, useMemo, useState } from 'react'; @@ -49,7 +50,7 @@ const DashboardRealBoxesPage = (props: Props) => { const getBoxesQuery = useRequest( () => - box_requests.getAll({ + real_box_requests.getAll({ page: page, cargoId: keyword, status: boxStatusFilter, @@ -84,7 +85,6 @@ const DashboardRealBoxesPage = (props: Props) => { } }, [getBoxesQuery]); const loading = getBoxesQuery.loading; - const handleChange = (newPage: number) => { setTimeout(() => { setPage(newPage); @@ -158,39 +158,23 @@ const DashboardRealBoxesPage = (props: Props) => { }, }, { - dataKey: 'id', - label: "Qo'shish", + label: t("qr_code"), width: 120, renderCell: data => { - return ; }, }, { - dataKey: 'partyName', - label: t('party_name'), - width: 120, - }, - { - dataKey: 'name', - label: t('name'), - width: 120, - }, - { - dataKey: 'packetNetWeight', - label: t("weight"), - width: 120, - }, - { - dataKey: 'totalItems', - label: t('count_of_items'), - width: 120, - }, - { - dataKey: 'totalNetWeight', - label: t("party_weight"), + dataKey: 'id', + label: t("add_more"), width: 120, + renderCell: data => { + return ; + }, }, { dataKey: 'cargoId', @@ -198,73 +182,98 @@ const DashboardRealBoxesPage = (props: Props) => { width: 120, }, { - dataKey: 'passportName', - label: t('client'), + dataKey: 'partyName', + label: t('party_name'), width: 120, }, + // { + // dataKey: 'name', + // label: t('name'), + // width: 120, + // }, + // { + // dataKey: 'packetNetWeight', + // label: t("weight"), + // width: 120, + // }, { - dataKey: 'status', - label: t('status'), - width: 240, - renderHeaderCell(rowIndex) { - return ( - - {t('box_status')} - { - return { - icon: , - label: t(stat), - onClick() { - setBoxStatusFilter(stat); - setPage(1); - }, - }; - })} - mainIcon={} - placement={{ - anchorOrigin: { - vertical: 'bottom', - horizontal: 'center', - }, - transformOrigin: { - horizontal: 'center', - vertical: 'top', - }, - }} - /> - - ); - }, - renderCell(data) { - return ( - { - return { - icon: ( - - ), - label: t(stat), - onClick: () => { - onChangeStatus(data.id, stat); - }, - }; - })} - /> - ); - }, + dataKey: 'totalItems', + label: t('count_of_items'), + width: 120, }, + // { + // dataKey: 'totalNetWeight', + // label: t("party_weight"), + // width: 120, + // }, + // { + // dataKey: 'passportName', + // label: t('client'), + // width: 120, + // }, + // { + // dataKey: 'status', + // label: t('status'), + // width: 240, + // renderHeaderCell(rowIndex) { + // return ( + // + // {t('box_status')} + // { + // return { + // icon: , + // label: t(stat), + // onClick() { + // setBoxStatusFilter(stat); + // setPage(1); + // }, + // }; + // })} + // mainIcon={} + // placement={{ + // anchorOrigin: { + // vertical: 'bottom', + // horizontal: 'center', + // }, + // transformOrigin: { + // horizontal: 'center', + // vertical: 'top', + // }, + // }} + // /> + // + // ); + // }, + // renderCell(data) { + // return ( + // { + // return { + // icon: ( + // + // ), + // label: t(stat), + // onClick: () => { + // onChangeStatus(data.id, stat); + // }, + // }; + // })} + // /> + // ); + // }, + // }, { label: '', width: 100, @@ -277,7 +286,7 @@ const DashboardRealBoxesPage = (props: Props) => { icon: , label: t('edit'), onClick: () => { - navigation.push(pageLinks.dashboard.boxes.edit(data.id)); + navigation.push(pageLinks.dashboard.real_boxes.edit(data.id)); }, }, { @@ -289,19 +298,15 @@ const DashboardRealBoxesPage = (props: Props) => { dontCloseOnClick: true, loading: deleteIds.includes(data.id), }, - ...(data.status === 'READY' - ? [ - { - icon: , - label: t('download_excel'), - onClick: () => { - onDownloadExcel(data.id); - }, - loading: downloadIds.includes(data.id), - dontCloseOnClick: true, - }, - ] - : []), + { + icon: , + label: t('download_excel'), + onClick: () => { + onDownloadExcel(data.id); + }, + loading: downloadIds.includes(data.id), + dontCloseOnClick: true, + }, ]} /> ); @@ -312,8 +317,8 @@ const DashboardRealBoxesPage = (props: Props) => { return ( - } href={pageLinks.dashboard.boxes.create}> - {t('create_packet')} + } href={pageLinks.dashboard.real_boxes.create}> + {t('create_box')} { color: '#000', }} > - {t('packet')} + {t('boxes')}