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

@@ -305,6 +305,31 @@
         :size="60"
       ></v-progress-circular>
     </template>
+    <v-row justify="center">
+      <v-dialog v-model="editPoItemDialog" persistent>
+        <v-card>
+          <v-card-title>
+            <span class="headline">{{ $ay.t("FindAndReplace") }}</span>
+          </v-card-title>
+          <v-card-text>
+            form here
+            {{ obj.items[editPoItemIndex] }}
+          </v-card-text>
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn
+              color="blue darken-1"
+              text
+              @click="editPoItemDialog = false"
+              >{{ $ay.t("Cancel") }}</v-btn
+            >
+            <v-btn color="blue darken-1" text @click="submit()">{{
+              $ay.t("Save")
+            }}</v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
+    </v-row>
   </div>
 </template>
 
@@ -378,10 +403,11 @@ export default {
   data() {
     return {
       formCustomTemplateKey: FORM_CUSTOM_TEMPLATE_KEY,
+      editPoItemDialog: false,
+      editPoItemIndex: 0,
       selectLists: {
         status: []
       },
-      showWarehouses: true,
       headers: [],
       obj:
         //IMPORTANT NOTE: Fields that are NON NULLABLE in the schema for the table but *are* hideable **MUST** have a default value set here or else there will be no way to save the record
@@ -606,8 +632,10 @@ export default {
 				"displayLineTotal": 345.387168
 			},
         */
-      return vm.obj.items.map(x => {
+
+      return vm.obj.items.map((x, i) => {
         return {
+          index: i,
           id: x.id,
           quantityOrdered: window.$gz.locale.decimalLocalized(
             x.quantityOrdered,
@@ -664,7 +692,10 @@ export default {
     }
   },
   methods: {
-    editItem: function(item) {},
+    editItem: function(item) {
+      this.editPoItemIndex = item.index;
+      this.editPoItemDialog = true;
+    },
     canSave: function() {
       return this.formState.valid && this.formState.dirty;
     },