{"version":3,"sources":["webpack:///./src/views/vms/offExcahnge/deposit/DetailDeposit.vue?2b24","webpack:///./src/views/vms/offExcahnge/deposit/DetailDeposit.vue?e745","webpack:///src/views/vms/offExcahnge/deposit/DetailDeposit.vue","webpack:///./src/views/vms/offExcahnge/deposit/DetailDeposit.vue?cc32","webpack:///./src/views/vms/offExcahnge/deposit/DetailDeposit.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","dataDetail","directives","name","rawName","value","role","status","expression","on","processDeposit","loadingDeposit","_v","payment_info","payment_status","attachments","invoice_doc","paymentConfirm","staticRenderFns","component"],"mappings":"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","file":"js/chunk-3ce02700.9a8b0808.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!./DetailDeposit.vue?vue&type=style&index=0&id=7ec2efac&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\"},[_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' && _vm.dataDetail.attachments.invoice_doc != ''),expression:\"role == 1 && dataDetail.status == '005' && dataDetail.payment_info.payment_status == 'unpaid' && dataDetail.attachments.invoice_doc != ''\"}]},[_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        <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' && dataDetail.attachments.invoice_doc != ''\">\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</template>\n\n<script>\nimport axios from \"axios\";\n// import pdf from \"vue-pdf\";\nimport { required } from \"vuelidate/lib/validators\";\nimport DepositDetailOffTemp from \"../../../../components/deposit/DepositDetailOffTemp.vue\";\n\nexport default {\n    components: {\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            if (this.dataDetail.attachments.receipt_doc) {\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            } else {\n                this.$toast.error(\"Document Proof Payment is Required\");\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!./DetailDeposit.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!./DetailDeposit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailDeposit.vue?vue&type=template&id=7ec2efac&scoped=true&\"\nimport script from \"./DetailDeposit.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailDeposit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailDeposit.vue?vue&type=style&index=0&id=7ec2efac&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  \"7ec2efac\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}