diff --git a/ayanova/src/components/work-order-contract.vue b/ayanova/src/components/work-order-contract.vue
index b813a323..34ff9e6e 100644
--- a/ayanova/src/components/work-order-contract.vue
+++ b/ayanova/src/components/work-order-contract.vue
@@ -21,7 +21,18 @@
             <span class="text-h5">{{ $ay.t("ContractList") }}</span>
           </v-card-title>
           <v-card-text>
-            contract pick list here
+            <gz-pick-list
+              :aya-type="$ay.ayt().Contract"
+              :show-edit-icon="true"
+              v-model="value.contractId"
+              :readonly="readonly"
+              :label="$ay.t('Contract')"
+              ref="contractId"
+              data-cy="contractId"
+              :error-messages="form().serverErrors(this, 'contractId')"
+              @input="fieldValueChanged('contractId')"
+              @update:name="contractChange"
+            ></gz-pick-list>
           </v-card-text>
           <v-card-actions>
             <v-spacer></v-spacer>
@@ -65,6 +76,10 @@ export default {
   },
 
   methods: {
+    contractChange(newName) {
+      this.value.contractViz = newName;
+      this.pvm.formState.dirty = true;
+    },
     form() {
       return window.$gz.form;
     },
@@ -89,6 +104,10 @@ export default {
       }
     }
   },
-  computed: {}
+  computed: {
+    formState: function() {
+      return this.pvm.formState;
+    }
+  }
 };
 </script>