add button report receive item po

test/vuex/acc-one-receive-item-po-v2/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 }">
@@ -131,6 +131,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>
                                 </div>
                             </td>
                         </tr>
@@ -151,6 +162,14 @@
         <one-dialog-item-batch></one-dialog-item-batch>
         <one-dialog-ro-layout></one-dialog-ro-layout>
         <one-dialog-ro-view></one-dialog-ro-view>
+        <one-dialog-print
+            :title="printtitle"
+            :width="printwidth"
+            :height="600"
+            :status="openprint"
+            :urlprint="urlprint"
+            @close-dialog-print="openprint = false"
+        ></one-dialog-print>
 
         <!-- snackbar -->
         <v-snackbar
@@ -173,12 +192,17 @@ module.exports = {
         'one-dialog-item-batch': httpVueLoader('./dialogBatchItem.vue'),
         'one-dialog-ro-layout': httpVueLoader('./dialogRoLayout.vue'),
         'one-dialog-ro-view': httpVueLoader('./dialogViewRO.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: [
@@ -212,7 +236,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",
                 },
             ]
         }
@@ -293,6 +317,15 @@ module.exports = {
             this.$store.dispatch("ro/getWarehouse");
             this.$store.dispatch("ro/getItemUpdate");
             this.$store.commit("form/update_dialog_form_receive_item_edit", true);
+        },
+        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/pdf?id=" + val.ReceiveOrderPoID + "&username=" + username + "&tm=" + tm;
+            this.openprint = true;
         }
     },
     watch: {