{"version":3,"sources":["webpack:///./src/workspaces/warehouse/mixins/searchable.js","webpack:///./src/workspaces/warehouse/views/outbound/Transfer.vue","webpack:///./src/workspaces/warehouse/store/pick_in_cont.local.js","webpack:///./src/workspaces/warehouse/components/RemoveNotInContainerBox.vue","webpack:///src/workspaces/warehouse/components/RemoveNotInContainerBox.vue","webpack:///./src/workspaces/warehouse/components/RemoveNotInContainerBox.vue?b117","webpack:///./src/workspaces/warehouse/components/RemoveNotInContainerBox.vue?7609","webpack:///src/workspaces/warehouse/views/outbound/Transfer.vue","webpack:///./src/workspaces/warehouse/views/outbound/Transfer.vue?4957","webpack:///./src/workspaces/warehouse/views/outbound/Transfer.vue?a1c4"],"names":["computed","search","get","this","$route","query","set","value","lodash","appendRouteQuery","$router","watch","immediate","handler","triggerSearch","methods","console","log","render","_vm","_c","_self","staticClass","attrs","on","$event","_l","invoices","invoice","index","key","id","class","had_cut_off","invoice_id_selected","nativeOn","invoice_id","length","_e","list_fetching","invoice_selected","scopedSlots","_u","fn","_v","_s","name","proxy","detail_loading","disabled","refetchInvoice","count_duplicate","count_incont","staticStyle","enterPicker","content","showModalPickedBox","$store","dispatch","boxes_picked_error","showModalPickedBoxError","in_container_pickeds","in_container_pickers_loading","removing_boxes_incont","updateQuantityPicker","removePicker","onRemoveBoxesInCont","pick_boxes","bold","submitPickers","sumBy","_","$t","showModalConfirm","onlDeselectAll","picker","has","box","quantity","removing","updating","getBoxBackgroundColorPicking","picking","updatePalletPicker","pallet_id","getTotalQuantityInLadingBills","onExportCSV","boxes_in_cont","quantity_in_picker_in_cont","getBoxCardBackground","pickingBoxQuantityById","total_quantity_in_lading_bills","remaining_boxes_in_lading_bills","sortByPallet","showModalPallet","skuInLBSelected","boxes_sort_by_pallet","pivot_pallet","getReferenceLink","pallet","location","boxes","box_id","quantity_in_container_picker","desired_quantity","staticRenderFns","STORE_KEY","JSON","parse","localStorage","getItem","old_pickers","setItem","stringify","pickers","existed","find","p","map","remove","removeItem","pAt","findIndex","splice","openModalShowBoxNotInContainer","show","loading","data_table","onRemoveAll","referenceFields","item","pivot_lading_bills_with_container_count","lading_bill_id","q","onChangeQuantity","box_lading_bill_quantity","updated_at","component"],"mappings":"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U2G,EAAKM,eAAe,WAAW,IAAI,IAEtiE/B,EAAkB,G,0+BCgFtB,OACA,gBACA,OACA,WACA,0BACA,QACA,iBACA,CACA,QACA,WAEA,CACA,aACA,aAEA,CACA,qBACA,qBAEA,CACA,eACA,eAEA,CACA,oBACA,kBAEA,CACA,eACA,mCAEA,CACA,iBACA,uBAKA,UACA,sBACA,qCAEA,sBACA,qCAGA,OACA,YACA,mBACA,kCAIA,SACA,0CACA,aAEA,kBAEA,gCACA,gBAEA,kCACA,0CACA,kBACA,sDAiBA,OAhBA,gDACA,QACA,wCACA,0CACA,uDACA,oCACA,gCACA,wBACA,oBACA,oFACA,YACA,wBACA,iBAIA,IACA,OAEA,oBACA,iBAGA,kCACA,gBAEA,SAEA,sBACA,oCACA,kEAEA,UAGA,2BACA,yCACA,gCAEA,yBACA,+DACA,qBACA,qEACA,iBAKA,kCACA,+CACA,iBACA,mBAEA,iBAEA,+BACA,aAEA,+BACA,8GACA,qKACA,oBAIA,+BACA,6CACA,mEAGA,QACA,4CAGA,uBACA,OACA,CACA,MACA,uBACA,iBACA,oBACA,qCACA,wBAIA,iDACA,QACA,SACA,iBACA,WACA,gBACA,WACA,sDAIA,MACA,+BACA,oDAEA,eACA,8BACA,yBACA,0EACA,6BAEA,aC/P+X,I,YCO3XgC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,qhEC8ef,QACA,YACA,sBACA,sBACA,2BACA,2BAEA,qCACA,gBACA,OACA,iBACA,wBACA,gBACA,wBACA,mBACA,sBACA,mBACA,sBACA,2BACA,yBACA,sBAGA,OACA,qBACA,aACA,+BACA,IACA,YACA,iDACA,uBACA,wEACA,kBACA,uBACA,gBACA,eACA,UACA,mBAKA,kBACA,wDAEA,qBACA,sBACA,yBACA,8BAIA,iCACA,4BAGA,cACA,+BACA,qCAEA,yCACA,sDAeA,OAdA,yBACA,2GACA,YACA,qBACA,0DACA,YAEA,cACA,OACA,mCAKA,IAEA,gBACA,sCACA,2CACA,+CACA,sDACA,mDACA,2DACA,yEACA,IACA,2CACA,uEACA,YACA,cACA,OACA,gCACA,iDAKA,sBACA,qEAEA,uCACA,qHAEA,iCACA,OACA,8GACA,mBACA,oEACA,IAGA,mDACA,OACA,8GACA,sFACA,IAGA,wDACA,qGAEA,QAFA,YACA,4FACA,WAFA,IAEA,QAEA,2DACA,qGAEA,QAFA,YACA,2FACA,WAFA,IAEA,QAEA,+CACA,yHAEA,iCACA,OACA,kBACA,QADA,EACA,kEACA,mCACA,GAGA,8BACA,OACA,qGAIA,SACA,6BACA,yBACA,mBACA,4BAGA,mDACA,OAGA,QAFA,4FACA,sCACA,aAFA,EAEA,oCAGA,2CACA,UAIA,QAFA,wBACA,2DACA,aAFA,EAEA,aAEA,gBACA,uCACA,gDAEA,oCACA,8CACA,mCAGA,SACA,EACA,8CACA,+CAEA,kDAEA,sBACA,oCAEA,0BACA,+BACA,+BACA,iEAEA,0BACA,4BACA,6CACA,CACA,mDAIA,0BACA,qEAEA,mCACA,oBACA,0GAEA,wBACA,oBACA,GACA,qBAGA,0BACA,mCACA,0BAEA,+BACA,gBACA,+CAEA,mCACA,GACA,oCACA,0BACA,sBACA,uBASA,OAPA,kCACA,4BACA,sCACA,qBAEA,sDAKA,0BACA,iCACA,4BACA,KACA,qBACA,iBAEA,6GAEA,kBACA,+BAQA,OAPA,+BACA,6BACA,8CACA,qBAGA,6BAIA,qBACA,qCACA,MACA,+CACA,sCAGA,MACA,+BACA,UAEA,0BACA,UAEA,WACA,mBACA,iCACA,EACA,GAGA,IACA,4BAEA,+BACA,oCACA,mEAEA,gBAEA,2CAGA,+BACA,oCACA,iCAEA,gBAEA,0CAIA,+BACA,6BACA,8CACA,gBAEA,8BAGA,kBACA,+BACA,6BACA,iCACA,gBAEA,mCAIA,qCACA,gCAGA,oBAGA,2CACA,WACA,sFACA,wCAGA,sFACA,+EAGA,+CAMA,MACA,kCACA,4BACA,EACA,GAEA,kCACA,gDAEA,IACA,sDACA,8CACA,4CAEA,gBAGA,OAWA,QAXA,yCACA,mCACA,wFAGA,4BACA,EACA,mBACA,+DAEA,iCACA,aAXA,EAWA,IAEA,kDACA,QACA,iHACA,oBACA,oBACA,mBACA,QACA,wFAEA,+CAEA,mCAGA,gCACA,gCACA,kHAGA,6GACA,kBACA,oBACA,0BAEA,+CAGA,EACA,GACA,0DACA,GACA,8DAYA,OAVA,IACA,kCACA,uCACA,oCACA,gBAGA,qDAGA,GAEA,yGACA,wBACA,sCAEA,kBACA,oBACA,2CAEA,+CAEA,EACA,IACA,wCAWA,OATA,IACA,kCACA,uCACA,+BACA,gBAEA,iFAGA,GAEA,0BACA,kCACA,mBACA,0BAEA,4FAcA,oDACA,+BAEA,gCAEA,MAQA,OAPA,kCACA,oCACA,uCACA,qBAEA,wDAUA,IALA,KACA,cACA,IACA,4GAEA,EAQA,OAPA,kCACA,oCACA,mCACA,qBAEA,oDAKA,sDAGA,qCACA,EACA,EACA,IAKA,iCACA,EACA,EACA,KAKA,EACA,+CAEA,oBACA,QACA,WACA,YACA,WACA,OACA,cAEA,eAIA,0BACA,uDACA,4CAEA,SACA,0DACA,mBAEA,mEAEA,iCACA,cACA,sCACA,2DAGA,mCACA,OACA,uCAGA,OACA,WACA,mBACA,iCAEA,sBACA,iCACA,qDAEA,kCACA,mBACA,QACA,4CACA,KACA,mBACA,iCACA,kBAIA,aACA,6CACA,+BAEA,4BAKA,8CACA,cACA,wDACA,kCAIA,GACA,6DACA,iCAeA,OAbA,sBACA,iCACA,4CAEA,kCACA,mBACA,QACA,4CACA,MACA,+DACA,2DACA,gBAKA,sCACA,yBACA,8GAIA,+BACA,EACA,kCACA,mBAEA,UACA,oFACA,kCACA,mBACA,QACA,4CACA,KACA,mBACA,iCACA,kBAKA,gEACA,0BAIA,YACA,kDACA,QACA,0BAEA,iBACA,uBAGA,oCACA,aAGA,OAFA,gDACA,yBAIA,2BACA,YACA,uDACA,oBACA,wBACA,uBAGA,iCACA,OACA,8DACA,2DACA,EAEA,0CACA,UAEA,sCACA,uBAEA,UAEA,QAEA,+CACA,+BAEA,wFACA,sCAEA,EACA,sCAEA,OACA,wEACA,EAEA,UAGA,QAEA,0CACA,gDACA,WAEA,wDACA,sCAGA,SAGA,iCAFA,KAIA,oCACA,GACA,uCAEA,sCACA,6BACA,qBAEA,sBACA,+CACA,2CAGA,iDACA,OACA,QACA,oBACA,2BAEA,oCACA,+CAEA,kBAGA,YACA,SACA,wCACA,4CAEA,iBACA,sBACA,mBACA,iBACA,uBACA,qBACA,SAEA,wDACA,0BAEA,kBACA,sBACA,8BAGA,oCACA,SACA,IAgBA,OAdA,uBACA,OAEA,cACA,OACA,0BACA,kDACA,QAIA,yDAGA,GAEA,yCAEA,+CACA,cACA,wDAMA,OALA,0BACA,EACA,kCAGA,SACA,iCACA,OACA,gEACA,cACA,oBAIA,IAIA,6BACA,QACA,mBACA,wDACA,2BAEA,wBACA,QACA,YACA,eACA,YACA,gEACA,iBACA,uDACA,mCAIA,6BACA,qDACA,wBACA,QACA,YACA,eACA,YACA,gEACA,kDACA,8DAIA,qCACA,4BACA,yCACA,iBAEA,QACA,YACA,mBACA,UAGA,GARA,IAUA,IAGA,sCACA,IACA,CACA,QACA,+BAIA,wBACA,SAGA,mBACA,GACA,CACA,QACA,SACA,MACA,qBACA,0BACA,iCAIA,mDACA,iEACA,SACA,YACA,6CACA,KACA,WACA,iCACA,yCAMA,GACA,CACA,QACA,MACA,+BACA,4BAIA,yBACA,QACA,IACA,KACA,6BACA,uCAKA,MACA,+BACA,oDAEA,eACA,8BACA,yBACA,yCACA,6BAEA,WAEA,2CACA,aAEA,8BAEA,qCAEA,kCACA,qDACA,0BAEA,OADA,qCACA,IACA,MAEA,iBACA,+BACA,oCACA,iBAGA,mBACA,sBAEA,mBACA,+BACA,gCACA,mBAGA,oBACA,kCC56C+X,MCO3X,GAAY,eACd,GACAvH,EACAuF,GACA,EACA,KACA,KACA,MAIa,gB","file":"js/chunk-78b8d710.e07679a4.js","sourcesContent":["export default {\n  computed: {\n    search: {\n      get() {\n        return this.$route.query.search;\n      },\n      set(value) {\n        this.lodash.appendRouteQuery(this.$router, this.$route, {\n          search: value,\n        });\n      },\n    },\n  },\n  watch: {\n    search: {\n      immediate: true,\n      handler(search) {\n        this.triggerSearch(search);\n      },\n    },\n  },\n  methods: {\n    triggerSearch(value) {\n      console.log(\"search => \", value)\n    }\n  }\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('CRow',{staticClass:\"mb-5\"},[_c('CCol',{attrs:{\"lg\":\"3\"}},[_c('TAside',[_c('CListGroup',[_c('CListGroupItem',[_c('TInputSimpleSearch',{attrs:{\"placeholder\":\"Search invoice\",\"value\":_vm.search},on:{\"update:value\":function($event){_vm.search=$event}}})],1),_vm._l((_vm.invoices),function(invoice,index){return _c('CListGroupItem',{key:`${index}${invoice.id}`,class:[\n            'p-0',\n            {\n              'list-group-item-success':\n                invoice.had_cut_off && !(_vm.invoice_id_selected == invoice.id),\n            },\n          ],attrs:{\"color\":_vm.invoice_id_selected == invoice.id ? 'primary' : 'secondary'}},[_c('SCardInvoice',{staticClass:\"cursor-pointer\",attrs:{\"invoice\":invoice},nativeOn:{\"click\":function($event){return _vm.lodash.appendRouteQuery(_vm.$router, {\n                query: { invoice_id: invoice.id },\n              })}}})],1)}),(!_vm.invoices.length)?_c('CListGroupItem',[_c('TMessageNotFound')],1):_vm._e(),(_vm.list_fetching)?_c('CListGroupItem',[_c('TSpinner',{attrs:{\"loading\":_vm.list_fetching}})],1):_vm._e()],2)],1)],1),_c('CCol',{attrs:{\"lg\":\"9\"}},[(_vm.invoice_id_selected)?_c('CRow',[(_vm.invoice_selected)?_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardHeader',{staticClass:\"d-flex align-items-center flex-wrap\"},[_c('TMessage',{attrs:{\"content\":\"SKUs in invoice\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [_c('span',{staticClass:\"ml-1 font-weight-bold\"},[_vm._v(_vm._s(_vm.invoice_selected.name || \"...\"))])]},proxy:true}],null,false,2857791409)}),_c('TSpinner',{attrs:{\"loading\":_vm.detail_loading}}),_c('div',{staticClass:\"ml-auto\"},[_c('SButtonStatusInvoice',{attrs:{\"invoice\":_vm.invoice_selected,\"store\":\"warehouse.invoices_in\"}}),_c('TButtonRefresh',{staticClass:\"ml-2\",attrs:{\"size\":\"\",\"options\":{ disabled: _vm.detail_loading }},on:{\"click\":_vm.refetchInvoice}})],1)],1),_c('CCardBody',[_c('div',[_c('CRow',[_c('CCol',{attrs:{\"col\":\"6\"}},[_c('TMessage',{staticClass:\"h5\",attrs:{\"content\":\"Total number of boxes above expected\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [_vm._v(\": \"),_c('b',[_vm._v(_vm._s(_vm.count_duplicate))])]},proxy:true}],null,false,3869494183)})],1),_c('CCol',{attrs:{\"col\":\"6\"}},[_c('TMessage',{staticClass:\"h5\",attrs:{\"content\":\"Total number of boxes loaded\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [_vm._v(\": \"),_c('b',[_vm._v(_vm._s(_vm.count_incont))])]},proxy:true}],null,false,1289512097)})],1)],1)],1)])],1)],1):_vm._e(),_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardBody',[_c('SInputSku',{staticStyle:{\"margin-bottom\":\"0 !important\"},attrs:{\"disabled\":_vm.invoice_selected.had_cut_off,\"placeholder\":\"Add SKU or Pallet Id\"},on:{\"enter\":_vm.enterPicker}})],1),_c('CCardFooter',[_c('div',{staticClass:\"d-flex align-items-center justify-content-end\"},[_c('TButtonQuickView',{attrs:{\"options\":{ content: 'Watch boxes was in container' }},on:{\"click\":function($event){_vm.showModalPickedBox = true}}}),_c('RemoveNotInContainerBox',{on:{\"success\":function($event){return _vm.$store.dispatch(\n                    'warehouse.invoices_in.detail.fetch',\n                    _vm.invoice_id_selected\n                  )}}}),(_vm.boxes_picked_error.length)?_c('TButton',{attrs:{\"color\":\"danger\",\"variant\":\"ghost\",\"size\":\"sm\",\"icon\":\"cil-magnifying-glass\"},on:{\"click\":function($event){_vm.showModalPickedBoxError = true}},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('TMessage',{staticClass:\"ml-1\",attrs:{\"content\":\"Watch data was been error\"}}),_c('CBadge',{staticClass:\"ml-1 d-flex align-items-center justify-content-center\",attrs:{\"color\":\"danger\"}},[_c('span',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(_vm._s(_vm.boxes_picked_error.length))])])]},proxy:true}],null,false,96402786)}):_vm._e(),_c('PickedBoxModal',{attrs:{\"show\":_vm.showModalPickedBox,\"pickers\":_vm.in_container_pickeds,\"referer_quantity_key\":\"current_quantity_in_lading_bill\",\"fetching\":_vm.in_container_pickers_loading,\"removing\":_vm.removing_boxes_incont},on:{\"update:show\":function($event){_vm.showModalPickedBox=$event},\"focus-quantity:change\":_vm.updateQuantityPicker,\"remove\":_vm.removePicker,\"remove-boxes\":_vm.onRemoveBoxesInCont}}),_c('PickedBoxErrorModal',{attrs:{\"show\":_vm.showModalPickedBoxError,\"pickers\":_vm.boxes_picked_error},on:{\"update:show\":function($event){_vm.showModalPickedBoxError=$event}}})],1)])],1)],1),_c('CCol',{attrs:{\"col\":\"12\",\"md\":\"12\",\"lg\":\"6\"}},[_c('CCard',{staticStyle:{\"background\":\"#f9f9f9\"}},[_c('CCardHeader',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('TMessage',{attrs:{\"content\":\"Pick in container\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [_c('span',{staticClass:\"ml-1 font-weight-bold\"},[_vm._v(_vm._s(_vm.invoice_selected.name || \"...\"))])]},proxy:true}],null,false,2857791409)}),_c('TSpinner',{attrs:{\"loading\":_vm.in_container_pickers_loading}})],1),(_vm.pick_boxes.length)?_c('TButton',{attrs:{\"color\":\"success\",\"messageOptions\":{ bold: true },\"icon\":\"cil-data-transfer-down\",\"options\":{\n                disabled: !_vm.pick_boxes.length || _vm.in_container_pickers_loading,\n              }},on:{\"click\":_vm.submitPickers},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('TMessage',{staticClass:\"ml-2\",attrs:{\"content\":\"Import\",\"bold\":\"\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [(_vm.lodash.sumBy(_vm.pick_boxes, 'quantity'))?_c('span',[_vm._v(\" \"+_vm._s(`(${_vm._.sumBy(_vm.pick_boxes, \"quantity\")} ${_vm.$t(\"boxes\")})`)+\" \")]):_vm._e()]},proxy:true}],null,false,2411526802)})]},proxy:true}],null,false,1710080249)}):_vm._e()],1),_c('CCardBody',{staticClass:\"p-3\"},[(_vm.pick_boxes.length)?_c('TButton',{staticClass:\"float-right mr-2 mb-2\",attrs:{\"content\":\"Remove all\",\"variant\":\"ghost\",\"icon\":\"cil-delete\",\"color\":\"danger\"},on:{\"click\":function($event){_vm.showModalConfirm = true}}}):_vm._e(),_c('TModalConfirm',{attrs:{\"show\":_vm.showModalConfirm},on:{\"update:show\":function($event){_vm.showModalConfirm=$event},\"click-confirm\":function($event){_vm.onlDeselectAll();\n                _vm.showModalConfirm = false;}}}),_c('div',[(!_vm.pick_boxes.length)?_c('TMessageNoData',{attrs:{\"content\":\"No SKU\"}}):_c('div',_vm._l((_vm.pick_boxes),function(picker,index){return _c('div',{key:`${picker.id} - ${index}`,staticClass:\"my-1 mx-2\"},[(_vm.lodash.has(picker, 'box'))?_c('SCardSkuContainerPicker',{staticClass:\"w-100\",attrs:{\"box\":picker.box,\"focus-quantity\":picker.quantity,\"focus-quantity-ediable\":true,\"removable\":true,\"removing\":picker.removing,\"updating\":picker.updating,\"background\":_vm.getBoxBackgroundColorPicking(picker),\"showPallet\":\"\",\"noItems\":\"\",\"focusQuantityDescription\":\"Quantity in cont\",\"mainQuantityDescription\":\"Expected quantity\",\"showDateTime\":!picker.picking,\"noConfirmOnRemove\":picker.picking,\"showWeight\":false,\"showSfa\":false},on:{\"focus-quantity:change\":function($event){return _vm.updateQuantityPicker(picker, $event)},\"updated\":function($event){return _vm.updatePalletPicker(picker, $event.pallet_id)},\"remove\":function($event){return _vm.removePicker(picker, $event)}},scopedSlots:_vm._u([(!picker.picking)?{key:\"picked_by_pallet\",fn:function(){return [(picker.pallet_id)?_c('CBadge',{staticClass:\"my-auto\",attrs:{\"color\":\"success\"}},[_vm._v(\" \"+_vm._s(picker.pallet_id)+\" \")]):_vm._e()]},proxy:true}:null,{key:\"main-quantity\",fn:function(){return [_c('TMessageNumber',{attrs:{\"value\":_vm.getTotalQuantityInLadingBills(picker)}})]},proxy:true}],null,true)}):_vm._e()],1)}),0)],1)],1)],1)],1),_c('CCol',{attrs:{\"col\":\"6\",\"md\":\"6\",\"lg\":\"3\"}},[_c('CCard',{staticStyle:{\"background\":\"#f9f9f9\"}},[_c('CCardHeader',{staticClass:\"d-flex align-items-center\"},[_c('TMessage',{attrs:{\"content\":\"Loaded\",\"bold\":\"\"}}),_c('div',{staticClass:\"ml-auto\"},[_c('TButtonSave',{attrs:{\"options\":{ content: 'Export CSV' }},on:{\"click\":function($event){return _vm.onExportCSV(_vm.boxes_in_cont)}}})],1)],1),_c('CCardBody',{staticClass:\"py-2 px-2\"},[_c('TSpinner',{attrs:{\"loading\":_vm.in_container_pickers_loading || _vm.detail_loading}}),(!_vm.boxes_in_cont.length && !_vm.detail_loading)?_c('TMessageNoData',{attrs:{\"content\":\"No SKU\"}}):_c('div',{staticClass:\"w-100 mt-2\"},_vm._l((_vm.boxes_in_cont),function(box){return _c('SCardSkuContainerPicker',{key:box.id,staticClass:\"w-100\",attrs:{\"box\":box,\"refresh\":\"\",\"focus-quantity\":box.quantity_in_picker_in_cont,\"focus-quantity-title\":_vm.$t('Quantity in cont'),\"background\":_vm.getBoxCardBackground(box)},scopedSlots:_vm._u([(_vm.pickingBoxQuantityById(box.id))?{key:\"prepend-quantity\",fn:function(){return [_c('div',{staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"400\"}},[_c('TMessageNumber',{attrs:{\"value\":_vm.pickingBoxQuantityById(box.id),\"title\":_vm.$t('Picking quantity')}})],1)]},proxy:true}:null,{key:\"main-quantity\",fn:function(){return [_c('TMessageNumber',{attrs:{\"value\":box.total_quantity_in_lading_bills,\"title\":_vm.$t('Quantity in lading bill')}})]},proxy:true}],null,true)})}),1)],1)],1)],1),_c('CCol',{attrs:{\"col\":\"6\",\"md\":\"6\",\"lg\":\"3\"}},[_c('CCard',{staticStyle:{\"background\":\"#f9f9f9\"}},[_c('CCardHeader',{staticClass:\"d-flex align-items-center\"},[_c('TMessage',{attrs:{\"content\":\"Remaining\",\"bold\":\"\"}}),_c('div',{staticClass:\"ml-auto\"},[_c('TButtonSave',{attrs:{\"options\":{ content: 'Export CSV' }},on:{\"click\":function($event){return _vm.onExportCSV(_vm.remaining_boxes_in_lading_bills)}}})],1)],1),_c('CCardBody',{staticClass:\"py-2 px-2\"},[_c('TSpinner',{attrs:{\"loading\":_vm.in_container_pickers_loading || _vm.detail_loading}}),(_vm.remaining_boxes_in_lading_bills.length && !_vm.detail_loading)?_c('div',{staticClass:\"d-flex ml-auto align-items-center\"},[_c('TSwitch',{attrs:{\"checked\":_vm.sortByPallet},on:{\"change\":function($event){_vm.sortByPallet = !_vm.sortByPallet}}}),_c('TMessage',{staticClass:\"ml-2 mt-1\",attrs:{\"content\":\"Sort by pallet\",\"bold\":\"\"}})],1):_vm._e(),_c('PalletBoxModal',{attrs:{\"show\":_vm.showModalPallet,\"box\":_vm.skuInLBSelected},on:{\"update:show\":function($event){_vm.showModalPallet=$event},\"updated\":_vm.refetchInvoice}}),(\n                !_vm.remaining_boxes_in_lading_bills.length && !_vm.detail_loading\n              )?_c('TMessageNoData',{attrs:{\"content\":\"No SKU\"}}):_vm._e(),(_vm.sortByPallet)?_c('div',_vm._l((_vm.boxes_sort_by_pallet),function(pivot_pallet,index){return _c('div',{key:`${pivot_pallet.pallet_id}-${index}`},[(pivot_pallet.pallet_id)?_c('div',{staticClass:\"d-flex align-items-center mt-3\"},[_c('TLink',{staticClass:\"h4 m-0\",attrs:{\"content\":pivot_pallet.pallet_id,\"to\":_vm.lodash.getReferenceLink(\n                        'assemble-to-stock.pallet',\n                        pivot_pallet.pallet_id\n                      ),\"messageOptions\":{ bold: true }}}),(pivot_pallet.pallet.location)?_c('SMessagePalletLocation',{staticClass:\"ml-2 h5 mb-1\",attrs:{\"location\":pivot_pallet.pallet.location,\"color\":\"success\"}}):_vm._e()],1):_vm._e(),(!pivot_pallet.pallet_id && pivot_pallet.boxes.length)?_c('TMessageNotFound',{staticClass:\"h3 mt-3\"}):_vm._e(),(pivot_pallet.boxes.length)?_c('hr',{staticClass:\"my-0\"}):_vm._e(),_c('div',{staticClass:\"d-flex flex-wrap w-100\"},_vm._l((pivot_pallet.boxes),function(box){return _c('SCardSkuContainerPicker',{key:box.box_id,staticClass:\"mt-1 mx-2 w-100\",attrs:{\"box\":box,\"refresh\":\"\",\"focus-quantity\":box.quantity_in_container_picker,\"background\":_vm.getBoxCardBackground(box),\"focus-quantity-title\":_vm.$t('Quantity in cont')},scopedSlots:_vm._u([(\n                        _vm.pickingBoxQuantityById(\n                          box.id,\n                          pivot_pallet.pallet_id\n                        ) && pivot_pallet.pallet_id\n                      )?{key:\"prepend-quantity\",fn:function(){return [_c('div',{staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"400\"}},[_c('TMessageNumber',{attrs:{\"value\":_vm.pickingBoxQuantityById(\n                              box.id,\n                              pivot_pallet.pallet_id\n                            ),\"title\":_vm.$t('Picking quantity')}})],1)]},proxy:true}:null,{key:\"main-quantity\",fn:function(){return [_c('TMessageNumber',{attrs:{\"value\":box.desired_quantity,\"title\":_vm.$t('Quantity in pallets')}})]},proxy:true},{key:\"append-actions\",fn:function(){return [_c('CLink',{staticClass:\"ml-2 text-info\",attrs:{\"title\":\"Option\"},on:{\"click\":function($event){_vm.showModalPallet = true;\n                          _vm.skuInLBSelected = box;}}},[_c('CIcon',{attrs:{\"name\":\"cisChartTable\",\"width\":\"16\"}})],1)]},proxy:true}],null,true)})}),1)],1)}),0):_c('div',{staticClass:\"w-100 mt-2\"},_vm._l((_vm.remaining_boxes_in_lading_bills),function(box){return _c('SCardSkuContainerPicker',{key:box.id,staticClass:\"w-100\",attrs:{\"box\":box,\"refresh\":\"\",\"focus-quantity\":box.quantity_in_picker_in_cont,\"focus-quantity-title\":_vm.$t('Quantity in cont'),\"background\":_vm.getBoxCardBackground(box)},scopedSlots:_vm._u([(_vm.pickingBoxQuantityById(box.id))?{key:\"prepend-quantity\",fn:function(){return [_c('div',{staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"400\"}},[_c('TMessageNumber',{attrs:{\"value\":_vm.pickingBoxQuantityById(box.id),\"title\":_vm.$t('Picking quantity')}})],1)]},proxy:true}:null,{key:\"main-quantity\",fn:function(){return [_c('TMessageNumber',{attrs:{\"value\":box.total_quantity_in_lading_bills,\"title\":_vm.$t('Quantity in lading bill')}})]},proxy:true}],null,true)})}),1)],1)],1)],1)],1):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const STORE_KEY = \"pick_in_cont\";\n\nexport const get = (invoice_id) => {\n  return JSON.parse(localStorage.getItem(`${STORE_KEY}-${invoice_id}`));\n};\n\nexport const set = (picker, invoice_id) => {\n  const old_pickers = get(invoice_id);\n  if (!old_pickers) {\n    return localStorage.setItem(`${STORE_KEY}-${invoice_id}`, JSON.stringify([picker]));\n  }\n  var pickers = old_pickers;\n  const existed = old_pickers.find(p => p.id === picker.id && p.box.pallet_id === picker.box.pallet_id);\n  if (existed) {\n    pickers = old_pickers.map(p => {\n      if (p.id === picker.id && p.box.pallet_id === picker.box.pallet_id) {\n        return picker;\n      }\n      return p;\n    })\n  } else {\n    pickers = [picker, ...pickers]\n  }\n  return localStorage.setItem(`${STORE_KEY}-${invoice_id}`, JSON.stringify(pickers));\n};\n\nexport const remove = (invoice_id) => {\n  localStorage.removeItem(`${STORE_KEY}-${invoice_id}`);\n}\n\nexport const removePicker = (invoice_id, picker) => {\n  var pickers = get(invoice_id);\n  const pAt = pickers.findIndex(p => p.id === picker.id && p.box.pallet_id === picker.box.pallet_id);\n  pickers.splice(pAt, 1);\n  return localStorage.setItem(`${STORE_KEY}-${invoice_id}`, JSON.stringify(pickers));\n}\n\nexport default { get, set, remove, removePicker }\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('TButton',{staticClass:\"btn-danger btn-sm btn-ghost-danger\",attrs:{\"content\":\"Watch boxes was not in container\"},on:{\"click\":_vm.openModalShowBoxNotInContainer}}),_c('TModal',{attrs:{\"title\":\"Watch boxes was not in container\",\"size\":\"lg\",\"show\":_vm.show,\"fetching\":_vm.loading},on:{\"update:show\":function($event){_vm.show=$event}},scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [(!!_vm.data_table.length)?_c('TButtonSave',{attrs:{\"options\":{ content: 'Export CSV' }},on:{\"click\":_vm.onExportCSV}}):_vm._e(),_c('TButton',{staticClass:\"btn-danger\",attrs:{\"content\":\"Remove all\",\"disabled\":_vm.loading},on:{\"click\":_vm.onRemoveAll}})]},proxy:true}])},[_c('TTableSimple',{attrs:{\"fields\":_vm.referenceFields,\"items\":_vm.data_table,\"noResult\":\"\"},scopedSlots:_vm._u([{key:\"_\",fn:function({ item }){return [_c('td',[(item.pivot_lading_bills_with_container_count == 1)?_c('b',{staticClass:\"text-success\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"1 \"+_vm._s(_vm.$t(\"Lading bill\")))]):_c('b',{staticClass:\"text-danger\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(_vm._s(item.pivot_lading_bills_with_container_count)+\" \"+_vm._s(_vm.$t(\"Lading bill\")))])])]}},{key:\"box_id\",fn:function({ item }){return [_c('td',[_c('b',[_vm._v(_vm._s(item.box_id))])])]}},{key:\"lading_bill_id\",fn:function({ item }){return [_c('td',[_c('p',[_vm._v(_vm._s(item.lading_bill_id))])])]}},{key:\"quantity\",fn:function({ item }){return [_c('td',[_c('TMessageNumber',{attrs:{\"value\":item.quantity,\"editable\":item.pivot_lading_bills_with_container_count > 1},on:{\"change\":(q) => _vm.onChangeQuantity(q, item)}}),(item.pivot_lading_bills_with_container_count > 1)?_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"font-size\":\"10px\"}},[_c('TMessage',{attrs:{\"content\":\"Quantity in lading bill\"}}),_c('b',{staticClass:\"ml-1\"},[_vm._v(_vm._s(item.box_lading_bill_quantity))])],1):_vm._e()],1)]}},{key:\"updated_at\",fn:function({ item }){return [_c('td',[_c('TMessageDateTime',{attrs:{\"content\":item.updated_at}})],1)]}}])})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <TButton\n      content=\"Watch boxes was not in container\"\n      @click=\"openModalShowBoxNotInContainer\"\n      class=\"btn-danger btn-sm btn-ghost-danger\"\n    />\n\n    <TModal\n      title=\"Watch boxes was not in container\"\n      size=\"lg\"\n      :show.sync=\"show\"\n      :fetching=\"loading\"\n    >\n      <template #actions>\n        <TButtonSave\n          @click=\"onExportCSV\"\n          :options=\"{ content: 'Export CSV' }\"\n          v-if=\"!!data_table.length\"\n        />\n        <TButton\n          content=\"Remove all\"\n          @click=\"onRemoveAll\"\n          :disabled=\"loading\"\n          class=\"btn-danger\"\n        />\n      </template>\n\n      <TTableSimple :fields=\"referenceFields\" :items=\"data_table\" noResult>\n        <template #_=\"{ item }\">\n          <td>\n            <b\n              class=\"text-success\"\n              style=\"font-size: 12px\"\n              v-if=\"item.pivot_lading_bills_with_container_count == 1\"\n              >1 {{$t(\"Lading bill\")}}</b\n            >\n            <b class=\"text-danger\" style=\"font-size: 12px\" v-else\n              >{{ item.pivot_lading_bills_with_container_count }} {{$t(\"Lading bill\")}}</b\n            >\n          </td>\n        </template>\n        <template #box_id=\"{ item }\">\n          <td>\n            <b>{{ item.box_id }}</b>\n          </td>\n        </template>\n        <template #lading_bill_id=\"{ item }\">\n          <td>\n            <p>{{ item.lading_bill_id }}</p>\n          </td>\n        </template>\n        <template #quantity=\"{ item }\">\n          <td>\n            <TMessageNumber\n              :value=\"item.quantity\"\n              :editable=\"item.pivot_lading_bills_with_container_count > 1\"\n              @change=\"(q) => onChangeQuantity(q, item)\"\n            />\n            <div\n              v-if=\"item.pivot_lading_bills_with_container_count > 1\"\n              style=\"font-size: 10px\"\n              class=\"d-flex align-items-center\"\n            >\n              <TMessage content=\"Quantity in lading bill\" />\n              <b class=\"ml-1\">{{ item.box_lading_bill_quantity }}</b>\n            </div>\n          </td>\n        </template>\n        <template #updated_at=\"{ item }\">\n          <td>\n            <TMessageDateTime :content=\"item.updated_at\" />\n          </td>\n        </template>\n      </TTableSimple>\n    </TModal>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment\";\n\nexport default {\n  data() {\n    return {\n      loading: false,\n      not_in_container_boxes: [],\n      show: false,\n      referenceFields: [\n        {\n          key: \"_\",\n          label: \"#\",\n        },\n        {\n          key: \"box_id\",\n          label: \"SKU\",\n        },\n        {\n          key: \"lading_bill_id\",\n          label: \"Lading bill\",\n        },\n        {\n          key: \"order_id\",\n          label: \"Order\",\n        },\n        {\n          key: \"customer_name\",\n          label: \"Customer\",\n        },\n        {\n          key: \"quantity\",\n          label: \"Quantity not in container\",\n        },\n        {\n          key: \"updated_at\",\n          label: \"Updated at\",\n        },\n      ],\n    };\n  },\n  computed: {\n    invoice_id() {\n      return this.$route.query.invoice_id;\n    },\n    data_table() {\n      return this.not_in_container_boxes;\n    },\n  },\n  watch: {\n    invoice_id: {\n      handler() {\n        this.not_in_container_boxes = [];\n      },\n    },\n  },\n  methods: {\n    openModalShowBoxNotInContainer() {\n      this.show = true;\n\n      this.onRefresh();\n    },\n    onRefresh() {\n      this.loading = true;\n\n      this.$tomoni.warehouse.containers\n        .getUndesiredBoxContainer(this.invoice_id)\n        .then((res) => {\n          this.not_in_container_boxes = res.data.reduce((p, c) => {\n            c.pivot_lading_bills.forEach((pivot_lb) => {\n              p.push({\n                pivot_lading_bills_with_container_count:\n                  c.pivot_lading_bills_with_container_count,\n                quantity: c.quantity_in_invoice - c.quantity_in_container,\n                box_lading_bill_quantity: pivot_lb.quantity,\n                lading_bill_id: pivot_lb.lading_bill_id,\n                box_lading_bill_id: pivot_lb.id,\n                order_id: pivot_lb.order_id,\n                customer_name: pivot_lb?.customer?.name,\n                box_id: c.id,\n                updated_at: c.updated_at,\n                removing: false,\n              });\n            });\n\n            return p;\n          }, []);\n        })\n        .finally(() => {\n          this.loading = false;\n        });\n    },\n    onRemoveAll() {\n      this.loading = true;\n\n      let params = {};\n\n      let box_with_multiple_lb_grouped_obj = this.lodash.groupBy(\n        this.not_in_container_boxes.filter(\n          (i) => i.pivot_lading_bills_with_container_count > 1\n        ),\n        \"box_id\"\n      );\n\n      Object.entries(box_with_multiple_lb_grouped_obj).forEach(\n        ([box_id, rows], idx) => {\n          params[`boxes[${idx}][id]`] = box_id;\n\n          rows.forEach((row, row_idx) => {\n            params[`boxes[${idx}][box_lading_bills][${row_idx}][id]`] =\n              row.box_lading_bill_id;\n            params[`boxes[${idx}][box_lading_bills][${row_idx}][quantity]`] =\n              row.quantity;\n          });\n        }\n      );\n\n      this.$tomoni.warehouse.containers\n        .removeUndesiredBoxContainer(this.invoice_id, params)\n        .then(() => {\n          this.$emit(\"success\");\n\n          this.onRefresh();\n        })\n        .catch((err) => {\n          this.loading = false;\n\n          this.$store.commit(\"toasts.push\", {\n            title: err?.response?.data?.message,\n            message: this.lodash.flattenDeep(Object.values(err?.response?.data?.errors || {})).join(\"\\n\"),\n            type: \"danger\",\n          });\n        });\n    },\n    onChangeQuantity(new_quantity, row) {\n      let matched_item_idx = this.not_in_container_boxes.findIndex(\n        (i) => i.box_lading_bill_id === row.box_lading_bill_id\n      );\n\n      if (matched_item_idx !== -1) {\n        this.not_in_container_boxes[matched_item_idx].quantity = new_quantity;\n      }\n    },\n    onExportCSV() {\n      let rows = [\n        [\n          \"SKU\",\n          this.$t(\"Lading bill\"),\n          this.$t(\"Order\"),\n          this.$t(\"Customer\"),\n          this.$t(\"Quantity not in container\"),\n          this.$t(\"Updated at\"),\n        ],\n      ];\n\n      this.not_in_container_boxes.forEach((row) => {\n        rows.push([\n          row.box_id,\n          row.lading_bill_id,\n          row.order_id,\n          row.customer_name,\n          row.quantity,\n          moment(row.updated_at, \"X\").format(\"DD/MM/YYYY HH:mm\"),\n        ]);\n      });\n\n      let csvContent =\n        \"data:text/csv;charset=utf-8,\" +\n        rows.map((e) => e.join(\",\")).join(\"\\n\");\n\n      var encodedUri = encodeURI(csvContent);\n      var link = document.createElement(\"a\");\n      link.setAttribute(\"href\", encodedUri);\n      link.setAttribute(\"download\", `${this.invoice_id}-missed-boxes.csv`);\n      document.body.appendChild(link); // Required for FF\n\n      link.click();\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!./RemoveNotInContainerBox.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!./RemoveNotInContainerBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RemoveNotInContainerBox.vue?vue&type=template&id=8cdc72f2&\"\nimport script from \"./RemoveNotInContainerBox.vue?vue&type=script&lang=js&\"\nexport * from \"./RemoveNotInContainerBox.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","<template>\n  <CRow class=\"mb-5\">\n    <CCol lg=\"3\">\n      <TAside>\n        <CListGroup>\n          <CListGroupItem>\n            <TInputSimpleSearch\n              placeholder=\"Search invoice\"\n              :value.sync=\"search\"\n            />\n          </CListGroupItem>\n          <CListGroupItem\n            v-for=\"(invoice, index) in invoices\"\n            :key=\"`${index}${invoice.id}`\"\n            :color=\"invoice_id_selected == invoice.id ? 'primary' : 'secondary'\"\n            :class=\"[\n              'p-0',\n              {\n                'list-group-item-success':\n                  invoice.had_cut_off && !(invoice_id_selected == invoice.id),\n              },\n            ]\"\n          >\n            <SCardInvoice\n              class=\"cursor-pointer\"\n              @click.native=\"\n                lodash.appendRouteQuery($router, {\n                  query: { invoice_id: invoice.id },\n                })\n              \"\n              :invoice=\"invoice\"\n            />\n          </CListGroupItem>\n          <CListGroupItem v-if=\"!invoices.length\">\n            <TMessageNotFound />\n          </CListGroupItem>\n          <CListGroupItem v-if=\"list_fetching\">\n            <TSpinner :loading=\"list_fetching\" />\n          </CListGroupItem>\n        </CListGroup>\n      </TAside>\n    </CCol>\n    <CCol lg=\"9\">\n      <CRow v-if=\"invoice_id_selected\">\n        <!-- Card overview xuất kho -->\n        <CCol col=\"12\" v-if=\"invoice_selected\">\n          <CCard>\n            <CCardHeader class=\"d-flex align-items-center flex-wrap\">\n              <TMessage content=\"SKUs in invoice\">\n                <template #suffix>\n                  <span class=\"ml-1 font-weight-bold\">{{\n                    invoice_selected.name || \"...\"\n                  }}</span>\n                </template>\n              </TMessage>\n              <TSpinner :loading=\"detail_loading\" />\n\n              <div class=\"ml-auto\">\n                <SButtonStatusInvoice\n                  :invoice=\"invoice_selected\"\n                  store=\"warehouse.invoices_in\"\n                />\n                <TButtonRefresh\n                  @click=\"refetchInvoice\"\n                  class=\"ml-2\"\n                  size=\"\"\n                  :options=\"{ disabled: detail_loading }\"\n                />\n              </div>\n            </CCardHeader>\n            <CCardBody>\n              <div>\n                <CRow>\n                  <CCol col=\"6\">\n                    <TMessage\n                      content=\"Total number of boxes above expected\"\n                      class=\"h5\"\n                    >\n                      <template #suffix\n                        >: <b>{{ count_duplicate }}</b>\n                      </template>\n                    </TMessage>\n                  </CCol>\n                  <CCol col=\"6\">\n                    <TMessage content=\"Total number of boxes loaded\" class=\"h5\">\n                      <template #suffix\n                        >: <b>{{ count_incont }}</b>\n                      </template>\n                    </TMessage>\n                  </CCol>\n                </CRow>\n              </div>\n            </CCardBody>\n          </CCard>\n        </CCol>\n\n        <!-- Card input nhập kho -->\n        <CCol col=\"12\">\n          <CCard>\n            <CCardBody>\n              <SInputSku\n                :disabled=\"invoice_selected.had_cut_off\"\n                @enter=\"enterPicker\"\n                placeholder=\"Add SKU or Pallet Id\"\n                style=\"margin-bottom: 0 !important\"\n              />\n            </CCardBody>\n            <CCardFooter>\n              <div class=\"d-flex align-items-center justify-content-end\">\n                <TButtonQuickView\n                  :options=\"{ content: 'Watch boxes was in container' }\"\n                  @click=\"showModalPickedBox = true\"\n                />\n\n                <RemoveNotInContainerBox\n                  @success=\"\n                    $store.dispatch(\n                      'warehouse.invoices_in.detail.fetch',\n                      invoice_id_selected\n                    )\n                  \"\n                />\n\n                <TButton\n                  @click=\"showModalPickedBoxError = true\"\n                  color=\"danger\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  icon=\"cil-magnifying-glass\"\n                  v-if=\"boxes_picked_error.length\"\n                >\n                  <template #content>\n                    <TMessage\n                      class=\"ml-1\"\n                      content=\"Watch data was been error\"\n                    />\n                    <CBadge\n                      color=\"danger\"\n                      class=\"ml-1 d-flex align-items-center justify-content-center\"\n                    >\n                      <span style=\"font-size: 12px\">{{\n                        boxes_picked_error.length\n                      }}</span>\n                    </CBadge>\n                  </template>\n                </TButton>\n\n                <PickedBoxModal\n                  :show.sync=\"showModalPickedBox\"\n                  :pickers=\"in_container_pickeds\"\n                  @focus-quantity:change=\"updateQuantityPicker\"\n                  @remove=\"removePicker\"\n                  referer_quantity_key=\"current_quantity_in_lading_bill\"\n                  :fetching=\"in_container_pickers_loading\"\n                  @remove-boxes=\"onRemoveBoxesInCont\"\n                  :removing=\"removing_boxes_incont\"\n                />\n\n                <PickedBoxErrorModal\n                  :show.sync=\"showModalPickedBoxError\"\n                  :pickers=\"boxes_picked_error\"\n                />\n              </div>\n            </CCardFooter>\n          </CCard>\n        </CCol>\n\n        <!-- [8] Card hàng đợi nhập kho -->\n        <CCol col=\"12\" md=\"12\" lg=\"6\">\n          <CCard style=\"background: #f9f9f9\">\n            <CCardHeader\n              class=\"d-flex align-items-center justify-content-between\"\n            >\n              <div class=\"d-flex align-items-center\">\n                <TMessage content=\"Pick in container\">\n                  <template #suffix>\n                    <span class=\"ml-1 font-weight-bold\">{{\n                      invoice_selected.name || \"...\"\n                    }}</span>\n                  </template>\n                </TMessage>\n                <TSpinner :loading=\"in_container_pickers_loading\" />\n              </div>\n\n              <TButton\n                color=\"success\"\n                :messageOptions=\"{ bold: true }\"\n                icon=\"cil-data-transfer-down\"\n                :options=\"{\n                  disabled: !pick_boxes.length || in_container_pickers_loading,\n                }\"\n                @click=\"submitPickers\"\n                v-if=\"pick_boxes.length\"\n              >\n                <template #content>\n                  <TMessage content=\"Import\" bold class=\"ml-2\">\n                    <template #suffix>\n                      <span v-if=\"lodash.sumBy(pick_boxes, 'quantity')\">\n                        {{\n                          `(${_.sumBy(pick_boxes, \"quantity\")} ${$t(\"boxes\")})`\n                        }}\n                      </span>\n                    </template>\n                  </TMessage>\n                </template>\n              </TButton>\n            </CCardHeader>\n            <CCardBody class=\"p-3\">\n              <TButton\n                v-if=\"pick_boxes.length\"\n                content=\"Remove all\"\n                variant=\"ghost\"\n                icon=\"cil-delete\"\n                class=\"float-right mr-2 mb-2\"\n                color=\"danger\"\n                @click=\"showModalConfirm = true\"\n              />\n              <TModalConfirm\n                :show.sync=\"showModalConfirm\"\n                @click-confirm=\"\n                  onlDeselectAll();\n                  showModalConfirm = false;\n                \"\n              />\n              <div>\n                <TMessageNoData content=\"No SKU\" v-if=\"!pick_boxes.length\" />\n                <div v-else>\n                  <div\n                    class=\"my-1 mx-2\"\n                    v-for=\"(picker, index) in pick_boxes\"\n                    :key=\"`${picker.id} - ${index}`\"\n                  >\n                    <SCardSkuContainerPicker\n                      v-if=\"lodash.has(picker, 'box')\"\n                      :box=\"picker.box\"\n                      class=\"w-100\"\n                      :focus-quantity=\"picker.quantity\"\n                      :focus-quantity-ediable=\"true\"\n                      @focus-quantity:change=\"\n                        updateQuantityPicker(picker, $event)\n                      \"\n                      :removable=\"true\"\n                      @updated=\"updatePalletPicker(picker, $event.pallet_id)\"\n                      @remove=\"removePicker(picker, $event)\"\n                      :removing=\"picker.removing\"\n                      :updating=\"picker.updating\"\n                      :background=\"getBoxBackgroundColorPicking(picker)\"\n                      showPallet\n                      noItems\n                      focusQuantityDescription=\"Quantity in cont\"\n                      mainQuantityDescription=\"Expected quantity\"\n                      :showDateTime=\"!picker.picking\"\n                      :noConfirmOnRemove=\"picker.picking\"\n                      :showWeight=\"false\"\n                      :showSfa=\"false\"\n                    >\n                      <template #picked_by_pallet v-if=\"!picker.picking\">\n                        <CBadge\n                          v-if=\"picker.pallet_id\"\n                          color=\"success\"\n                          class=\"my-auto\"\n                        >\n                          {{ picker.pallet_id }}\n                        </CBadge>\n                      </template>\n\n                      <template #main-quantity>\n                        <TMessageNumber\n                          :value=\"getTotalQuantityInLadingBills(picker)\"\n                        />\n                      </template>\n                    </SCardSkuContainerPicker>\n                  </div>\n                </div>\n              </div>\n            </CCardBody>\n          </CCard>\n        </CCol>\n        <!-- [4] Card chi tiết các thông tin thùng đã lên cont -->\n        <CCol col=\"6\" md=\"6\" lg=\"3\">\n          <CCard style=\"background: #f9f9f9\">\n            <CCardHeader class=\"d-flex align-items-center\">\n              <TMessage content=\"Loaded\" bold />\n              <div class=\"ml-auto\">\n                <TButtonSave\n                  @click=\"onExportCSV(boxes_in_cont)\"\n                  :options=\"{ content: 'Export CSV' }\"\n                />\n              </div>\n            </CCardHeader>\n            <CCardBody class=\"py-2 px-2\">\n              <TSpinner\n                :loading=\"in_container_pickers_loading || detail_loading\"\n              />\n              <TMessageNoData\n                content=\"No SKU\"\n                v-if=\"!boxes_in_cont.length && !detail_loading\"\n              />\n              <div v-else class=\"w-100 mt-2\">\n                <SCardSkuContainerPicker\n                  v-for=\"box in boxes_in_cont\"\n                  :key=\"box.id\"\n                  :box=\"box\"\n                  class=\"w-100\"\n                  refresh\n                  :focus-quantity=\"box.quantity_in_picker_in_cont\"\n                  :focus-quantity-title=\"$t('Quantity in cont')\"\n                  :background=\"getBoxCardBackground(box)\"\n                >\n                  <template\n                    #prepend-quantity\n                    v-if=\"pickingBoxQuantityById(box.id)\"\n                  >\n                    <div style=\"font-size: 20px; font-weight: 400\">\n                      <TMessageNumber\n                        :value=\"pickingBoxQuantityById(box.id)\"\n                        :title=\"$t('Picking quantity')\"\n                      />\n                    </div>\n                  </template>\n\n                  <template #main-quantity>\n                    <TMessageNumber\n                      :value=\"box.total_quantity_in_lading_bills\"\n                      :title=\"$t('Quantity in lading bill')\"\n                    />\n                  </template>\n                </SCardSkuContainerPicker>\n              </div>\n            </CCardBody>\n          </CCard>\n        </CCol>\n\n        <!-- [5] Card chi tiết các thông tin thùng chưa lên cont-->\n        <CCol col=\"6\" md=\"6\" lg=\"3\">\n          <CCard style=\"background: #f9f9f9\">\n            <CCardHeader class=\"d-flex align-items-center\">\n              <TMessage content=\"Remaining\" bold />\n              <div class=\"ml-auto\">\n                <TButtonSave\n                  @click=\"onExportCSV(remaining_boxes_in_lading_bills)\"\n                  :options=\"{ content: 'Export CSV' }\"\n                />\n              </div>\n            </CCardHeader>\n            <CCardBody class=\"py-2 px-2\">\n              <TSpinner\n                :loading=\"in_container_pickers_loading || detail_loading\"\n              />\n\n              <div\n                class=\"d-flex ml-auto align-items-center\"\n                v-if=\"remaining_boxes_in_lading_bills.length && !detail_loading\"\n              >\n                <TSwitch\n                  :checked=\"sortByPallet\"\n                  @change=\"sortByPallet = !sortByPallet\"\n                />\n                <TMessage content=\"Sort by pallet\" bold class=\"ml-2 mt-1\" />\n              </div>\n              <PalletBoxModal\n                :show.sync=\"showModalPallet\"\n                :box=\"skuInLBSelected\"\n                @updated=\"refetchInvoice\"\n              />\n\n              <TMessageNoData\n                content=\"No SKU\"\n                v-if=\"\n                  !remaining_boxes_in_lading_bills.length && !detail_loading\n                \"\n              />\n\n              <div v-if=\"sortByPallet\">\n                <div\n                  v-for=\"(pivot_pallet, index) in boxes_sort_by_pallet\"\n                  :key=\"`${pivot_pallet.pallet_id}-${index}`\"\n                >\n                  <div\n                    v-if=\"pivot_pallet.pallet_id\"\n                    class=\"d-flex align-items-center mt-3\"\n                  >\n                    <TLink\n                      :content=\"pivot_pallet.pallet_id\"\n                      :to=\"\n                        lodash.getReferenceLink(\n                          'assemble-to-stock.pallet',\n                          pivot_pallet.pallet_id\n                        )\n                      \"\n                      :messageOptions=\"{ bold: true }\"\n                      class=\"h4 m-0\"\n                    />\n                    <SMessagePalletLocation\n                      :location=\"pivot_pallet.pallet.location\"\n                      v-if=\"pivot_pallet.pallet.location\"\n                      color=\"success\"\n                      class=\"ml-2 h5 mb-1\"\n                    />\n                  </div>\n                  <TMessageNotFound\n                    v-if=\"!pivot_pallet.pallet_id && pivot_pallet.boxes.length\"\n                    class=\"h3 mt-3\"\n                  />\n                  <hr v-if=\"pivot_pallet.boxes.length\" class=\"my-0\" />\n                  <div class=\"d-flex flex-wrap w-100\">\n                    <SCardSkuContainerPicker\n                      v-for=\"box in pivot_pallet.boxes\"\n                      :key=\"box.box_id\"\n                      :box=\"box\"\n                      class=\"mt-1 mx-2 w-100\"\n                      refresh\n                      :focus-quantity=\"box.quantity_in_container_picker\"\n                      :background=\"getBoxCardBackground(box)\"\n                      :focus-quantity-title=\"$t('Quantity in cont')\"\n                    >\n                      <template\n                        #prepend-quantity\n                        v-if=\"\n                          pickingBoxQuantityById(\n                            box.id,\n                            pivot_pallet.pallet_id\n                          ) && pivot_pallet.pallet_id\n                        \"\n                      >\n                        <div style=\"font-size: 20px; font-weight: 400\">\n                          <TMessageNumber\n                            :value=\"\n                              pickingBoxQuantityById(\n                                box.id,\n                                pivot_pallet.pallet_id\n                              )\n                            \"\n                            :title=\"$t('Picking quantity')\"\n                          />\n                        </div>\n                      </template>\n                      <template #main-quantity>\n                        <TMessageNumber\n                          :value=\"box.desired_quantity\"\n                          :title=\"$t('Quantity in pallets')\"\n                        />\n                      </template>\n                      <template #append-actions>\n                        <CLink\n                          class=\"ml-2 text-info\"\n                          title=\"Option\"\n                          @click=\"\n                            showModalPallet = true;\n                            skuInLBSelected = box;\n                          \"\n                        >\n                          <CIcon name=\"cisChartTable\" width=\"16\" />\n                        </CLink>\n                      </template>\n                    </SCardSkuContainerPicker>\n                  </div>\n                </div>\n              </div>\n\n              <div v-else class=\"w-100 mt-2\">\n                <SCardSkuContainerPicker\n                  v-for=\"box in remaining_boxes_in_lading_bills\"\n                  :key=\"box.id\"\n                  :box=\"box\"\n                  class=\"w-100\"\n                  refresh\n                  :focus-quantity=\"box.quantity_in_picker_in_cont\"\n                  :focus-quantity-title=\"$t('Quantity in cont')\"\n                  :background=\"getBoxCardBackground(box)\"\n                >\n                  <template\n                    #prepend-quantity\n                    v-if=\"pickingBoxQuantityById(box.id)\"\n                  >\n                    <div style=\"font-size: 20px; font-weight: 400\">\n                      <TMessageNumber\n                        :value=\"pickingBoxQuantityById(box.id)\"\n                        :title=\"$t('Picking quantity')\"\n                      />\n                    </div>\n                  </template>\n\n                  <template #main-quantity>\n                    <TMessageNumber\n                      :value=\"box.total_quantity_in_lading_bills\"\n                      :title=\"$t('Quantity in lading bill')\"\n                    />\n                  </template>\n                </SCardSkuContainerPicker>\n              </div>\n            </CCardBody>\n          </CCard>\n        </CCol>\n      </CRow>\n    </CCol>\n  </CRow>\n</template>\n\n<script>\nimport audio from \"../../mixins/audio\";\nimport readDWSSKU from \"../../mixins/readDWSSKU\";\nimport searchable from \"../../mixins/searchable\";\nimport barcode from \"../../mixins/barcode\";\nimport PICK_IN_CONT from \"../../store/pick_in_cont.local\";\nimport warehouseScope from \"@/core/services/tomoni/warehouse_scope.local\";\nimport PalletBoxModal from \"../../components/PalletBoxModal.vue\";\nimport PickedBoxModal from \"../../components/PickedBoxModal.vue\";\nimport PickedBoxErrorModal from \"../../components/PickedBoxErrorModal.vue\";\nimport RemoveNotInContainerBox from \"../../components/RemoveNotInContainerBox.vue\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  components: {\n    PalletBoxModal,\n    PickedBoxModal,\n    PickedBoxErrorModal,\n    RemoveNotInContainerBox,\n  },\n  mixins: [searchable, barcode, audio, readDWSSKU],\n  data() {\n    return {\n      picking_boxes: [],\n      in_api_process_boxes: [],\n      sortByPallet: false,\n      boxes_sort_by_pallet: [],\n      showModalPallet: false,\n      showModalPickedBox: false,\n      skuInLBSelected: {},\n      boxes_picked_error: [],\n      showModalPickedBoxError: false,\n      removing_boxes_incont: false,\n      showModalConfirm: false,\n    };\n  },\n  watch: {\n    invoice_id_selected: {\n      immediate: true,\n      handler(id) {\n        if (id) {\n          this.$store\n            .dispatch(\"warehouse.invoices_in.detail.fetch\", id)\n            .then(() => {\n              if (this.$store.getters[\"printer.value\"]?.readyState) {\n                this.$store.dispatch(\n                  \"printer.send-message\",\n                  JSON.stringify({\n                    type: \"ReadDWS\",\n                    Command: id,\n                    pageSize: \"1\",\n                  })\n                );\n              }\n            })\n            .catch(() => {\n              this.$router.push(\"/warehouse/outbound/transfer-order\");\n            });\n          this.sortByPallet = false;\n          this.fetchInPickers();\n          this.fetchPickingBoxes();\n          this.boxes_picked_error = [];\n        }\n      },\n    },\n    boxes_in_lading_bills() {\n      this.sortByPalletHandle();\n    },\n  },\n  computed: {\n    invoice_id_selected() {\n      return this.$route.query.invoice_id;\n    },\n    invoice_selected() {\n      let invoice = this.$store.getters[\"warehouse.invoices_in.detail\"];\n      if (!this.lodash.isEmpty(invoice))\n        invoice.boxes_in_lading_bills = invoice?.boxes_in_lading_bills?.map(\n          (box) => {\n            const quantity = this.lodash.sumBy(\n              invoice.in_pickers.filter((x) => x.box_id == box.id),\n              \"quantity\"\n            );\n            return {\n              ...box,\n              quantity_in_picker_in_cont: quantity,\n            };\n          }\n        );\n\n      return invoice;\n    },\n    ...mapGetters({\n      invoices: \"warehouse.invoices_in.list\",\n      lading_bills: \"warehouse.lading_bills.list\",\n      list_fetching: \"warehouse.invoices_in.fetching\",\n      detail_loading: \"warehouse.invoices_in.detail.loading\",\n      invoices_creating: \"warehouse.invoices_in.creating\",\n      in_container_pickers: \"warehouse.in_container_pickers.list\",\n      in_container_pickers_loading: \"warehouse.in_container_pickers.loading\",\n    }),\n    in_container_pickeds() {\n      return this.$store.getters[\"warehouse.in_container_pickers.list\"].map(\n        (i) => {\n          return {\n            ...i,\n            current_quantity_in_lading_bill:\n              this.getCurrentQuantityInLadingBill(i.box_id),\n          };\n        }\n      );\n    },\n    pick_boxes() {\n      return [...this.picking_boxes, ...this.in_api_process_boxes];\n    },\n    boxes_in_lading_bills() {\n      return this?.invoice_selected?.boxes_in_lading_bills || [];\n    },\n    boxes_in_cont() {\n      return (\n        this.invoice_selected?.boxes_in_lading_bills?.filter(\n          (x) =>\n            x.quantity_in_picker_in_cont >= x.total_quantity_in_lading_bills\n        ) || []\n      );\n    },\n    remaining_boxes_in_lading_bills() {\n      return (\n        this.invoice_selected?.boxes_in_lading_bills?.filter(\n          (x) => x.quantity_in_picker_in_cont < x.total_quantity_in_lading_bills\n        ) || []\n      );\n    },\n    count_actual_boxes_in_lading_bills() {\n      return this.invoice_selected?.boxes_in_lading_bills?.filter(\n        (x) => x.quantity_in_picker_in_cont == x.total_quantity_in_lading_bills\n      )?.length;\n    },\n    count_remaining_boxes_in_lading_bills() {\n      return this.invoice_selected?.boxes_in_lading_bills?.filter(\n        (x) => x.quantity_in_picker_in_cont < x.total_quantity_in_lading_bills\n      )?.length;\n    },\n    count_boxes_in_lading_bills() {\n      return this.invoice_selected?.boxes_in_lading_bills?.length || 0;\n    },\n    count_duplicate() {\n      return (\n        this.lodash.sumBy(\n          this.invoice_selected?.boxes_in_lading_bills,\n          \"total_quantity_in_lading_bills\"\n        ) || 0\n      );\n    },\n    count_incont() {\n      return (\n        this.lodash.sumBy(this.invoice_selected?.in_pickers, \"quantity\") || 0\n      );\n    },\n  },\n  methods: {\n    handleReadDWSSKU(e) {\n      const data = JSON.parse(e.data);\n      if (data.type == \"DWS_SKU\") {\n        this.enterPicker(data.box_id);\n      }\n    },\n    getCurrentQuantityInLadingBill(box_id) {\n      return (\n        (this.invoice_selected?.boxes_in_lading_bills || []).find(\n          (i) => i.id === box_id\n        )?.total_quantity_in_lading_bills || 0\n      );\n    },\n    pickingBoxQuantityById(box_id, pallet_id) {\n      if (pallet_id)\n        return (\n          this.pick_boxes.find(\n            (x) => x.id === box_id && x.box.pallet_id === pallet_id\n          )?.quantity || 0\n        );\n      return this.pick_boxes\n        .filter((x) => x.id === box_id)\n        .reduce((p, c) => p + c.quantity, 0);\n    },\n    pickedBoxQuantityById(box_id, pallet_id) {\n      let matched_boxes = (this.in_container_pickers || []).filter(\n        (i) => i.box_id === box_id\n      );\n\n      if (pallet_id)\n        return matched_boxes\n          .filter((i) => i.pallet_id === pallet_id)\n          .reduce((p, c) => p + c.quantity, 0);\n\n      return matched_boxes.reduce((p, c) => p + c.quantity, 0);\n    },\n    changeTab(tab) {\n      this.$router.push({ query: { tab: tab } });\n    },\n    isPalletIdStr(pallet) {\n      if (this.lodash.isString(pallet))\n        return pallet.charAt(0).toUpperCase() == \"P\";\n      return pallet?.id.charAt(0).toUpperCase() == \"P\";\n    },\n    fetchInPickers() {\n      return this.$store.dispatch(\n        \"warehouse.in_container_pickers.apply-query\",\n        {\n          \"filter[container_id]\": this.invoice_id_selected,\n        }\n      );\n    },\n    refetchInvoice() {\n      return this.$store.dispatch(\"warehouse.invoices_in.detail.refresh\");\n    },\n    fetchPickingBoxes() {\n      this.picking_boxes =\n        PICK_IN_CONT.get(this.invoice_id_selected)?.filter((x) => x.box) || [];\n    },\n    pickBarcode(e) {\n      const code = this.press(e);\n      if (code) {\n        this.enterPicker(code);\n      }\n    },\n    onlDeselectAll() {\n      PICK_IN_CONT.remove(this.invoice_id_selected);\n      this.fetchPickingBoxes();\n    },\n    onEnterDataError(k, type) {\n      this.playFail();\n      this.boxes_picked_error.push({ data: k, type });\n    },\n    enterPicker(picker_str) {\n      if (\n        this.invoice_selected.had_cut_off ||\n        !this.invoice_id_selected ||\n        this.showModalPallet ||\n        this.lodash.isEmpty(picker_str)\n      ) {\n        this.$store.commit(\"toasts.push\", {\n          title: \"Picker is not ready\",\n          message: \"Picker is not ready to work\",\n          type: \"danger\",\n        });\n        this.onEnterDataError(picker_str, \"invalid-sku-in-lading-bill\");\n\n        return;\n      }\n\n      if (this.isPalletIdStr(picker_str)) {\n        const picking = new Promise((resolve, reject) => {\n          this.$tomoni.warehouse.pallets\n            .all({\n              include: \"pivotBoxes\",\n              \"filter[id]\": picker_str,\n            })\n            .then((res) => res.data?.data?.[0])\n            // .dispatch(\"warehouse.pallets.detail.fetch\", picker_str)\n            .then((data) => {\n              if (!data?.id) {\n                this.$store.commit(\"toasts.push\", {\n                  title: this.$t(\"Invalid pallet\"),\n                  message: \"There is no valid SKU in the pallet\",\n                  type: \"danger\",\n                });\n\n                reject({ p: picker_str, t: \"fetch-data-fail\" });\n                return;\n              }\n\n              if (data.pivot_boxes.length) {\n                data.pivot_boxes.forEach((pivot_box, idx) => {\n                  const matched_box_lb =\n                    this.invoice_selected.boxes_in_lading_bills.find(\n                      (i) => i.id === pivot_box.box_id\n                    );\n\n                  if (matched_box_lb) {\n                    let picking_quantity = this.pickingBoxQuantityById(\n                      pivot_box.box_id\n                    );\n                    let picked_quantity = this.pickedBoxQuantityById(\n                      pivot_box.box_id\n                    );\n                    let quantity = Math.min(\n                      pivot_box.current_quantity,\n                      matched_box_lb.total_quantity_in_lading_bills -\n                        picking_quantity -\n                        picked_quantity\n                    );\n\n                    if (quantity > 0) {\n                      this.onEnterBox(pivot_box.box_id, picker_str, quantity);\n                    } else {\n                      this.$store.commit(\"toasts.push\", {\n                        message: `[${idx + 1}] ${\n                          pivot_box.box_id\n                        } - Current quantity of box in pallet is smaller than 0`,\n                        type: \"danger\",\n                      });\n                      reject({ p: pivot_box.box_id, t: \"empty-pallet-box\" });\n                    }\n                  } else {\n                    this.$store.commit(\"toasts.push\", {\n                      message: `[${idx + 1}] ${\n                        pivot_box.box_id\n                      } - Invalid pivot box`,\n                      type: \"danger\",\n                    });\n                    reject({ p: pivot_box.box_id, t: \"invalid-pivot-box\" });\n                  }\n                });\n              } else {\n                this.$store.commit(\"toasts.push\", {\n                  title: this.$t(\"Invalid pallet\"),\n                  message: \"There is no valid SKU in the pallet\",\n                  type: \"danger\",\n                });\n                reject({ p: picker_str, t: \"empty-pallet\" });\n              }\n            })\n            .catch(() => {\n              this.$store.commit(\"toasts.push\", {\n                title: this.$t(\"Invalid pallet\"),\n                message: \"Fetch pallet data fail\",\n                type: \"danger\",\n              });\n              reject({ p: picker_str, t: \"fetch-data-fail\" });\n            });\n        });\n\n        picking.catch(({ p, t }) => {\n          this.onEnterDataError(p, t);\n        });\n      } else {\n        this.onEnterBox(picker_str);\n      }\n    },\n    getActivePivotPallet(picker, pallet_id) {\n      if (pallet_id)\n        return (picker?.box?.pivot_pallets || []).find(\n          (i) => i.pallet_id === pallet_id\n        );\n\n      return (picker?.box?.pivot_pallets || []).find(\n        (i) => i.pallet_id === picker?.pallet_id\n      );\n    },\n    getAvailablePicking(box_id, pallet_id) {\n      /**\n       * Nếu có pallet_id thì check xem cái picker khớp box_id và pallet_id có available k\n       * Nếu k có palelt_id thì lấy ra picker đầu tiên available trong list picking_boxes\n       */\n\n      if (pallet_id) {\n        let current_picking = this.getCurrentPicking(box_id, pallet_id);\n        let active_pivot_pallet = this.getActivePivotPallet(\n          current_picking,\n          pallet_id\n        );\n        let current_api_process = this.in_api_process_boxes.find(\n          (t) => t.id === box_id && t.pallet_id === pallet_id\n        );\n        let is_picker_available =\n          (active_pivot_pallet?.current_quantity || 0) >\n          (current_picking?.quantity || 0) +\n            (current_api_process?.quantity || 0);\n\n        return is_picker_available ? current_picking : null;\n      }\n\n      return this.picking_boxes.filter((p) => {\n        let current_api_process = this.in_api_process_boxes.find(\n          (t) => t.id === box_id && t.pallet_id === p?.pallet_id\n        );\n\n        let active_pivot_pallet = this.getActivePivotPallet(p);\n        let is_picker_available =\n          active_pivot_pallet.current_quantity >\n          p.quantity + Number(current_api_process?.quantity || 0);\n\n        return p.box.id === box_id && is_picker_available;\n      })?.[0];\n    },\n    getAvailablePivotPallets(sku) {\n      return (\n        this.invoice_selected.boxes_in_lading_bills.find((b) => b.id === sku)\n          ?.pivot_pallets || []\n      ).filter((pivot_pallet) => {\n        let matched_pick_box_quantity = this.pick_boxes\n          .filter(\n            (t) => t.id === sku && t.pallet_id === pivot_pallet?.pallet_id\n          )\n          .reduce((p, c) => p + c.quantity, 0);\n\n        return 1 + matched_pick_box_quantity <= pivot_pallet.current_quantity;\n      });\n    },\n    getCurrentPicking(box_id, pallet_id) {\n      return this.picking_boxes.find(\n        (p) => p?.box?.pallet_id === pallet_id && p.id === box_id\n      );\n    },\n    onValidateLadingBillBoxQuantity(lb_sku_obj, pallet_id, quantity = 1) {\n      const quantity_in_picking_and_processing = this.pick_boxes\n        .filter((p) => {\n          return p.box.id === lb_sku_obj.id;\n        })\n        .reduce((p, c) => p + c.quantity, 0);\n\n      // Nếu tổng số lượng box đang pick + số lượng box đã lên coontainer lớn hơn số lượng box trong lading_bill thì báo lỗi\n      let is_over_lading_bill_box_quantity =\n        quantity_in_picking_and_processing +\n          lb_sku_obj?.quantity_in_picker_in_cont +\n          quantity >\n        lb_sku_obj?.total_quantity_in_lading_bills;\n\n      if (is_over_lading_bill_box_quantity) {\n        this.$store.commit(\"toasts.push\", {\n          title: this.$t(\"Invalid SKU\") + \": \" + lb_sku_obj.id,\n          message: \"Over lading bill quantity\",\n          type: \"danger\",\n        });\n\n        this.onEnterDataError(lb_sku_obj.id, \"over-quantity-picker\");\n      }\n\n      return !is_over_lading_bill_box_quantity;\n    },\n    onValidatePalletBoxQuantity(lb_sku_obj, pallet_id, next_quantity = 1) {\n      let current_picking_pivot_pallet = lb_sku_obj.pivot_pallets.find(\n        (i) => i.pallet_id === pallet_id\n      );\n      const quantity_in_picking_and_processing = this.pick_boxes\n        .filter((p) => {\n          return p.box.id === lb_sku_obj.id && p.pallet_id === pallet_id;\n        })\n        .reduce((p, c) => p + c.quantity, 0);\n\n      let is_over_pallet_box_quantity =\n        next_quantity + quantity_in_picking_and_processing >\n        this.lodash.get(current_picking_pivot_pallet, \"current_quantity\", 0);\n\n      if (is_over_pallet_box_quantity) {\n        this.$store.commit(\"toasts.push\", {\n          title: this.$t(\"Invalid SKU\") + \": \" + lb_sku_obj.id,\n          message: \"Over pallet quantity\",\n          type: \"danger\",\n        });\n        this.onEnterDataError(lb_sku_obj?.id, \"over-pallet-quantity\");\n      }\n\n      return !is_over_pallet_box_quantity;\n    },\n    onJoinPicking(picker_obj) {\n      PICK_IN_CONT.set(picker_obj, this.invoice_id_selected);\n      this.playSuccess();\n      this.fetchPickingBoxes();\n    },\n    onEnterBox(sku, pallet_id, default_quantity = 1) {\n      /**\n       * 1. Validate sku exist in lading_bill\n       * 2. Tìm available picking\n       * 3. Nếu không tìm thấy sku trong lading_bills thì báo lỗi\n       * 4. Nếu pallet_id không được truyền vào, thì lấy từ available_picking hoặc từ list this.invoice_selected.boxes_in_lading_bills (this.getAvailablePivotPallets(sku)?.[0]?.id)\n       * 5. Nếu sau bước 4 mà pallet_id vẫn không có, thì báo lỗi --> Không tồn tại SKU trên bất kì pallet nào\n       * 6. Tính số lượng picking mới = số lượng ở cái pick sẽ nhảy vào + default_quantity\n       * 7. Validate số lượng ở lading-bill\n       * 8. Validate số lượng ở pallet\n       * 9. Nếu có available_picking tồn tại ==> nhảy vào\n       * 10. Nếu không có available_picking thì tạo picking mới\n       */\n\n      let lb_sku_obj = this.invoice_selected.boxes_in_lading_bills.find(\n        (b) => b.id === sku\n      );\n      let available_picking = this.getAvailablePicking(sku, pallet_id);\n\n      if (!lb_sku_obj) {\n        this.$store.commit(\"toasts.push\", {\n          title: this.$t(\"Invalid SKU\") + \": \" + sku,\n          message: \"SKU not exist in lading bill\",\n          type: \"danger\",\n        });\n        this.onEnterDataError(sku, \"sku-not-exist-in-lading-bill\");\n\n        return;\n      }\n\n      if (!pallet_id && available_picking)\n        pallet_id = available_picking.pallet_id;\n      else if (!pallet_id)\n        pallet_id = this.getAvailablePivotPallets(sku)?.[0]?.pallet_id;\n\n      if (!pallet_id) {\n        this.$store.commit(\"toasts.push\", {\n          title: this.$t(\"Invalid SKU\") + \": \" + sku,\n          message: \"SKU not exist in pallets\",\n          type: \"danger\",\n        });\n        this.onEnterDataError(sku, \"sku-not-exist-in-pallets\");\n\n        return;\n      }\n\n      let next_quantity = (available_picking?.quantity || 0) + default_quantity;\n\n      if (\n        !this.onValidateLadingBillBoxQuantity(\n          lb_sku_obj,\n          pallet_id,\n          default_quantity\n        )\n      )\n        return;\n      if (\n        !this.onValidatePalletBoxQuantity(\n          lb_sku_obj,\n          pallet_id,\n          default_quantity\n        )\n      )\n        return; // Nếu pallet_id không nằm trong available list, thì nó sẽ bị chặn bởi rule này\n\n      if (available_picking)\n        this.onJoinPicking({ ...available_picking, quantity: next_quantity });\n      else {\n        this.onJoinPicking({\n          id: lb_sku_obj.id,\n          quantity: next_quantity,\n          pallet_id,\n          box: {\n            ...lb_sku_obj,\n            pallet_id,\n          },\n          picking: true,\n        });\n      }\n    },\n    triggerSearch(value) {\n      this.$store.commit(\"warehouse.invoices_in.push-query\", {\n        \"filter[from_area_id]\": warehouseScope.get(),\n      });\n      if (value || value == \"\") {\n        this.$store.dispatch(\"warehouse.invoices_in.apply-query\", {\n          \"filter[name]\": value,\n        });\n      } else this.$store.dispatch(\"warehouse.invoices_in.fetch.if-first-time\");\n    },\n    updatePalletPicker(picker, pallet_id) {\n      if (picker.picking) {\n        let current_api_process = this.in_api_process_boxes.find(\n          (p) => p.box.id === picker.id && p.box.pallet_id === pallet_id\n        );\n\n        let current_picking_pivot_pallet = this.getActivePivotPallet({\n          ...picker,\n          box: { ...picker.box, pallet_id },\n        });\n\n        if (\n          picker.quantity >\n          current_picking_pivot_pallet.current_quantity -\n            this.lodash.get(current_api_process, \"quantity\", 0)\n        ) {\n          this.onEnterDataError(\n            picker?.id,\n            \"change-pallet-but-target-quantity-not-enough\"\n          );\n          this.$store.commit(\"toasts.push\", {\n            title: \"SKU\" + \": \" + picker.id,\n            message:\n              this.$t(\"The quantity cannot be more than\") +\n              \" \" +\n              (current_picking_pivot_pallet.current_quantity -\n                this.lodash.get(current_api_process, \"quantity\", 0)),\n            type: \"danger\",\n          });\n          return;\n        } else {\n          PICK_IN_CONT.set(\n            { ...picker, box: { ...picker.box, pallet_id } },\n            this.invoice_id_selected\n          );\n          this.fetchPickingBoxes();\n          return;\n        }\n      }\n    },\n    updateQuantityPicker(picker, quantity) {\n      if (picker.picking) {\n        let box = this.invoice_selected.boxes_in_lading_bills.find(\n          (b) => b.id === picker.id\n        );\n\n        // Nếu số lượng + số lượng đã lên cont của box > Số lượng box trong lading_bills\n        if (\n          quantity + box?.quantity_in_picker_in_cont >\n          box.total_quantity_in_lading_bills\n        ) {\n          this.onEnterDataError(\n            picker?.id,\n            \"over-quantity-lading-bill-on-update\"\n          );\n          this.$store.commit(\"toasts.push\", {\n            title: \"SKU\" + \": \" + picker.id,\n            message:\n              this.$t(\"The quantity cannot be more than\") +\n              \" \" +\n              (box?.total_quantity_in_lading_bills -\n                box?.quantity_in_picker_in_cont),\n            type: \"danger\",\n          });\n          return;\n        }\n\n        let current_api_process = this.in_api_process_boxes.find(\n          (p) =>\n            p.box.id === picker.id && p.box.pallet_id === picker?.box?.pallet_id\n        );\n\n        // Nếu số lượng + số lượng api process > Số lượng thùng trên pallet\n        let current_picking_pivot_pallet = this.getActivePivotPallet(picker);\n        let is_over_pallet_box_quantity =\n          quantity + this.lodash.get(current_api_process, \"quantity\", 0) >\n          current_picking_pivot_pallet.current_quantity;\n\n        if (is_over_pallet_box_quantity) {\n          this.onEnterDataError(picker?.id, \"over-pallet-quantity\");\n          this.$store.commit(\"toasts.push\", {\n            title: \"SKU\" + \": \" + picker.id,\n            message:\n              this.$t(\"The quantity cannot be more than\") +\n              \" \" +\n              (current_picking_pivot_pallet.current_quantity -\n                this.lodash.get(current_api_process, \"quantity\", 0)),\n            type: \"danger\",\n          });\n          return;\n        }\n\n        PICK_IN_CONT.set({ ...picker, quantity }, this.invoice_id_selected);\n        this.fetchPickingBoxes();\n        return;\n      }\n\n      this.$store\n        .dispatch(\"warehouse.in_container_pickers.update\", {\n          id: picker.id,\n          attributes: { quantity },\n        })\n        .then(() => {\n          this.refetchInvoice();\n        });\n    },\n    removePicker(picker) {\n      if (picker.picking) {\n        PICK_IN_CONT.removePicker(this.invoice_id_selected, picker);\n        this.fetchPickingBoxes();\n        return;\n      }\n\n      this.$set(picker, \"removing\", true);\n      this.$store\n        .dispatch(\"warehouse.in_container_pickers.delete\", picker.id)\n        .finally(() => {\n          this.$set(picker, \"removing\", false);\n          this.refetchInvoice();\n        });\n    },\n    getBoxCardBackground(box) {\n      let quantity_in_cont =\n        box?.quantity_in_container_picker ||\n        box?.quantity_in_picker_in_cont ||\n        0;\n\n      if (quantity_in_cont > box.total_quantity_in_lading_bills)\n        return \"#ffa39e\";\n      if (\n        quantity_in_cont === box.total_quantity_in_lading_bills ||\n        quantity_in_cont === box.desired_quantity\n      )\n        return \"#d9f7be\";\n\n      return \"#fff\";\n    },\n    getBoxBackgroundColorPicking(picker) {\n      if (!picker.quantity) return \"#ffa39e\";\n\n      const box = this.invoice_selected.boxes_in_lading_bills?.find(\n        (b) => b.id === picker.box.id\n      );\n      const total_quantity_in_lading_bills =\n        this.getTotalQuantityInLadingBills(picker);\n\n      if (\n        picker.quantity + box?.quantity_in_picker_in_cont ===\n        total_quantity_in_lading_bills\n      ) {\n        return \"#d9f7be\";\n      }\n\n      return \"#fff\";\n    },\n    getTotalQuantityInLadingBills(picker) {\n      if (!this.invoice_selected.boxes_in_lading_bills) {\n        return NaN;\n      }\n      const box = this.invoice_selected.boxes_in_lading_bills.find(\n        (b) => b.id === picker.box.id\n      );\n\n      if (!box) {\n        return NaN;\n      }\n      return box.total_quantity_in_lading_bills;\n    },\n    submitPickers() {\n      let data = {\n        container_id: this.invoice_selected.id,\n      };\n      this.in_api_process_boxes = [\n        ...this.in_api_process_boxes,\n        ...this.picking_boxes,\n      ];\n      this.picking_boxes = [];\n      this.in_api_process_boxes.forEach((picker) => {\n        PICK_IN_CONT.removePicker(this.invoice_id_selected, picker);\n      });\n\n      this.in_api_process_boxes.forEach((object, index) => {\n        const item = {\n          id: object.id,\n          quantity: object.quantity,\n          pallet_id: object.box.pallet_id,\n        };\n        const boxItem = this.lodash.mapKeys(item, (value, key) => {\n          return `boxes[${index}][${key}]`;\n        });\n        data = { ...data, ...boxItem };\n      });\n\n      this.$store\n        .dispatch(\n          \"warehouse.in_container_pickers.create\",\n          this.lodash.pickBy(data, this.lodash.identity)\n        )\n        .then(() => {\n          this.fetchPickingBoxes();\n          this.fetchInPickers()\n            .then(() => {\n              setTimeout(() => {\n                this.refetchInvoice();\n              }, 1500);\n            })\n            .finally(() => (this.in_api_process_boxes = []));\n          this.sortByPalletHandle()\n        })\n        .catch(() => {\n          this.fetchPickingBoxes();\n          this.in_api_process_boxes = [];\n        });\n    },\n    getDesiredPivotPallet(list, quantity) {\n      let r = [];\n      let c_quantity = 0;\n\n      list.forEach((item) => {\n        if (c_quantity >= quantity) return;\n\n        r.push({\n          ...item,\n          desired_quantity: Math.min(\n            item.current_quantity + item.quantity_in_container_picker,\n            quantity - c_quantity\n          ),\n        });\n\n        c_quantity += item.current_quantity + item.quantity_in_container_picker;\n      });\n\n      return r;\n    },\n    sortByPalletHandle() {\n      // Danh sách pivot pallet\n      let pivot_pallet_list = this.remaining_boxes_in_lading_bills.reduce(\n        (p, c) => {\n          let sorted_pivot_pallets = c?.pivot_pallets || [];\n          sorted_pivot_pallets = this.getDesiredPivotPallet(\n            sorted_pivot_pallets,\n            c.total_quantity_in_lading_bills\n          );\n\n          return p.concat(\n            sorted_pivot_pallets.map((i) => ({\n              ...i,\n              total_quantity_in_lading_bills: c.total_quantity_in_lading_bills,\n              pivot_id: i.id,\n              id: i.box_id,\n            }))\n          );\n        },\n        []\n      );\n\n      // Danh sách các thùng chưa lên hết pallet\n      let not_enought_pallet_list = this.boxes_in_lading_bills\n        .filter(\n          (box) =>\n            box.total_quantity_in_lading_bills > box.quantity_in_pallets &&\n            box.quantity_in_pallets > 0\n        )\n        .map((i) => ({\n          id: i.id,\n          box_id: i.id,\n          pallet_id: null,\n          pallet: null,\n          total_quantity_in_lading_bills: i.total_quantity_in_lading_bills,\n          desired_quantity:\n            i.total_quantity_in_lading_bills - i.quantity_in_pallets,\n          quantity_in_container_picker: 0,\n        }));\n\n      // Danh sách các thùng không tồn tại pallet\n      let missing_pallet_list = this.boxes_in_lading_bills\n        .filter((box) => !box.pivot_pallets.length)\n        .map((i) => ({\n          id: i.id,\n          box_id: i.id,\n          pallet_id: null,\n          pallet: null,\n          total_quantity_in_lading_bills: i.total_quantity_in_lading_bills,\n          desired_quantity: i.total_quantity_in_lading_bills,\n          quantity_in_container_picker: i.quantity_in_picker_in_cont,\n        }));\n\n      // Group pallet và tạo list\n      pivot_pallet_list = this.lodash.groupBy(pivot_pallet_list, \"pallet_id\");\n      pivot_pallet_list = Object.entries(pivot_pallet_list).reduce(\n        (r, [pallet_id, pivot_boxes]) => {\n          if (!pivot_boxes.length) return r;\n\n          r.push({\n            pallet_id,\n            pallet: pivot_boxes[0].pallet,\n            boxes: pivot_boxes,\n          });\n\n          return r;\n        },\n        []\n      );\n\n      this.boxes_sort_by_pallet = [\n        ...pivot_pallet_list,\n        {\n          id: null,\n          boxes: [...missing_pallet_list, ...not_enought_pallet_list],\n        },\n      ];\n    },\n    onExportCSV(data) {\n      let rows = [];\n\n      // Xuất CSV khi ở trạng thái sort theo pallet\n      if (this.sortByPallet) {\n        rows = [\n          [\n            \"Index\",\n            \"Pallet\",\n            \"SKU\",\n            \"Quantity in pallet\",\n            \"Quantity in lading bill\",\n            \"Quantity picked in container\",\n          ],\n        ];\n\n        this.boxes_sort_by_pallet.forEach((pallet, idx) => {\n          (pallet?.boxes || []).forEach((box, b_idx) => {\n            rows.push([\n              (idx + 1) * (b_idx + 1),\n              pallet?.pallet_id || \"\",\n              box.id,\n              box.quantity,\n              box.total_quantity_in_lading_bills,\n              box.quantity_in_container_picker,\n            ]);\n          });\n        });\n      } else {\n        // Xuất CSV khi ở trạng thái bình thường\n        rows = [\n          [\n            \"Index\",\n            \"SKU\",\n            \"Quantity picked in container\",\n            \"Quantity in lading bill\",\n          ],\n        ];\n\n        data.forEach((box_lb, idx) => {\n          rows.push([\n            idx + 1,\n            box_lb.id,\n            box_lb.quantity_in_picker_in_cont,\n            box_lb.total_quantity_in_lading_bills,\n          ]);\n        });\n      }\n\n      let csvContent =\n        \"data:text/csv;charset=utf-8,\" +\n        rows.map((e) => e.join(\",\")).join(\"\\n\");\n\n      var encodedUri = encodeURI(csvContent);\n      var link = document.createElement(\"a\");\n      link.setAttribute(\"href\", encodedUri);\n      link.setAttribute(\"download\", \"my_data.csv\");\n      document.body.appendChild(link); // Required for FF\n\n      link.click();\n    },\n    onRemoveBoxesInCont(items) {\n      if (!items.length) return;\n\n      this.removing_boxes_incont = true;\n\n      let items_uniq_by_box_id = this.lodash.uniqBy(items, \"box_id\");\n\n      this.$tomoni.warehouse.containers\n        .removePickInContainers(this.invoice_id_selected, {\n          ...items_uniq_by_box_id.reduce((p, c, idx) => {\n            p[`box_ids[${idx}]`] = c.box_id;\n            return p;\n          }, {}),\n        })\n        .then(() => {\n          this.$store.commit(\"toasts.push\", {\n            message: this.$t(\"Remove successfully\"),\n            type: \"success\",\n          });\n\n          this.fetchInPickers();\n          this.refetchInvoice();\n        })\n        .catch((err) => {\n          this.$store.commit(\"toasts.push\", {\n            message: err.response.data.message,\n            type: \"danger\",\n          });\n        })\n        .finally(() => {\n          this.removing_boxes_incont = false;\n        });\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!./Transfer.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!./Transfer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Transfer.vue?vue&type=template&id=e2f9439e&\"\nimport script from \"./Transfer.vue?vue&type=script&lang=js&\"\nexport * from \"./Transfer.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":""}