ayanova/src/components/work-order-item-travels.vue

@@ -195,6 +195,48 @@
           ></gz-decimal>
         </v-col>
 
+        <v-col
+          v-if="form().showMe(this, 'WorkOrderItemTravelDistance')"
+          cols="12"
+          sm="6"
+          lg="4"
+          xl="3"
+        >
+          <gz-decimal
+            v-model="
+              value.items[activeWoItemIndex].travels[activeItemIndex].distance
+            "
+            :readonly="formState.readOnly || isDeleted"
+            :disabled="isDeleted"
+            :label="$ay.t('WorkOrderItemTravelDistance')"
+            :ref="
+              `Items[${activeWoItemIndex}].travels[${activeItemIndex}].distance`
+            "
+            data-cy="travelTravelRateDistance"
+            :error-messages="
+              form().serverErrors(
+                this,
+                `Items[${activeWoItemIndex}].travels[${activeItemIndex}].distance`
+              )
+            "
+            :rules="[
+              form().decimalValid(
+                this,
+                `Items[${activeWoItemIndex}].travels[${activeItemIndex}].distance`
+              ),
+              form().required(
+                this,
+                `Items[${activeWoItemIndex}].travels[${activeItemIndex}].distance`
+              )
+            ]"
+            @input="
+              fieldValueChanged(
+                `Items[${activeWoItemIndex}].travels[${activeItemIndex}].distance`
+              )
+            "
+          ></gz-decimal>
+        </v-col>
+
         <v-col
           v-if="form().showMe(this, 'WorkOrderItemTravelServiceRateID')"
           cols="12"