add button report receive po jasa

test/vuex/acc-one-receive-jasa/components/one-layout.vue

@@ -92,7 +92,7 @@
                     </div>
 
                 </td>
-                <td class="text-xs-center pa-2">
+                <td class="text-xs-center pa-2" style="white-space: nowrap;">
                     <div v-show="props.item.ReceiveOrderPoConfirmed != 'Y'">
                         <v-tooltip bottom pr-2>
                             <template v-slot:activator="{ on }">
@@ -151,7 +151,7 @@
                             </template>
                             <span>Detail Order</span>
                         </v-tooltip>
-                        <v-tooltip bottom>
+                        <v-tooltip bottom pr-2>
                             <template v-slot:activator="{ on }">
                                 <v-btn
                                     color="green" dark @click="addAttachment(props.item)"
@@ -162,6 +162,17 @@
                             </template>
                             <span>View Nota</span>
                         </v-tooltip>
+                        <v-tooltip bottom>
+                            <template v-slot:activator="{ on }">
+                                <v-btn
+                                    color="primary" dark @click="printout(props.item)"
+                                    style="min-width: 40px; margin: 0;" small v-on="on"
+                                >
+                                    <v-icon small>print</v-icon>
+                                </v-btn>
+                            </template>
+                            <span>Cetak PDF</span>
+                        </v-tooltip>
                     </div>
                 </td>
             </tr>
@@ -185,6 +196,14 @@
     <dialog-delete-ro></dialog-delete-ro>
     <dialog-confirm-ro></dialog-confirm-ro>
     <dialog-edit-ro></dialog-edit-ro>
+    <one-dialog-print
+        :title="printtitle"
+        :width="printwidth"
+        :height="600"
+        :status="openprint"
+        :urlprint="urlprint"
+        @close-dialog-print="openprint = false"
+    ></one-dialog-print>
 </div>
 </template>
 
@@ -198,6 +217,7 @@ module.exports = {
         'dialog-delete-ro': httpVueLoader('./dialog-delete-ro.vue'),
         'dialog-confirm-ro': httpVueLoader('./dialog-confirm-ro.vue'),
         'dialog-edit-ro': httpVueLoader('./dialog-edit-ro.vue'),
+        'one-dialog-print': httpVueLoader('../../common/oneDialogPrintX.vue'),
     },
     mounted() {
         this.$store.dispatch('roservice/lookupCabang');
@@ -207,6 +227,10 @@ module.exports = {
     },
     data() {
         return {
+            urlprint: "",
+            printtitle: "",
+            printwidth: "60%",
+            openprint: false,
             menuStartdateFilter: false,
             menuEnddateFilter: false,
             headers: [
@@ -315,6 +339,15 @@ module.exports = {
                 this.$store.commit("roservice/update_selected_rojasa", item)
                 this.$store.commit("roservice/update_dialog_deletero", 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_order_jasa/pdf?id=" + val.ReceiveOrderPoID + "&username=" + username + "&tm=" + tm;
+            this.openprint = true;
         }
     },
     watch: {