add button report receive order asset

test/vuex/acc-one-receive-order-asset/components/main-layout.vue

@@ -68,7 +68,7 @@
                                 <v-chip small color="warning" text-color="white">Unconfirmed</v-chip>
                             </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 }">
@@ -132,6 +132,15 @@
                                     </template>
                                     <span>View Document</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>
@@ -154,6 +163,14 @@
         <dialog-confirm-order-asset></dialog-confirm-order-asset>
         <dialog-pick-contract></dialog-pick-contract>
         <dialog-inspeksi></dialog-inspeksi>
+        <one-dialog-print
+            :title="printtitle"
+            :width="printwidth"
+            :height="600"
+            :status="openprint"
+            :urlprint="urlprint"
+            @close-dialog-print="openprint = false"
+        ></one-dialog-print>
     </div>
 </template>
 
@@ -166,6 +183,7 @@ module.exports = {
         'dialog-confirm-order-asset': httpVueLoader('./dialog-confirm-receive.vue'),
         'dialog-pick-contract': httpVueLoader('./dialog-pick-contract.vue'),
         'dialog-inspeksi': httpVueLoader('./dialog-inspeksi.vue'),
+        'one-dialog-print': httpVueLoader('../../common/oneDialogPrintX.vue'),
     },
     mounted() {
         this.$store.dispatch("orderAsset/listingCabang");
@@ -174,6 +192,10 @@ module.exports = {
     },
     data() {
         return {
+            urlprint: "",
+            printtitle: "",
+            printwidth: "60%",
+            openprint: false,
             menuStartdateFilter: false,
             menuEnddateFilter: false,
             headers: [
@@ -282,6 +304,15 @@ module.exports = {
         deleteRO(item) {
             this.$store.commit("roasset/update_selected_roasset", item)
             this.$store.commit("roasset/update_dialog_delete", 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_asset/pdf?id=" + val.ReceiveOrderPoID + "&username=" + username + "&tm=" + tm;
+            this.openprint = true;
         }
     },
     watch: {