{"version":3,"sources":["webpack:///./src/views/operator/Withdrawal.vue?4208","webpack:///./src/views/operator/Withdrawal.vue?e94d","webpack:///src/views/operator/Withdrawal.vue","webpack:///./src/views/operator/Withdrawal.vue?dd39","webpack:///./src/views/operator/Withdrawal.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","component"],"mappings":"gHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,qBAAqB,MACpMG,EAAkB,G,iCCUtB,GACE,WAAF,CAAI,eAAJ,cACE,KAFF,WAGI,MAAJ,CACM,gBAAN,GACM,aAAN,aACM,WAAN,GACM,WAAN,EACM,cAAN,EACM,YAAN,GACM,YAAN,EACM,QAAN,GACM,WAAN,EACM,SAAN,GACM,OAAN,EACM,KAAN,GACM,KAAN,CACQ,UAAR,GACQ,QAAR,IAEM,MAAN,GACM,UAAN,GACM,QAAN,GACM,OAAN,GACM,aAAN,KAGE,QA3BF,WA2BI,IAAJ,OACI,KAAJ,iHACI,EAAJ,4FACM,EAAN,gCAGE,QAAF,CACI,iBADJ,SACA,GACM,KAAN,kGACM,OAAN,UAAQ,IAAR,EAAQ,SAAR,YAEI,mBALJ,SAKA,GAAM,IAAN,OACM,KAAN,gBACM,KAAN,eACM,EAAN,4FACQ,EAAR,+BAEM,KAAN,kGAEI,YAbJ,SAaA,GACM,KAAN,oGAEI,QAhBJ,SAgBA,eAAM,IAAN,OACM,KAAN,aACM,IAAN,qBACM,EAAN,EACA,IACA,mDACA,EACA,kBACA,EACA,cACA,EACA,YACA,EACA,WACA,EACA,UACA,aACA,WACA,EACA,SACA,GAEA,kBACQ,EAAR,6BACQ,EAAR,iCACQ,EAAR,kBAIE,SAAF,CACI,KADJ,WAEM,OAAN,oCC3FmW,I,wBCQ/VC,EAAY,eACd,EACAT,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-5ae195f5.e0dffc38.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!./Withdrawal.vue?vue&type=style&index=0&id=60b40976&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('div',{staticClass:\"main-content\"},[_c('withdraw-on-temp')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"wrap-dashboard\">\n        <div class=\"main-content\">\n            <withdraw-on-temp></withdraw-on-temp>\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport WithdrawOnTemp from \"../../components/withdrawal/WithdrawOnTemp.vue\";\nexport default {\n    components: { WithdrawOnTemp },\n    data() {\n        return {\n            dataTransaction: [],\n            typeWithdraw: \"onexchange\",\n            dataClient: [],\n            isLoading: false,\n            isShowFilter: false,\n            pageOfItems: [],\n            currentPage: 1,\n            perPage: 10,\n            lengthData: 1,\n            trade_id: [],\n            offset: 0,\n            data: [],\n            form: {\n                startDate: \"\",\n                endDate: \"\",\n            },\n            owner: \"\",\n            startDate: \"\",\n            endDate: \"\",\n            status: \"\",\n            serialNumber: \"\",\n        };\n    },\n    mounted() {\n        this.getData(this.currentPage, this.typeWithdraw, this.owner, this.startDate, this.endDate, this.status, this.serialNumber);\n        axios.get(\"/v2/clearing/operator/get/list_depositor?type=\" + this.typeWithdraw).then((res) => {\n            this.dataClient = res.data.data.body;\n        });\n    },\n    methods: {\n        handlePageChange(value) {\n            this.getData(value, this.typeWithdraw, this.owner, this.startDate, this.endDate, this.status, this.serialNumber);\n            window.scrollTo({ top: 0, behavior: \"smooth\" });\n        },\n        filterTypeWithdraw(value) {\n            this.isShowFilter = false;\n            this.typeWithdraw = value;\n            axios.get(\"/v2/clearing/operator/get/list_depositor?type=\" + this.typeWithdraw).then((res) => {\n                this.dataClient = res.data.data.body;\n            });\n            this.getData(this.currentPage, value, this.owner, this.startDate, this.endDate, this.status, this.serialNumber);\n        },\n        filterTable(event) {\n            this.getData(this.currentPage, this.typeWithdraw, event.owner, event.startDate, event.endDate, event.status, event.serial_number);\n        },\n        getData(value, type, owner, startDate, endDate, status, serialNumber) {\n            this.isLoading = true;\n            let offset = (value - 1) * this.perPage;\n            axios\n                .get(\n                    \"/v2/clearing/operator/get/list/withdrawal?owner=\" +\n                        owner +\n                        \"&serial_number=\" +\n                        serialNumber +\n                        \"&startDate=\" +\n                        startDate +\n                        \"&endDate=\" +\n                        endDate +\n                        \"&status=\" +\n                        status +\n                        \"&limit=\" +\n                        this.perPage +\n                        \"&offset=\" +\n                        offset +\n                        \"&type=\" +\n                        type\n                )\n                .then((res) => {\n                    this.lengthData = res.data.data.count;\n                    this.dataTransaction = res.data.data.body;\n                    this.isLoading = false;\n                });\n        },\n    },\n    computed: {\n        rows() {\n            return (this.currentPage - 1) * this.perPage;\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.title-page {\n    font-size: 25px;\n    font-weight: bold;\n    margin-bottom: 40px;\n}\n\nlabel {\n    width: 50%;\n}\n\n.select-input,\ninput {\n    width: 100%;\n}\n\n.form-group {\n    display: flex;\n}\n\n.select-input,\ninput {\n    border-radius: 5px;\n    border: 1px solid #454545;\n    padding: 0 10px;\n    font-size: 13px;\n}\n\n.buuton-add {\n    text-align: right;\n    font-size: 13px;\n}\n\n.content {\n    display: flex;\n    gap: 1rem;\n    flex-wrap: wrap;\n    justify-content: flex-end;\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: flex;\n    gap: 1rem;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n    font-size: 12px;\n    flex-wrap: wrap;\n}\n\n.wrap-input {\n    margin-bottom: 10px;\n}\n.label-input {\n    width: 109px;\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.nav-tab {\n    font-size: 15px;\n    font-weight: 600;\n    margin-bottom: 2rem;\n    color: #636366;\n    padding: 0.8rem 0;\n}\n\n.tab {\n    padding: 0.8rem 1rem;\n    cursor: pointer;\n}\n\n.tab:hover,\n.activeTab {\n    color: var(--scondary-color);\n    border-bottom: 2px solid var(--scondary-color);\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-withdrawal {\n    padding: 5px;\n    display: inherit;\n}\n\n.request {\n    /* background: rgba(252, 108, 4, 0.3); */\n    font-weight: 600;\n    color: rgb(252, 108, 4);\n    border-radius: 5px;\n}\n.abx {\n    /* background: rgba(172, 143, 26, 0.3); */\n    font-weight: 600;\n    color: rgb(172, 143, 26);\n    border-radius: 5px;\n}\n.operator {\n    /* background: rgba(89, 37, 25, 0.3); */\n    font-weight: 600;\n    color: rgb(89, 37, 25);\n    border-radius: 5px;\n}\n.kbi {\n    /* background: rgba(60, 60, 92, 0.3); */\n    font-weight: 600;\n    color: rgb(60, 60, 92);\n    border-radius: 5px;\n}\n.shipping {\n    /* background: rgba(188, 180, 179, 0.3); */\n    font-weight: 600;\n    color: rgb(188, 180, 179);\n    border-radius: 5px;\n}\n.handover {\n    /* background: rgba(50, 90, 115, 0.3); */\n    font-weight: 600;\n    color: rgb(50, 90, 115);\n    border-radius: 5px;\n}\n.kprk {\n    /* background: rgba(252, 108, 4, 0.3); */\n    font-weight: 600;\n    color: rgb(252, 108, 4);\n    border-radius: 5px;\n}\n.nasabah {\n    /* background: rgba(40, 167, 69, 0.3); */\n    font-weight: 600;\n    color: rgb(40, 167, 69);\n    border-radius: 5px;\n}\n.decline {\n    /* background: rgba(220, 53, 69, 0.3); */\n    font-weight: 600;\n    color: rgb(220, 53, 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!./Withdrawal.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!./Withdrawal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Withdrawal.vue?vue&type=template&id=60b40976&scoped=true&\"\nimport script from \"./Withdrawal.vue?vue&type=script&lang=js&\"\nexport * from \"./Withdrawal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Withdrawal.vue?vue&type=style&index=0&id=60b40976&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  \"60b40976\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}