{"version":3,"sources":["webpack:///./src/components/withdrawal/WithdrawOffDetail.vue?2c0f","webpack:///src/components/withdrawal/WithdrawOffDetail.vue","webpack:///./src/components/withdrawal/WithdrawOffDetail.vue?84b0","webpack:///./src/components/withdrawal/WithdrawOffDetail.vue","webpack:///./src/components/dropdown/DropdownContent.vue?ed7e","webpack:///./src/components/withdrawal/WithdrawOffDetail.vue?925c","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:///./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"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_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","_m","downloadFile","withdrawal_doc","attrs","approveWithdrawal","_e","form","domProps","target","composing","$set","filterSerialNumber","slot","staticStyle","year","_l","key","filterYear","serial_number","resetFilter","detailWithdrawal","i","weight","fineness","hallmark","ref","titleModal","src","urlImg","staticRenderFns","component","_t","module","exports","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-3dfd4e3c.867a765c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-content\"},[_c('div',{staticClass:\"title-page\"},[_vm._v(\"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(\"-\")])])]),_vm._m(0)])]),_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(1),_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('div',{staticClass:\"wrap-client\"},[_c('div',[_vm._v(\"Record Of Transfer\")]),_c('div',[_vm._v(\":\")]),_c('div',{staticClass:\"recipient\"})])},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-content\">\n        <div class=\"title-page\">Detail Withdrawal</div>\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>Record Of Transfer</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>\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 \"../dropdown/Dropdown.vue\";\nimport DropdownContent from \"../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!./WithdrawOffDetail.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!./WithdrawOffDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WithdrawOffDetail.vue?vue&type=template&id=574bc66c&scoped=true&\"\nimport script from \"./WithdrawOffDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./WithdrawOffDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WithdrawOffDetail.vue?vue&type=style&index=0&id=574bc66c&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  \"574bc66c\",\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!./DropdownContent.vue?vue&type=style&index=0&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!./WithdrawOffDetail.vue?vue&type=style&index=0&id=574bc66c&scoped=true&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\";","'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"],"sourceRoot":""}