admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/IO-3499-React-19 checkpoint

Browse Source
This commit is contained in:
Dave
2026-01-20 09:43:18 -05:00
parent c3e12cfeff
commit 640e0987ad
4 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/components/parts-order-modal/parts-order-modal-price-change.component.jsx
View File

@@ -34,13 +34,13 @@ export default function PartsOrderModalPriceChange({ form, field }) {
{ {
key: "custom", key: "custom",
label: ( label: (
<InputNumber <Space.Compact>
onClick={(e) => e.stopPropagation()} <InputNumber
addonAfter="%" onClick={(e) => e.stopPropagation()}
onKeyUp={(e) => { onKeyUp={(e) => {
if (e.key === "Enter") { if (e.key === "Enter") {
const values = form.getFieldsValue(); const values = form.getFieldsValue();
const { parts_order_lines } = values; const { parts_order_lines } = values;
form.setFieldsValue({ form.setFieldsValue({
parts_order_lines: { parts_order_lines: {
@@ -56,10 +56,12 @@ export default function PartsOrderModalPriceChange({ form, field }) {
}); });
e.target.value = 0; e.target.value = 0;
} }
}} }}
min={0} min={0}
max={100} max={100}
/> />
<span style={{ padding: "0 11px", backgroundColor: "#fafafa", border: "1px solid #d9d9d9", borderLeft: 0 }}>%</span>
</Space.Compact>
) )
} }
], ],

5
client/src/components/parts-order-modal/parts-order-modal.component.jsx
View File

@@ -199,7 +199,10 @@ export function PartsOrderModalComponent({
key={`${index}act_price`} key={`${index}act_price`}
name={[field.name, "act_price"]} name={[field.name, "act_price"]}
> >
<CurrencyInput addonBefore={<PartsOrderModalPriceChange form={form} field={field} />} /> <Space.Compact style={{ width: "100%" }}>
<PartsOrderModalPriceChange form={form} field={field} />
<CurrencyInput style={{ flex: 1 }} />
</Space.Compact>
</Form.Item> </Form.Item>
{isReturn && ( {isReturn && (
<Form.Item <Form.Item

5
client/src/components/time-ticket-calculator/time-ticket-calculator.component.jsx
View File

@@ -93,7 +93,10 @@ export default function TimeTicketCalculatorComponent({
</Form.Item> </Form.Item>
<Form.Item name="percent"> <Form.Item name="percent">
<InputNumber min={0} max={100} precision={1} addonAfter="%" /> <Space.Compact>
<InputNumber min={0} max={100} precision={1} />
<span style={{ padding: "0 11px", backgroundColor: "#fafafa", border: "1px solid #d9d9d9", borderLeft: 0, display: "flex", alignItems: "center" }}>%</span>
</Space.Compact>
</Form.Item> </Form.Item>
<Button htmlType="submit">Calculate</Button> <Button htmlType="submit">Calculate</Button>
</Form> </Form>

5
client/src/components/time-ticket-list/time-ticket-list-team-pay.component.jsx
View File

@@ -96,7 +96,10 @@ export function TimeTicketListTeamPay({ bodyshop, context }) {
</Form.Item> </Form.Item>
<Form.Item name="percent"> <Form.Item name="percent">
<InputNumber min={0} max={100} precision={1} addonAfter="%" /> <Space.Compact>
<InputNumber min={0} max={100} precision={1} />
<span style={{ padding: "0 11px", backgroundColor: "#fafafa", border: "1px solid #d9d9d9", borderLeft: 0, display: "flex", alignItems: "center" }}>%</span>
</Space.Compact>
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>