{"version":3,"sources":["webpack:///./src/components/dropdown/DropdownContent.vue?ed7e","webpack:///./src/components/dropdown/DropdownContent.vue?79fa","webpack:///src/components/dropdown/DropdownContent.vue","webpack:///./src/components/dropdown/DropdownContent.vue?ee33","webpack:///./src/components/dropdown/DropdownContent.vue","webpack:///./src/assets/icon_cms/search.svg","webpack:///./src/views/vms/offExcahnge/withdrawal/DetailWithdrawal.vue?5740","webpack:///src/views/vms/offExcahnge/withdrawal/DetailWithdrawal.vue","webpack:///./src/views/vms/offExcahnge/withdrawal/DetailWithdrawal.vue?248a","webpack:///./src/views/vms/offExcahnge/withdrawal/DetailWithdrawal.vue","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js","webpack:///./src/assets/icon_cms/calendar-alt.svg","webpack:///./src/components/dropdown/Dropdown.vue?395b","webpack:///src/components/dropdown/Dropdown.vue","webpack:///./src/components/dropdown/Dropdown.vue?ffd1","webpack:///./src/components/dropdown/Dropdown.vue","webpack:///./src/views/vms/offExcahnge/withdrawal/DetailWithdrawal.vue?f593"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_t","_e","staticRenderFns","component","module","exports","_v","_s","getDataDetail","owner","phonenumber","email","total_item","total_weight","directives","name","rawName","value","status","expression","_f","withdrawal_detail","pickup_time","recipient","phone_number","attachment","on","$event","openModal","assignment_doc","split","pop","ktp_pict","selfie","report_doc","downloadFile","withdrawal_doc","approveWithdrawal","form","domProps","target","composing","$set","filterSerialNumber","slot","staticStyle","year","_l","key","filterYear","serial_number","resetFilter","_m","detailWithdrawal","i","weight","fineness","hallmark","ref","titleModal","src","urlImg","Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","callback","initialMacrotaskEnded","setTimeout","ev","path","composedPath","undefined","indexOf","contains","call","document","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","onClickaway","toggle","mixins","provide","sharedState","data","active","methods","away"],"mappings":"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","file":"js/chunk-79279a90.aafbc312.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!./DropdownContent.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"dropdown-content\"}},[(_vm.active)?_c('div',{staticClass:\"origin-top-right absolute right-0 mt-2 w-48 bg-white rounded-lg border p2-2 content-dropdown\"},[_vm._t(\"default\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <transition name=\"dropdown-content\">\n        <div v-if=\"active\" class=\"origin-top-right absolute right-0 mt-2 w-48 bg-white rounded-lg border p2-2 content-dropdown\">\n            <slot />\n        </div>\n    </transition>\n</template>\n\n<script>\nexport default {\n    name: \"DropdownContent\",\n    inject: [\"sharedState\"],\n    computed: {\n        active() {\n            return this.sharedState.active;\n        },\n    },\n};\n</script>\n\n<style>\n.dropdown-content-enter-active,\n.dropdown-content-leave-active {\n    transition: all 0.2s;\n    z-index: 9;\n}\n.dropdown-content-enter,\n.dropdown-content-leave-to {\n    opacity: 0;\n    transform: translateY(-5px);\n}\n\n.content-dropdown {\n    position: absolute;\n    min-width: 10rem;\n    font-size: 15px;\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!./DropdownContent.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!./DropdownContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DropdownContent.vue?vue&type=template&id=f1c28014&\"\nimport script from \"./DropdownContent.vue?vue&type=script&lang=js&\"\nexport * from \"./DropdownContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DropdownContent.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/search.96322e1c.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-detail-withdrawal\"},[_c('section',[_c('div',{staticClass:\"wrap-detail-client\"},[_c('div',{staticClass:\"detail-client\"},[_c('div',{staticClass:\"sub-title-page\"},[_vm._v(\"Detail Client\")]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Client Name\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm.getDataDetail.owner))])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Phone Number\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm.getDataDetail.phonenumber))])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Email\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm.getDataDetail.email))])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Quantity of Pieces\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm.getDataDetail.total_item))])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Total Denom (gr)\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm.getDataDetail.total_weight))])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Status\")]),_c('div',[_vm._v(\":\")]),_c('div',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDataDetail.status == '001'),expression:\"getDataDetail.status == '001'\"}],staticClass:\"status-withdrawal kmi\"},[_vm._v(\"Waiting for KMI Admin Approval\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDataDetail.status == '002'),expression:\"getDataDetail.status == '002'\"}],staticClass:\"status-withdrawal kbi\"},[_vm._v(\"Waiting for KBI Admin Approval\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDataDetail.status == '003'),expression:\"getDataDetail.status == '003'\"}],staticClass:\"status-withdrawal recipient\"},[_vm._v(\"Waiting for Upload Recipient Identity\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDataDetail.status == '005'),expression:\"getDataDetail.status == '005'\"}],staticClass:\"status-withdrawal withdrawn\"},[_vm._v(\"Waiting for Withdraw\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDataDetail.status == '004'),expression:\"getDataDetail.status == '004'\"}],staticClass:\"status-withdrawal operator\"},[_vm._v(\"Waiting for Operator Confirmation\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDataDetail.status == '006'),expression:\"getDataDetail.status == '006'\"}],staticClass:\"status-withdrawal success\"},[_vm._v(\"Withdrawal Success\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDataDetail.status == '007'),expression:\"getDataDetail.status == '007'\"}],staticClass:\"status-withdrawal reject\"},[_vm._v(\"Withdrawal Rejected\")])])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Withdrawal Date\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm._f(\"formatDateTime\")(_vm.getDataDetail.withdrawal_detail.pickup_time)))])])]),_c('div',{staticClass:\"detail-receipt\"},[_c('div',{staticClass:\"sub-title-page\"},[_vm._v(\"Detail Recipient\")]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Recipient Name\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm.getDataDetail.withdrawal_detail.recipient ? _vm.getDataDetail.withdrawal_detail.recipient.name : \"-\"))])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Phone Number\")]),_c('div',[_vm._v(\":\")]),_c('div',[_vm._v(_vm._s(_vm.getDataDetail.withdrawal_detail.recipient ? _vm.getDataDetail.withdrawal_detail.recipient.phone_number : \"-\"))])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Assignment Letter\")]),_c('div',[_vm._v(\":\")]),_c('div',{staticClass:\"recipient\"},[(_vm.getDataDetail.withdrawal_detail.attachment.assignment_doc)?_c('span',{on:{\"click\":function($event){return _vm.openModal(_vm.getDataDetail.withdrawal_detail.attachment.assignment_doc, 'Assignment Letter')}}},[_vm._v(\" \"+_vm._s(_vm.getDataDetail.withdrawal_detail.attachment.assignment_doc.split(\"/\").pop())+\" \")]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Recipient Identity\")]),_c('div',[_vm._v(\":\")]),_c('div',{staticClass:\"recipient\"},[(_vm.getDataDetail.withdrawal_detail.recipient)?_c('span',{on:{\"click\":function($event){return _vm.openModal(_vm.getDataDetail.withdrawal_detail.recipient.ktp_pict, 'Recipient Identity')}}},[_vm._v(\" \"+_vm._s(_vm.getDataDetail.withdrawal_detail.recipient.ktp_pict.split(\"/\").pop())+\" \")]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Recipient Selfie\")]),_c('div',[_vm._v(\":\")]),_c('div',{staticClass:\"recipient\"},[(_vm.getDataDetail.withdrawal_detail.recipient)?_c('span',{on:{\"click\":function($event){return _vm.openModal(_vm.getDataDetail.withdrawal_detail.recipient.selfie, 'Recipient Selfie')}}},[_vm._v(_vm._s(_vm.getDataDetail.withdrawal_detail.recipient.selfie.split(\"/\").pop()))]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Withdrawal Record\")]),_c('div',[_vm._v(\":\")]),_c('div',{staticClass:\"recipient\"},[(_vm.getDataDetail.withdrawal_detail.attachment.report_doc)?_c('span',{on:{\"click\":function($event){return _vm.openModal(_vm.getDataDetail.withdrawal_detail.attachment.report_doc, 'Withdrawal Record')}}},[_vm._v(_vm._s(_vm.getDataDetail.withdrawal_detail.attachment.report_doc.split(\"/\").pop()))]):_c('span',[_vm._v(\"-\")])])])])]),_c('div',{staticClass:\"wrap-button\"},[_c('button',{staticClass:\"btn btn-primary btn-sm\",on:{\"click\":function($event){return _vm.downloadFile(_vm.getDataDetail.withdrawal_detail.attachment.withdrawal_doc, 'Apllication Letter')}}},[(_vm.isLoadingDownload)?_c('b-spinner',{attrs:{\"variant\":\"light\",\"small\":\"\"}}):_c('span',[_vm._v(\"Download Application Letter\")])],1),(_vm.getDataDetail.status == '002')?_c('button',{staticClass:\"btn btn-success btn-sm\",on:{\"click\":_vm.approveWithdrawal}},[(_vm.isLoading)?_c('b-spinner',{attrs:{\"variant\":\"light\",\"small\":\"\"}}):_c('span',[_vm._v(\"Approve Withdraw\")])],1):_vm._e()])]),_c('section',[_c('div',{staticClass:\"sub-title-page\"},[_vm._v(\"List Metal\")]),_c('div',{staticClass:\"filter\"},[_c('div',{staticClass:\"wrap-input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.serial_number),expression:\"form.serial_number\"}],staticClass:\"form-input\",attrs:{\"type\":\"text\",\"placeholder\":\"Search by serial number\"},domProps:{\"value\":(_vm.form.serial_number)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"serial_number\", $event.target.value)},_vm.filterSerialNumber]}}),_c('img',{staticClass:\"icon-input\",attrs:{\"src\":require(\"@/assets/icon_cms/search.svg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"wrap-input\"},[_c('dropdown',[_c('template',{slot:\"toggler\"},[_c('div',{staticClass:\"form-input\",staticStyle:{\"width\":\"12rem\"}},[(_vm.form.year)?_c('span',[_vm._v(_vm._s(_vm.form.year))]):_c('span',{staticStyle:{\"color\":\"#e5e4e4\"}},[_vm._v(\"Select by Year\")])]),_c('img',{staticClass:\"icon-input\",staticStyle:{\"top\":\"0.65rem\"},attrs:{\"src\":require(\"@/assets/icon_cms/calendar-alt.svg\"),\"alt\":\"\"}})]),_c('dropdown-content',[_c('ul',{staticClass:\"dropdown-content\"},_vm._l((_vm.yearDatas),function(year){return _c('li',{key:year,on:{\"click\":function($event){return _vm.filterYear(year)}}},[_vm._v(_vm._s(year))])}),0)])],2)],1),(_vm.form.serial_number || _vm.form.year)?_c('button',{staticClass:\"button btn-reset btn-small\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.resetFilter}},[_vm._v(\"Reset\")]):_vm._e()]),_c('table',[_vm._m(0),_c('tbody',_vm._l((_vm.getListMetal),function(detailWithdrawal,i){return _c('tr',{key:i},[_c('td',[_vm._v(_vm._s(detailWithdrawal.serial_number))]),_c('td',[_vm._v(_vm._s(detailWithdrawal.weight))]),_c('td',[_vm._v(_vm._s(detailWithdrawal.year))]),_c('td',[_vm._v(_vm._s(detailWithdrawal.fineness))]),_c('td',[_vm._v(_vm._s(detailWithdrawal.hallmark))])])}),0)])]),_c('b-modal',{ref:\"preview-modal\",attrs:{\"title\":_vm.titleModal,\"hide-footer\":\"\"}},[_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)]),_c('div',{staticClass:\"wrap-button mt-3\"},[_c('button',{staticClass:\"btn btn-primary btn-small\",on:{\"click\":function($event){return _vm.downloadFile(_vm.urlImg, _vm.titleModal)}}},[(_vm.isLoadingDownload)?_c('b-spinner',{attrs:{\"variant\":\"light\",\"small\":\"\"}}):_c('span',[_vm._v(\"Download File\")])],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',[_vm._v(\"Serial Number\")]),_c('th',[_vm._v(\"Total Denom (gr)\")]),_c('th',[_vm._v(\"Year\")]),_c('th',[_vm._v(\"Fineness\")]),_c('th',[_vm._v(\"Hallmark\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"wrap-detail-withdrawal\">\n        <section>\n            <div class=\"wrap-detail-client\">\n                <div class=\"detail-client\">\n                    <div class=\"sub-title-page\">Detail Client</div>\n                    <div class=\"wrap-client\">\n                        <div>Client Name</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.owner }}</div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Phone Number</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.phonenumber }}</div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Email</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.email }}</div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Quantity of Pieces</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.total_item }}</div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Total Denom (gr)</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.total_weight }}</div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Status</div>\n                        <div>:</div>\n                        <div>\n                            <span v-show=\"getDataDetail.status == '001'\" class=\"status-withdrawal kmi\">Waiting for KMI Admin Approval</span>\n                            <span v-show=\"getDataDetail.status == '002'\" class=\"status-withdrawal kbi\">Waiting for KBI Admin Approval</span>\n                            <span v-show=\"getDataDetail.status == '003'\" class=\"status-withdrawal recipient\">Waiting for Upload Recipient Identity</span>\n                            <span v-show=\"getDataDetail.status == '005'\" class=\"status-withdrawal withdrawn\">Waiting for Withdraw</span>\n                            <span v-show=\"getDataDetail.status == '004'\" class=\"status-withdrawal operator\">Waiting for Operator Confirmation</span>\n                            <span v-show=\"getDataDetail.status == '006'\" class=\"status-withdrawal success\">Withdrawal Success</span>\n                            <span v-show=\"getDataDetail.status == '007'\" class=\"status-withdrawal reject\">Withdrawal Rejected</span>\n                        </div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Withdrawal Date</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.withdrawal_detail.pickup_time | formatDateTime }}</div>\n                    </div>\n                </div>\n                <div class=\"detail-receipt\">\n                    <div class=\"sub-title-page\">Detail Recipient</div>\n                    <div class=\"wrap-client\">\n                        <div>Recipient Name</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.withdrawal_detail.recipient ? getDataDetail.withdrawal_detail.recipient.name : \"-\" }}</div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Phone Number</div>\n                        <div>:</div>\n                        <div>{{ getDataDetail.withdrawal_detail.recipient ? getDataDetail.withdrawal_detail.recipient.phone_number : \"-\" }}</div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Assignment Letter</div>\n                        <div>:</div>\n                        <div class=\"recipient\">\n                            <span\n                                v-if=\"getDataDetail.withdrawal_detail.attachment.assignment_doc\"\n                                @click=\"openModal(getDataDetail.withdrawal_detail.attachment.assignment_doc, 'Assignment Letter')\"\n                            >\n                                {{ getDataDetail.withdrawal_detail.attachment.assignment_doc.split(\"/\").pop() }}\n                            </span>\n                            <span v-else>-</span>\n                        </div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Recipient Identity</div>\n                        <div>:</div>\n                        <div class=\"recipient\">\n                            <span\n                                v-if=\"getDataDetail.withdrawal_detail.recipient\"\n                                @click=\"openModal(getDataDetail.withdrawal_detail.recipient.ktp_pict, 'Recipient Identity')\"\n                            >\n                                {{ getDataDetail.withdrawal_detail.recipient.ktp_pict.split(\"/\").pop() }}\n                            </span>\n                            <span v-else>-</span>\n                        </div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Recipient Selfie</div>\n                        <div>:</div>\n                        <div class=\"recipient\">\n                            <span\n                                v-if=\"getDataDetail.withdrawal_detail.recipient\"\n                                @click=\"openModal(getDataDetail.withdrawal_detail.recipient.selfie, 'Recipient Selfie')\"\n                                >{{ getDataDetail.withdrawal_detail.recipient.selfie.split(\"/\").pop() }}</span\n                            >\n                            <span v-else>-</span>\n                        </div>\n                    </div>\n                    <div class=\"wrap-client\">\n                        <div>Withdrawal Record</div>\n                        <div>:</div>\n                        <div class=\"recipient\">\n                            <span\n                                v-if=\"getDataDetail.withdrawal_detail.attachment.report_doc\"\n                                @click=\"openModal(getDataDetail.withdrawal_detail.attachment.report_doc, 'Withdrawal Record')\"\n                                >{{ getDataDetail.withdrawal_detail.attachment.report_doc.split(\"/\").pop() }}</span\n                            >\n                            <span v-else>-</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"wrap-button\">\n                <button class=\"btn btn-primary btn-sm\" @click=\"downloadFile(getDataDetail.withdrawal_detail.attachment.withdrawal_doc, 'Apllication Letter')\">\n                    <b-spinner variant=\"light\" v-if=\"isLoadingDownload\" small></b-spinner>\n                    <span v-else>Download Application Letter</span>\n                </button>\n                <button class=\"btn btn-success btn-sm\" v-if=\"getDataDetail.status == '002'\" @click=\"approveWithdrawal\">\n                    <b-spinner variant=\"light\" small v-if=\"isLoading\"></b-spinner>\n                    <span v-else>Approve Withdraw</span>\n                </button>\n            </div>\n        </section>\n        <section>\n            <div class=\"sub-title-page\">List Metal</div>\n            <div class=\"filter\">\n                <div class=\"wrap-input\">\n                    <input type=\"text\" class=\"form-input\" placeholder=\"Search by serial number\" v-model=\"form.serial_number\" @input=\"filterSerialNumber\" />\n                    <img src=\"@/assets/icon_cms/search.svg\" alt=\"\" class=\"icon-input\" />\n                </div>\n                <div class=\"wrap-input\">\n                    <dropdown>\n                        <template slot=\"toggler\">\n                            <div class=\"form-input\" style=\"width: 12rem\">\n                                <span v-if=\"form.year\">{{ form.year }}</span>\n                                <span v-else style=\"color: #e5e4e4\">Select by Year</span>\n                            </div>\n                            <img src=\"@/assets/icon_cms/calendar-alt.svg\" alt=\"\" class=\"icon-input\" style=\"top: 0.65rem\" />\n                        </template>\n                        <dropdown-content>\n                            <ul class=\"dropdown-content\">\n                                <li v-for=\"year in yearDatas\" :key=\"year\" @click=\"filterYear(year)\">{{ year }}</li>\n                            </ul>\n                        </dropdown-content>\n                    </dropdown>\n                </div>\n                <button class=\"button btn-reset btn-small\" type=\"button\" v-if=\"form.serial_number || form.year\" @click=\"resetFilter\">Reset</button>\n            </div>\n            <table>\n                <thead>\n                    <tr>\n                        <th>Serial Number</th>\n                        <th>Total Denom (gr)</th>\n                        <th>Year</th>\n                        <th>Fineness</th>\n                        <th>Hallmark</th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr v-for=\"(detailWithdrawal, i) in getListMetal\" :key=\"i\">\n                        <td>{{ detailWithdrawal.serial_number }}</td>\n                        <td>{{ detailWithdrawal.weight }}</td>\n                        <td>{{ detailWithdrawal.year }}</td>\n                        <td>{{ detailWithdrawal.fineness }}</td>\n                        <td>{{ detailWithdrawal.hallmark }}</td>\n                    </tr>\n                </tbody>\n            </table>\n        </section>\n        <b-modal ref=\"preview-modal\" :title=\"titleModal\" hide-footer>\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            <div class=\"wrap-button mt-3\">\n                <button class=\"btn btn-primary btn-small\" @click=\"downloadFile(urlImg, titleModal)\">\n                    <b-spinner variant=\"light\" small v-if=\"isLoadingDownload\"></b-spinner>\n                    <span v-else>Download File</span>\n                </button>\n            </div>\n        </b-modal>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport pdf from \"vue-pdf\";\nimport Dropdown from \"../../../../components/dropdown/Dropdown.vue\";\nimport DropdownContent from \"../../../../components/dropdown/DropdownContent.vue\";\nexport default {\n    components: { Dropdown, DropdownContent, pdf },\n    data() {\n        return {\n            idWithdraw: \"\",\n            isLoading: false,\n            modalContent: \"\",\n            titleModal: \"\",\n            isLoadingPreview: false,\n            numPages: undefined,\n            src: null,\n            isPdf: false,\n            urlImg: \"\",\n            isLoadingDownload: false,\n            form: {\n                serial_number: null,\n                year: null,\n            },\n            activity: \"deposit\",\n            perPage: 10,\n            currentPage: 1,\n            metal_id: \"\",\n            type: \"offexchange\",\n            owner: \"\",\n            status: \"\",\n            yearDatas: [],\n        };\n    },\n    mounted() {\n        this.idWithdraw = this.$route.params.id;\n\n        this.$store.dispatch(\"getWithdrawOffDetail\", this.idWithdraw);\n        this.$store.dispatch(\"getMetalList\", {\n            activity: this.activity,\n            perPage: this.perPage,\n            currentPage: this.currentPage,\n            year: this.form.year,\n            metal_id: this.metal_id,\n            type: this.type,\n            owner: this.owner,\n            serialNumber: this.form.serial_number,\n            status: this.status,\n            withdrawal_id: this.idWithdraw,\n        });\n\n        let currentYear = new Date().getFullYear();\n        let startYear = 2020;\n        while (startYear <= currentYear) {\n            this.yearDatas.push(startYear++);\n        }\n    },\n    computed: {\n        getDataDetail() {\n            return this.$store.state.bullionModule.dataWithdrawal;\n        },\n        getMetalList() {\n            return this.$store.state.bullionModule.dataMetal;\n        },\n        getListMetal() {\n            const dataMetal = this.$store.state.bullionModule.dataWithdrawal.metal_info;\n            if (this.form.serial_number) {\n                return dataMetal.filter((metal) => {\n                    return metal.serial_number.toLowerCase().includes(this.form.serial_number);\n                });\n            } else if (this.form.year) {\n                return dataMetal.filter((metal) => {\n                    return metal.year == this.form.year;\n                });\n            } else {\n                return dataMetal;\n            }\n        },\n        transactionId() {\n            return this.$store.state.bullionModule.dataWithdrawal.transaction_id;\n        },\n    },\n    methods: {\n        resetFilter() {\n            this.form = {\n                serial_number: \"\",\n                year: \"\",\n            };\n        },\n        filterYear(option) {\n            this.form.year = option;\n            this.$store.dispatch(\"getMetalList\", {\n                activity: this.activity,\n                perPage: this.perPage,\n                currentPage: this.currentPage,\n                year: this.form.year,\n                metal_id: this.metal_id,\n                type: this.type,\n                owner: this.owner,\n                serialNumber: this.form.serial_number,\n                status: this.status,\n                withdrawal_id: this.idWithdraw,\n            });\n        },\n        filterSerialNumber(event) {\n            this.form.serial_number = event.target.value;\n            this.$store.dispatch(\"getMetalList\", {\n                activity: this.activity,\n                perPage: this.perPage,\n                currentPage: this.currentPage,\n                year: this.form.year,\n                metal_id: this.metal_id,\n                type: this.type,\n                owner: this.owner,\n                serialNumber: this.form.serial_number,\n                status: this.status,\n                withdrawal_id: this.idWithdraw,\n            });\n        },\n        approveWithdrawal() {\n            this.isLoading = true;\n            this.$store.dispatch(\"getLocation\").then((resGeo) => {\n                let info;\n                if (resGeo.cityData[0]) {\n                    info = JSON.stringify(resGeo.cityData[0]);\n                } else {\n                    let data = resGeo;\n                    data.newLatLong = resGeo.cityLatLong.split(\",\");\n                    info = JSON.stringify(data);\n                }\n                axios\n                    .put(\"/v2/clearing/admin/offexchange/withdrawal/update\", {\n                        _id: this.idWithdraw,\n                        info: info,\n                    })\n                    .then((res) => {\n                        if (res.status == 200) {\n                            this.isLoading = false;\n                            this.$toast.success(\"Withdrawal Has Been Approved\");\n                            setTimeout(() => {\n                                location.reload();\n                            }, 2000);\n                        }\n                    })\n                    .catch(() => {\n                        this.isLoading = false;\n                    });\n            });\n        },\n        openModal(file, label) {\n            this.$refs[\"preview-modal\"].show();\n            this.titleModal = label;\n            this.isLoadingPreview = true;\n            let newFile = file.replace(\"/kmi\", \"/vms\");\n            this.urlImg = file;\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: \"blob\" });\n            image = URL.createObjectURL(new Blob([image.data], { type: image.data.type }));\n            return image;\n        },\n\n        downloadFile(url, title) {\n            const typeFile = url.split(\".\").pop();\n            let titleFIle = title + \" \" + this.getDataDetail.owner + \".\" + typeFile;\n            const newUrl = url.replace(\"/kmi\", \"/vms\");\n            this.isLoadingDownload = true;\n            axios\n                .get(\"/v2\" + newUrl, { responseType: \"arraybuffer\" })\n                .then((res) => {\n                    this.forceFileDownload(res, titleFIle);\n                    this.isLoadingDownload = false;\n                })\n                .catch(() => {\n                    this.isLoadingDownload = false;\n                    alert(\"download error\");\n                });\n        },\n        forceFileDownload(response, title) {\n            const url = window.URL.createObjectURL(new Blob([response.data]));\n            const link = document.createElement(\"a\");\n            link.href = url;\n            link.setAttribute(\"download\", title);\n            document.body.appendChild(link);\n            link.click();\n        },\n    },\n};\n</script>\n\n<style scoped>\n.btn {\n    padding: 0.75rem 1.25rem;\n    border-radius: 0.5rem;\n}\n\n.title-page {\n    font-size: 25px;\n    font-weight: bold;\n    margin-bottom: 40px;\n}\n\n.sub-title-page {\n    font-size: 18px;\n    font-weight: bold;\n    margin-bottom: 0.5rem;\n}\n.wrap-detail-client {\n    display: flex;\n    gap: 15rem;\n    margin-bottom: 1rem;\n}\n.wrap-button {\n    display: flex;\n    justify-content: end;\n    gap: 0.75rem;\n}\n\n.wrap-client {\n    display: flex;\n    gap: 0.5rem;\n    line-height: 2;\n}\n\n.dropdown-content {\n    margin: unset;\n}\n\n.dropdown-content li {\n    cursor: pointer;\n    padding: 0.5rem;\n    line-height: 1;\n}\n\n.dropdown-content li:hover {\n    background-color: #e5e4e4;\n}\n\n.wrap-client div:first-child {\n    width: 9rem;\n}\n\n.recipient span:first-child {\n    cursor: pointer;\n    color: #3b82f6;\n}\n.recipient span:first-child:hover {\n    transform: translateY(-1px);\n}\n\n.filter {\n    margin-bottom: 0.75rem;\n    display: flex;\n    gap: 0.5rem;\n    flex: 0 0 100%;\n}\n\n.wrap-input {\n    position: relative;\n}\n\n.form-input {\n    width: 100%;\n    border-radius: 5px;\n    border: 1px solid #e5e4e4;\n    padding: 8px 2.5rem 8px 1rem;\n}\n\n.input-search {\n    padding: 8px 2rem 8px 8px;\n}\n\n.form-input::placeholder {\n    color: #e5e4e4;\n}\n\n.form-input:focus {\n    outline: none;\n}\n\n.icon-input {\n    position: absolute;\n    font-size: 1rem;\n    top: 0.5rem;\n    right: 0.75rem;\n    color: #8e8e93;\n}\n\n.btn-reset {\n    background-color: #dc2626;\n    color: #fff;\n    border-radius: 0.5rem;\n}\n\n.kmi {\n    color: #cbb574;\n}\n.kbi {\n    color: #eab308;\n}\n.recipient {\n    color: #b2902f;\n}\n.withdrawn {\n    color: #243a72;\n}\n.operator {\n    color: #485a89;\n}\n.success {\n    color: #22c55e;\n}\n.reject {\n    color: #dc2626;\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!./DetailWithdrawal.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!./DetailWithdrawal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailWithdrawal.vue?vue&type=template&id=5e257c2a&scoped=true&\"\nimport script from \"./DetailWithdrawal.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailWithdrawal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailWithdrawal.vue?vue&type=style&index=0&id=5e257c2a&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  \"5e257c2a\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\r\n\r\nvar Vue = require('vue');\r\nVue = 'default' in Vue ? Vue['default'] : Vue;\r\n\r\nvar version = '2.2.2';\r\n\r\nvar compatible = (/^2\\./).test(Vue.version);\r\nif (!compatible) {\r\n  Vue.util.warn('VueClickaway ' + version + ' only supports Vue 2.x, and does not support Vue ' + Vue.version);\r\n}\r\n\r\n\r\n\r\n// @SECTION: implementation\r\n\r\nvar HANDLER = '_vue_clickaway_handler';\r\n\r\nfunction bind(el, binding, vnode) {\r\n  unbind(el);\r\n\r\n  var vm = vnode.context;\r\n\r\n  var callback = binding.value;\r\n  if (typeof callback !== 'function') {\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      Vue.util.warn(\r\n        'v-' + binding.name + '=\"' +\r\n        binding.expression + '\" expects a function value, ' +\r\n        'got ' + callback\r\n      );\r\n    }\r\n    return;\r\n  }\r\n\r\n  // @NOTE: Vue binds directives in microtasks, while UI events are dispatched\r\n  //        in macrotasks. This causes the listener to be set up before\r\n  //        the \"origin\" click event (the event that lead to the binding of\r\n  //        the directive) arrives at the document root. To work around that,\r\n  //        we ignore events until the end of the \"initial\" macrotask.\r\n  // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/\r\n  // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8\r\n  var initialMacrotaskEnded = false;\r\n  setTimeout(function() {\r\n    initialMacrotaskEnded = true;\r\n  }, 0);\r\n\r\n  el[HANDLER] = function(ev) {\r\n    // @NOTE: this test used to be just `el.containts`, but working with path is better,\r\n    //        because it tests whether the element was there at the time of\r\n    //        the click, not whether it is there now, that the event has arrived\r\n    //        to the top.\r\n    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`\r\n    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);\r\n    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {\r\n      return callback.call(vm, ev);\r\n    }\r\n  };\r\n\r\n  document.documentElement.addEventListener('click', el[HANDLER], false);\r\n}\r\n\r\nfunction unbind(el) {\r\n  document.documentElement.removeEventListener('click', el[HANDLER], false);\r\n  delete el[HANDLER];\r\n}\r\n\r\nvar directive = {\r\n  bind: bind,\r\n  update: function(el, binding) {\r\n    if (binding.value === binding.oldValue) return;\r\n    bind(el, binding);\r\n  },\r\n  unbind: unbind,\r\n};\r\n\r\nvar mixin = {\r\n  directives: { onClickaway: directive },\r\n};\r\n\r\nexports.version = version;\r\nexports.directive = directive;\r\nexports.mixin = mixin;","module.exports = __webpack_public_path__ + \"img/calendar-alt.098820e3.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"on-clickaway\",rawName:\"v-on-clickaway\",value:(_vm.away),expression:\"away\"}],staticClass:\"relative\",on:{\"click\":_vm.toggle}},[_vm._t(\"toggler\",function(){return [_c('button',[_vm._v(\"Toggle\")])]}),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div @click=\"toggle\" v-on-clickaway=\"away\" class=\"relative\">\n    <slot name=\"toggler\">\n      <button>Toggle</button>\n    </slot>\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { mixin as clickaway } from \"vue-clickaway\";\n\nexport default {\n  name: \"Dropdown\",\n  mixins: [clickaway],\n  provide() {\n    return {\n      sharedState: this.sharedState,\n    };\n  },\n  data() {\n    return {\n      sharedState: {\n        active: false,\n      },\n    };\n  },\n  methods: {\n    toggle() {\n      this.sharedState.active = !this.sharedState.active;\n    },\n    away() {\n      this.sharedState.active = false;\n    },\n  },\n};\n</script>\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!./Dropdown.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!./Dropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dropdown.vue?vue&type=template&id=0f88137e&\"\nimport script from \"./Dropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./Dropdown.vue?vue&type=script&lang=js&\"\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  null,\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!./DetailWithdrawal.vue?vue&type=style&index=0&id=5e257c2a&scoped=true&lang=css&\""],"sourceRoot":""}