mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-25 15:55:48 +00:00
refactor(FE): Adjust cumulative depletion table layout
This commit is contained in:
@@ -1663,54 +1663,31 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className='p-4'>
|
<div className='p-4'>
|
||||||
<table className='w-full text-sm'>
|
<table className='w-full text-sm'>
|
||||||
<thead>
|
|
||||||
<tr className='border-b border-gray-200'>
|
|
||||||
<th
|
|
||||||
colSpan={2}
|
|
||||||
className='text-center py-2 font-semibold text-gray-600'
|
|
||||||
>
|
|
||||||
DEPLESI KUMULATIF
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr className='border-b border-gray-200'>
|
|
||||||
<th className='text-center py-2 font-semibold text-xs text-gray-500'>
|
|
||||||
Total
|
|
||||||
</th>
|
|
||||||
<th className='text-center py-2 font-semibold text-xs text-gray-500'>
|
|
||||||
(%)
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td className='text-center py-3 border-r border-gray-100'>
|
<td className='py-2 font-medium'>Deplesi Kumulatif</td>
|
||||||
|
<td className='text-right py-2'>
|
||||||
<span className='font-semibold'>
|
<span className='font-semibold'>
|
||||||
|
{initialValues.cum_depletion_rate &&
|
||||||
|
initialValues.cum_depletion_rate > 0
|
||||||
|
? `${initialValues.cum_depletion_rate.toFixed(2)}%`
|
||||||
|
: '-'}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='py-2 font-medium'>Total Depletion</td>
|
||||||
|
<td className='text-right py-2 font-semibold'>
|
||||||
{initialValues.total_depletion_qty &&
|
{initialValues.total_depletion_qty &&
|
||||||
initialValues.total_depletion_qty > 0
|
initialValues.total_depletion_qty > 0
|
||||||
? formatNumber(initialValues.total_depletion_qty)
|
? formatNumber(initialValues.total_depletion_qty)
|
||||||
: '-'}
|
: '-'}
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td className='text-center py-3 text-gray-600'>
|
|
||||||
{initialValues.cum_depletion_rate &&
|
|
||||||
initialValues.cum_depletion_rate > 0
|
|
||||||
? initialValues.cum_depletion_rate.toFixed(2)
|
|
||||||
: '-'}
|
|
||||||
</td>
|
</td>
|
||||||
|
<td></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr className='border-t border-gray-200'>
|
||||||
<td
|
<td className='py-2 text-gray-600'>Total Ayam</td>
|
||||||
colSpan={2}
|
<td className='text-right py-2 font-semibold'>
|
||||||
className='text-center py-3 border-r border-gray-200 text-gray-600'
|
|
||||||
>
|
|
||||||
Total Ayam
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td
|
|
||||||
colSpan={2}
|
|
||||||
className='text-center py-3 font-semibold'
|
|
||||||
>
|
|
||||||
{initialValues.project_flock?.total_chick_qty &&
|
{initialValues.project_flock?.total_chick_qty &&
|
||||||
initialValues.project_flock?.total_chick_qty > 0
|
initialValues.project_flock?.total_chick_qty > 0
|
||||||
? formatNumber(
|
? formatNumber(
|
||||||
@@ -1718,6 +1695,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
|
|||||||
)
|
)
|
||||||
: '-'}
|
: '-'}
|
||||||
</td>
|
</td>
|
||||||
|
<td></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
Reference in New Issue
Block a user