{"version":3,"sources":["webpack:///./src/views/Deposite.vue?3330","webpack:///src/views/Deposite.vue","webpack:///./src/views/Deposite.vue?5c65","webpack:///./src/views/Deposite.vue","webpack:///./src/views/Deposite.vue?af89"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","class","activeTab","typePage","on","$event","filterTypeDeposit","attrs","getDataDeposit","getTotalData","currentPage","perPage","isLoading","typeDeposit","filterTable","getDataClient","getDataContract","directives","name","rawName","value","expression","handlePageChange","model","callback","$$v","staticRenderFns","component"],"mappings":"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","file":"js/chunk-3bb04f8e.860dddd2.js","sourcesContent":["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('div',{staticClass:\"wrap-content\"},[_c('div',{staticClass:\"title-page\"},[_vm._v(\"Deposit\")]),_c('div',{staticClass:\"nav-tab\"},[_c('span',{staticClass:\"tab\",class:{ activeTab: _vm.typePage == 'deposit' },on:{\"click\":function($event){return _vm.filterTypeDeposit('deposit')}}},[_vm._v(\"List Deposit\")]),_c('span',{staticClass:\"tab\",class:{ activeTab: _vm.typePage == 'metal' },on:{\"click\":function($event){return _vm.filterTypeDeposit('metal')}}},[_vm._v(\"List Metal\")])]),(_vm.typePage == 'deposit')?_c('list-deposit',{attrs:{\"depositData\":_vm.getDataDeposit,\"totalDeposit\":_vm.getTotalData,\"pageNumber\":_vm.currentPage,\"totalPerPage\":_vm.perPage,\"isLoadingData\":_vm.isLoading,\"typeDeposit\":_vm.typeDeposit},on:{\"setFilterTable\":_vm.filterTable}}):_c('list-metal',{attrs:{\"metalData\":_vm.getDataDeposit,\"pageNumber\":_vm.currentPage,\"totalPerPage\":_vm.perPage,\"dataClient\":_vm.getDataClient,\"dataContract\":_vm.getDataContract,\"isLoadingData\":_vm.isLoading,\"totalData\":_vm.getTotalData,\"typeDeposit\":_vm.typeDeposit},on:{\"setFilterTable\":_vm.filterTable}}),_c('div',{staticClass:\"d-flex justify-content-end mt-3\"},[_c('b-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getTotalData > 10),expression:\"getTotalData > 10\"}],attrs:{\"total-rows\":_vm.getTotalData,\"per-page\":_vm.perPage,\"aria-controls\":\"new-table\",\"first-number\":\"\",\"last-number\":\"\"},on:{\"change\":_vm.handlePageChange},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"wrap-dashboard\">\n        <div class=\"main-content\">\n            <div class=\"wrap-content\">\n                <div class=\"title-page\">Deposit</div>\n                <div class=\"nav-tab\">\n                    <span class=\"tab\" :class=\"{ activeTab: typePage == 'deposit' }\" @click=\"filterTypeDeposit('deposit')\">List Deposit</span>\n                    <span class=\"tab\" :class=\"{ activeTab: typePage == 'metal' }\" @click=\"filterTypeDeposit('metal')\">List Metal</span>\n                </div>\n                <list-deposit\n                    v-if=\"typePage == 'deposit'\"\n                    :depositData=\"getDataDeposit\"\n                    :totalDeposit=\"getTotalData\"\n                    :pageNumber=\"currentPage\"\n                    :totalPerPage=\"perPage\"\n                    :isLoadingData=\"isLoading\"\n                    :typeDeposit=\"typeDeposit\"\n                    @setFilterTable=\"filterTable\"\n                ></list-deposit>\n                <list-metal\n                    v-else\n                    :metalData=\"getDataDeposit\"\n                    :pageNumber=\"currentPage\"\n                    :totalPerPage=\"perPage\"\n                    :dataClient=\"getDataClient\"\n                    :dataContract=\"getDataContract\"\n                    :isLoadingData=\"isLoading\"\n                    :totalData=\"getTotalData\"\n                    :typeDeposit=\"typeDeposit\"\n                    @setFilterTable=\"filterTable\"\n                ></list-metal>\n\n                <div class=\"d-flex justify-content-end mt-3\">\n                    <b-pagination\n                        v-model=\"currentPage\"\n                        :total-rows=\"getTotalData\"\n                        :per-page=\"perPage\"\n                        @change=\"handlePageChange\"\n                        aria-controls=\"new-table\"\n                        first-number\n                        last-number\n                        v-show=\"getTotalData > 10\"\n                    ></b-pagination>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ListMetal from \"../components/deposit/ListMetal.vue\";\nimport ListDeposit from \"../components/deposit/ListDeposit.vue\";\nexport default {\n    components: { ListMetal, ListDeposit },\n    data() {\n        return {\n            currentPage: 1,\n            perPage: 10,\n            lengthData: 1,\n            typePage: \"deposit\",\n            typeDeposit: \"onexchange\",\n            contract_id: \"\",\n            owner: \"\",\n            hallmark: \"\",\n            activity: \"deposit\",\n            startDate: \"\",\n            endDate: \"\",\n            serialNumber: \"\",\n            status: \"\",\n            dateType: \"\",\n        };\n    },\n    mounted() {\n        this.getData(\n            this.activity,\n            this.owner,\n            this.startDate,\n            this.endDate,\n            this.serialNumber,\n            this.hallmark,\n            this.status,\n            this.dateType,\n            this.perPage,\n            this.currentPage,\n            this.contract_id,\n            this.typeDeposit\n        );\n    },\n    methods: {\n        filterTable(event) {\n            this.owner = event.owner;\n            this.startDate = event.startDate;\n            this.endDate = event.endDate;\n            this.serialNumber = event.serial_number;\n            this.hallmark = event.hallmark;\n            this.status = event.status;\n            this.dateType = event.dateType;\n            this.contract_id = event.contract_id;\n            this.getData(\n                this.activity,\n                this.owner,\n                this.startDate,\n                this.endDate,\n                this.serialNumber,\n                this.hallmark,\n                this.status,\n                this.dateType,\n                this.perPage,\n                this.currentPage,\n                this.contract_id,\n                this.typeDeposit\n            );\n        },\n        handlePageChange(value) {\n            this.currentPage = value;\n            this.getData(\n                this.activity,\n                this.owner,\n                this.startDate,\n                this.endDate,\n                this.serialNumber,\n                this.hallmark,\n                this.status,\n                this.dateType,\n                this.perPage,\n                this.currentPage,\n                this.contract_id,\n                this.typeDeposit\n            );\n            window.scrollTo({ top: 0, behavior: \"smooth\" });\n        },\n        filterTypeDeposit(value) {\n            this.typePage = value;\n            this.getData(\n                this.activity,\n                this.owner,\n                this.startDate,\n                this.endDate,\n                this.serialNumber,\n                this.hallmark,\n                this.status,\n                this.dateType,\n                this.perPage,\n                this.currentPage,\n                this.contract_id,\n                this.typeDeposit\n            );\n        },\n        getData(activity, owner, startDate, endDate, serialNumber, hallmark, status, dateType, perPage, currentPage, contract_id, type) {\n            if (this.typePage == \"deposit\") {\n                this.$store.dispatch(\"getListDeposit\", {\n                    serialNumber: serialNumber,\n                    perPage: perPage,\n                    currentPage: currentPage,\n                    owner: owner,\n                    startDate: startDate,\n                    endDate: endDate,\n                    status: status,\n                    type: type,\n                });\n            } else {\n                this.$store.dispatch(\"getListMetal\", {\n                    activity: activity,\n                    perPage: perPage,\n                    currentPage: currentPage,\n                    startDate: startDate,\n                    endDate: endDate,\n                    type: type,\n                    owner: owner,\n                    serialNumber: serialNumber,\n                    hallmark: hallmark,\n                    dateType: dateType,\n                    status: status,\n                    contract_id: contract_id,\n                });\n            }\n        },\n    },\n    computed: {\n        rows() {\n            return (this.currentPage - 1) * this.perPage;\n        },\n        getDataDeposit() {\n            return this.$store.state.vaultModul.depositData;\n        },\n        getTotalData() {\n            return this.$store.state.vaultModul.totalData;\n        },\n        isLoading() {\n            return this.$store.state.vaultModul.isLoading;\n        },\n        getDataContract() {\n            return this.$store.state.vaultModul.dataContract;\n        },\n        getDataClient() {\n            return this.$store.state.vaultModul.dataClient;\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\n.nav-tab {\n    font-size: 15px;\n    font-weight: 600;\n    margin-bottom: 2rem;\n    color: #636366;\n    padding: 0.8rem 0;\n    justify-self: flex-start;\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\nlabel {\n    width: 50%;\n    text-align: left;\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.button-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: 110px;\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.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.error {\n    /* background: rgba(252, 108, 4, 0.1); */\n    font-weight: 600;\n    color: rgb(252, 108, 4);\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.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\n.vendor {\n    /* background: rgba(252, 108, 4, 0.1); */\n    font-weight: 600;\n    color: rgb(250, 194, 75);\n    border-radius: 5px;\n}\n\n.reject {\n    font-weight: 600;\n    color: rgb(250, 119, 75);\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!./Deposite.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!./Deposite.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Deposite.vue?vue&type=template&id=1bf5b3df&scoped=true&\"\nimport script from \"./Deposite.vue?vue&type=script&lang=js&\"\nexport * from \"./Deposite.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Deposite.vue?vue&type=style&index=0&id=1bf5b3df&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  \"1bf5b3df\",\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!./Deposite.vue?vue&type=style&index=0&id=1bf5b3df&scoped=true&lang=css&\""],"sourceRoot":""}