ayanova/src/views/inv-purchase-order.vue

@@ -6,20 +6,32 @@
       <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
-          <v-col cols="12" sm="6" lg="4" xl="3">
-            <v-text-field
-              v-model="obj.serial"
-              :readonly="formState.readOnly || !canEditSerial"
-              :label="$ay.t('PurchaseOrderPONumber')"
-              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 cols="12" sm="6" lg="4" xl="3" v-if="obj.serial != 0">
+            <template v-if="canEditSerial">
+              <v-text-field
+                v-model="obj.serial"
+                :readonly="formState.readOnly"
+                :label="$ay.t('PurchaseOrderPONumber')"
+                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("PurchaseOrderPONumber") }}</span
+                >
+              </div>
+              <div>
+                <span class="text-h5">{{ obj.serial }}</span>
+              </div>
+            </template>
           </v-col>
           <v-col cols="12" sm="6" lg="4" xl="3">
             <gz-pick-list