karthikalakshmi
/
Android_Retail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'Fix #104 Master Form (Product Master , Price Change)' (#106) from Feb09 into main 

Reviewed-on: Pozomind/pozo-retail-app#106
This commit is contained in:
karthikalakshmi 2026-02-09 12:44:56 +05:30
parent 6e269ca679 bfdde4e525
commit 8cef0cc788
4 changed files with 281 additions and 244 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Pages/Product/ProductForm.jsx
View File

@ -4035,7 +4035,7 @@ const ProductForm = ({ formType }) => {
</div> </div>
)} )}
<div className="submitButton"> <div className="ProductSubBTN">
<Buttons <Buttons
buttonText="SUBMIT" buttonText="SUBMIT"
color="901D77" color="901D77"

360
src/Pages/StockPriceUpdate/StockPriceUpdate.jsx
View File

@ -152,7 +152,7 @@ const StockPriceUpdate = () => {
const handleRemoveRecord = (index) => { const handleRemoveRecord = (index) => {
setUploadedData((prev) => prev.filter((_, i) => i !== index)); setUploadedData((prev) => prev.filter((_, i) => i !== index));
}; };
console.log(uploadedData, "uploadedData") console.log(uploadedData, 'uploadedData');
const columns = [ const columns = [
{ {
title: 'Product Name', title: 'Product Name',
@ -180,53 +180,53 @@ const StockPriceUpdate = () => {
}, },
...(hasFieldExists('Stock') ...(hasFieldExists('Stock')
? [ ? [
{ {
title: 'Stock', title: 'Stock',
dataIndex: 'Stock', dataIndex: 'Stock',
key: 'Stock', key: 'Stock',
width: 80, width: 80,
}, },
] ]
: []), : []),
...(hasFieldExists('Stock Date') ...(hasFieldExists('Stock Date')
? [ ? [
{ {
title: 'Stock Date', title: 'Stock Date',
dataIndex: 'StockDate', dataIndex: 'StockDate',
key: 'StockDate', key: 'StockDate',
width: 80, width: 80,
}, },
] ]
: []), : []),
...(hasFieldExists('Old MRP') ...(hasFieldExists('Old MRP')
? [ ? [
{ {
title: 'Old MRP', title: 'Old MRP',
dataIndex: 'OldMRP', dataIndex: 'OldMRP',
key: 'OldMRP', key: 'OldMRP',
width: 100, width: 100,
}, },
] ]
: []), : []),
...(hasFieldExists('Old SP') ...(hasFieldExists('Old SP')
? [ ? [
{ {
title: 'Old SP', title: 'Old SP',
dataIndex: 'OldSP', dataIndex: 'OldSP',
key: 'OldSP', key: 'OldSP',
width: 100, width: 100,
}, },
] ]
: []), : []),
...(hasFieldExists('Old Wholesale Price') ...(hasFieldExists('Old Wholesale Price')
? [ ? [
{ {
title: 'Old Wholesale Price', title: 'Old Wholesale Price',
dataIndex: 'OldWholeSalePrice', dataIndex: 'OldWholeSalePrice',
key: 'OldWholeSalePrice', key: 'OldWholeSalePrice',
width: 140, width: 140,
}, },
] ]
: []), : []),
// ✅ EDITABLE // ✅ EDITABLE
@ -323,7 +323,7 @@ const StockPriceUpdate = () => {
); );
excelDataRef.current excelDataRef.current
?.validateFields([`NewSellPrice${record.localId}`]) ?.validateFields([`NewSellPrice${record.localId}`])
.catch(() => { }); .catch(() => {});
} }
}} }}
/> />
@ -332,40 +332,40 @@ const StockPriceUpdate = () => {
}, },
...(hasFieldExists('New Wholesale Price') ...(hasFieldExists('New Wholesale Price')
? [ ? [
{ {
title: 'New Wholesale Price', title: 'New Wholesale Price',
dataIndex: 'NewWholeSalePrice', dataIndex: 'NewWholeSalePrice',
key: 'NewWholeSalePrice', key: 'NewWholeSalePrice',
width: 160, width: 160,
render: (value, record, index) => ( render: (value, record, index) => (
<Form.Item name={`NewWholeSalePrice${record?.localId}`}> <Form.Item name={`NewWholeSalePrice${record?.localId}`}>
<Input <Input
onChange={(e) => onChange={(e) =>
handlePriceChange( handlePriceChange(
index, index,
'NewWholeSalePrice', 'NewWholeSalePrice',
e.target.value, e.target.value,
record.localId record.localId
) )
}
placeholder="New Wholesale"
inputMode="decimal"
onInput={(e) => {
let cleanedValue = e.target.value.replace(/[^0-9.]/g, '');
const parts = cleanedValue.split('.');
if (cleanedValue.startsWith('.')) {
cleanedValue = '0' + cleanedValue;
} }
e.target.value = placeholder="New Wholesale"
parts.length > 2 inputMode="decimal"
? `${parts[0]}.${parts.slice(1).join('')}` onInput={(e) => {
: cleanedValue; let cleanedValue = e.target.value.replace(/[^0-9.]/g, '');
}} const parts = cleanedValue.split('.');
/> if (cleanedValue.startsWith('.')) {
</Form.Item> cleanedValue = '0' + cleanedValue;
), }
}, e.target.value =
] parts.length > 2
? `${parts[0]}.${parts.slice(1).join('')}`
: cleanedValue;
}}
/>
</Form.Item>
),
},
]
: []), : []),
{ {
title: 'Action', title: 'Action',
@ -897,7 +897,6 @@ const StockPriceUpdate = () => {
newData?.splice(index, 1, { newData?.splice(index, 1, {
...item, ...item,
...row, ...row,
}); });
setBulkProductData(newData); setBulkProductData(newData);
} else { } else {
@ -1056,7 +1055,7 @@ const StockPriceUpdate = () => {
title: 'Name', title: 'Name',
dataIndex: 'ProdName', dataIndex: 'ProdName',
key: 'ProdName', key: 'ProdName',
width: '20%', width: 150,
filteredValue: [BulksearchedText], filteredValue: [BulksearchedText],
onFilter: (value, record) => { onFilter: (value, record) => {
return String(record.ProdName) return String(record.ProdName)
@ -1078,90 +1077,90 @@ const StockPriceUpdate = () => {
dataIndex: 'ProdVariantName', dataIndex: 'ProdVariantName',
key: 'ProdVariantName', key: 'ProdVariantName',
align: 'left', align: 'left',
width: '120px', width: 120,
}, },
{ {
title: 'Batch No', title: 'Batch No',
dataIndex: 'BatchRef', dataIndex: 'BatchRef',
key: 'BatchRef', key: 'BatchRef',
align: 'left', align: 'left',
width: '120px', width: 120,
}, },
...(hasField('Stock Date') ...(hasField('Stock Date')
? [ ? [
{ {
title: 'stock Date', title: 'stock Date',
dataIndex: 'InwardDate', dataIndex: 'InwardDate',
key: 'InwardDate', key: 'InwardDate',
align: 'center', align: 'center',
width: '100px', width: 120,
render: (InwardDate) => render: (InwardDate) =>
InwardDate !== null ? ExtractDateFormate(InwardDate) : '-', InwardDate !== null ? ExtractDateFormate(InwardDate) : '-',
}, },
] ]
: []), : []),
...(hasField('Expiry Date') ...(hasField('Expiry Date')
? [ ? [
{ {
title: 'Exp date', title: 'Exp date',
dataIndex: 'ExpDate', dataIndex: 'ExpDate',
key: 'ExpDate', key: 'ExpDate',
align: 'center', align: 'center',
width: '100px', width: 100,
render: (ExpDate) => render: (ExpDate) =>
ExpDate !== null ? ExtractDateFormate(ExpDate) : '-', ExpDate !== null ? ExtractDateFormate(ExpDate) : '-',
}, },
] ]
: []), : []),
...(hasField('Stock') ...(hasField('Stock')
? [ ? [
{ {
title: 'stock', title: 'stock',
dataIndex: 'BalanceQty', dataIndex: 'BalanceQty',
key: 'BalanceQty', key: 'BalanceQty',
align: 'right', align: 'right',
width: '60px', width: '60px',
render: (BalanceQty) => (BalanceQty !== null ? BalanceQty : '-'), render: (BalanceQty) => (BalanceQty !== null ? BalanceQty : '-'),
}, },
] ]
: []), : []),
...(hasField('Old MRP') ...(hasField('Old MRP')
? [ ? [
{ {
title: 'Old MRP', title: 'Old MRP',
dataIndex: 'MRP', dataIndex: 'MRP',
key: 'MRP', key: 'MRP',
align: 'right', align: 'right',
width: '70px', width: '70px',
render: (MRP) => (safeRound(MRP) !== null ? safeRound(MRP) : '-'), render: (MRP) => (safeRound(MRP) !== null ? safeRound(MRP) : '-'),
}, },
] ]
: []), : []),
...(hasField('Old SP') ...(hasField('Old SP')
? [ ? [
{ {
title: 'Old SP', title: 'Old SP',
dataIndex: 'SellPrice', dataIndex: 'SellPrice',
key: 'SellPrice', key: 'SellPrice',
align: 'right', align: 'right',
width: '70px', width: '70px',
render: (SellPrice) => render: (SellPrice) =>
safeRound(SellPrice) !== null ? safeRound(SellPrice) : '-', safeRound(SellPrice) !== null ? safeRound(SellPrice) : '-',
}, },
] ]
: []), : []),
...(hasField('Old Wholesale Price') ...(hasField('Old Wholesale Price')
? [ ? [
{ {
title: 'Old Wholesale Price', title: 'Old Wholesale Price',
dataIndex: 'WhSalePrice', dataIndex: 'WhSalePrice',
key: 'WhSalePrice', key: 'WhSalePrice',
align: 'right', align: 'right',
width: '120px', width: '120px',
render: (WhSalePrice) => render: (WhSalePrice) =>
safeRound(WhSalePrice) !== null ? safeRound(WhSalePrice) : '-', safeRound(WhSalePrice) !== null ? safeRound(WhSalePrice) : '-',
}, },
] ]
: []), : []),
{ {
title: 'New MRP', title: 'New MRP',
@ -1185,19 +1184,19 @@ const StockPriceUpdate = () => {
}, },
...(hasField('New Wholesale Price') ...(hasField('New Wholesale Price')
? [ ? [
{ {
title: 'New Wholesale Price', title: 'New Wholesale Price',
dataIndex: 'CurrentWhAmt', dataIndex: 'CurrentWhAmt',
key: 'CurrentWhAmt', key: 'CurrentWhAmt',
align: 'center', align: 'center',
with: '4rem', with: '4rem',
editable: true, editable: true,
render: (text, record) => ( render: (text, record) => (
<p>{text ? text : 'Enter Wholesale Price'}</p> <p>{text ? text : 'Enter Wholesale Price'}</p>
), ),
width: 120, width: 120,
}, },
] ]
: []), : []),
]; ];
@ -1478,9 +1477,9 @@ const StockPriceUpdate = () => {
isStockVariantBased === 'Yes' isStockVariantBased === 'Yes'
? BulkProductData || [] ? BulkProductData || []
: (BulkProductData || [])?.filter( : (BulkProductData || [])?.filter(
(item, index, self) => (item, index, self) =>
index === self.findIndex((p) => p.ProdId === item.ProdId) index === self.findIndex((p) => p.ProdId === item.ProdId)
); );
if (!uniqueBulkProductData?.length) { if (!uniqueBulkProductData?.length) {
setMessageType('error'); setMessageType('error');
@ -1593,9 +1592,9 @@ const StockPriceUpdate = () => {
cell.border = isHiddenCol cell.border = isHiddenCol
? undefined ? undefined
: { : {
right: { style: 'thin', color: { argb: 'FF000000' } }, right: { style: 'thin', color: { argb: 'FF000000' } },
bottom: { style: 'thin', color: { argb: 'FF000000' } }, bottom: { style: 'thin', color: { argb: 'FF000000' } },
}; };
}); });
/* ---------------- ADD DATA ---------------- */ /* ---------------- ADD DATA ---------------- */
@ -1777,7 +1776,7 @@ const StockPriceUpdate = () => {
Number(current.MRP) !== Number(uploaded.NewMRP) || Number(current.MRP) !== Number(uploaded.NewMRP) ||
Number(current.SellPrice) !== Number(uploaded.NewSellPrice) || Number(current.SellPrice) !== Number(uploaded.NewSellPrice) ||
Number(current.WhSalePrice || 0) !== Number(current.WhSalePrice || 0) !==
Number(uploaded.NewWholeSalePrice || 0); Number(uploaded.NewWholeSalePrice || 0);
return { return {
...uploaded, ...uploaded,
@ -1965,13 +1964,11 @@ const StockPriceUpdate = () => {
const hasWholesale = !!data?.NewWholeSalePrice; const hasWholesale = !!data?.NewWholeSalePrice;
const isModified = data?.isModified === true; const isModified = data?.isModified === true;
// valid cases // valid cases
if (hasMRP && hasSell && isModified) return true; if (hasMRP && hasSell && isModified) return true;
// ✅ Case 2: Only Wholesale changed // ✅ Case 2: Only Wholesale changed
if (!hasMRP && !hasSell && hasWholesale && isModified) return true;; if (!hasMRP && !hasSell && hasWholesale && isModified) return true;
return false; return false;
}) })
@ -1999,7 +1996,6 @@ const StockPriceUpdate = () => {
return; return;
} }
const res = await dispatch(bulkPriceUpdate(putData))?.unwrap(); const res = await dispatch(bulkPriceUpdate(putData))?.unwrap();
if (res?.data?.statusCode === 1) { if (res?.data?.statusCode === 1) {
@ -2092,7 +2088,7 @@ const StockPriceUpdate = () => {
onComplete={onComplete} onComplete={onComplete}
/> />
<div className="formAddNew"> <div className="formAddNew" style={{ justifyContent: 'space-between' }}>
<div> <div>
<FormHeader title={'Price Change'} /> <FormHeader title={'Price Change'} />
</div> </div>
@ -2104,16 +2100,7 @@ const StockPriceUpdate = () => {
}} }}
> >
{RadioSelection == 'Bulk' && ( {RadioSelection == 'Bulk' && (
<div <div className="PriChangeUpper">
className="toolbar"
style={{
display: 'flex',
gap: '1rem',
alignItems: 'center',
justifyContent: 'space-between',
width: '100%',
}}
>
<div className="formSearch"> <div className="formSearch">
<Search <Search
value={BulksearchedText} value={BulksearchedText}
@ -2132,7 +2119,7 @@ const StockPriceUpdate = () => {
/> />
</div> </div>
<Tooltip title="Field Setup"> <Tooltip title="Field Setup">
<div className="btn btn--info" onClick={handleFieldSetup}> <div className="btnbtninfo" onClick={handleFieldSetup}>
<MdOutlineAppRegistration size={19} /> <MdOutlineAppRegistration size={19} />
</div> </div>
</Tooltip> </Tooltip>
@ -2214,17 +2201,17 @@ const StockPriceUpdate = () => {
<div> <div>
{(RadioSelection == 'Bulk' || {(RadioSelection == 'Bulk' ||
(RadioSelection == 'Single' && StockDetails.length > 0)) && ( (RadioSelection == 'Single' && StockDetails.length > 0)) && (
<div className="samplereportTableButton"> <div className="samplereportTableButton">
<Buttons <Buttons
buttonText="Submit" buttonText="Submit"
color="901D77" color="901D77"
palcement={'right'} palcement={'right'}
handleSubmit={HandlePutData} handleSubmit={HandlePutData}
icon={<ArrowRightOutlined />} icon={<ArrowRightOutlined />}
disabled={addnewAccess} disabled={addnewAccess}
></Buttons> ></Buttons>
</div> </div>
)} )}
</div> </div>
</div> </div>
{RadioSelection == 'Single' && ( {RadioSelection == 'Single' && (
@ -2242,20 +2229,17 @@ const StockPriceUpdate = () => {
StockDetails?.length < 11 StockDetails?.length < 11
? false ? false
: { : {
current: page, current: page,
pageSize: pageSize, pageSize: pageSize,
onChange: handlePageChange, onChange: handlePageChange,
} }
} }
onChange={handleChange} onChange={handleChange}
></Table> ></Table>
</div> </div>
)} )}
{RadioSelection == 'Bulk' && ( {RadioSelection == 'Bulk' && (
<div <div className="bulkChangePriceTable">
className="samplereportTable reportTable pricechangeTable"
style={{ height: '65vh !important' }}
>
<Table <Table
columns={BulkPriceColumns} columns={BulkPriceColumns}
components={BulkComponents} components={BulkComponents}
@ -2315,7 +2299,7 @@ const StockPriceUpdate = () => {
<div <div
className={`export-excel-div ${exportLoading ? 'is-loading' : ''}`} className={`export-excel-div ${exportLoading ? 'is-loading' : ''}`}
onClick={ onClick={
exportLoading ? () => { } : () => showPriceChangeModal() exportLoading ? () => {} : () => showPriceChangeModal()
} }
> >
<div> <div>

109
src/Styles/OverAllStyle/OverAllStyle.scss
View File

@ -21,13 +21,9 @@
color: #fff; color: #fff;
padding: 15px; padding: 15px;
border: 1px solid; border: 1px solid;
overflow: hidden; overflow: hidden;
width: 170px; width: 170px;
height: 45px; height: 45px;
background-color: var(--PRIMARY_BUTTON_BG_COLOR) !important; background-color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
@ -42,10 +38,6 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
z-index: 2; z-index: 2;
} }
.Counter-Category-mapping { .Counter-Category-mapping {
@ -198,7 +190,7 @@
.edit-btn, .edit-btn,
.remove-btn { .remove-btn {
border: none; border: none;
font-family: 'Poppins'; font-family: "Poppins";
padding: 4px 10px; padding: 4px 10px;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
@ -223,7 +215,6 @@
} }
.address-type-section { .address-type-section {
// padding: 12px; // padding: 12px;
// background-color: #f8fafc; // background-color: #f8fafc;
// border-radius: 8px; // border-radius: 8px;
@ -584,7 +575,7 @@
button { button {
padding: 14px 18px; padding: 14px 18px;
border: none; border: none;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
@ -592,12 +583,12 @@
outline: none; outline: none;
} }
>button:nth-child(1) { > button:nth-child(1) {
background-color: #daecfd; background-color: #daecfd;
color: #1292ee; color: #1292ee;
} }
>button:nth-child(2) { > button:nth-child(2) {
background-color: #ffdcdc; background-color: #ffdcdc;
color: #ee3333; color: #ee3333;
} }
@ -616,7 +607,7 @@
flex-direction: column; flex-direction: column;
margin-bottom: 5px; margin-bottom: 5px;
>div:nth-child(2) { > div:nth-child(2) {
width: max-content; width: max-content;
font-size: 12px !important; font-size: 12px !important;
height: max-content; height: max-content;
@ -669,7 +660,7 @@
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} }
// deilivery Address // deilivery Address
.Address-button { .Address-button {
display: flex; display: flex;
@ -698,7 +689,7 @@
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} }
.deliveryaddress{ .deliveryaddress {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
flex-direction: column; flex-direction: column;
@ -706,7 +697,7 @@
padding: 10px; padding: 10px;
border-radius: 4px; border-radius: 4px;
height: max-content; height: max-content;
.deliveryaddress_edit{ .deliveryaddress_edit {
color: #0cabf4; color: #0cabf4;
display: flex; display: flex;
align-items: center; align-items: center;
@ -718,7 +709,7 @@
.add-slot-header { .add-slot-header {
font-size: 25px; font-size: 25px;
font-weight: 600; font-weight: 600;
font-family: 'Gilroy'; font-family: "Gilroy";
padding-bottom: 6px; padding-bottom: 6px;
} }
@ -744,7 +735,7 @@
.swicthCardScanToggle { .swicthCardScanToggle {
button { button {
background-color: #1292ee !important; background-color: #1292ee !important;
font-family: 'Poppins'; font-family: "Poppins";
font-weight: 500; font-weight: 500;
} }
} }
@ -756,7 +747,7 @@
} }
.searched-value { .searched-value {
font-family: 'Poppins'; font-family: "Poppins";
font-weight: 500; font-weight: 500;
} }
@ -764,7 +755,8 @@
scrollbar-width: thin; scrollbar-width: thin;
padding-right: 8px; padding-right: 8px;
@media (max-width: 600px) {} @media (max-width: 600px) {
}
.ant-table-thead { .ant-table-thead {
&:hover { &:hover {
@ -915,14 +907,14 @@
} }
.table-notes { .table-notes {
font-family: 'Poppins'; font-family: "Poppins";
font-style: italic; font-style: italic;
margin-bottom: 10px; margin-bottom: 10px;
} }
.ant-table table { .ant-table table {
border-spacing: 0 !important; border-spacing: 0 !important;
font-family: 'Poppins'; font-family: "Poppins";
} }
} }
@ -956,13 +948,13 @@
table { table {
thead { thead {
th { th {
font-family: 'Gilroy' !important; font-family: "Gilroy" !important;
} }
} }
tbody { tbody {
td { td {
font-family: 'Poppins' !important; font-family: "Poppins" !important;
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 13px;
} }
@ -1085,7 +1077,7 @@ table {
border: 1px solid #dadada; border: 1px solid #dadada;
border-radius: 4px; border-radius: 4px;
>img { > img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
@ -1210,7 +1202,7 @@ table {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
>img { > img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
@ -1237,7 +1229,7 @@ table {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
>img { > img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
@ -1273,7 +1265,7 @@ table {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
>img { > img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
@ -1300,7 +1292,7 @@ table {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
>img { > img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
@ -1328,7 +1320,7 @@ table {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
>img { > img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
@ -1416,8 +1408,7 @@ table {
p { p {
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: #C00000; background-color: #c00000;
} }
span { span {
@ -1433,7 +1424,7 @@ table {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
background-color: #1292EE; background-color: #1292ee;
color: #fff; color: #fff;
font-family: "Poppins"; font-family: "Poppins";
font-weight: 500; font-weight: 500;
@ -1487,14 +1478,14 @@ table {
.tab-item:hover { .tab-item:hover {
background: #f5f5f5; background: #f5f5f5;
color: #901D77; color: #901d77;
} }
.tab-item.active { .tab-item.active {
display: flex; display: flex;
background: #fff; background: #fff;
color: #901D77; color: #901d77;
border-color: #901D77; border-color: #901d77;
border-bottom: 2px solid #fff; border-bottom: 2px solid #fff;
margin-bottom: -2px; margin-bottom: -2px;
z-index: 1; z-index: 1;
@ -1503,7 +1494,7 @@ table {
} }
.tab-item.active::after { .tab-item.active::after {
content: ''; content: "";
position: absolute; position: absolute;
bottom: -2px; bottom: -2px;
left: 0; left: 0;
@ -1528,5 +1519,45 @@ table {
color: #c00000; color: #c00000;
font-weight: 500; font-weight: 500;
} }
}
} .bulkChangePriceTable {
width: 83vw;
overflow: auto;
height: 60vh;
scrollbar-width: thin;
position: relative;
.ant-table-cell {
padding: 2px 6px !important;
}
.ant-table-tbody {
height: 60vh !important;
}
.ant-input {
padding: 3px 14px 4px 11px !important;
text-align: center;
}
}
.PriChangeUpper {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
.btnbtninfo {
background: #8f1e78;
color: #fff;
vertical-align: top;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
border-radius: 4px;
height: 42px;
&:hover {
background: #d333b3;
}
}
}

54
src/Styles/Product/Product.scss
View File

@ -1,9 +1,16 @@
.cropUploadFieldSmall { .cropUploadFieldSmall {
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container, .ant-upload-list.ant-upload-list-picture-card
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container, .ant-upload-list-item-container,
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container, :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container { .ant-upload-list.ant-upload-list-picture-card
.ant-upload-list-item-container,
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper
.ant-upload-list.ant-upload-list-picture-circle
.ant-upload-list-item-container,
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper
.ant-upload-list.ant-upload-list-picture-circle
.ant-upload-list-item-container {
width: 65px; width: 65px;
height: 65px; height: 65px;
} }
@ -45,7 +52,7 @@
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
color: #000000; color: #000000;
background-color: 'rgba(0, 0, 0, 0.02)'; background-color: "rgba(0, 0, 0, 0.02)";
& .ant-form-item .ant-form-item-explain-error { & .ant-form-item .ant-form-item-explain-error {
font-weight: 400 !important; font-weight: 400 !important;
@ -290,7 +297,7 @@
color: #23378a; color: #23378a;
padding: 12px 24px; padding: 12px 24px;
border: none; border: none;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
@ -319,14 +326,14 @@
} }
.viewerExcelupload .ant-table-wrapper, .viewerExcelupload .ant-table-wrapper,
.viewerExcelupload .ant-table-tbody>tr.ant-table-row>td { .viewerExcelupload .ant-table-tbody > tr.ant-table-row > td {
padding: 4px; padding: 4px;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
.viewerExcelupload .ant-table-wrapper, .viewerExcelupload .ant-table-wrapper,
.viewerExcelupload .ant-table-thead>tr>th { .viewerExcelupload .ant-table-thead > tr > th {
padding: 1px 8px !important; padding: 1px 8px !important;
} }
@ -381,7 +388,7 @@
} }
.productinputForm { .productinputForm {
.ant-input-affix-wrapper>input.ant-input { .ant-input-affix-wrapper > input.ant-input {
padding-top: 1.5rem; padding-top: 1.5rem;
} }
} }
@ -412,7 +419,7 @@
border: none; border: none;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
color: #fff; color: #fff;
background-color: #1677ff; background-color: #1677ff;
border-radius: 6px; border-radius: 6px;
@ -435,7 +442,7 @@
} }
.product-Add-HSN { .product-Add-HSN {
.ant-input-affix-wrapper>input.ant-input { .ant-input-affix-wrapper > input.ant-input {
padding: 12px 0 0 0 !important; padding: 12px 0 0 0 !important;
} }
} }
@ -446,7 +453,7 @@
background-color: #d4e7ff; background-color: #d4e7ff;
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 13px;
font-family: 'Poppins'; font-family: "Poppins";
border: none; border: none;
cursor: pointer; cursor: pointer;
border-radius: 6px; border-radius: 6px;
@ -473,9 +480,13 @@
.ant-form-item { .ant-form-item {
margin-bottom: 0; margin-bottom: 0;
} }
.ant-input {
padding: 4px 14px 6px 11px !important;
text-decoration: underline;
text-decoration-color: #b8b8b8;
}
} }
.productFormproductImg { .productFormproductImg {
width: 350px; width: 350px;
align-items: center; align-items: center;
@ -483,8 +494,19 @@
.Customized_QuickAdd { .Customized_QuickAdd {
margin-bottom: 10px; margin-bottom: 10px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
} }
.ProductSubBTN {
width: 100%;
display: flex;
justify-content: flex-end;
@media (max-width: 500px) {
position: fixed;
right: 10px;
bottom: 8px;
}
}