اصلاح مکان کادرها و متن ها

This commit is contained in:
mahmoodsht 2025-10-18 13:19:13 +03:30
parent a45ddda0f3
commit 5bb9776ef0

View File

@ -160,7 +160,7 @@ export function ProcessInnovationPage() {
const [stateCard, setStateCard] = useState({ const [stateCard, setStateCard] = useState({
productionstopsprevention: { productionstopsprevention: {
id: "productionstopsprevention", id: "productionstopsprevention",
title: "جلوگیری از توقفات تولید", title: "توقفات تولید",
value: formatNumber( value: formatNumber(
stats.productionStopsPreventionSum.toFixed?.(1) ?? stats.productionStopsPreventionSum.toFixed?.(1) ??
stats.productionStopsPreventionSum stats.productionStopsPreventionSum
@ -171,7 +171,7 @@ export function ProcessInnovationPage() {
}, },
bottleneckremoval: { bottleneckremoval: {
id: "bottleneckremoval", id: "bottleneckremoval",
title: "رفع گلوگاه", title: "گلوگاه ها",
value: formatNumber(stats.bottleneckRemovalCount), value: formatNumber(stats.bottleneckRemovalCount),
description: "تعداد رفع گلوگاه", description: "تعداد رفع گلوگاه",
icon: Funnel, icon: Funnel,
@ -179,7 +179,7 @@ export function ProcessInnovationPage() {
}, },
currencyreduction: { currencyreduction: {
id: "currencyreduction", id: "currencyreduction",
title: "کاهش ارز بری", title: "ارز بری",
value: formatNumber( value: formatNumber(
stats.currencyReductionSum.toFixed?.(0) ?? stats.currencyReductionSum stats.currencyReductionSum.toFixed?.(0) ?? stats.currencyReductionSum
), ),
@ -189,23 +189,23 @@ export function ProcessInnovationPage() {
}, },
decreaseCurrencyOperation: { decreaseCurrencyOperation: {
id: "decreaseCurrencyOperation", id: "decreaseCurrencyOperation",
title: "کاهش هزینه عملیاتی", title: "هزینه های عملیاتی",
value: formatNumber( value: formatNumber(
stats.reductionCostOprationSum.toFixed?.(0) ?? stats.reductionCostOprationSum.toFixed?.(0) ??
stats.reductionCostOprationSum stats.reductionCostOprationSum
), ),
description: "میلیون ریال یافته", description: "میلیون ریال کاهش یافته",
icon: DollarSign, icon: DollarSign,
color: "text-pr-green", color: "text-pr-green",
}, },
frequentfailuresreduction: { frequentfailuresreduction: {
id: "frequentfailuresreduction", id: "frequentfailuresreduction",
title: "کاهش خرابی های پرتکرار", title: "خرابی های پرتکرار",
value: formatNumber( value: formatNumber(
stats.frequentFailuresReductionSum.toFixed?.(1) ?? stats.frequentFailuresReductionSum.toFixed?.(1) ??
stats.frequentFailuresReductionSum stats.frequentFailuresReductionSum
), ),
description: "مجموع درصد کاهش خرابی", description: "خرابی پر تکرار کاهش یافته",
icon: Wrench, icon: Wrench,
color: "text-pr-green", color: "text-pr-green",
}, },
@ -672,46 +672,25 @@ export function ProcessInnovationPage() {
<div className="flex flex-col h-full gap-5"> <div className="flex flex-col h-full gap-5">
<div className="flex flex-row gap-4 h-full"> <div className="flex flex-row gap-4 h-full">
<BaseCard <BaseCard
key={stateCard.bottleneckremoval.id} key={stateCard.productionstopsprevention.id}
title={stateCard.bottleneckremoval.title} title={stateCard.productionstopsprevention.title}
className="border-gray-700/50 w-full" className="border-gray-700/50 w-full"
icon={stateCard.bottleneckremoval.icon} icon={stateCard.productionstopsprevention.icon}
> >
<div className="flex items-center justify-center flex-col"> <div className="flex items-center justify-center flex-col">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="text-center"> <div className="text-center">
<p className="text-3xl text-pr-green font-bold mb-1"> <p className="text-3xl text-pr-green font-bold mb-1">
{stateCard.bottleneckremoval.value} {stateCard.productionstopsprevention.value}
</p> </p>
<div className="text-[11px] text-[#ACACAC] font-light font-persian"> <div className="text-[11px] text-[#ACACAC] font-light font-persian">
{stateCard.bottleneckremoval.description} {stateCard.productionstopsprevention.description}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</BaseCard> </BaseCard>
<BaseCard
key={stateCard.currencyreduction.id}
title={stateCard.currencyreduction.title}
className="border-gray-700/50 w-full"
icon={stateCard.currencyreduction.icon}
>
<div className="flex items-center justify-center flex-col">
<div className="flex items-center gap-4">
<div className="text-center">
<p className="text-3xl text-pr-green font-bold mb-1">
{stateCard.currencyreduction.value}
</p>
<div className="text-[11px] text-[#ACACAC] font-light font-persian">
{stateCard.currencyreduction.description}
</div>
</div>
</div>
</div>
</BaseCard>
</div>
<div className="flex flex-row gap-4 h-full">
<BaseCard <BaseCard
key={stateCard.frequentfailuresreduction.id} key={stateCard.frequentfailuresreduction.id}
title={stateCard.frequentfailuresreduction.title} title={stateCard.frequentfailuresreduction.title}
@ -731,6 +710,27 @@ export function ProcessInnovationPage() {
</div> </div>
</div> </div>
</BaseCard> </BaseCard>
</div>
<div className="flex flex-row gap-4 h-full">
<BaseCard
key={stateCard.currencyreduction.id}
title={stateCard.currencyreduction.title}
className="border-gray-700/50 w-full"
icon={stateCard.currencyreduction.icon}
>
<div className="flex items-center justify-center flex-col">
<div className="flex items-center gap-4">
<div className="text-center">
<p className="text-3xl text-pr-green font-bold mb-1">
{stateCard.currencyreduction.value}
</p>
<div className="text-[11px] text-[#ACACAC] font-light font-persian">
{stateCard.currencyreduction.description}
</div>
</div>
</div>
</div>
</BaseCard>
<BaseCard <BaseCard
key={stateCard.decreaseCurrencyOperation.id} key={stateCard.decreaseCurrencyOperation.id}
title={stateCard.decreaseCurrencyOperation.title} title={stateCard.decreaseCurrencyOperation.title}
@ -751,19 +751,19 @@ export function ProcessInnovationPage() {
</div> </div>
</BaseCard> </BaseCard>
<BaseCard <BaseCard
key={stateCard.productionstopsprevention.id} key={stateCard.bottleneckremoval.id}
title={stateCard.productionstopsprevention.title} title={stateCard.bottleneckremoval.title}
className="border-gray-700/50 w-full" className="border-gray-700/50 w-full"
icon={stateCard.productionstopsprevention.icon} icon={stateCard.bottleneckremoval.icon}
> >
<div className="flex items-center justify-center flex-col"> <div className="flex items-center justify-center flex-col">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="text-center"> <div className="text-center">
<p className="text-3xl text-pr-green font-bold mb-1"> <p className="text-3xl text-pr-green font-bold mb-1">
{stateCard.productionstopsprevention.value} {stateCard.bottleneckremoval.value}
</p> </p>
<div className="text-[11px] text-[#ACACAC] font-light font-persian"> <div className="text-[11px] text-[#ACACAC] font-light font-persian">
{stateCard.productionstopsprevention.description} {stateCard.bottleneckremoval.description}
</div> </div>
</div> </div>
</div> </div>
@ -788,7 +788,7 @@ export function ProcessInnovationPage() {
loading={statsLoading} loading={statsLoading}
data={[ data={[
{ {
label: "کاهش توقفات تولید", label: "توقفات تولید",
value: Number(stats.percentProductionStops) || 0, value: Number(stats.percentProductionStops) || 0,
labelColor: "text-white", labelColor: "text-white",
}, },
@ -798,19 +798,19 @@ export function ProcessInnovationPage() {
labelColor: "text-white", labelColor: "text-white",
}, },
{ {
label: "کاهش ارز بری", label: "ارز بری",
value: Number(stats.percentCurrencyReduction) || 0, value: Number(stats.percentCurrencyReduction) || 0,
labelColor: "text-white", labelColor: "text-white",
}, },
{ {
label: "کاهش هزینه عملیاتی", label: "خرابی پر تکرار",
value: value: Number(stats.percentFailuresReduction) || 0,
Number(stats.percentOperatingCostBeforeInnovation) || 0,
labelColor: "text-white", labelColor: "text-white",
}, },
{ {
label: "کاهش خرابی پر تکرار", label: "هزینه های عملیاتی",
value: Number(stats.percentFailuresReduction) || 0, value:
Number(stats.percentOperatingCostBeforeInnovation) || 0,
labelColor: "text-white", labelColor: "text-white",
}, },
]} ]}