IO-946 Adjust bill lines form layout.

This commit is contained in:
Patrick Fic
2021-05-03 13:25:34 -07:00
parent e285cfa2b0
commit 49603e5951
3 changed files with 20 additions and 57 deletions

View File

@@ -42,7 +42,7 @@ export function BillEnterModalLinesComponent({
title: t("billlines.fields.jobline"),
dataIndex: "joblineid",
editable: true,
width: "25%",
formItemProps: (field) => {
return {
key: `${field.index}joblinename`,
@@ -59,6 +59,7 @@ export function BillEnterModalLinesComponent({
<BillLineSearchSelect
disabled={disabled}
options={lineData}
style={{ width: "100%", minWidth: "10rem" }}
onSelect={(value, opt) => {
setFieldsValue({
billlines: getFieldsValue(["billlines"]).billlines.map(
@@ -88,7 +89,7 @@ export function BillEnterModalLinesComponent({
title: t("billlines.fields.line_desc"),
dataIndex: "line_desc",
editable: true,
width: "12%",
formItemProps: (field) => {
return {
key: `${field.index}line_desc`,
@@ -107,7 +108,7 @@ export function BillEnterModalLinesComponent({
title: t("billlines.fields.quantity"),
dataIndex: "quantity",
editable: true,
width: "5rem",
width: "4rem",
formItemProps: (field) => {
return {
key: `${field.index}quantity`,
@@ -127,7 +128,7 @@ export function BillEnterModalLinesComponent({
{
title: t("billlines.fields.actual_price"),
dataIndex: "actual_price",
width: "6rem",
width: "8rem",
editable: true,
formItemProps: (field) => {
return {
@@ -184,7 +185,7 @@ export function BillEnterModalLinesComponent({
title: t("billlines.fields.actual_cost"),
dataIndex: "actual_cost",
editable: true,
width: "7rem",
width: "8rem",
formItemProps: (field) => {
return {
key: `${field.index}actual_cost`,
@@ -233,7 +234,7 @@ export function BillEnterModalLinesComponent({
};
},
formInput: (record, index) => (
<Select style={{ width: "150px" }} disabled={disabled}>
<Select style={{ minWidth: "3rem" }} disabled={disabled}>
{responsibilityCenters.costs.map((item) => (
<Select.Option key={item.name}>{item.name}</Select.Option>
))}
@@ -252,7 +253,7 @@ export function BillEnterModalLinesComponent({
};
},
formInput: (record, index) => (
<Select style={{ width: "150px" }} disabled={disabled}>
<Select disabled={disabled}>
{bodyshop.md_parts_locations.map((loc, idx) => (
<Select.Option key={idx} value={loc}>
{loc}
@@ -359,7 +360,7 @@ export function BillEnterModalLinesComponent({
title: t("billlines.fields.federal_tax_applicable"),
dataIndex: "applicable_taxes.federal",
editable: true,
width: "3rem",
formItemProps: (field) => {
return {
key: `${field.index}fedtax`,
@@ -374,7 +375,7 @@ export function BillEnterModalLinesComponent({
title: t("billlines.fields.state_tax_applicable"),
dataIndex: "applicable_taxes.state",
editable: true,
width: "3rem",
formItemProps: (field) => {
return {
key: `${field.index}statetax`,
@@ -388,7 +389,7 @@ export function BillEnterModalLinesComponent({
title: t("billlines.fields.local_tax_applicable"),
dataIndex: "applicable_taxes.local",
editable: true,
width: "3rem",
formItemProps: (field) => {
return {
key: `${field.index}localtax`,