{"version":3,"sources":["webpack:///./src/components/utility/Loader.vue?0c1d","webpack:///./src/views/PermissionList.vue?73ae","webpack:///./src/views/PermissionList.vue?437a","webpack:///src/views/PermissionList.vue","webpack:///./src/views/PermissionList.vue?d9ac","webpack:///./src/views/PermissionList.vue","webpack:///./src/components/utility/Loader.vue?c268","webpack:///src/components/utility/Loader.vue","webpack:///./src/components/utility/Loader.vue?2248","webpack:///./src/components/utility/Loader.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","_l","data","i","directives","name","rawName","value","dataTransaction","expression","key","attrs","_s","currentPage","perPage","_f","tgl_daftar","no_ijin","nama_persh","no_pendaftaran","no_surat_mohon","urailayan","id_ijin","length","on","$event","selected","approveDeposite","isLoadingOtp","lengthData","handlePageChange","model","callback","$$v","staticRenderFns","staticStyle","component"],"mappings":"gHAAA,W,kCCAA,W,2CCAA,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,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,sBAAsBH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,QAAQ,CAACJ,EAAIQ,GAAG,GAAGJ,EAAG,QAAQ,CAACJ,EAAIS,GAAIT,EAAmB,iBAAE,SAASU,EAAKC,GAAG,OAAOP,EAAG,KAAK,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAA8B,GAAvBf,EAAIgB,gBAAsBC,WAAW,yBAAyBC,IAAIP,GAAG,CAACP,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,OAAO,CAACnB,EAAIO,GAAGP,EAAIoB,IAAIpB,EAAIqB,YAAc,GAAKrB,EAAIsB,SAAWX,EAAI,OAAOP,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,kBAAkB,CAACnB,EAAIO,GAAGP,EAAIoB,GAAGpB,EAAIuB,GAAG,aAAPvB,CAAqBU,EAAKc,gBAAgBpB,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,cAAc,CAACnB,EAAIO,GAAGP,EAAIoB,GAAGV,EAAKe,YAAYrB,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,WAAW,CAACnB,EAAIO,GAAGP,EAAIoB,GAAGV,EAAKgB,eAAetB,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,aAAa,CAACnB,EAAIO,GAAGP,EAAIoB,GAAGV,EAAKiB,mBAAmBvB,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,aAAa,CAACnB,EAAIO,GAAGP,EAAIoB,GAAGV,EAAKkB,mBAAmBxB,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,kBAAkB,CAACnB,EAAIO,GAAGP,EAAIoB,GAAGV,EAAKmB,cAAczB,EAAG,KAAK,CAACe,MAAM,CAAC,aAAa,WAAW,CAACf,EAAG,cAAc,CAACe,MAAM,CAAC,GAAK,sBAAwBT,EAAKoB,UAAU,CAAC1B,EAAG,WAAW,CAACE,YAAY,MAAMa,MAAM,CAAC,QAAU,eAAe,KAAO,OAAO,CAACnB,EAAIO,GAAG,aAAa,IAAI,QAAOH,EAAG,KAAK,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAqC,GAA9Bf,EAAIgB,gBAAgBe,OAAad,WAAW,iCAAiC,CAACb,EAAG,KAAK,CAACe,MAAM,CAAC,QAAU,OAAO,CAACnB,EAAIO,GAAG,mCAAmC,KAAKH,EAAG,MAAM,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAY,SAAEiB,WAAW,aAAaX,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAO,CAACJ,EAAIO,GAAG,+BAA+BH,EAAG,SAAS,CAACE,YAAY,QAAQa,MAAM,CAAC,KAAO,SAAS,eAAe,QAAQ,aAAa,SAASa,GAAG,CAAC,MAAQ,SAASC,GAAQjC,EAAIkC,UAAW,KAAS,CAAC9B,EAAG,OAAO,CAACe,MAAM,CAAC,cAAc,SAAS,CAACnB,EAAIO,GAAG,WAAWP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB0B,GAAG,CAAC,MAAQ,SAASC,GAAQjC,EAAIkC,UAAW,KAAS,CAAC9B,EAAG,MAAM,CAACJ,EAAIO,GAAG,cAAcH,EAAG,MAAM,CAACE,YAAY,oBAAoB0B,GAAG,CAAC,MAAQhC,EAAImC,kBAAkB,CAAC/B,EAAG,MAAM,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAA2B,GAApBf,EAAIoC,aAAuBnB,WAAW,2BAA2B,CAACjB,EAAIO,GAAG,aAAaH,EAAG,UAAU,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAgB,aAAEiB,WAAW,oBAAoB,SAASb,EAAG,eAAe,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAIqC,WAAa,GAAIpB,WAAW,oBAAoBE,MAAM,CAAC,aAAanB,EAAIqC,WAAW,WAAWrC,EAAIsB,QAAQ,gBAAgB,YAAY,eAAe,GAAG,cAAc,IAAIU,GAAG,CAAC,OAAShC,EAAIsC,kBAAkBC,MAAM,CAACxB,MAAOf,EAAe,YAAEwC,SAAS,SAAUC,GAAMzC,EAAIqB,YAAYoB,GAAKxB,WAAW,kBAAkB,UACt3FyB,EAAkB,CAAC,WAAa,IAAI1C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACe,MAAM,CAAC,GAAK,QAAQ,CAACf,EAAG,KAAK,CAACuC,YAAY,CAAC,MAAQ,QAAQxB,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,QAAQH,EAAG,KAAK,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,qBAAqBH,EAAG,KAAK,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,mBAAmBH,EAAG,KAAK,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,kBAAkBH,EAAG,KAAK,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,iBAAiBH,EAAG,KAAK,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,2BAA2BH,EAAG,KAAK,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,iBAAiBH,EAAG,KAAK,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIO,GAAG,iBAAiB,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAG,wD,uDCiFxyB,GACE,WAAF,CACI,QAAJ,QAEE,KAJF,WAKI,MAAJ,CACM,gBAAN,GACM,aAAN,GACM,WAAN,EACM,cAAN,EACM,SAAN,GACM,YAAN,GACM,YAAN,EACM,QAAN,GACM,WAAN,EACM,SAAN,GACM,OAAN,EACM,QAAN,GACM,KAAN,GACM,WAAN,GACM,KAAN,GACM,MAAN,GACM,KAAN,CACQ,KAAR,GACQ,MAAR,GACQ,YAAR,GACQ,UAAR,GACQ,IAAR,UACQ,cAAR,GACQ,UAAR,GACQ,SAAR,GACQ,SAAR,GACQ,OAAR,GACQ,cAAR,GACQ,KAAR,GACQ,iBAAR,IAEM,OAAN,KACM,UAAN,GACM,SAAN,GACM,SAAN,GACM,YAAN,QACM,YAAN,eAGE,QA7CF,WA8CI,KAAJ,6CACI,KAAJ,UACI,KAAJ,qCAEE,QAAF,CACI,iBADJ,SACA,GACM,KAAN,4BACM,OAAN,UAAQ,IAAR,EAAQ,SAAR,YAEI,QALJ,WAKM,IAAN,OACM,EAAN,iFACQ,EAAR,iCACQ,EAAR,iCAII,gBAZJ,WAYM,IACN,EADA,OAGQ,EADR,2BACA,8CAEA,0CAEM,KAAN,gBACM,EAAN,EACA,OAAQ,IAAR,eACA,kBACA,gBACU,EAAV,gBACU,EAAV,+BACU,YAAV,WACY,SAAZ,WACA,SAGA,mBACQ,EAAR,gBACQ,EAAR,2CAIE,SAAF,CACI,KADJ,WAEM,OAAN,oCC3KwV,I,wBCQpVqC,EAAY,eACd,EACA7C,EACA2C,GACA,EACA,KACA,WACA,MAIa,aAAAE,E,6FCnBf,IAAI7C,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAIK,MAAMD,GAAO,OAAOJ,EAAIQ,GAAG,IACnGkC,EAAkB,CAAC,WAAa,IAAI1C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAOA,EAAG,OAAOA,EAAG,OAAOA,EAAG,WCS9K,KCV+V,I,wBCQ3VwC,EAAY,eACd,EACA7C,EACA2C,GACA,EACA,KACA,WACA,MAIa,OAAAE,E","file":"js/chunk-ce77747a.9d4c7146.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!./Loader.vue?vue&type=style&index=0&id=2c1be436&scoped=true&lang=css&\"","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!./PermissionList.vue?vue&type=style&index=0&id=0194139d&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('div',{staticClass:\"wrap-content\"},[_c('div',{staticClass:\"title-page\"},[_vm._v(\"IBOSS Permission\")]),_c('div',{staticClass:\"content\"},[_c('table',[_vm._m(0),_c('tbody',[_vm._l((_vm.dataTransaction),function(data,i){return _c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.dataTransaction != 0),expression:\"dataTransaction != 0\"}],key:i},[_c('td',{attrs:{\"data-label\":\"No\"}},[_vm._v(_vm._s((_vm.currentPage - 1) * _vm.perPage + (i + 1)))]),_c('td',{attrs:{\"data-label\":\"Deposite Date\"}},[_vm._v(_vm._s(_vm._f(\"formatDate\")(data.tgl_daftar)))]),_c('td',{attrs:{\"data-label\":\"Dimension\"}},[_vm._v(_vm._s(data.no_ijin))]),_c('td',{attrs:{\"data-label\":\"Weight\"}},[_vm._v(_vm._s(data.nama_persh))]),_c('td',{attrs:{\"data-label\":\"Fineness\"}},[_vm._v(_vm._s(data.no_pendaftaran))]),_c('td',{attrs:{\"data-label\":\"Hallmark\"}},[_vm._v(_vm._s(data.no_surat_mohon))]),_c('td',{attrs:{\"data-label\":\"Serial Number\"}},[_vm._v(_vm._s(data.urailayan))]),_c('td',{attrs:{\"data-label\":\"Action\"}},[_c('router-link',{attrs:{\"to\":'/permission-detail/' + data.id_ijin}},[_c('b-button',{staticClass:\"m-1\",attrs:{\"variant\":\"outline-info\",\"size\":\"sm\"}},[_vm._v(\"Detail\")])],1)],1)])}),_c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.dataTransaction.length == 0),expression:\"dataTransaction.length == 0\"}]},[_c('td',{attrs:{\"colspan\":\"10\"}},[_vm._v(\"No Data Available in Table\")])])],2)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selected),expression:\"selected\"}],staticClass:\"self-modal\"},[_c('div',{staticClass:\"content-modal\"},[_c('div',{staticClass:\"title-header\"},[_c('span',[_vm._v(\"Approval Storage Operator\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":function($event){_vm.selected = false}}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]),_vm._m(1),_c('div',{staticClass:\"footer-modal\"},[_c('div',{staticClass:\"button btn-scondary\",on:{\"click\":function($event){_vm.selected = false}}},[_c('div',[_vm._v(\"Cancel\")])]),_c('div',{staticClass:\"button btn-primer\",on:{\"click\":_vm.approveDeposite}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoadingOtp == false),expression:\"isLoadingOtp == false\"}]},[_vm._v(\"Approve\")]),_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoadingOtp),expression:\"isLoadingOtp\"}]})],1)])])]),_c('b-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.lengthData > 10),expression:\"lengthData > 10\"}],attrs:{\"total-rows\":_vm.lengthData,\"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)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',{attrs:{\"id\":\"top\"}},[_c('th',{staticStyle:{\"width\":\"70px\"},attrs:{\"scope\":\"col\"}},[_vm._v(\"No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Permission Date\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Permission No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Company Name\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Register No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Application Letter No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Description\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Action\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body-modal\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(\"Are you sure to approve this storage operator?\")])])}]\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\">IBOSS Permission</div>\n                <div class=\"content\">\n                    <table>\n                        <thead>\n                            <tr id=\"top\">\n                                <th scope=\"col\" style=\"width: 70px\">No</th>\n                                <th scope=\"col\">Permission Date</th>\n                                <th scope=\"col\">Permission No</th>\n                                <th scope=\"col\">Company Name</th>\n                                <th scope=\"col\">Register No</th>\n                                <th scope=\"col\">Application Letter No</th>\n                                <!-- <th scope=\"col\" rowspan=\"2\">Status</th> -->\n                                <th scope=\"col\">Description</th>\n                                <th scope=\"col\">Action</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr v-for=\"(data, i) in dataTransaction\" :key=\"i\" v-show=\"dataTransaction != 0\">\n                                <td data-label=\"No\">{{ (currentPage - 1) * perPage + (i + 1) }}</td>\n                                <td data-label=\"Deposite Date\">{{ data.tgl_daftar | formatDate }}</td>\n                                <td data-label=\"Dimension\">{{ data.no_ijin }}</td>\n                                <td data-label=\"Weight\">{{ data.nama_persh }}</td>\n                                <td data-label=\"Fineness\">{{ data.no_pendaftaran }}</td>\n                                <td data-label=\"Hallmark\">{{ data.no_surat_mohon }}</td>\n                                <td data-label=\"Serial Number\">{{ data.urailayan }}</td>\n                                <td data-label=\"Action\">\n                                    <router-link :to=\"'/permission-detail/' + data.id_ijin\">\n                                        <b-button variant=\"outline-info\" size=\"sm\" class=\"m-1\">Detail</b-button>\n                                    </router-link>\n                                </td>\n                            </tr>\n                            <tr v-show=\"dataTransaction.length == 0\">\n                                <td colspan=\"10\">No Data Available in Table</td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <div class=\"self-modal\" v-show=\"selected\">\n                        <div class=\"content-modal\">\n                            <div class=\"title-header\">\n                                <span>Approval Storage Operator</span>\n                                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" @click=\"selected = false\">\n                                    <span aria-hidden=\"true\">&times;</span>\n                                </button>\n                            </div>\n                            <div class=\"body-modal\">\n                                <div class=\"content-title\">Are you sure to approve this storage operator?</div>\n                            </div>\n                            <div class=\"footer-modal\">\n                                <div class=\"button btn-scondary\" @click=\"selected = false\">\n                                    <div>Cancel</div>\n                                </div>\n                                <div class=\"button btn-primer\" @click=\"approveDeposite\">\n                                    <div v-show=\"isLoadingOtp == false\">Approve</div>\n                                    <Loading v-show=\"isLoadingOtp\" />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <b-pagination\n                        v-model=\"currentPage\"\n                        :total-rows=\"lengthData\"\n                        :per-page=\"perPage\"\n                        @change=\"handlePageChange\"\n                        aria-controls=\"new-table\"\n                        first-number\n                        last-number\n                        v-show=\"lengthData > 10\"\n                    ></b-pagination>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport Loading from \"../components/utility/Loader.vue\";\nexport default {\n    components: {\n        Loading,\n    },\n    data() {\n        return {\n            dataTransaction: [],\n            dataContract: [],\n            isLoading: false,\n            isLoadingOtp: false,\n            selected: \"\",\n            pageOfItems: [],\n            currentPage: 1,\n            perPage: 10,\n            lengthData: 1,\n            trade_id: [],\n            offset: 0,\n            data_id: \"\",\n            data: [],\n            listVendor: [],\n            role: \"\",\n            today: \"\",\n            form: {\n                info: \"\",\n                owner: \"\",\n                contract_id: \"\",\n                allocated: \"\",\n                hub: \"Jakarta\",\n                deposite_date: \"\",\n                dimension: \"\",\n                fineness: \"\",\n                hallmark: \"\",\n                weight: \"\",\n                serial_number: \"\",\n                year: \"\",\n                item_description: \"\",\n            },\n            client: null,\n            lenghtDim: \"\",\n            widthDim: \"\",\n            hightDim: \"\",\n            abxDeposite: Boolean,\n            typeDeposit: \"onexchange\",\n        };\n    },\n    mounted() {\n        this.today = new Date().toISOString().split(\"T\")[0];\n        this.getData();\n        this.role = sessionStorage.getItem(\"role\");\n    },\n    methods: {\n        handlePageChange(value) {\n            this.getData(value, this.typeDeposit);\n            window.scrollTo({ top: 0, behavior: \"smooth\" });\n        },\n        getData() {\n            axios.get(\"/v2/clearing/admin/abx/get/list_ijin?offset=&limit=10\").then((res) => {\n                this.dataTransaction = res.data.data.body;\n                this.lengthData = res.data.data.count;\n            });\n        },\n\n        approveDeposite() {\n            let url;\n            if (this.role == 2 || this.role == 3) {\n                url = \"/v1/clearing/admin/abx/deposit/confirmation\";\n            } else {\n                url = \"/v1/clearing/admin/deposit/confirmation\";\n            }\n            this.isLoadingOtp = true;\n            axios\n                .put(url, { _id: this.data_id })\n                .then((res) => {\n                    if (res.status == 200) {\n                        this.isLoadingOtp = false;\n                        this.$toast.success(res.data.message);\n                        setTimeout(function () {\n                            location.reload();\n                        }, 3000);\n                    }\n                })\n                .catch((error) => {\n                    this.isLoadingOtp = false;\n                    this.$toast.error(error.response.data.message);\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.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.title-page {\n    font-size: 25px;\n    font-weight: bold;\n    margin-bottom: 40px;\n}\n\nlabel {\n    width: 50%;\n}\n\n.label-client {\n    width: 25%;\n}\n\n.form-input,\ninput {\n    width: 100%;\n}\n\n.form-group {\n    display: flex;\n}\n\n.form-input,\ninput {\n    border-radius: 5px;\n    border: 1px solid #454545;\n    padding: 0 10px;\n    font-size: 13px;\n}\n\n.dimension {\n    width: 5.5rem;\n    margin-right: 1.5rem;\n}\n\n.dimension:last-child {\n    margin-right: unset;\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: 108px;\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.body-modal {\n    text-align: center;\n    padding: 10px;\n}\n\n.content-title {\n    font-size: 20px;\n    font-weight: bold;\n    margin-top: 20px;\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-scondary {\n    border: solid 1px var(--scondary-color);\n    color: var(--scondary-color);\n    padding: 5px 25px;\n    border-radius: 5px;\n}\n\n.btn-primer:hover,\n.btn-scondary:hover {\n    background-color: var(--scondary-color-hover);\n    color: #ffffff;\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\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!./PermissionList.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!./PermissionList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PermissionList.vue?vue&type=template&id=0194139d&scoped=true&\"\nimport script from \"./PermissionList.vue?vue&type=script&lang=js&\"\nexport * from \"./PermissionList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PermissionList.vue?vue&type=style&index=0&id=0194139d&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  \"0194139d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lds-ring\"},[_c('div'),_c('div'),_c('div'),_c('div')])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"lds-ring\">\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n  </div>\n</template>\n\n<script>\nexport default {};\n</script>\n\n<style scoped>\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 32px;\n  height: 32px;\n}\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  margin: 4px;\n  border: 4px solid #fff;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #fff transparent transparent transparent;\n}\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\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!./Loader.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!./Loader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loader.vue?vue&type=template&id=2c1be436&scoped=true&\"\nimport script from \"./Loader.vue?vue&type=script&lang=js&\"\nexport * from \"./Loader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loader.vue?vue&type=style&index=0&id=2c1be436&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  \"2c1be436\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}