Add surat hak kepemilikan

src/components/home/LelongTodayDetail.vue

@@ -26,7 +26,7 @@
           </tbody>
         </table>
       </div>
-      <Button label="Lihat Senarai" v-if="response[0].masatamat_lelong == null" class="p-button-sm" v-on:click="toList()" />
+      <Button label="Lihat Senarai" class="p-button-sm" v-on:click="toList()" />
     </div>
     <div v-else>
       <table class="table table-sm table-bordered table-hover">
@@ -70,7 +70,7 @@ export default {
           },
         })
         .then((response) => {
-          // console.log("liveData", response);
+          console.log("liveData", response);
           if (response.data.success == true) {
             this.responseData = true;
             this.response = response.data.lelong;

src/components/pay/SelectOutlet.vue

@@ -261,8 +261,9 @@ export default {
       var current_time = date.toLocaleString();
       var limit_masa_bayaran = "15:00:00";
       var limit_datetime_bayaran = this.lelongDetails.tarikh_lelong + ", " + limit_masa_bayaran;
+      console.log(current_time, '\n', limit_datetime_bayaran);
 
-      if (current_time < limit_datetime_bayaran === true) {
+      // if (current_time < limit_datetime_bayaran === true) {
       this.isDisplay = true;
       this.cawanganPilihan = value.cawangan;
       this.hargaBidaanPilihan = value.total_hargabida;
@@ -272,17 +273,17 @@ export default {
       this.form.total = parseFloat(value.total_hargabida.replace(/,/g, ""));
       let convertData = JSON.parse(JSON.stringify(value.sag));
       this.form.sag = convertData;
-      } else {
-        this.$swal.fire({
-          icon: "error",
-          title: "Gagal",
-          text: "Pembayaran mesti diselesaikan sebelum 3:00pm.",
-          confirmButtonColor: "#344871",
-          confirmButtonText: "Kembali",
-          allowOutsideClick: false,
-          allowEscapeKey: false,
-        });
-      }
+      // } else {
+      //   this.$swal.fire({
+      //     icon: "error",
+      //     title: "Gagal",
+      //     text: "Pembayaran mesti diselesaikan sebelum 3:00pm.",
+      //     confirmButtonColor: "#344871",
+      //     confirmButtonText: "Kembali",
+      //     allowOutsideClick: false,
+      //     allowEscapeKey: false,
+      //   });
+      // }
     },
     closeModal() {
       this.isDisplay = false;

src/components/result/ResultDetail.vue

@@ -73,15 +73,12 @@
                     icon="pi pi-verified"
                     iconPos="right"
                     class="p-button-sm mb-3"
-                    v-on:click="downloadPdf(lists, list)"
+                    v-on:click="downloadPdf(list.kodcaw)"
                     v-if="list.status_payment_cawangan == 1"
                     v-tooltip="'Muat Turun'"
                   />
                   <div class="overflow-x-auto">
-                    <table
-                      class="table text-center table-bordered"
-                      id="hello-test"
-                    >
+                    <table class="table text-center table-bordered">
                       <tbody>
                         <tr class="table-light">
                           <td>Bil</td>
@@ -305,13 +302,58 @@
           </div>
         </div>
       </div>
+      <Dialog
+        header="Surat Hak Kepemilikan Barang"
+        v-model:visible="isDisplay"
+        :breakpoints="{ '960px': '75vw', '640px': '90vw' }"
+        :style="{ width: '50vw' }"
+        :modal="true"
+      >
+        <div class="text-center">
+          <p id="hakbarang">SURAT KETERANGAN KEPEMILIKAN BARANG</p>
+          <p>
+            Bahawasanya barang tersebut adalah hak milik
+            {{ suratHak.user.name }} ({{ suratHak.user.nokp }})
+          </p>
+          <table class="table text-center table-bordered">
+            <tbody>
+              <tr class="table-light">
+                <td>Bil</td>
+                <td>No Rujukan</td>
+                <td>Jenis Barang</td>
+                <td>Berat</td>
+                <td>Harga Bidaan</td>
+              </tr>
+              <tr v-for="(data, index) in suratHak.lelongbid" v-bind:key="data">
+                <td>{{ index + 1 }}</td>
+                <td>{{ data.norujukan }}</td>
+                <td>
+                  <div v-for="berat in data.lelongbidmarhun" v-bind:key="berat">
+                    <p>{{ berat.marhun_desc }}</p>
+                  </div>
+                </td>
+                <td>
+                  <div v-for="berat in data.lelongbidmarhun" v-bind:key="berat">
+                    <p>{{ berat.berat }}g</p>
+                  </div>
+                </td>
+                <td>RM{{ data.hargabida }}</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <template #footer>
+          <Button label="Muat Turun" @click="muatTurunPdf()" />
+        </template>
+      </Dialog>
     </div>
   </the-template>
 </template>
 
 <script>
 import jsPDF from "jspdf";
-import autoTable from "jspdf-autotable";
+import "jspdf-autotable";
+import html2canvas from "html2canvas";
 import axios from "axios";
 import ItemMasterImageModal from "../list/ItemMasterImageModal.vue";
 
@@ -330,6 +372,9 @@ export default {
       isSuccess: false,
       theData: "",
       reloadImageComponent: "",
+      isDisplay: false,
+      suratHak: "",
+      isSuccessHak: false,
     };
   },
   created() {
@@ -382,13 +427,49 @@ export default {
       this.theData = value;
       this.reloadImageComponent += 1;
     },
-    downloadPdf(valueMaster, value) {
-      console.log(valueMaster, value);
-
-      // var pdf = new jsPDF();
-
-      // autoTable(pdf, { html: "#hello-test" });
-      // pdf.save("test.pdf");
+    downloadPdf(value) {
+      axios
+        .get("/resultInCawangan", {
+          headers: {
+            Authorization: "Bearer " + localStorage.getItem("token"),
+          },
+          params: {
+            lelong_id: this.lelongId,
+            user_id: localStorage.getItem("id"),
+            kodcaw: value,
+          },
+        })
+        .then((response) => {
+          this.suratHak = response.data;
+          this.isDisplay = true;
+          this.isSuccessHak = true;
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+    muatTurunPdf() {
+      // const doc = new jsPDF();
+      // doc.autoTable({ html: "#hak-barang" });
+      // const html = this.$refs.hakbarang.innerHTML;
+      // doc.fromHTML(html, 15, 15, {
+      //   width: 150,
+      // });
+      // var canvas = document.getElementById("hakbarang");
+      // html2canvas(canvas).then(function (canvas) {
+      //   var imgdata = canvas.toDataURL("image/png");
+      //   var doc = new jsPDF();
+      //   doc.addImage(imgdata, "PNG", 500, 500);
+      //   doc.save("test.pdf");
+      // });
+      // window.html2canvas = html2canvas;
+      // var doc = new jsPDF("p", "pt", "a4");
+      // doc.html(document.querySelector(#hakbarang), {
+      //   callback: function(pdf) {
+      //     pdf.save("thehehehe.pdf")
+      //   }
+      // })
+      // doc.save("table.pdf");
     },
   },
 };