add button report receive item po inventaris

test/vuex/acc-one-receive-item-po-inventaris/components/oneRoLayout.vue

@@ -83,7 +83,7 @@
                                     BELUM KONFIRMASI
                                 </v-chip>
                             </td>
-                            <td class="text-xs-center">
+                            <td class="text-xs-center" style="white-space: nowrap;">
                                 <div v-show="props.item.ReceiveOrderPoConfirmed === 'N'">
                                     <v-tooltip bottom>
                                         <template v-slot:activator="{ on }">
@@ -183,6 +183,17 @@
                                         </template>
                                         <span>Lihat detail</span>
                                     </v-tooltip>
+                                    <v-tooltip bottom>
+                                        <template v-slot:activator="{ on }">
+                                            <v-btn
+                                                style="min-width: 30px; height: 30px; margin: 0;"
+                                                small @click="printout(props.item)" color="primary"
+                                            >
+                                                <v-icon small color="white" v-on="on">print</v-icon>
+                                            </v-btn>
+                                        </template>
+                                        <span>Cetak PDF</span>
+                                    </v-tooltip>
                                     <span v-show="props.item.ReceiveOrderPoIsHandover === 'N'">
                                         <v-tooltip bottom>
                                             <template v-slot:activator="{ on }">
@@ -219,6 +230,14 @@
         <one-dialog-ro-handover></one-dialog-ro-handover>
         <one-dialog-form-document></one-dialog-form-document>
         <one-dialog-print-barcode></one-dialog-print-barcode>
+        <one-dialog-print
+            :title="printtitle"
+            :width="printwidth"
+            :height="600"
+            :status="openprint"
+            :urlprint="urlprint"
+            @close-dialog-print="openprint = false"
+        ></one-dialog-print>
 
         <!-- snackbar -->
         <v-snackbar
@@ -244,12 +263,17 @@ module.exports = {
         'one-dialog-ro-handover': httpVueLoader('./dialogHandOver.vue'),
         'one-dialog-form-document': httpVueLoader('./formDialogDocument.vue'),
         'one-dialog-print-barcode': httpVueLoader('./dialogPrintBarcode.vue'),
+        'one-dialog-print': httpVueLoader('../../common/oneDialogPrintX.vue'),
     },
     mounted() {
         this.$store.dispatch("ro/search")
     },
     data() {
         return {
+            urlprint: "",
+            printtitle: "",
+            printwidth: "60%",
+            openprint: false,
             menuStartDateFilter: false,
             menuEndDateFilter: false,
             headers: [
@@ -283,7 +307,7 @@ module.exports = {
                 },
                 {
                     text: "AKSI", align: "center", sortable: false, value: "act",
-                    width: "10%", class: "pa-2 text-center  blue lighten-3 white--text",
+                    width: "15%", class: "pa-2 text-center  blue lighten-3 white--text",
                 },
             ]
         }
@@ -411,6 +435,15 @@ module.exports = {
             this.$store.commit("ro/update_indeterminatex", false);
             this.$store.commit("ro/update_selected_barcode", []);
             this.$store.dispatch("ro/getBarcodes");
+        },
+        printout(val) {
+            this.printwidth = "60%";
+            this.printtitle = "";
+            let user = one_user();
+            let username = user && user.M_StaffName ? user.M_StaffName : "";
+            let tm = Date.now();
+            this.urlprint = BASE_URL + "/one-api/report/rpt_receive_item_po_inventaris/pdf?id=" + val.ReceiveOrderPoID + "&username=" + username + "&tm=" + tm;
+            this.openprint = true;
         }
     },
     watch: {