diff --git a/ayanova/src/components/work-order-item-parts.vue b/ayanova/src/components/work-order-item-parts.vue
index 546548b6..8043dcd3 100644
--- a/ayanova/src/components/work-order-item-parts.vue
+++ b/ayanova/src/components/work-order-item-parts.vue
@@ -412,26 +412,37 @@
     <!-- ################################################################################-->
     <template>
       <v-row justify="center">
-        <v-dialog max-width="600px" v-model="serialDialog">
+        <v-dialog persistent max-width="600px" v-model="serialDialog">
           <v-card>
-            <v-card-title> </v-card-title>
-            <v-card-text>
-              serial picker / entry
-            </v-card-text>
-            <v-card-actions>
+            <v-card-title>
               <v-btn text @click="serialDialog = false" color="primary">{{
                 $ay.t("Cancel")
               }}</v-btn>
               <v-spacer></v-spacer>
               <!-- :disabled="selectedPartAssembly == null" -->
-              <v-btn
-                color="primary"
-                text
-                @click="addSelectedSerials()"
-                class="ml-4"
-                >{{ $ay.t("Add") }}</v-btn
-              >
-            </v-card-actions>
+              <v-btn color="primary" text @click="addSelectedSerials()">{{
+                $ay.t("Add")
+              }}</v-btn>
+            </v-card-title>
+            <v-card-text>
+              <v-select
+                v-model="selectedSerials"
+                :items="availableSerials"
+                :label="$ay.t('PartSerialNumbersAvailable')"
+                multiple
+              
+              ></v-select>
+            </v-card-text>
+            <!-- <v-card-actions>
+              <v-btn text @click="serialDialog = false" color="primary">{{
+                $ay.t("Cancel")
+              }}</v-btn>
+              <v-spacer></v-spacer>
+              
+              <v-btn color="primary" text @click="addSelectedSerials()">{{
+                $ay.t("Add")
+              }}</v-btn>
+            </v-card-actions> -->
           </v-card>
         </v-dialog>
       </v-row>
@@ -455,7 +466,8 @@ export default {
       selectedPartAssembly: null,
       selectedPartWarehouse: 1,
       serialDialog: false,
-      availableSerials: []
+      availableSerials: [],
+      selectedSerials: []
     };
   },
   props: {
@@ -529,11 +541,17 @@ export default {
           window.$gz.errorHandler.errorToString(res, this)
         );
       } else {
+        this.availableSerials = res.data;
+
+        for (let a = 0; a < 1000; a++) {
+          this.availableSerials.push(`serial-${a}`);
+        }
+
         this.serialDialog = true;
       }
     },
     addSelectedSerials() {
-
+      console.log(this.selectedSerials);
     },
     async addPartAssembly() {
       let res = await window.$gz.api.get(
diff --git a/ayanova/src/views/svc-workorder.vue b/ayanova/src/views/svc-workorder.vue
index dd20f54f..c5f63d41 100644
--- a/ayanova/src/views/svc-workorder.vue
+++ b/ayanova/src/views/svc-workorder.vue
@@ -2136,7 +2136,8 @@ async function fetchTranslatedText(vm) {
     "TechSignature",
     "Name",
     "PartAssemblyList",
-    "PartAssembly"
+    "PartAssembly",
+    "PartSerialNumbersAvailable"
   ]);
 }