ayanova/src/components/work-order-header.vue

@@ -1,32 +1,26 @@
 <template>
   <div>
     <v-row>
-      <v-col cols="12" sm="6" lg="4" xl="3" v-if="value.serial != 0">
-        <template v-if="canEditSerial">
-          <v-text-field
-            v-model="value.serial"
-            :readonly="formState.readOnly"
-            :label="$ay.t('WorkOrderSerialNumber')"
-            ref="serial"
-            data-cy="serial"
-            :rules="[
-              form().integerValid(this, 'serial'),
-              form().required(this, 'serial')
-            ]"
-            :error-messages="form().serverErrors(this, 'serial')"
-            @input="fieldValueChanged('serial')"
-          ></v-text-field>
-        </template>
-        <template v-else>
-          <div>
-            <span class="text-caption">
-              {{ $ay.t("WorkOrderSerialNumber") }}</span
-            >
-          </div>
-          <div>
-            <span class="text-h5">{{ value.serial }}</span>
-          </div>
-        </template>
+      <v-col
+        cols="12"
+        sm="6"
+        lg="4"
+        xl="3"
+        v-if="value.serial != 0 && canEditSerial"
+      >
+        <v-text-field
+          v-model="value.serial"
+          :readonly="formState.readOnly"
+          :label="$ay.t('WorkOrderSerialNumber')"
+          ref="serial"
+          data-cy="serial"
+          :rules="[
+            form().integerValid(this, 'serial'),
+            form().required(this, 'serial')
+          ]"
+          :error-messages="form().serverErrors(this, 'serial')"
+          @input="fieldValueChanged('serial')"
+        ></v-text-field>
       </v-col>
       <v-col cols="12" sm="6" lg="4" xl="3">
         <gz-pick-list