{"version":3,"sources":["webpack:///./src/views/DetailDeposite.vue?d624","webpack:///./src/views/DetailDeposite.vue?6000","webpack:///src/views/DetailDeposite.vue","webpack:///./src/views/DetailDeposite.vue?b64c","webpack:///./src/views/DetailDeposite.vue","webpack:///./src/components/deposit/DepositDetailTemp.vue?45fb","webpack:///./src/components/deposit/DepositDetailTemp.vue?fc9f","webpack:///src/components/deposit/DepositDetailTemp.vue","webpack:///./src/components/deposit/DepositDetailTemp.vue?385d","webpack:///./src/components/deposit/DepositDetailTemp.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","deposit_type","attrs","dataDetail","detailItemMetal","directives","name","rawName","value","role","status","expression","on","processDeposit","loadingDeposit","_v","payment_info","payment_status","paymentConfirm","staticRenderFns","component","_s","detailDeposit","transaction_id","_f","deposit_date","detailMetalItem","total_item","total_weight","documents","ftz_doc_no","recommendation_doc_no","_e","openModal","_m","_l","metal","i","key","owner","dimension","fineness","hallmark","weight","serial_number","item_description","attachments","$event","openPreview","commercial_invoice","customs_doc","manufacturing_doc","recommendation_doc","vault_doc","ref","labelPreview","src","staticStyle"],"mappings":"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","file":"js/chunk-3d16c941.554a749a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailDeposite.vue?vue&type=style&index=0&id=3626af45&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-dashboard\"},[(_vm.deposit_type == 'onexchange')?_c('div',[_c('deposit-detail-temp',{attrs:{\"detailDeposit\":_vm.dataDetail,\"detailMetalItem\":_vm.detailItemMetal}}),_c('div',{staticClass:\"wrap-button\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 5 && _vm.dataDetail.status == '001'),expression:\"role == 5 && dataDetail.status == '001'\"}]},[_c('b-button',{staticClass:\"ml-2\",attrs:{\"variant\":\"success\"},on:{\"click\":_vm.processDeposit}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loadingDeposit),expression:\"!loadingDeposit\"}]},[_vm._v(\"Process\")]),_c('b-spinner',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingDeposit),expression:\"loadingDeposit\"}],attrs:{\"label\":\"Loading...\",\"variant\":\"light\",\"small\":\"\"}})],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 1 && _vm.dataDetail.status == '002'),expression:\"role == 1 && dataDetail.status == '002'\"}]},[_c('b-button',{staticClass:\"ml-2\",attrs:{\"variant\":\"success\"},on:{\"click\":_vm.processDeposit}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loadingDeposit),expression:\"!loadingDeposit\"}]},[_vm._v(\"Process\")]),_c('b-spinner',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingDeposit),expression:\"loadingDeposit\"}],attrs:{\"label\":\"Loading...\",\"variant\":\"light\",\"small\":\"\"}})],1)],1)])],1):_c('div',[_c('deposit-detail-off-temp',{attrs:{\"dataDetail\":_vm.dataDetail}}),_c('div',{staticClass:\"wrap-button\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 1 && _vm.dataDetail.status == '002'),expression:\"role == 1 && dataDetail.status == '002'\"}]},[_c('b-button',{staticClass:\"ml-2\",attrs:{\"variant\":\"success\"},on:{\"click\":_vm.processDeposit}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loadingDeposit),expression:\"!loadingDeposit\"}]},[_vm._v(\"Process\")]),_c('b-spinner',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingDeposit),expression:\"loadingDeposit\"}],attrs:{\"label\":\"Loading...\",\"variant\":\"light\",\"small\":\"\"}})],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 1 && _vm.dataDetail.status == '005' && _vm.dataDetail.payment_info.payment_status == 'unpaid'),expression:\"role == 1 && dataDetail.status == '005' && dataDetail.payment_info.payment_status == 'unpaid'\"}]},[_c('b-button',{staticClass:\"ml-2\",attrs:{\"variant\":\"success\"},on:{\"click\":_vm.paymentConfirm}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loadingDeposit),expression:\"!loadingDeposit\"}]},[_vm._v(\"Payment Confirmation\")]),_c('b-spinner',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingDeposit),expression:\"loadingDeposit\"}],attrs:{\"label\":\"Loading...\",\"variant\":\"light\",\"small\":\"\"}})],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"wrap-dashboard\">\n        <div v-if=\"deposit_type == 'onexchange'\">\n            <deposit-detail-temp :detailDeposit=\"dataDetail\" :detailMetalItem=\"detailItemMetal\"></deposit-detail-temp>\n            <div class=\"wrap-button\">\n                <!-- ======= Approve Operator ======= -->\n                <div v-show=\"role == 5 && dataDetail.status == '001'\">\n                    <b-button class=\"ml-2\" variant=\"success\" @click=\"processDeposit\">\n                        <span v-show=\"!loadingDeposit\">Process</span>\n                        <b-spinner label=\"Loading...\" variant=\"light\" small v-show=\"loadingDeposit\"></b-spinner>\n                    </b-button>\n                </div>\n\n                <!-- ======= Approve KBI ======= -->\n                <div v-show=\"role == 1 && dataDetail.status == '002'\">\n                    <b-button class=\"ml-2\" variant=\"success\" @click=\"processDeposit\">\n                        <span v-show=\"!loadingDeposit\">Process</span>\n                        <b-spinner label=\"Loading...\" variant=\"light\" small v-show=\"loadingDeposit\"></b-spinner>\n                    </b-button>\n                </div>\n            </div>\n        </div>\n\n        <div v-else>\n            <deposit-detail-off-temp :dataDetail=\"dataDetail\"></deposit-detail-off-temp>\n            <div class=\"wrap-button\">\n                <!-- ======= Approve KBI ======= -->\n                <div v-show=\"role == 1 && dataDetail.status == '002'\">\n                    <b-button class=\"ml-2\" variant=\"success\" @click=\"processDeposit\">\n                        <span v-show=\"!loadingDeposit\">Process</span>\n                        <b-spinner label=\"Loading...\" variant=\"light\" small v-show=\"loadingDeposit\"></b-spinner>\n                    </b-button>\n                </div>\n                <div v-show=\"role == 1 && dataDetail.status == '005' && dataDetail.payment_info.payment_status == 'unpaid'\">\n                    <b-button class=\"ml-2\" variant=\"success\" @click=\"paymentConfirm\">\n                        <span v-show=\"!loadingDeposit\">Payment Confirmation</span>\n                        <b-spinner label=\"Loading...\" variant=\"light\" small v-show=\"loadingDeposit\"></b-spinner>\n                    </b-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\n// import pdf from \"vue-pdf\";\nimport { required } from \"vuelidate/lib/validators\";\nimport DepositDetailTemp from \"../components/deposit/DepositDetailTemp.vue\";\nimport DepositDetailOffTemp from \"../components/deposit/DepositDetailOffTemp.vue\";\n\nexport default {\n    components: {\n        // pdf,\n        DepositDetailTemp,\n        DepositDetailOffTemp,\n    },\n    data() {\n        return {\n            loadingOperatorConfirm: false,\n            loadingDeposit: false,\n            loadingKbi: false,\n            loadingMetal: false,\n            dataDetail: {},\n            dataHolding: [],\n            dataNasabah: [],\n            pageOfItems: [],\n            isImage: true,\n            currentPage: 1,\n            perPage: 10,\n            lengthData: 1,\n            trade_id: [],\n            metal_id: \"\",\n            withdrawal_id: \"\",\n            status_operator: \"\",\n            offset: 0,\n            deposit_status: \"\",\n            deposit_type: \"\",\n            label_custom: \"\",\n            label_invoice: \"\",\n            label_manufacturing: \"\",\n            label_vault: \"\",\n            label_clearing: \"\",\n            label_bpbatam: \"\",\n            label_cukai: \"\",\n            loadDataCustomDoc: false,\n            loadDataInvoice: false,\n            loadDataManu: false,\n            loadDataVault: false,\n            loadDataClearing: false,\n            loadDataBpbatam: false,\n            loadDataCukai: false,\n            isLoadingPreview: false,\n            statusDeposit: \"\",\n            role: \"\",\n            dataImage: [],\n            numPages: undefined,\n            src: null,\n            isPdf: false,\n            labelPreview: \"\",\n            form: {\n                allocated: \"\",\n                hub: \"\",\n                dimension: \"\",\n                fineness: \"\",\n                hallmark: \"\",\n                serial_number: \"\",\n                year: \"\",\n            },\n            form_validation: {\n                allocated: null,\n                hub: \"\",\n                dimension: \"\",\n                fineness: \"\",\n                hallmark: \"\",\n                serial_number: \"\",\n                year: \"\",\n            },\n            form_attachment: {\n                metal_id: \"\",\n                customs_doc: \"\",\n                commercial_invoice: \"\",\n                manufacturing_doc: \"\",\n                vault_doc: \"\",\n                clearing_doc: \"\",\n                recommendation_doc: \"\",\n                ftz_doc: \"\",\n                recommendation_doc_no: \"\",\n                ftz_doc_no: \"\",\n            },\n        };\n    },\n    validations: {\n        form_attachment: {\n            customs_doc: {\n                required,\n            },\n            commercial_invoice: {\n                required,\n            },\n            manufacturing_doc: {\n                required,\n            },\n            vault_doc: {\n                required,\n            },\n            clearing_doc: {\n                required,\n            },\n            recommendation_doc: {\n                required,\n            },\n            ftz_doc: {\n                required,\n            },\n            recommendation_doc_no: {\n                required,\n            },\n            ftz_doc_no: {\n                required,\n            },\n        },\n    },\n    mounted() {\n        // this.getData(this.currentPage);\n        this.withdrawal_id = this.$route.params.id;\n        this.role = sessionStorage.getItem(\"role\");\n        let url;\n        if (this.role == 5) {\n            url = \"/v2/clearing/operator/get/detail/deposit/\" + this.withdrawal_id;\n        } else if (this.role == 2) {\n            url = \"/v2/clearing/admin/abx/get/detail/deposit/\" + this.withdrawal_id;\n        } else if (this.role == 1) {\n            url = \"/v2/clearing/admin/get/detail/deposit/\" + this.withdrawal_id;\n        }\n        axios.get(url).then((res) => {\n            this.dataDetail = res.data.data.body;\n            this.dataHolding = res.data.data.holdings;\n            this.dataNasabah = res.data.data.nasabah;\n            this.deposit_status = res.data.data.body.status;\n            this.deposit_type = res.data.data.body.type;\n\n            for (let i = 0; i < this.dataDetail.length; i++) {\n                this.form.allocated = this.dataDetail[i].allocated;\n                this.form.hub = this.dataDetail[i].hub;\n                this.form.dimension = this.dataDetail[i].dimension;\n                this.form.fineness = this.dataDetail[i].fineness;\n                this.form.hallmark = this.dataDetail[i].hallmark;\n                this.form.serial_number = this.dataDetail[i].serial_number;\n                this.form.year = this.dataDetail[i].year;\n            }\n        });\n    },\n    methods: {\n        openPreview(file, label) {\n            this.$refs[\"preview-modal\"].show();\n            this.labelPreview = label;\n            this.isLoadingPreview = true;\n            let newFile = file.replace(\"/kmi\", \"/vms\");\n            this.getImage(newFile)\n                .then((res) => {\n                    if (file.split(\".\").pop() == \"pdf\") {\n                        this.isPdf = true;\n                        this.isLoadingPreview = false;\n                        // this.src = pdf.createLoadingTask(res);\n                        // this.src.promise.then((pdf) => {\n                        //   this.numPages = pdf.numPages;\n                        // });\n                    } else {\n                        this.isLoadingPreview = false;\n                        this.isPdf = false;\n                        this.src = res;\n                    }\n                })\n                .catch(() => {\n                    this.isLoadingPreview = false;\n                });\n        },\n        async getImage(file) {\n            let image = await axios.get(\"/v2\" + file, { responseType: \"arraybuffer\" });\n            image = URL.createObjectURL(new Blob([image.data], { type: image.data.type }));\n            return image;\n        },\n        handlePageChange(value) {\n            this.getData(value);\n            window.scrollTo({ top: 0, behavior: \"smooth\" });\n        },\n        filterDate() {},\n        getData(value) {\n            let offset = (value - 1) * this.perPage;\n            console.log(offset);\n        },\n        showModalOperator(id, status) {\n            this.status_operator = status;\n            this.metal_id = id;\n            this.$refs[\"modal-operator\"].show();\n        },\n\n        hideModalOperator() {\n            this.$refs[\"modal-operator\"].hide();\n        },\n        showModal(id) {\n            this.metal_id = id;\n            this.$refs[\"my-modal\"].show();\n        },\n        hideModal() {\n            this.$refs[\"my-modal\"].hide();\n        },\n\n        operatorKonfirmation() {\n            this.loadingOperatorConfirm = true;\n            let value;\n            if (this.status_operator == 1) {\n                value = \"accept\";\n            } else {\n                value = \"reject\";\n            }\n            // console.log(value);\n            axios\n                .put(\"/v1/clearing/operator/metal/confirmation/\" + this.metal_id, { option: value })\n                .then((res) => {\n                    if (res.status == 200) {\n                        this.loadingOperatorConfirm = false;\n                        this.$toast.success(res.data.message, {\n                            position: \"top-center\",\n                            timeout: 3000,\n                            closeOnClick: true,\n                            pauseOnFocusLoss: false,\n                            pauseOnHover: false,\n                            showCloseButtonOnHover: false,\n                            hideProgressBar: false,\n                            closeButton: \"button\",\n                            icon: true,\n                            rtl: false,\n                        });\n                        setTimeout(function () {\n                            location.reload();\n                        }, 3000);\n                    }\n                })\n                .catch((err) => {\n                    this.loadingOperatorConfirm = false;\n                    this.$toast.error(err.response.data.message, {\n                        position: \"top-center\",\n                        timeout: 3000,\n                        closeOnClick: true,\n                        pauseOnFocusLoss: false,\n                        pauseOnHover: false,\n                        showCloseButtonOnHover: false,\n                        hideProgressBar: false,\n                        closeButton: \"button\",\n                        icon: true,\n                        rtl: false,\n                    });\n                });\n        },\n        submitMetal() {\n            this.loadingMetal = true;\n            axios\n                .put(\"/v1/clearing/admin/abx/metal/\" + this.metal_id, this.form)\n                .then((res) => {\n                    if (res.status == 200) {\n                        this.loadingMetal = false;\n                        this.$toast.success(res.data.message, {\n                            position: \"top-center\",\n                            timeout: 3000,\n                            closeOnClick: true,\n                            pauseOnFocusLoss: false,\n                            pauseOnHover: false,\n                            showCloseButtonOnHover: false,\n                            hideProgressBar: false,\n                            closeButton: \"button\",\n                            icon: true,\n                            rtl: false,\n                        });\n                        setTimeout(function () {\n                            location.reload();\n                        }, 3000);\n                    }\n                })\n                .catch((error) => {\n                    this.loadingMetal = false;\n                    this.$toast.error(error.response.data.message, {\n                        position: \"top-center\",\n                        timeout: 3000,\n                        closeOnClick: true,\n                        pauseOnFocusLoss: false,\n                        pauseOnHover: false,\n                        showCloseButtonOnHover: false,\n                        hideProgressBar: false,\n                        closeButton: \"button\",\n                        icon: true,\n                        rtl: false,\n                    });\n                });\n        },\n        paymentConfirm() {\n            this.loadingDeposit = true;\n            this.$store.dispatch(\"getLocation\").then((resGeo) => {\n                let info;\n                if (resGeo.cityData[0]) {\n                    info = JSON.stringify(resGeo);\n                } else {\n                    let data = resGeo;\n                    data.newLatLong = resGeo.cityLatLong.split(\",\");\n                    info = JSON.stringify(data);\n                }\n                let data = {\n                    _id: this.withdrawal_id,\n                    info: info,\n                };\n                axios.put(\"/v2/clearing/admin/offexchange/deposit/payment_confirmation\", data).then((res) => {\n                    if (!res.data.iserror) {\n                        this.$toast.success(\"Confirmation Payment Succesfully Processed\");\n                        setTimeout(function () {\n                            location.reload();\n                        }, 3000);\n                    }\n                });\n            });\n        },\n        processDeposit() {\n            this.loadingDeposit = true;\n            let url;\n            if (this.deposit_type == \"onexchange\") {\n                if (this.role == 2) {\n                    url = \"/v2/clearing/admin/abx/deposit/confirmation\";\n                    this.hitUrlDeposit(url);\n                } else if (this.role == 5) {\n                    this.$v.form_attachment.$touch();\n                    if (this.$v.form_attachment.$error) {\n                        this.loadingDeposit = false;\n                        return;\n                    }\n                    this.form_attachment.metal_id = this.withdrawal_id;\n                    url = \"/v2/clearing/operator/deposit/confirmation\";\n                    axios.post(\"/v2/clearing/operator/update_attachment\", this.form_attachment).then((res) => {\n                        if (res.data.data.status_code == \"00\") {\n                            this.hitUrlDeposit(url);\n                        }\n                    });\n                } else {\n                    url = \"/v2/clearing/admin/deposit/confirmation\";\n                    this.hitUrlDeposit(url);\n                }\n            } else {\n                if (this.role == 1) {\n                    this.statusDeposit = \"003\";\n                    url = \"/v2/clearing/admin/offexchange/deposit/update\";\n                    this.hitUrlDeposit(url);\n                }\n            }\n        },\n        hitUrlDeposit(url) {\n            this.$store.dispatch(\"getLocation\").then((resGeo) => {\n                let info;\n                if (resGeo.cityData[0]) {\n                    info = JSON.stringify(resGeo);\n                } else {\n                    let data = resGeo;\n                    data.newLatLong = resGeo.cityLatLong.split(\",\");\n                    info = JSON.stringify(data);\n                }\n                let data;\n\n                if (this.deposit_type == \"onexchange\") {\n                    data = {\n                        _id: this.withdrawal_id,\n                        info: info,\n                    };\n                } else {\n                    data = {\n                        _id: this.withdrawal_id,\n                        status: this.statusDeposit,\n                        info: info,\n                    };\n                }\n                // console.log(data, url);\n                axios\n                    .put(url, data)\n                    .then((res) => {\n                        if (res.status == 200) {\n                            this.loadingDeposit = false;\n                            this.$toast.success(\"The deposit has been successfully processed\", {\n                                position: \"top-center\",\n                                timeout: 3000,\n                                closeOnClick: true,\n                                pauseOnFocusLoss: false,\n                                pauseOnHover: false,\n                                showCloseButtonOnHover: false,\n                                hideProgressBar: false,\n                                closeButton: \"button\",\n                                icon: true,\n                                rtl: false,\n                            });\n                            setTimeout(function () {\n                                location.reload();\n                            }, 3000);\n                        }\n                    })\n                    .catch((err) => {\n                        this.loadingDeposit = false;\n                        this.$toast.error(err.response.data.message, {\n                            position: \"top-center\",\n                            timeout: 3000,\n                            closeOnClick: true,\n                            pauseOnFocusLoss: false,\n                            pauseOnHover: false,\n                            showCloseButtonOnHover: false,\n                            hideProgressBar: false,\n                            closeButton: \"button\",\n                            icon: true,\n                            rtl: false,\n                        });\n                    });\n            });\n        },\n        apprveKBI() {\n            this.loadingKbi = true;\n            axios\n                .put(\"/v1/clearing/admin/deposit/confirmation\" + this.withdrawal_id)\n                .then((res) => {\n                    if (res.status == 200) {\n                        this.loadingKbi = false;\n                        this.$toast.success(res.data.message, {\n                            position: \"top-center\",\n                            timeout: 3000,\n                            closeOnClick: true,\n                            pauseOnFocusLoss: false,\n                            pauseOnHover: false,\n                            showCloseButtonOnHover: false,\n                            hideProgressBar: false,\n                            closeButton: \"button\",\n                            icon: true,\n                            rtl: false,\n                        });\n                        setTimeout(function () {\n                            location.reload();\n                        }, 3000);\n                    }\n                })\n                .catch((err) => {\n                    this.loadingKbi = false;\n                    this.$toast.error(err.response.data.message, {\n                        position: \"top-center\",\n                        timeout: 3000,\n                        closeOnClick: true,\n                        pauseOnFocusLoss: false,\n                        pauseOnHover: false,\n                        showCloseButtonOnHover: false,\n                        hideProgressBar: false,\n                        closeButton: \"button\",\n                        icon: true,\n                        rtl: false,\n                    });\n                });\n        },\n        // onFileChange(formInput, label, ref, loadData) {\n        //   console.log(formInput, label, ref, loadData);\n        //   this[loadData] = true;\n        //   const fileInput = this.$refs[ref].files[0];\n        //   if (fileInput.type == \"image/jpeg\" || fileInput.type == \"image/jpg\" || fileInput.type == \"image/png\" || fileInput.type == \"application/pdf\") {\n        //     this.requestFormData(fileInput).then((res) => {\n        //       this[loadData] = false;\n        //       this[label] = fileInput.name;\n        //       this[formInput] = res.data.data;\n        //       console.log(this.form_attachment);\n        //     });\n        //     return this[loadData], this[label], this[formInput];\n        //   }\n        // },\n        onCustomDoc() {\n            this.loadDataCustomDoc = true;\n            const fileCustomDoc = this.$refs.customsDoc.files[0];\n            if (\n                fileCustomDoc.type == \"image/jpeg\" ||\n                fileCustomDoc.type == \"image/jpg\" ||\n                fileCustomDoc.type == \"image/png\" ||\n                fileCustomDoc.type == \"application/pdf\"\n            ) {\n                this.requestFormData(fileCustomDoc).then((res) => {\n                    this.loadDataCustomDoc = false;\n                    this.label_custom = fileCustomDoc.name;\n                    this.form_attachment.customs_doc = res.data.data;\n                });\n            }\n        },\n        onInvoice() {\n            const fileInvoice = this.$refs.invoice.files[0];\n            this.loadDataInvoice = true;\n            if (fileInvoice.type == \"image/jpeg\" || fileInvoice.type == \"image/jpg\" || fileInvoice.type == \"image/png\" || fileInvoice.type == \"application/pdf\") {\n                this.requestFormData(fileInvoice).then((res) => {\n                    this.loadDataInvoice = false;\n                    this.label_invoice = fileInvoice.name;\n                    this.form_attachment.commercial_invoice = res.data.data;\n                });\n            }\n        },\n        onManfacturing() {\n            this.loadDataManu = true;\n            const fileManuFacturing = this.$refs.manufactur.files[0];\n            if (\n                fileManuFacturing.type == \"image/jpeg\" ||\n                fileManuFacturing.type == \"image/jpg\" ||\n                fileManuFacturing.type == \"image/png\" ||\n                fileManuFacturing.type == \"application/pdf\"\n            ) {\n                this.requestFormData(fileManuFacturing).then((res) => {\n                    this.loadDataManu = false;\n                    this.label_manufacturing = fileManuFacturing.name;\n                    this.form_attachment.manufacturing_doc = res.data.data;\n                });\n            }\n        },\n        onVault() {\n            this.loadDataVault = true;\n            const fileVault = this.$refs.vault.files[0];\n            if (fileVault.type == \"image/jpeg\" || fileVault.type == \"image/jpg\" || fileVault.type == \"image/png\" || fileVault.type == \"application/pdf\") {\n                this.requestFormData(fileVault).then((res) => {\n                    this.loadDataVault = false;\n                    this.label_vault = fileVault.name;\n                    this.form_attachment.vault_doc = res.data.data;\n                });\n            }\n        },\n        onClearing() {\n            this.loadDataClearing = true;\n            const fileClearing = this.$refs.clearing.files[0];\n            if (\n                fileClearing.type == \"image/jpeg\" ||\n                fileClearing.type == \"image/jpg\" ||\n                fileClearing.type == \"image/png\" ||\n                fileClearing.type == \"application/pdf\"\n            ) {\n                this.requestFormData(fileClearing).then((res) => {\n                    this.loadDataClearing = false;\n                    this.label_clearing = fileClearing.name;\n                    this.form_attachment.clearing_doc = res.data.data;\n                });\n            }\n        },\n        onBpBatam() {\n            this.loadDataBpbatam = true;\n            const fileBpBatam = this.$refs.bpBatam.files[0];\n            if (fileBpBatam.type == \"image/jpeg\" || fileBpBatam.type == \"image/jpg\" || fileBpBatam.type == \"image/png\" || fileBpBatam.type == \"application/pdf\") {\n                this.requestFormData(fileBpBatam).then((res) => {\n                    this.loadDataBpbatam = false;\n                    this.label_bpbatam = fileBpBatam.name;\n                    this.form_attachment.recommendation_doc = res.data.data;\n                });\n            }\n        },\n        onBeaCukai() {\n            this.loadDataCukai = true;\n            const fileFtz = this.$refs.beaCukai.files[0];\n            if (fileFtz.type == \"image/jpeg\" || fileFtz.type == \"image/jpg\" || fileFtz.type == \"image/png\" || fileFtz.type == \"application/pdf\") {\n                this.requestFormData(fileFtz).then((res) => {\n                    this.loadDataCukai = false;\n                    this.label_cukai = fileFtz.name;\n                    this.form_attachment.ftz_doc = res.data.data;\n                });\n            }\n        },\n        requestFormData(fileData) {\n            let formData = new FormData();\n            formData.append(\"file\", fileData);\n            return axios.post(\"/v2/upload\", formData);\n        },\n    },\n    computed: {\n        rows() {\n            return (this.currentPage - 1) * this.perPage;\n        },\n        depositDetail() {\n            return this.dataDetail;\n        },\n        detailItemMetal() {\n            return this.dataDetail.deposit_detail;\n        },\n    },\n};\n</script>\n\n<style scoped>\n/*.wrap-dashboard {\n  min-height: 100vh;\n  margin: 0;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n}*/\n\n.error {\n    font-size: 12px;\n    color: #f5365c;\n}\n\n.upload-video {\n    border: 1px solid #1f354a;\n    padding: 0.5rem;\n    color: #1f354a;\n    border-radius: 5px;\n    font-size: 12px;\n    cursor: pointer;\n    font-weight: bold;\n}\n\n.upload-video:hover {\n    background: #1f354a;\n    color: #ffffff;\n}\n\n.icon-upload {\n    font-size: 13px;\n}\n\n#inputTag {\n    display: none;\n}\n\ninput[type=\"file\"] {\n    display: none;\n}\n\n.form-input {\n    width: 50%;\n    border-radius: 5px;\n    border: none;\n    padding: 0.5rem 1rem;\n    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);\n}\n\n.form-input:focus {\n    border-color: var(--primary-color);\n    outline: 0;\n    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);\n}\n\n.content-data {\n    display: flex;\n    gap: 1rem;\n    margin-bottom: 1rem;\n}\n\n.content-data span:first-child {\n    width: 115px;\n    font-weight: bold;\n}\n\n.wrap-left,\n.wrap-right {\n    width: 49%;\n    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 11%);\n    padding: 1.5rem;\n    border-radius: 5px;\n}\n\n.fa-check {\n    color: #28a745;\n    cursor: pointer;\n}\n.fa-times {\n    color: #dc3545;\n    cursor: pointer;\n}\n\n.title-page {\n    font-size: 25px;\n    font-weight: bold;\n    margin-bottom: 40px;\n    display: flex;\n    justify-content: space-between;\n}\n\n.download-deposit {\n    font-size: 15px;\n    font-weight: normal;\n}\n\n.form-group {\n    margin-bottom: 1.7rem;\n}\n\n.label-form {\n    display: block;\n    width: 100%;\n    font-weight: bold;\n}\n\ninput {\n    font-size: 13px;\n}\n\n.buuton-add {\n    text-align: right;\n    font-size: 13px;\n}\n\n/* .wrap-content {\n  width: 98%;\n  height: 100%;\n  margin: 0 auto;\n  padding: 20px 25px;\n} */\n\n.content {\n    display: flex;\n    gap: 1rem;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    margin-top: 15px;\n}\n\n.icon-trade {\n    width: 25px;\n}\n\n.footer {\n    background: var(--primary-color);\n    color: white;\n    padding: 20px 47px;\n    display: flex;\n    justify-content: space-between;\n    margin-top: auto;\n    height: 62px;\n}\n\n.filter {\n    display: table-cell;\n    width: 20%;\n    font-size: 12px;\n}\n.wrap-input {\n    display: flex;\n}\n\nselect {\n    width: 130px;\n    border-radius: 3px;\n    border-color: #a5a5a5a5;\n    padding: 3px;\n}\n\n.card {\n    width: 314px;\n    font-size: 14px;\n    border-radius: 10px;\n}\n\n.card-header {\n    padding: 1rem;\n}\n\n.buyer,\n.seller,\n.card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.title {\n    font-size: 12px;\n    position: relative;\n    left: 20px;\n}\n\n.title::before {\n    content: \"\";\n    position: absolute;\n    width: 11px;\n    height: 11px;\n    border-radius: 50%;\n    background: var(--scondary-color);\n    left: -17px;\n    top: 3px;\n}\n\n.buyer {\n    margin-bottom: 20px;\n}\n\n.content-right {\n    text-align: right;\n}\n\n.amount {\n    font-weight: bold;\n}\n\n.btn-primer {\n    background: var(--scondary-color);\n    border: none;\n    color: #ffffff;\n    padding: 5px 25px;\n    border-radius: 5px;\n}\n\n.btn-primer:hover {\n    background-color: var(--scondary-color-hover);\n}\n\n.status-allocated {\n    font-weight: 600;\n    color: #2dce89;\n}\n\n.status-processed {\n    font-weight: 600;\n    color: rgb(172, 143, 26);\n}\n\n.status-rejected {\n    font-weight: 600;\n    color: #f5365c;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailDeposite.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailDeposite.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailDeposite.vue?vue&type=template&id=3626af45&scoped=true&\"\nimport script from \"./DetailDeposite.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailDeposite.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailDeposite.vue?vue&type=style&index=0&id=3626af45&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3626af45\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DepositDetailTemp.vue?vue&type=style&index=0&id=71726ca7&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-detail-deposit\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title-content\"},[_c('div',{staticClass:\"card description-deposit\"},[_c('div',[_c('div',{staticClass:\"card-content\"},[_c('span',[_vm._v(\"Transaction ID\")]),_c('span',[_vm._v(_vm._s(_vm.detailDeposit.transaction_id))])]),_c('div',{staticClass:\"card-content\"},[_c('span',[_vm._v(\"Deposit Date\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"formatDateTime\")(_vm.detailDeposit.deposit_date)))])]),_c('div',{staticClass:\"card-content\"},[_c('span',[_vm._v(\"Total Item\")]),_c('span',[_vm._v(_vm._s(_vm.detailMetalItem ? _vm.detailMetalItem.total_item : \"\"))])]),_c('div',{staticClass:\"card-content\"},[_c('span',[_vm._v(\"Total Weight\")]),_c('span',[_vm._v(_vm._s(_vm.detailMetalItem ? _vm.detailMetalItem.total_weight : \"\"))])]),_c('div',{staticClass:\"card-content\"},[_c('span',[_vm._v(\"FTZ No\")]),_c('span',[_vm._v(_vm._s(_vm.detailDeposit.documents ? _vm.detailDeposit.documents.ftz_doc_no : \"\"))])]),_c('div',{staticClass:\"card-content\"},[_c('span',[_vm._v(\"Recomendation No\")]),_c('span',[_vm._v(_vm._s(_vm.detailDeposit.documents ? _vm.detailDeposit.documents.recommendation_doc_no : \"\"))])]),_c('div',{staticClass:\"card-content\"},[_c('span',[_vm._v(\"Status\")]),(_vm.detailDeposit.status == '001')?_c('span',{staticClass:\"abx\"},[_vm._v(\"Request Deposit\")]):(_vm.detailDeposit.status == '002')?_c('span',{staticClass:\"operator\"},[_vm._v(\"Operator Approve\")]):(_vm.detailDeposit.status == '003')?_c('span',{staticClass:\"clearing\"},[_vm._v(\"Clearing Confirmation\")]):(_vm.detailDeposit.status == '004')?_c('span',{staticClass:\"stored\"},[_vm._v(\"KMI Confirmation (Stored)\")]):_vm._e()])]),(_vm.role == 5 || _vm.detailDeposit == '001')?_c('button',{staticClass:\"btn btn-primer\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.openModal}},[_vm._v(\"Add Attachment\")]):_vm._e()]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"title-content\"},[_vm._v(\"Metal Info\")]),_c('table',[_vm._m(0),_c('tbody',_vm._l((_vm.detailDeposit.metal_info),function(metal,i){return _c('tr',{key:i},[_c('td',[_vm._v(_vm._s(i + 1))]),_c('td',[_vm._v(_vm._s(metal.owner))]),_c('td',[_vm._v(_vm._s(metal.dimension))]),_c('td',[_vm._v(_vm._s(metal.fineness))]),_c('td',[_vm._v(_vm._s(metal.hallmark))]),_c('td',[_vm._v(_vm._s(metal.weight))]),_c('td',[_vm._v(_vm._s(metal.serial_number))]),_c('td',[_vm._v(_vm._s(metal.item_description))])])}),0)])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"title-content\"},[_vm._v(\"Attachment\")]),_c('table',[_vm._m(1),_c('tbody',[_c('td',[(_vm.detailDeposit.attachments.commercial_invoice)?_c('button',{staticClass:\"btn btn-info-outline btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.openPreview(_vm.detailDeposit.attachments.commercial_invoice, 'Commercial Invoice Documentation')}}},[_vm._v(\" View \")]):_c('span',[_vm._v(\"No Data\")])]),_c('td',[(_vm.detailDeposit.attachments.customs_doc)?_c('button',{staticClass:\"btn btn-info-outline btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.openPreview(_vm.detailDeposit.attachments.customs_doc, 'Customs Documentation')}}},[_vm._v(\" View \")]):_c('span',[_vm._v(\"No Data\")])]),_c('td',[(_vm.detailDeposit.attachments.manufacturing_doc)?_c('button',{staticClass:\"btn btn-info-outline btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.openPreview(_vm.detailDeposit.attachments.manufacturing_doc, 'Manufacturing Documentation')}}},[_vm._v(\" View \")]):_c('span',[_vm._v(\"No Data\")])]),_c('td',[(_vm.detailDeposit.attachments.recommendation_doc)?_c('button',{staticClass:\"btn btn-info-outline btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.openPreview(_vm.detailDeposit.attachments.recommendation_doc, 'Recomendation Documentation')}}},[_vm._v(\" View \")]):_c('span',[_vm._v(\"No Data\")])]),_c('td',[(_vm.detailDeposit.attachments.vault_doc)?_c('button',{staticClass:\"btn btn-info-outline btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.openPreview(_vm.detailDeposit.attachments.vault_doc, 'Vault Documentation')}}},[_vm._v(\" View \")]):_c('span',[_vm._v(\"No Data\")])])])]),_c('b-modal',{ref:\"preview-modal\",attrs:{\"size\":\"lg\",\"title\":_vm.labelPreview}},[_c('div',{staticClass:\"d-block text-center\"},[(_vm.isPdf)?_c('div',[(_vm.isLoadingPreview)?_c('b-spinner',{attrs:{\"label\":\"Loading...\"}}):_vm._l((_vm.numPages),function(i){return _c('pdf',{key:i,attrs:{\"src\":_vm.src,\"page\":i}})})],2):_c('div',[(_vm.isLoadingPreview)?_c('b-spinner',{attrs:{\"label\":\"Loading...\"}}):_c('img',{staticStyle:{\"width\":\"100%\",\"object-fit\":\"cover\"},attrs:{\"src\":_vm.src,\"alt\":\"\"}})],1)])])],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{staticStyle:{\"width\":\"70px\"},attrs:{\"scope\":\"col\"}},[_vm._v(\"No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Depositor\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Dimension ( mm\"),_c('sup',[_vm._v(\"3\")]),_vm._v(\" )\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Fineness\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Hallmark\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Weight (gr)\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Serial Number\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Description\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('th',[_vm._v(\"Commercial Invoice\")]),_c('th',[_vm._v(\"Customs\")]),_c('th',[_vm._v(\"Manufacturing\")]),_c('th',[_vm._v(\"Recomendation\")]),_c('th',[_vm._v(\"Vault\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"wrap-detail-deposit\">\n        <div class=\"content\">\n            <div class=\"title-content\">\n                <div class=\"card description-deposit\">\n                    <div>\n                        <div class=\"card-content\">\n                            <span>Transaction ID</span>\n                            <span>{{ detailDeposit.transaction_id }}</span>\n                        </div>\n                        <div class=\"card-content\">\n                            <span>Deposit Date</span>\n                            <span>{{ detailDeposit.deposit_date | formatDateTime }}</span>\n                        </div>\n                        <div class=\"card-content\">\n                            <span>Total Item</span>\n                            <span>{{ detailMetalItem ? detailMetalItem.total_item : \"\" }}</span>\n                        </div>\n                        <div class=\"card-content\">\n                            <span>Total Weight</span>\n                            <span>{{ detailMetalItem ? detailMetalItem.total_weight : \"\" }}</span>\n                        </div>\n                        <div class=\"card-content\">\n                            <span>FTZ No</span>\n                            <span>{{ detailDeposit.documents ? detailDeposit.documents.ftz_doc_no : \"\" }}</span>\n                        </div>\n                        <div class=\"card-content\">\n                            <span>Recomendation No</span>\n                            <span>{{ detailDeposit.documents ? detailDeposit.documents.recommendation_doc_no : \"\" }}</span>\n                        </div>\n                        <div class=\"card-content\">\n                            <span>Status</span>\n                            <span v-if=\"detailDeposit.status == '001'\" class=\"abx\">Request Deposit</span>\n                            <span v-else-if=\"detailDeposit.status == '002'\" class=\"operator\">Operator Approve</span>\n                            <span v-else-if=\"detailDeposit.status == '003'\" class=\"clearing\">Clearing Confirmation</span>\n                            <span v-else-if=\"detailDeposit.status == '004'\" class=\"stored\">KMI Confirmation (Stored)</span>\n                        </div>\n                    </div>\n                    <button type=\"button\" class=\"btn btn-primer\" @click=\"openModal\" v-if=\"role == 5 || detailDeposit == '001'\">Add Attachment</button>\n                </div>\n                <div class=\"card\">\n                    <div class=\"title-content\">Metal Info</div>\n                    <table>\n                        <thead>\n                            <tr>\n                                <th scope=\"col\" style=\"width: 70px\">No</th>\n                                <th scope=\"col\">Depositor</th>\n                                <th scope=\"col\">Dimension ( mm<sup>3</sup> )</th>\n                                <th scope=\"col\">Fineness</th>\n                                <th scope=\"col\">Hallmark</th>\n                                <th scope=\"col\">Weight (gr)</th>\n                                <th scope=\"col\">Serial Number</th>\n                                <th scope=\"col\">Description</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr v-for=\"(metal, i) in detailDeposit.metal_info\" :key=\"i\">\n                                <td>{{ i + 1 }}</td>\n                                <td>{{ metal.owner }}</td>\n                                <td>{{ metal.dimension }}</td>\n                                <td>{{ metal.fineness }}</td>\n                                <td>{{ metal.hallmark }}</td>\n                                <td>{{ metal.weight }}</td>\n                                <td>{{ metal.serial_number }}</td>\n                                <td>{{ metal.item_description }}</td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </div>\n                <div class=\"card\">\n                    <div class=\"title-content\">Attachment</div>\n                    <table>\n                        <thead>\n                            <th>Commercial Invoice</th>\n                            <th>Customs</th>\n                            <th>Manufacturing</th>\n                            <th>Recomendation</th>\n                            <th>Vault</th>\n                        </thead>\n                        <tbody>\n                            <td>\n                                <button\n                                    type=\"button\"\n                                    class=\"btn btn-info-outline btn-sm\"\n                                    v-if=\"detailDeposit.attachments.commercial_invoice\"\n                                    @click=\"openPreview(detailDeposit.attachments.commercial_invoice, 'Commercial Invoice Documentation')\"\n                                >\n                                    View\n                                </button>\n                                <span v-else>No Data</span>\n                            </td>\n                            <td>\n                                <button\n                                    type=\"button\"\n                                    class=\"btn btn-info-outline btn-sm\"\n                                    v-if=\"detailDeposit.attachments.customs_doc\"\n                                    @click=\"openPreview(detailDeposit.attachments.customs_doc, 'Customs Documentation')\"\n                                >\n                                    View\n                                </button>\n                                <span v-else>No Data</span>\n                            </td>\n\n                            <td>\n                                <button\n                                    type=\"button\"\n                                    class=\"btn btn-info-outline btn-sm\"\n                                    v-if=\"detailDeposit.attachments.manufacturing_doc\"\n                                    @click=\"openPreview(detailDeposit.attachments.manufacturing_doc, 'Manufacturing Documentation')\"\n                                >\n                                    View\n                                </button>\n                                <span v-else>No Data</span>\n                            </td>\n\n                            <td>\n                                <button\n                                    type=\"button\"\n                                    class=\"btn btn-info-outline btn-sm\"\n                                    v-if=\"detailDeposit.attachments.recommendation_doc\"\n                                    @click=\"openPreview(detailDeposit.attachments.recommendation_doc, 'Recomendation Documentation')\"\n                                >\n                                    View\n                                </button>\n                                <span v-else>No Data</span>\n                            </td>\n                            <td>\n                                <button\n                                    type=\"button\"\n                                    class=\"btn btn-info-outline btn-sm\"\n                                    v-if=\"detailDeposit.attachments.vault_doc\"\n                                    @click=\"openPreview(detailDeposit.attachments.vault_doc, 'Vault Documentation')\"\n                                >\n                                    View\n                                </button>\n                                <span v-else>No Data</span>\n                            </td>\n                        </tbody>\n                    </table>\n                    <b-modal ref=\"preview-modal\" size=\"lg\" :title=\"labelPreview\">\n                        <div class=\"d-block text-center\">\n                            <div v-if=\"isPdf\">\n                                <b-spinner label=\"Loading...\" v-if=\"isLoadingPreview\"></b-spinner>\n                                <pdf v-for=\"i in numPages\" :key=\"i\" :src=\"src\" :page=\"i\" v-else />\n                            </div>\n                            <div v-else>\n                                <b-spinner label=\"Loading...\" v-if=\"isLoadingPreview\"></b-spinner>\n                                <img :src=\"src\" alt=\"\" style=\"width: 100%; object-fit: cover\" v-else />\n                            </div>\n                        </div>\n                    </b-modal>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport pdf from \"vue-pdf\";\nexport default {\n    components: {\n        pdf,\n    },\n    props: {\n        detailDeposit: Object,\n        detailMetalItem: Object,\n    },\n    data() {\n        return {\n            role: sessionStorage.getItem(\"role\"),\n            labelPreview: \"\",\n            isPdf: false,\n            isLoadingPreview: false,\n            numPages: undefined,\n            src: null,\n        };\n    },\n    methods: {\n        openPreview(file, label) {\n            this.$refs[\"preview-modal\"].show();\n            this.labelPreview = label;\n            this.isLoadingPreview = true;\n            let newFile = file.replace(\"/kmi\", \"/vms\");\n            this.getImage(newFile)\n                .then((res) => {\n                    if (file.split(\".\").pop() == \"pdf\") {\n                        this.isPdf = true;\n                        this.isLoadingPreview = false;\n                        this.src = pdf.createLoadingTask(res);\n                        this.src.promise.then((pdf) => {\n                            this.numPages = pdf.numPages;\n                        });\n                    } else {\n                        this.isLoadingPreview = false;\n                        this.isPdf = false;\n                        this.src = res;\n                    }\n                })\n                .catch(() => {\n                    this.isLoadingPreview = false;\n                });\n        },\n        async getImage(file) {\n            let image = await axios.get(\"/v2\" + file, { responseType: \"arraybuffer\" });\n            image = URL.createObjectURL(new Blob([image.data], { type: image.data.type }));\n            return image;\n        },\n        openModal() {\n            this.$emit(\"updateModal\", true);\n        },\n    },\n};\n</script>\n\n<style scoped>\n.title-page {\n    font-size: 25px;\n    font-weight: bold;\n    margin-bottom: 40px;\n}\n\n.card {\n    padding: 1rem;\n    margin-bottom: 1rem;\n}\n\n.description-deposit {\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.btn-primer {\n    height: 2.5rem;\n}\n\n.card-content {\n    display: flex;\n    gap: 0.5rem;\n    margin-bottom: 0.5rem;\n    font-size: 14px;\n}\n\n.card-content span:first-child {\n    width: 9rem;\n}\n\n.card-content span:last-child {\n    font-weight: bold;\n}\n\n.clearing {\n    /* background: rgba(50, 90, 115, 0.1); */\n    font-weight: 600;\n    color: rgb(50, 90, 115);\n    border-radius: 5px;\n}\n.operator {\n    /* background: rgba(252, 108, 4, 0.1); */\n    font-weight: 600;\n    color: rgb(252, 108, 4);\n    border-radius: 5px;\n}\n.abx {\n    /* background: rgba(252, 108, 4, 0.1); */\n    font-weight: 600;\n    color: rgb(172, 143, 26);\n    border-radius: 5px;\n}\n.stored {\n    /* background: rgba(40, 167, 69, 0.1); */\n    font-weight: 600;\n    color: rgb(40, 167, 69);\n    border-radius: 5px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DepositDetailTemp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DepositDetailTemp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DepositDetailTemp.vue?vue&type=template&id=71726ca7&scoped=true&\"\nimport script from \"./DepositDetailTemp.vue?vue&type=script&lang=js&\"\nexport * from \"./DepositDetailTemp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DepositDetailTemp.vue?vue&type=style&index=0&id=71726ca7&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"71726ca7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}