{"version":3,"sources":["webpack:///./src/views/sellorder/OverdueItems.vue","webpack:///./src/components/modals/forms/QRPaymentModal.vue","webpack:///./src/components/modals/forms/QRPaymentModal.vue?8898","webpack:///./src/components/modals/forms/PaymentModal.vue","webpack:///./src/components/modals/forms/PaymentModal.vue?c82b","webpack:///./src/views/sellorder/OverdueItems.vue?207b","webpack:///./src/components/modals/forms/PaymentModal.vue?4777","webpack:///./src/components/modals/forms/QRPaymentModal.vue?ec35"],"names":["class","style","width","callOverdueReport","items","item","index","key","isCode","costPriceIncVat","numberWithCommas","sumTax","profitTotal","profitTotalTax","sumTotal","length","tax","total","partnerCode","type","paymentModal","qrPaymentModal","active","isLoading","loader","dots","is-full-page","ref","id","tabindex","aria-hidden","data-bs-dismiss","aria-label","src","model","ruleForm","label-width","size","text","billCode","copyText","resultQrPayment","customerID","priceTotal","loading","btnLoading","submitForm","mounted","this","qrPaymentModalRef","$refs","image","imageType","fileUpload","Base64String","Code","PriceTotal","Remark","fileName","code","priceShow","methods","createQRPayment","async","list","qrPaymentdata","ApiService","post","InvoicesData","data","toFixed","companyTaxID","toString","replace","error","console","log","hide","show","Text","navigator","clipboard","writeText","get","then","res","fire","title","icon","allowOutsideClick","timer","$router","push","name","catch","err","finally","render","data-kt-scroll","data-kt-scroll-activate","data-kt-scroll-max-height","data-kt-scroll-dependencies","data-kt-scroll-wrappers","data-kt-scroll-offset","align","accept","hidden","selectFileChange","disabled","placeholder","clearable","maxlength","show-word-limit","paymentModalRef","toLocaleString","e","files","target","dataTransfer","createImage","file","reader","FileReader","onload","result","readAsDataURL","buttonsStyling","confirmButtonText","customClass","confirmButton","components","PaymentModal","QRPaymentModal","getPartnerDetail","setHeight","window","innerHeight","price","dataPayment","tempList","computed","reduce","acc","curr","sumProfitTotal","sumProfitTotalTax","watch","immediate","handler","val","Array","isArray","getOverduePaymentByInvoice","productIds","join","query","i","priceOverDueTotal","obj","iS_Date","orderCode","isNaN"],"mappings":"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","file":"js/chunk-5de53170.f154ed42.js","sourcesContent":["\r\n\r\n<template>\r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <div class=\"card-title\">\r\n                <i class=\"fa fa-angle-double-left mr-2\" style=\" cursor: pointer; font-size: 30px;color: #1e5c9e; float: left;\" @click=\"callOverdueReport\"></i>\r\n                &nbsp;                \r\n                <span class=\"card-label fw-bolder fs-3 mb-1 titleStyle\" style=\"line-height: 30px; vertical-align: middle;\"> รายการที่ต้องชำระ</span>\r\n            </div>\r\n            <div class=\"card-toolbar\">\r\n\r\n            </div>           \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n\r\n        </div>\r\n        <div class=\"card-body\" style=\"padding: 0rem 3rem;\">\r\n            <div class=\"py-1\">\r\n                <table class=\"table table-row-dashed table-row-gray-300 gy-7\">\r\n                    <thead>\r\n                    <tr class=\"fw-bolder fs-5 text-gray-800\">\r\n                        <th width=\"100px\" style=\"text-align: center;\">#</th>\r\n                        <th>รายการ</th>\r\n                        <th width=\"150px\" style=\"text-align: right;\">ราคาทุน(InVat)</th>\r\n                        <th width=\"180px\" style=\"text-align: right;\">ภาษีหัก ณ ที่จ่าย 3%</th>\r\n                        <th width=\"180px\" style=\"text-align: right;\">ค่าดำเนินการ(กำไร)</th>     \r\n                        <th width=\"220px\" style=\"text-align: right;\">vat 7% จากค่าดำเนินการ</th>\r\n                        <th width=\"120px\" style=\"text-align: right;\">จำนวนเงิน</th>\r\n                    </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                    <tr\r\n                        v-for=\"(item, index) in items\"\r\n                        :key=\"index\"                \r\n                    >\r\n                        <td style=\"text-align: center;\">{{ index + 1 }}</td>\r\n                        <td>{{ item.isCode }}</td>\r\n                        <td style=\"text-align: right;\">\r\n                            <span v-if=\"item.costPriceIncVat>0\">\r\n                            {{ numberWithCommas(item.costPriceIncVat) }}\r\n                            </span>\r\n                            <span v-else> - </span>\r\n\r\n                        </td>\r\n                        <td style=\"text-align: right;\">                           \r\n                            <span v-if=\"sumTax(item)>0\">\r\n                             {{ numberWithCommas(sumTax(item)) }}\r\n                            </span>\r\n                            <span v-else> - </span>\r\n                        </td>\r\n                        <td style=\"text-align: right;\">\r\n                            <span v-if=\"item.profitTotal>0\">\r\n                             {{ numberWithCommas(item.profitTotal) }}\r\n                            </span>\r\n                            <span v-else> - </span>\r\n                        </td>           \r\n                        <td style=\"text-align: right;\">\r\n                            <span v-if=\"item.profitTotalTax>0\">\r\n                             {{ numberWithCommas(item.profitTotalTax) }}\r\n                            </span>\r\n                            <span v-else> - </span>\r\n                        </td>\r\n                        <td style=\"text-align: right;\">\r\n                            <span v-if=\"sumTotal(item)>0\">\r\n                             {{ numberWithCommas(sumTotal(item)) }}\r\n                            </span>\r\n                            <span v-else> - </span>\r\n                        </td>\r\n                    </tr>\r\n                    </tbody>\r\n                </table> \r\n            </div>  \r\n            <div class=\"separator separator-dashed mb-10\"></div>     \r\n          <div class=\"row fw-bolder text-gray-700\">\r\n            <div class=\"col-md-5 mb-10  d-flex justify-content-center\" >\r\n                <!-- <div style=\"border: 3px solid #f3f6f8; border-radius: 15px; padding: 15px\">\r\n                   \r\n                    <h4 style=\"text-align:center;\">ช่องทางการชำระเงิน</h4>\r\n                    <div class=\"col-12 d-flex justify-content-center mb-3\">\r\n                        <div class=\"shadow p-3\">\r\n                        <qr-code :size=\"150\" :text=\"billCode || ''\"></qr-code>\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <br/>\r\n                    <table style=\"width: 100%\">\r\n                        <tbody>\r\n                            <tr>\r\n                                <td style=\"text-align: center; width: 100px;\"><div class=\"media\"><img src=\"/media/banks/kbank.png\" class=\"align-self-center mr-3\" style=\"width: 3rem; height: auto;\"></div></td>\r\n                                <td><div class=\"media-body\"><h5 class=\"mb-1\">กสิกรไทย</h5><label>ชื่อบัญชี : บริษัท 2 เอส เมทัล จำกัด (มหาชน)</label><br/><span>เลขที่อ้างอิง : {{resultQrPayment.billCode}}</span></div></td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>    -->\r\n                    <!-- <label>ชื่อบัญชี : บริษัท 2 เอส เมทัล จำกัด (มหาชน)</label>\r\n                    <br>\r\n                    <br>\r\n                    <table style=\"width: 100%\">\r\n                        <tbody>\r\n                            <tr>\r\n                                <td style=\"text-align: center; width: 100px;\"><div class=\"media\"><img src=\"/media/banks/kbank.png\" class=\"align-self-center mr-3\" style=\"width: 3rem; height: auto;\"></div></td>\r\n                                <td><div class=\"media-body\"><h5 class=\"mb-1\">กสิกรไทย</h5> <p class=\"mb-0 text-muted\">101-1-05707-8</p> <span>ถนนศุภสารรังสรรค์ หาดใหญ่</span></div></td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>                     -->\r\n                <!-- </div> -->\r\n            </div>\r\n            <div class=\"col-md-7 col-lg-6 offset-lg-1 fs-5\">\r\n              <div class=\"d-flex flex-row justify-content-between mb-6\">\r\n                <div>จำนวนรายการรวม</div>\r\n                <div>{{ items.length }}</div>\r\n              </div>             \r\n              <div class=\"d-flex flex-row justify-content-between mb-3\">\r\n                <div>ค่าดำเนินการ</div>\r\n                <div>฿ {{ numberWithCommas(profitTotal) }}</div>\r\n              </div>    \r\n              <div class=\"d-flex flex-row justify-content-between mb-3\">\r\n                <div>ภาษีมูลค่าเพิ่ม 7%</div>\r\n                <div>฿ {{ numberWithCommas(profitTotalTax) }}</div>\r\n              </div>    \r\n              <div class=\"d-flex flex-row justify-content-between mb-6\">\r\n                <div>ค่าดำเนินการรวม</div>\r\n                <div>฿ {{ numberWithCommas(profitTotal + profitTotalTax) }}</div>\r\n              </div>  \r\n              <div class=\"d-flex flex-row justify-content-between mb-6\">\r\n                <div>ภาษีหัก ณ ที่จ่าย 3%</div>\r\n                <div>฿ {{ numberWithCommas(tax) }}</div>\r\n              </div>                                                             \r\n              <div class=\"separator separator-dashed my-5\"></div>                            \r\n              <div class=\"d-flex flex-row justify-content-between fs-4 mb-10\">\r\n                <div>จำนวนเงินรวมทั้งสิ้น</div>\r\n                <div>฿ {{ numberWithCommas(total) }}</div>\r\n              </div>\r\n              <div class=\"d-flex flex-row justify-content-between fs-4 mb-10\" v-if=\"partnerCode == 'H0026'\">\r\n                <el-button type=\"primary\" style=\"width: 100%\" @click=\"paymentModal()\">แจ้งชำระเงิน</el-button>\r\n              </div>\r\n              <div v-else class=\"d-flex flex-row justify-content-between fs-4 mb-10\">\r\n                <el-button type=\"primary\" style=\"width: 100%\" @click=\"qrPaymentModal()\">ชำระเงิน</el-button>\r\n              </div> \r\n            </div>\r\n          </div>            \r\n        </div>\r\n        <loading \r\n        v-model:active=\"isLoading\"\r\n        :loader=\"dots\" \r\n        :is-full-page=\"false\"/>         \r\n        <payment-modal\r\n        ref=\"paymentModal\"\r\n        ></payment-modal> \r\n         <QRPaymentModal\r\n        ref=\"qrPaymentModal\"\r\n        ></QRPaymentModal>  \r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { numberWithCommas } from \"@/utils\";\r\nimport QRPaymentModal from \"@/components/modals/forms/QRPaymentModal\";\r\nimport PaymentModal from \"@/components/modals/forms/PaymentModal\";\r\nimport Loading from 'vue-loading-overlay';\r\n\r\nexport default {\r\n    components: {\r\n         PaymentModal,\r\n         QRPaymentModal,\r\n    },    \r\n    mounted: function () {\r\n        setCurrentPageBreadcrumbs(\"รายการที่ต้องชำระเงิน\", [\"รายงานค้างชำระเงิน\"]);  \r\n        this.getPartnerDetail();      \r\n    },\r\n    data(){\r\n        return{\r\n            setHeight: window.innerHeight - 340,\r\n            items: [],\r\n            price: 0,\r\n            isLoading: false,\r\n            dataPayment:[\r\n                {\r\n                    code: \"\",\r\n                    priceTotal: 0,\r\n                }\r\n            ],\r\n            billCode:\"\",\r\n            resultQrPayment:{},\r\n            tempList:[],\r\n            partnerCode:\"\"\r\n        };\r\n    },   \r\n    computed:{\r\n        total() {\r\n            return this.items.reduce((acc, curr) => acc + this.sumTotal(curr), 0);\r\n        }, \r\n        profitTotal() {\r\n            return this.items.reduce((acc, curr) => acc + this.sumProfitTotal(curr), 0);\r\n        },  \r\n        profitTotalTax() {\r\n            return this.items.reduce((acc, curr) => acc + this.sumProfitTotalTax(curr), 0);\r\n        },  \r\n        tax() {\r\n            return this.items.reduce((acc, curr) => acc + this.sumTax(curr), 0);\r\n        },                        \r\n    },\r\n    watch: {\r\n        \"$route.query.inv\": {\r\n            immediate: true,\r\n            handler: function (val) {\r\n                if (!val) return;\r\n                if (Array.isArray(val)) {\r\n                this.getOverduePaymentByInvoice(val);\r\n                } else {\r\n                this.getOverduePaymentByInvoice([val]);\r\n                }\r\n            },\r\n        },\r\n    },\r\n    methods: {\r\n        getOverduePaymentByInvoice: async function (productIds) {\r\n            this.isLoading = true;\r\n            try {\r\n                this.dataPayment.code = productIds.join();\r\n                this.items = [];\r\n                // this.sellreportDetail = [];\r\n                const { data } = await ApiService.query(\r\n                \"sellorder/getOverduePaymentByInvoice?invoices=\" + productIds.join()\r\n                );\r\n                // console.log(data);\r\n                this.items = data;\r\n\r\n                var i = 1;\r\n                var price = 0;\r\n                var tax = 0;\r\n                for(i in this.items) { price += this.items[i].priceOverDueTotal; }; \r\n                for(i in this.items) { tax += this.items[i].profitTotal; };     \r\n                this.dataPayment.priceTotal = price;\r\n                \r\n                \r\n                this.tempList = [];\r\n                for(i in this.items) { \r\n                    var obj={};\r\n                    obj.isCode = this.items[i].isCode;\r\n                    obj.iS_Date = this.items[i].iS_Date;\r\n                    obj.orderCode = this.items[i].orderCode;\r\n                    obj.partnerCode = this.items[i].partnerCode;\r\n                    obj.priceOverDueTotal = this.items[i].priceOverDueTotal; \r\n                    this.tempList.push(obj);\r\n                }; \r\n\r\n\r\n                // const  qrPaymentdata  = await ApiService.post(\"sellorder/createBillQRPayment\", {InvoicesData:tempList });\r\n                // if(qrPaymentdata){\r\n                //     this.resultQrPayment = qrPaymentdata.data;\r\n                //     this.billCode= \"|\" + this.resultQrPayment.companyTaxID + \"00\" + \"\\n\" + this.resultQrPayment.customerID.toString() + \"\\n\" + this.resultQrPayment.billCode + \"\\n\" + (price.toFixed(2).toString().replace(\".\",\"\"));      \r\n                // }\r\n               \r\n            //    console.log(\"this.billCode\",this.billCode);\r\n\r\n            } catch (error) {\r\n                console.log(error);\r\n            }\r\n            this.isLoading = false;\r\n        },     \r\n        getPartnerDetail: async function()\r\n        {\r\n            const {data} = await ApiService.query(\"partners/me\")\r\n            this.partnerCode = data.partnerCode;\r\n        },    \r\n        callOverdueReport(){\r\n            this.$router.push({name: \"overduereport\"})\r\n        },\r\n        sumTotal(item) {\r\n            const { priceOverDueTotal } = item;\r\n            return (\r\n                (isNaN(priceOverDueTotal) ? 0 : priceOverDueTotal)\r\n            );\r\n        },\r\n        sumTax(item) {\r\n            const { tax } = item;\r\n            return (\r\n                (isNaN(tax) ? 0 : tax)\r\n            );\r\n        },    \r\n        sumProfitTotal(item) {\r\n            const { profitTotal } = item;\r\n            return (\r\n                (isNaN(profitTotal) ? 0 : profitTotal)\r\n            );\r\n        },  \r\n        sumProfitTotalTax(item) {\r\n            const { profitTotalTax } = item;\r\n            return (\r\n                (isNaN(profitTotalTax) ? 0 : profitTotalTax)\r\n            );\r\n        },                     \r\n        paymentModal(){\r\n             this.$refs.paymentModal.show(this.dataPayment);\r\n        }, \r\n        qrPaymentModal(){\r\n            // this.$refs.paymentModal.show(this.dataPayment);\r\n            this.$refs.qrPaymentModal.show(this.tempList,this.dataPayment.priceTotal);\r\n        }, \r\n        numberWithCommas\r\n    }    \r\n}\r\n</script>","<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"margin_modal\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n    ref=\"qrPaymentModalRef\"\r\n  >\r\n\r\n    <div class=\"modal-dialog modal-dialog-centered mw-500px\">\r\n\r\n      <div class=\"modal-content\">\r\n\r\n        <div class=\"modal-header\" id=\"kt_modal_payment_header\" style=\"padding: 0.5rem 1.75rem\">\r\n\r\n          <h2 class=\"fw-bolder\">QR Code ชำระเงิน</h2>\r\n\r\n           <div\r\n            class=\"btn btn-icon btn-sm btn-active-light-primary ms-2\"\r\n            data-bs-dismiss=\"modal\"\r\n            aria-label=\"Close\"\r\n          >\r\n            <span class=\"fa fa-times\"></span>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <el-form\r\n          :model=\"ruleForm\"\r\n          ref=\"ruleForm\"\r\n          class=\"demo-ruleForm\"\r\n          label-width=\"160px\"\r\n        >\r\n          <div class=\"modal-body py-2 px-lg-10\">\r\n   \r\n            <!-- <div style=\"border: 3px solid #f3f6f8; border-radius: 15px; padding: 15px\"> -->\r\n                   \r\n                  <!-- <h4 style=\"text-align:center;\">ช่องทางการชำระเงิน</h4> -->\r\n                  <div style=\"text-align:center;\"><img src=\"https://www.2smetal.com/dconnect3/public/img/promptpay.png\" class=\"align-self-center mr-3\" style=\"width: 8rem; height: auto;\"/></div>\r\n                  <div class=\"col-12 d-flex justify-content-center mb-3\">\r\n                      <div class=\"shadow p-3\">\r\n                      <qr-code :size=\"150\" :text=\"billCode || ''\"></qr-code>\r\n                      </div>\r\n                  </div>                  \r\n                  <br/>\r\n                  <div class=\"row\">\r\n                    <!-- <div class=\"col-md-1\"></div> -->\r\n                    <div class=\"col-md-5\"><h5>ชื่อบัญชี :</h5></div>\r\n                    <div class=\"col-md-7 d-flex justify-content-end\">\r\n                       <label style=\"font-size: 1.15rem;\">บริษัท 2 เอส เมทัล จำกัด (มหาชน)</label> \r\n                       <!-- &nbsp;<i @click=\"copyText('บริษัท 2 เอส เมทัล จำกัด (มหาชน)')\" class=\"fas fa-copy fa-md\"></i> -->\r\n                    </div>\r\n                  </div> \r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6\"></div>\r\n                    <div class=\"col-md-6 d-flex justify-content-end\"><label style=\"font-size: 1.15rem;\" @click=\"copyText('98145')\" >(2S Comp Code : 98145) &nbsp;<i class=\"fas fa-copy fa-md\"></i></label></div>\r\n                  </div> \r\n                   <div class=\"row\">\r\n                    <!-- <div class=\"col-md-1\"></div> -->\r\n                    <div class=\"col-md-7\"><h5>รหัสลูกค้า(REF1) :</h5></div>\r\n                    <div class=\"col-md-5 d-flex justify-content-end\"><label style=\"font-size: 1.15rem;\" @click=\"copyText(resultQrPayment.customerID)\">{{resultQrPayment.customerID}} &nbsp;<i  class=\"fas fa-copy fa-md\"></i></label></div>\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <!-- <div class=\"col-md-1\"></div> -->\r\n                    <div class=\"col-md-7\"><h5>เอกสารอ้างอิง(REF2) :</h5></div>\r\n                    <div class=\"col-md-5 d-flex justify-content-end\"><label style=\"font-size: 1.15rem;\" @click=\"copyText(resultQrPayment.billCode)\">{{resultQrPayment.billCode}} &nbsp;<i  class=\"fas fa-copy fa-md\"></i></label></div>\r\n                  </div> \r\n                  <div class=\"row\">\r\n                    <!-- <div class=\"col-md-1\"></div> -->\r\n                    <div class=\"col-md-5\"><h5>จำนวนเงิน :</h5></div>\r\n                    <div class=\"col-md-7 d-flex justify-content-end\"><label style=\"font-size: 1.25rem;font-weight: 700;\" @click=\"copyText(resultQrPayment.priceTotal)\"  class=\"text-primary font-weight-bold\">{{ numberWithCommas(resultQrPayment.priceTotal) }} ฿ &nbsp;<i  class=\"fas fa-copy fa-md\"></i></label></div>\r\n                  </div>\r\n                  <br/>\r\n                  <div class=\"row\"  style=\"text-align:center;\">\r\n                    <h6 style=\"color:#555\">คิวอาร์โค้ดเพื่อชำระเงินผ่านแอปพลิเคชั่นธนาคารเท่านั้น</h6>\r\n                  </div>\r\n            <!-- </div> -->\r\n          </div>\r\n\r\n          <div class=\"modal-footer\" style=\"justify-content: center; padding: 0.5rem\">\r\n            <!-- <button\r\n              class=\"btn btn-light-primary me-3\"\r\n              type=\"reset\"\r\n              @click=\"hide\"\r\n              style=\"width: 150px\"\r\n            >\r\n              ปิด\r\n            </button> -->\r\n           \r\n            <div class=\"row\">\r\n              <el-button\r\n                style=\"width: 150px\"\r\n                type=\"primary\"\r\n                :loading=\"btnLoading\"\r\n                @click=\"submitForm\"\r\n              \r\n              >\r\n                {{\r\n                  btnLoading == true ? \"กรุณารอสักครู่...\" : \"ยืนยันชำระเงิน\"\r\n                }}\r\n              </el-button>\r\n            </div>\r\n          </div>\r\n        </el-form>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { Modal } from \"bootstrap\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\nimport { numberWithCommas } from \"@/utils\";\r\n\r\nexport default {\r\n  mounted: function () {\r\n    this.qrPaymentModalRef = new Modal(this.$refs.qrPaymentModalRef);\r\n  },\r\n  data(){\r\n      return {\r\n        image: \"\",\r\n        imageType: \"\",\r\n        fileUpload: {\r\n          Base64String: \"\",\r\n          Code: \"\",\r\n          PriceTotal: 0,\r\n          Remark: \"\",\r\n        },\r\n        btnLoading: false,\r\n        ruleForm: [],\r\n        fileName: \"\",\r\n        code: \"\",\r\n        priceShow: \"\",\r\n        resultQrPayment:{}\r\n      }\r\n  },\r\n  methods:{\r\n    numberWithCommas,\r\n    createQRPayment: async function (list,priceTotal) {\r\n        this.isLoading = true;\r\n        try {\r\n            const  qrPaymentdata  = await ApiService.post(\"sellorder/createBillQRPayment\", {InvoicesData:list });\r\n            if(qrPaymentdata){\r\n                this.resultQrPayment = qrPaymentdata.data;\r\n                if(this.resultQrPayment){\r\n                    this.resultQrPayment.priceTotal = priceTotal.toFixed(2);\r\n                }                \r\n                this.billCode= \"|\" + this.resultQrPayment.companyTaxID + \"00\" + \"\\n\" + this.resultQrPayment.customerID.toString() + \"\\n\" + this.resultQrPayment.billCode + \"\\n\" + (priceTotal.toFixed(2).toString().replace(\".\",\"\"));      \r\n            }\r\n\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n        this.isLoading = false;\r\n    },        \r\n    hide() {\r\n      this.qrPaymentModalRef.hide();\r\n    },\r\n    async show(data,priceTotal) {\r\n      await this.createQRPayment(data,priceTotal);\r\n      this.qrPaymentModalRef.show();\r\n    },\r\n    async copyText(Text) {\r\n      // copy text TO the clipboard\r\n      await navigator.clipboard.writeText(Text);\r\n\r\n      // get text FROM the clipboard\r\n      // var text = await navigator.clipboard.readText();\r\n      //alert(text);\r\n    },\r\n    submitForm: async function(){\r\n\r\n          this.btnLoading = true;\r\n           await ApiService.get(\"sellOrder/checkStatusPayment\",this.resultQrPayment.billCode)\r\n                .then((res) => {\r\n                  // console.log(\"res\",res);\r\n                  if (res.data== true) {\r\n                    Swal.fire({\r\n                        title: \"ทำรายการชำระเงินสำเร็จ\",\r\n                        icon: \"success\",\r\n                        allowOutsideClick: false,\r\n                        timer: 1500,\r\n                    }).then(() => {\r\n                        this.hide();\r\n                        this.$router.push({ name: \"overduereport\", });          \r\n                    });\r\n                  }else{\r\n                    Swal.fire({\r\n                        title: \"รายการชำระเงินไม่สำเร็จ\",\r\n                        icon: \"warning\",\r\n                        allowOutsideClick: false,\r\n                        timer: 1500,\r\n                    }).then(() => {\r\n                        this.hide();\r\n                        // this.$router.push({ name: \"overduereport\", });          \r\n                    });\r\n                  }\r\n                  // else{\r\n                  //   Swal.fire({\r\n                  //       title: data[\"error_Text\"],\r\n                  //       icon: \"warning\",\r\n                  //       allowOutsideClick: false,\r\n                  //       timer: 1500,\r\n                  //   }).then(() => {\r\n                  //       this.hide();       \r\n                  //   });\r\n                  // }\r\n                })\r\n                .catch(err => {\r\n                    console.log(err);\r\n                })\r\n                .finally(() => {\r\n                    //console.log(1);\r\n                })\r\n         \r\n\r\n          this.btnLoading = false;\r\n\r\n   \r\n    }\r\n  }   \r\n}\r\n\r\n</script>\r\n\r\n<style>\r\n.modal-dialog {\r\n    margin: -3.25rem auto;\r\n}\r\n\r\n.modal-dialog-centered {\r\n    min-height: calc(100% - 1.5rem);\r\n}\r\n\r\n#PriceTotal{\r\n  color: #000;\r\n}\r\n</style>","import { render } from \"./QRPaymentModal.vue?vue&type=template&id=69381d80\"\nimport script from \"./QRPaymentModal.vue?vue&type=script&lang=js\"\nexport * from \"./QRPaymentModal.vue?vue&type=script&lang=js\"\n\nimport \"./QRPaymentModal.vue?vue&type=style&index=0&id=69381d80&lang=css\"\nscript.render = render\n\nexport default script","<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"margin_modal\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n    ref=\"paymentModalRef\"\r\n  >\r\n\r\n    <div class=\"modal-dialog modal-dialog-centered mw-400px\">\r\n\r\n      <div class=\"modal-content\">\r\n\r\n        <div class=\"modal-header\" id=\"kt_modal_payment_header\" style=\"padding: 0.5rem 1.75rem\">\r\n\r\n          <h2 class=\"fw-bolder\">แจ้งชำระเงิน</h2>\r\n\r\n           <div\r\n            class=\"btn btn-icon btn-sm btn-active-light-primary ms-2\"\r\n            data-bs-dismiss=\"modal\"\r\n            aria-label=\"Close\"\r\n          >\r\n            <span class=\"fa fa-times\"></span>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <el-form\r\n          :model=\"ruleForm\"\r\n          ref=\"ruleForm\"\r\n          class=\"demo-ruleForm\"\r\n          label-width=\"160px\"\r\n        >\r\n          <div class=\"modal-body py-2 px-lg-10\">\r\n   \r\n            <div\r\n              class=\"scroll-y me-n7 pe-7\"\r\n              id=\"kt_modal_payment_scroll\"\r\n              data-kt-scroll=\"true\"\r\n              data-kt-scroll-activate=\"{default: false, lg: true}\"\r\n              data-kt-scroll-max-height=\"auto\"\r\n              data-kt-scroll-dependencies=\"#kt_modal_payment_header\"\r\n              data-kt-scroll-wrappers=\"#kt_modal_payment_scroll\"\r\n              data-kt-scroll-offset=\"300px\"\r\n            >\r\n              <div align=\"center\" class=\"col-12\">\r\n                <div v-if=\"!image\" class=\"d-flex justify-content-center align-items-center\" style=\"width: 10rem; height: 10rem; border-style: dashed; border-radius: 10px; border-color: rgb(206, 212, 218); text-align: center\">\r\n                  <label class=\"btn btn-default\"><i class=\"fas fa-upload\" style=\"font-size: 5rem; color: rgb(206, 212, 218);\"></i> \r\n                    <input type=\"file\" accept=\"image/*\" hidden=\"hidden\" @change=\"selectFileChange\">\r\n                  </label>\r\n                </div>                \r\n                <div v-if=\"image\" style=\"text-align: center;\">\r\n                  <label class=\"btn btn-default\"><img :src=\"image\" style=\"width: 155px; height: 185px\" />\r\n                  <input type=\"file\" accept=\"image/*\" hidden=\"hidden\" @change=\"selectFileChange\">\r\n                  </label>\r\n                  <!-- <br><br> -->\r\n                  <!-- <button v-if=\"image\" @click=\"removeImage\">ลบ</button> -->\r\n                </div>\r\n                <label>แนบหลักฐานการชำระ(.png, .jpg, .jpeg)</label>\r\n              </div>    \r\n              <hr>\r\n              <div>\r\n                  <label class=\"fs-3 fw-bold mb-2\">จำนวนเงิน</label>\r\n                  <el-input v-model=\"priceShow\" disabled placeholder=\"Please input\" id=\"PriceTotal\" />             \r\n              </div>   \r\n              <br>\r\n              <div>\r\n                  <label class=\"fs-3 fw-bold mb-2\">หมายเหตุ</label>\r\n                  <el-input type=\"textarea\" v-model=\"fileUpload.Remark\" width=\"100\" clearable maxlength=\"100\" show-word-limit />           \r\n              </div>                    \r\n            </div>\r\n       \r\n          </div>\r\n\r\n          <div class=\"modal-footer\" style=\"justify-content: center; padding: 0.5rem\">\r\n            <!-- <button\r\n              class=\"btn btn-light-primary me-3\"\r\n              type=\"reset\"\r\n              @click=\"hide\"\r\n              style=\"width: 150px\"\r\n            >\r\n              ปิด\r\n            </button> -->\r\n            <el-button\r\n              style=\"width: 150px\"\r\n              type=\"primary\"\r\n              :loading=\"btnLoading\"\r\n              @click=\"submitForm\"\r\n              :disabled=\"!image\"\r\n            >\r\n              {{\r\n                btnLoading == true ? \"กรุณารอสักครู่...\" : \"ยืนยัน\"\r\n              }}\r\n            </el-button>\r\n          </div>\r\n        </el-form>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { Modal } from \"bootstrap\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\n\r\nexport default {\r\n  mounted: function () {\r\n    this.paymentModalRef = new Modal(this.$refs.paymentModalRef);\r\n  },\r\n  data(){\r\n      return {\r\n        image: \"\",\r\n        imageType: \"\",\r\n        fileUpload: {\r\n          Base64String: \"\",\r\n          Code: \"\",\r\n          PriceTotal: 0,\r\n          Remark: \"\",\r\n        },\r\n        btnLoading: false,\r\n        ruleForm: [],\r\n        fileName: \"\",\r\n        code: \"\",\r\n        priceShow: \"\",\r\n      }\r\n  },\r\n  methods:{\r\n    hide() {\r\n      this.paymentModalRef.hide();\r\n    },\r\n    show(data) {\r\n      this.image = \"\";\r\n      this.imageType = \"\";\r\n\r\n      this.fileUpload.Code = data.code;\r\n      this.fileUpload.PriceTotal = data.priceTotal;\r\n      this.priceShow = data.priceTotal.toLocaleString();\r\n      this.paymentModalRef.show();\r\n    }, \r\n    selectFileChange(e) {\r\n      var files = e.target.files || e.dataTransfer.files;\r\n      if (!files.length)\r\n        return;\r\n      this.createImage(files[0]);\r\n    },\r\n    createImage(file) {\r\n      // var image = new Image();\r\n      var reader = new FileReader();\r\n\r\n      this.imageType = file.type;\r\n\r\n      reader.onload = (e) => {\r\n        this.image = e.target.result;\r\n        // this.imageUpload();\r\n      };\r\n      \r\n      reader.readAsDataURL(file);\r\n\r\n    },\r\n    // removeImage: function (e) {\r\n    //   this.image = '';\r\n    // },        \r\n    // imageUpload: async function(){\r\n\r\n    //   const { image } = this;\r\n    //   this.fileUpload.Base64String = image.replace(\"data:\"+this.imageType+\";base64,\", \"\");\r\n\r\n    //   await ApiService.post(\"upload/SlipTransfer\", this.fileUpload)\r\n    //     .then((response) => {\r\n    //       this.fileName = response.data;\r\n    //     }); \r\n\r\n    // },\r\n    submitForm: async function(){\r\n\r\n      const { image } = this;\r\n      this.fileUpload.Base64String = image.replace(\"data:\"+this.imageType+\";base64,\", \"\");\r\n\r\n      try{\r\n          this.btnLoading = true;\r\n\r\n          const { data } = await ApiService.post(\r\n            \"SellOrder/NoticePayment\", this.fileUpload);\r\n\r\n          if (data[\"success\"] == 1) {\r\n            Swal.fire({\r\n                title: data[\"error_Text\"],\r\n                icon: \"success\",\r\n                allowOutsideClick: false,\r\n                timer: 1500,\r\n            }).then(() => {\r\n                this.hide();\r\n                this.$router.push({ name: \"overduereport\", });          \r\n            });\r\n          }else{\r\n            Swal.fire({\r\n                title: data[\"error_Text\"],\r\n                icon: \"warning\",\r\n                allowOutsideClick: false,\r\n                timer: 1500,\r\n            }).then(() => {\r\n                this.hide();       \r\n            });\r\n          }\r\n\r\n          this.btnLoading = false;\r\n\r\n      }catch(error){\r\n\r\n          Swal.fire({\r\n               text: \"เกิดข้อผิดพลาด ไม่สามารถทำรายการได้!\",\r\n               icon: \"warning\",\r\n               buttonsStyling: false,\r\n               confirmButtonText: \"ปิด\",\r\n              allowOutsideClick: false,\r\n              customClass: {\r\n              confirmButton: \"btn btn-primary\",\r\n              },\r\n          });\r\n\r\n      }\r\n    }\r\n  }   \r\n}\r\n\r\n</script>\r\n\r\n<style>\r\n.modal-dialog {\r\n    margin: -3.25rem auto;\r\n}\r\n\r\n.modal-dialog-centered {\r\n    min-height: calc(100% - 1.5rem);\r\n}\r\n\r\n#PriceTotal{\r\n  color: #000;\r\n}\r\n</style>","import { render } from \"./PaymentModal.vue?vue&type=template&id=4c56c146\"\nimport script from \"./PaymentModal.vue?vue&type=script&lang=js\"\nexport * from \"./PaymentModal.vue?vue&type=script&lang=js\"\n\nimport \"./PaymentModal.vue?vue&type=style&index=0&id=4c56c146&lang=css\"\nscript.render = render\n\nexport default script","import { render } from \"./OverdueItems.vue?vue&type=template&id=fa0b2090\"\nimport script from \"./OverdueItems.vue?vue&type=script&lang=js\"\nexport * from \"./OverdueItems.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./PaymentModal.vue?vue&type=style&index=0&id=4c56c146&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./QRPaymentModal.vue?vue&type=style&index=0&id=69381d80&lang=css\""],"sourceRoot":""}