Samandar/cpost-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

box one

Browse Source
This commit is contained in:
Samandar Turg'unboev
2025-06-30 15:58:07 +05:00
parent 465b070394
commit f5615c9271
6 changed files with 74 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
messages/cn.json
View File

@@ -218,5 +218,6 @@
"confirmation": "确认",
"view_packet": "查看包裹数据",
"accepted_number": "已接收",
"print": "打印"
"print": "打印",
"accepted_not": "未被接受"
}

3
messages/en.json
View File

@@ -218,5 +218,6 @@
"confirmation": "Confirm",
"view_packet": "View package data",
"accepted_number": "Accepted",
"print": "Print"
"print": "Print",
"accepted_not": "Not accepted"
}

3
messages/ru.json
View File

@@ -231,5 +231,6 @@
"accepted_number": "Принято",
"qr_code": "QR код",
"created_at": "Дата добавления",
"print": "Печать"
"print": "Печать",
"accepted_not": "Не принято"
}

1
messages/uz.json
View File

@@ -119,6 +119,7 @@
"update_package": "Paketni yangilash",
"view_packet": "Paketni ma'lumotlarini ko'rish",
"accepted_number": "Qabul qilingan",
"accepted_not": "Qabul qilinmagan",
"update_item": "Mahsulotni yangilash",
"no": "Yo'q",
"id": "ID",

146
src/routes/private/boxes-one/BoxesOne.tsx
View File

@@ -7,6 +7,8 @@ import { BoxStatus } from '@/data/box/box.model';
import { box_requests } from '@/data/box/box.requests';
import { useMyTranslation } from '@/hooks/useMyTranslation';
import useRequest from '@/hooks/useRequest';
import CheckCircleIcon from '@mui/icons-material/CheckCircle';
import DangerousIcon from '@mui/icons-material/Dangerous';
import { Box, Divider, Grid, Stack, Typography, styled } from '@mui/material';
import { useParams } from 'next/navigation';
import { useMemo } from 'react';
@@ -162,6 +164,7 @@ const DashboardBoxesOnePage = () => {
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
{t('track_id')}
</Typography>
<Box sx={{ display: 'flex' }}>
<BaseInput
InputProps={{
startAdornment: (
@@ -192,120 +195,43 @@ const DashboardBoxesOnePage = () => {
},
}}
/>
</Box>
<Box className='item-row-field'>
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
{t('name')}
</Typography>
<BaseInput
fullWidth
mainBorderColor='#D8D8D8'
placeholder={t('name')}
defaultValue={product.name}
disabled
/>
</Box>
<Box className='item-row-field'>
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
{'NAME_RU'}
</Typography>
<BaseInput
defaultValue={product.nameRu}
disabled
fullWidth
mainBorderColor='#D8D8D8'
placeholder={t('name')}
InputProps={{
sx: {
'&.Mui-disabled': {
color: '!important',
},
'& input.Mui-disabled': {
color: 'black !important',
},
},
<Box
sx={{
display: 'flex',
alignItems: 'center',
width: '30%',
marginLeft: '10px',
gap: '10px',
}}
/>
</Box>
<Box className='item-row-field'>
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
{t('quantity')}
</Typography>
<BaseInput
fullWidth
type='number'
mainBorderColor='#D8D8D8'
placeholder={t('quantity')}
defaultValue={product.amount}
disabled
/>
</Box>
<Box className='item-row-field'>
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
>
{product.acceptedNumber === product.amount ? (
<>
<CheckCircleIcon color='success' />
<Typography
fontSize={'18px'}
fontWeight={500}
color='#5D5850'
sx={{ textAlign: 'center' }}
>
{t('accepted_number')}
</Typography>
<BaseInput
fullWidth
type='number'
inputProps={{ step: 'any', min: 0, type: 'number' }}
mainBorderColor='#D8D8D8'
placeholder={t('accepted_number')}
defaultValue={product.acceptedNumber === null ? 0 : product.acceptedNumber}
disabled
/>
</Box>
<>
<Box className='item-row-field'>
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
{t('weight')}
</Typography>
<Stack direction={'row'} alignItems={'center'} spacing={2.5}>
<BaseInput
fullWidth
type='text'
inputProps={{
step: 0.1,
}}
mainBorderColor='#D8D8D8'
placeholder={t('weight')}
defaultValue={product.weight}
disabled
/>
</Stack>
</Box>
<Box className='item-row-field'>
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
{t('price')}
</Typography>
<BaseInput
fullWidth
type='text'
inputProps={{
step: 0.1,
}}
defaultValue={product.price}
disabled
mainBorderColor='#D8D8D8'
placeholder={t('price')}
/>
</Box>
<Box className='item-row-field'>
<Typography fontSize={'18px'} fontWeight={500} color='#5D5850' mb={2}>
{t('total_price')}
</Typography>
<BaseInput
fullWidth
type='number'
inputProps={{
step: 0.001,
}}
disabled
value={totalPrice}
mainBorderColor='#D8D8D8'
placeholder={t('total_price')}
/>
</Box>
</>
) : (
<>
<DangerousIcon color='error' />
<Typography
fontSize={'18px'}
fontWeight={500}
color='#5D5850'
sx={{ textAlign: 'center' }}
>
{t('accepted_not')}
</Typography>
</>
)}
</Box>
</Box>
</Box>
</Box>
<Divider color='#EBEFF6' />
</Box>

13
src/routes/private/boxes-print/BoxesPrint.tsx
View File

@@ -1,6 +1,4 @@
import InstagramChanel from '@/../public/instagram.png';
import Logo from '@/../public/logo.jpeg';
import TelegramChanel from '@/../public/telegram.jpg';
import { Box, Typography } from '@mui/material';
import Image from 'next/image';
import { forwardRef } from 'react';
@@ -75,15 +73,10 @@ const BoxesPrint = forwardRef<HTMLDivElement, BoxesPrintProps>(({ boxData, key }
}}
>
<Typography sx={{ color: 'black', fontSize: '8px' }}>CPOST EXPRESS CARGO</Typography>
<Typography sx={{ color: 'black', fontSize: '8px' }}>
Reys: {boxData?.partyName}-{boxData?.client_id}
</Typography>
<Typography sx={{ color: 'black', fontSize: '8px' }}>TEL: +(998) 90 113 44 77</Typography>
<Typography sx={{ color: 'black', fontSize: '8px' }}>TEL: +(998) 95 126 44 77</Typography>
<Typography sx={{ color: 'black', fontSize: '14px' }}>Reys: {boxData?.partyName}</Typography>
</Box>
</Box>
<Box sx={{ display: 'flex', gap: '8px', marginTop: '5px', marginRight: '5px' }}>
<Image alt='telegram' src={TelegramChanel} width={50} height={50} priority unoptimized />
<Image alt='instagram' src={InstagramChanel} width={50} height={50} priority unoptimized />
<Typography sx={{ color: 'black', fontSize: '40px', marginLeft: '20px' }}>{boxData?.client_id}</Typography>
</Box>
</Box>
</Box>