IO-1034 Resolve undefined error messages for reqd form list fields.

client/src/components/bill-form/bill-form.lines.component.jsx

@@ -47,6 +47,7 @@ export function BillEnterModalLinesComponent({
           return {
             key: `${field.index}joblinename`,
             name: [field.name, "joblineid"],
+            label: t("billlines.fields.jobline"),
             rules: [
               {
                 required: true,
@@ -94,6 +95,7 @@ export function BillEnterModalLinesComponent({
           return {
             key: `${field.index}line_desc`,
             name: [field.name, "line_desc"],
+            label: t("billlines.fields.line_desc"),
             rules: [
               {
                 required: true,
@@ -113,6 +115,7 @@ export function BillEnterModalLinesComponent({
           return {
             key: `${field.index}quantity`,
             name: [field.name, "quantity"],
+            label: t("billlines.fields.quantity"),
             rules: [
               {
                 required: true,
@@ -134,6 +137,7 @@ export function BillEnterModalLinesComponent({
           return {
             key: `${field.index}actual_price`,
             name: [field.name, "actual_price"],
+            label: t("billlines.fields.actual_price"),
             rules: [
               {
                 required: true,
@@ -186,10 +190,12 @@ export function BillEnterModalLinesComponent({
         dataIndex: "actual_cost",
         editable: true,
         width: "8rem",
+
         formItemProps: (field) => {
           return {
             key: `${field.index}actual_cost`,
             name: [field.name, "actual_cost"],
+            label: t("billlines.fields.actual_cost"),
             rules: [
               {
                 required: true,
@@ -221,10 +227,12 @@ export function BillEnterModalLinesComponent({
         title: t("billlines.fields.cost_center"),
         dataIndex: "cost_center",
         editable: true,
+
         formItemProps: (field) => {
           return {
             key: `${field.index}cost_center`,
             name: [field.name, "cost_center"],
+            label: t("billlines.fields.cost_center"),
             rules: [
               {
                 required: true,
@@ -246,6 +254,7 @@ export function BillEnterModalLinesComponent({
         title: t("billlines.fields.location"),
         dataIndex: "location",
         editable: true,
+        label: t("billlines.fields.location"),
         formItemProps: (field) => {
           return {
             key: `${field.index}location`,
@@ -499,7 +508,11 @@ const EditableCell = ({
 
   return (
     <td {...restProps}>
-      <Form.Item name={dataIndex} {...(formItemProps && formItemProps(record))}>
+      <Form.Item
+        labelCol={{ span: 0 }}
+        name={dataIndex}
+        {...(formItemProps && formItemProps(record))}
+      >
         {(formInput && formInput(record, record.key)) || children}
       </Form.Item>
     </td>