diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index c8fe0300..8c7b5547 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -89,7 +89,7 @@ todo: how to add locale keys in future after release without erasing all data?
 
 
 
-CURRENTLY DOING: PurchaseOrder - front end, rights check bizroles at server and update and then client then go for it Mr. LIcensed to DriVe!!! ;)
+CURRENTLY DOING: PurchaseOrder 
 
 PO todo 
 todo: test duplicate route
diff --git a/ayanova/src/api/gzutil.js b/ayanova/src/api/gzutil.js
index 93543c57..5d7e208d 100644
--- a/ayanova/src/api/gzutil.js
+++ b/ayanova/src/api/gzutil.js
@@ -416,7 +416,7 @@ export default {
       case window.$gz.type.Project:
         return "$ayiLayerGroup";
       case window.$gz.type.PurchaseOrder:
-        return "$ayiShippingFast";
+        return "$ayiDollyFlatbed";
       case window.$gz.type.Quote:
         return "$ayiPencilAlt";
       case window.$gz.type.QuoteItem:
diff --git a/ayanova/src/api/initialize.js b/ayanova/src/api/initialize.js
index 68b3faee..88300dcd 100644
--- a/ayanova/src/api/initialize.js
+++ b/ayanova/src/api/initialize.js
@@ -412,25 +412,11 @@ function initNavPanel() {
   if (useInventory && window.$gz.role.canOpen(window.$gz.type.PurchaseOrder)) {
     sub.push({
       title: "InventoryPurchaseOrders",
-      icon: "$ayiShippingFast",
+      icon: "$ayiDollyFlatbed",
       route: "/inv-purchase-orders",
       key: key++
     });
 
-    //NOTE: V7 HAD POITEMS, THAT MAY BE AN ANACHRONISM NOW SO NOT PUTTING HERE
-
-    //PURCHASE ORDER RECEIPTS -- DEPRECATED, just haven't removed yet until get to PO's
-    if (useInventory) {
-      sub.push({
-        title: "InventoryPurchaseOrderReceipts",
-        icon: "$ayiDollyFlatbed",
-        route: "/inv-purchase-order-receipts",
-        key: key++
-      });
-    }
-
-    //NOTE: V7 HAD PORECEIPTITEMS, THAT MAY BE AN ANACHRONISM NOW SO NOT PUTTING HERE
-
     //ADJUSTMENTS
     if (
       useInventory &&
diff --git a/ayanova/src/router.js b/ayanova/src/router.js
index d9173c23..5de94366 100644
--- a/ayanova/src/router.js
+++ b/ayanova/src/router.js
@@ -468,15 +468,6 @@ export default new Router({
         import(/* webpackChunkName: "inv" */ "./views/inv-purchase-orders.vue")
     },
 
-    {
-      path: "/inv-purchase-order-receipts",
-      name: "inv-purchase-order-receipts",
-      component: () =>
-        import(
-          /* webpackChunkName: "inv" */ "./views/inv-purchase-order-receipts.vue"
-        )
-    },
-
     //####################### VENDORS GROUP ##############################
     {
       path: "/vendors",
diff --git a/ayanova/src/views/inv-purchase-order-receipts.vue b/ayanova/src/views/inv-purchase-order-receipts.vue
deleted file mode 100644
index a274d4cd..00000000
--- a/ayanova/src/views/inv-purchase-order-receipts.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <UnderConstruction data-cy="underconstruction" />
-</template>
-
-<script>
-import UnderConstruction from "../components/underconstruction.vue";
-
-export default {
-  components: {
-    UnderConstruction
-  },
-  beforeCreate() {
-    window.$gz.eventBus.$emit("menu-change", {
-      isMain: true,
-      icon: "$ayiDollyFlatbed",
-      title: "InventoryPurchaseOrderReceipts",
-      helpUrl: "inv-purchase-order-receipts"
-    });
-  }
-};
-</script>
diff --git a/ayanova/src/views/inv-purchase-orders.vue b/ayanova/src/views/inv-purchase-orders.vue
index 0822ff17..636822cb 100644
--- a/ayanova/src/views/inv-purchase-orders.vue
+++ b/ayanova/src/views/inv-purchase-orders.vue
@@ -1,21 +1,169 @@
 <template>
-  <UnderConstruction data-cy="underconstruction" />
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      :aya-type="ayType"
+      :selected-items="selectedItems"
+      ref="extensions"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="purchaseorder-list"
+      data-list-key="PurchaseOrderDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      @selection-change="handleSelected"
+      data-cy="purchaseordersTable"
+    >
+    </gz-data-table>
+  </div>
 </template>
 
 <script>
-import UnderConstruction from "../components/underconstruction.vue";
-
+const FORM_KEY = "purchaseorder-list";
 export default {
-  components: {
-    UnderConstruction
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.PurchaseOrder);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+    generateMenu(this);
   },
-  beforeCreate() {
-    window.$gz.eventBus.$emit("menu-change", {
-      isMain: true,
-      icon: "$ayiShippingFast",
-      title: "InventoryPurchaseOrders",
-      helpUrl: "inv-purchase-orders"
-    });
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      ayType: window.$gz.type.PurchaseOrder,
+      selectedItems: [],
+      reload: false
+    };
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    }
   }
 };
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  let m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "inv-purchase-order",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        let res = await m.vm.$refs.extensions.open(
+          m.vm.$refs.gzdatatable.getDataListSelection(
+            window.$gz.type.PurchaseOrder
+          )
+        );
+        if (res && res.refresh == true) {
+          m.vm.reload = !m.vm.reload;
+        }
+        break;
+      case "report":
+        if (m.id != null) {
+          //last report selected is in m.id
+          m.vm.$router.push({
+            name: "ay-report",
+            params: { recordid: m.id, ayatype: window.$gz.type.PurchaseOrder }
+          });
+        } else {
+          //general report selector chosen
+
+          let res = await m.vm.$refs.reportSelector.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.PurchaseOrder
+            )
+          );
+
+          //if null for no selection
+          //just bail out
+          if (res == null) {
+            return;
+          }
+          //persist last report selected
+          window.$gz.form.setLastReport(FORM_KEY, res);
+
+          //Now open the report viewer...
+          m.vm.$router.push({
+            name: "ay-report",
+            params: { recordid: res.id, ayatype: window.$gz.type.PurchaseOrder }
+          });
+        }
+        break;
+
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  let menuOptions = {
+    isMain: true,
+    icon: "$ayiDollyFlatbed",
+    title: "InventoryPurchaseOrders",
+    helpUrl: "inv-purchase-orders",
+    menuItems: [],
+    formData: {
+      ayaType: window.$gz.type.PurchaseOrder
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$ayiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  //REPORTS
+  //Report not Print, print is a further option
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$ayiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  //get last report selected
+  let lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      icon: "$ayiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "$ayiPuzzlePiece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
 </script>