add button report pengeluaran barang

test/vuex/acc-one-item-out-v3/components/requestListing.vue

@@ -228,6 +228,7 @@
               </td>
               <td
                 class="text-xs-center pa-2"
+                style="white-space: nowrap;"
                 v-bind:class="{
                   'amber lighten-4': isSelected(props.item),
                 }"
@@ -263,24 +264,6 @@
                   >
                     <v-icon small color="white">check_circle_outline</v-icon>
                   </v-btn>
-                  <!-- <v-btn
-                    v-if="props.item.T_ItemOutIsConfirm == 'N' && approveLevelID == '2' && props.item.T_ItemOutApproveID == null"
-                    style="min-width: 25px; height: 25px; margin: 0;"
-                    small
-                    color="black" title="Edit"
-                    @click="updateRequest(props.item)"
-                  >
-                    <v-icon small color="white">edit</v-icon>
-                  </v-btn>
-                  <v-btn
-                    v-if="props.item.T_ItemOutIsConfirm == 'N' && approveLevelID == '2' && props.item.T_ItemOutApproveID == null"
-                    style="min-width: 25px; height: 25px; margin: 0;"
-                    small
-                    color="red" title="Hapus"
-                    @click="deleteRequest(props.item)"
-                  >
-                    <v-icon small color="white">delete</v-icon>
-                  </v-btn> -->
                 </span>
                 <span v-if="props.item.T_ItemOutStatus == 'Process' || props.item.T_ItemOutStatus == 'Rejected'">
                   <v-btn
@@ -292,6 +275,19 @@
                     <v-icon small color="white">receipt</v-icon>
                   </v-btn>
                 </span>
+                <v-tooltip bottom v-if="props.item.T_ItemOutStatus != 'Draft'">
+                  <template v-slot:activator="{ on }">
+                    <v-btn
+                      style="min-width: 25px; height: 25px; margin: 0;"
+                      small
+                      color="primary" title="Cetak PDF" v-on="on"
+                      @click="printout(props.item)"
+                    >
+                      <v-icon small color="white">print</v-icon>
+                    </v-btn>
+                  </template>
+                  <span>Cetak PDF</span>
+                </v-tooltip>
               </td>
             </template>
           </v-data-table>
@@ -377,6 +373,14 @@
     <dialog-item-process></dialog-item-process>
     <dialog-item-preview></dialog-item-preview>
     <dialog-item-confirm></dialog-item-confirm>
+    <one-dialog-print
+        :title="printtitle"
+        :width="printwidth"
+        :height="600"
+        :status="openprint"
+        :urlprint="urlprint"
+        @close-dialog-print="openprint = false"
+    ></one-dialog-print>
 
   </div>
 </template>
@@ -415,9 +419,14 @@ module.exports = {
     "dialog-item-confirm": httpVueLoader("./dialogItemConfirm.vue"),
     "one-dialog-alert": httpVueLoader("../../common/oneDialogAlert.vue"),
     "one-dialog-error": httpVueLoader("../../common/oneDialogError.vue"),
+    "one-dialog-print": httpVueLoader("../../common/oneDialogPrintX.vue"),
   },
   data() {
     return {
+      urlprint: "",
+      printtitle: "",
+      printwidth: "60%",
+      openprint: false,
       msgAlertDeleteRequest: "",
       dialogAlertDeleteRequest: false,
       dialogAlertDeleteDetail: false,
@@ -935,6 +944,15 @@ module.exports = {
       this.$store.dispatch("requester/getItemOuts", {
         ioID: val.T_ItemOutID
       });
+    },
+    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_pengeluaran_barang/pdf?id=" + val.T_ItemOutID + "&username=" + username + "&tm=" + tm;
+      this.openprint = true;
     }
   },