{"version":3,"sources":["webpack:///./src/@core/components/v-card-actions/VCardActions.vue?820c","webpack:///src/@core/components/v-card-actions/VCardActions.vue","webpack:///./src/@core/components/v-card-actions/VCardActions.vue?b32b","webpack:///./src/@core/components/v-card-actions/VCardActions.vue","webpack:///./src/@core/components/v-card-actions/VCardActions.vue?0f32","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/ReportsCustomersList.vue?f9ca","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/ReportsCustomersList.vue?22a8","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/components/ReportsCustomersListSearch.vue?960f","webpack:///src/views/reports/reports-customers/reports-customers/reports-customers-list/components/ReportsCustomersListSearch.vue","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/components/ReportsCustomersListSearch.vue?85fb","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/components/ReportsCustomersListSearch.vue","webpack:///src/views/reports/reports-customers/reports-customers/reports-customers-list/ReportsCustomersList.vue","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/ReportsCustomersList.vue?b57c","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/ReportsCustomersList.vue","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/ReportsCustomersList.vue?8dbd","webpack:///./src/views/reports/reports-customers/reports-customers/reports-customers-list/components/ReportsCustomersListSearch.vue?51f6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","rotate","visible","canCollapse","attrs","on","$event","onCollapseClick","_v","_s","title","_e","model","value","callback","$$v","expression","staticStyle","_t","staticRenderFns","props","type","String","requried","default","Boolean","expandDefault","data","methods","component","paginationData","size","updateSearchData","onClickSearchButton","statusExcelButton","disabled","reportReturnRows","length","onClickExcelExportButton","style","columns","enabled","perPage","setCurrentPage","pageNumber","reportCustomersPagination","totalElements","multipleColumns","onSortChange","onPageChange","onPerPageChange","scopedSlots","_u","key","fn","column","label","ref","field","formattedRow","directives","name","rawName","$formatNumberToLocale","totalInfo","totalSaleAmount","perPageSizeOptions","perPageChanged","currentPerPage","$set","paginationDetailContent","pageChanged","currentPage","slot","indexOf","_k","keyCode","keySearch","customerTypeOptions","customerType","areaOptions","areasSelected","statuOptions","statusSelected","$onlyNumberInput","customerPhone","modifiers","$onlyDateInput","isFromCreateDateValid","configFromDate","fromCreateDate","isToCreateDateValid","configToDate","toCreateDate","isFromPurchaseDateValid","configFromPurchaseDate","fromPurchaseDate","isToPurchaseDateValid","configToPurchaseDate","toPurchaseDate","components","VCardActions","perPageSize","Number","dateFormatVNI","customer","fromSaleDate","toSaleDate","fromSaleAmount","toSaleAmount","decentralization","formId","ctrlId","wrap","allowInput","dateFormat","minDate","configFromSaleDate","configToSaleDate","computed","CUSTOMER_TYPES_GETTER","map","SHOP_LOCATIONS_SEARCH_GETTER","watch","beforeMount","GET_CUSTOMER_TYPES_ACTION","GET_SHOP_LOCATIONS_SEARCH_ACTION","mounted","$refs","focusInput","focus","onSearch","areaCode","customerStatus","searchData","$emit","ReportsCustomersListSearch","thirdColLeftAttr","common","page","sort","searchOptions","getReportCustomerLists","REPORT_CUSTOMERS_GETTER","response","content","getTotalInfo","info","getReportCustomersPagination","cssProps","$nextTick","$permission","EXPORT_REPORT_CUSTOMERS_ACTION","onPaginationChange","GET_REPORT_CUSTOMERS_ACTION","updatePaginationData"],"mappings":"yIAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,kCAAkCC,MAAM,CAAEC,OAAQR,EAAIS,QAAS,eAAgBT,EAAIS,QAAS,iBAAkBT,EAAIU,aAAcC,MAAM,CAAC,UAAU,SAAS,UAAU,WAAWC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,qBAAqB,CAACV,EAAG,SAAS,CAACE,YAAY,gBAAgB,CAACN,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIiB,UAAWjB,EAAe,YAAEI,EAAG,oBAAoB,CAACE,YAAY,eAAeK,MAAM,CAAC,MAAQ,SAASX,EAAIkB,MAAM,IAAI,GAAGd,EAAG,aAAa,CAACE,YAAY,aAAaK,MAAM,CAAC,GAAK,oBAAoBQ,MAAM,CAACC,MAAOpB,EAAW,QAAEqB,SAAS,SAAUC,GAAMtB,EAAIS,QAAQa,GAAKC,WAAW,YAAY,CAACnB,EAAG,aAAa,CAACE,YAAY,OAAOkB,YAAY,CAAC,QAAU,WAAW,CAACxB,EAAIyB,GAAG,YAAY,IAAI,IAAI,IACh3BC,EAAkB,GCyCtB,GACEC,MAAO,CAELV,MAAO,CACLW,KAAMC,OACNC,UAAU,EACVC,QAAS,YAGXrB,YAAa,CACXkB,KAAMI,QACND,SAAS,GAEXE,cAAe,CACbL,KAAMI,QACND,SAAS,IAGbG,KAlBF,WAmBI,MAAO,CACLzB,QAASR,KAAKgC,gBAGlBE,QAAS,CACPrB,gBADJ,WAEUb,KAAKS,cACPT,KAAKQ,SAAWR,KAAKQ,YCpEuV,I,wBCQhX2B,EAAY,eACd,EACArC,EACA2B,GACA,EACA,KACA,WACA,MAIa,OAAAU,E,6CCnBf,W,oCCAA,W,2CCAA,IAAIrC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,0BAA0BK,MAAM,CAAC,MAAQ,KAAK,CAACP,EAAG,gCAAgC,CAACO,MAAM,CAAC,gBAAgBX,EAAIqC,eAAeC,MAAM1B,GAAG,CAAC,iBAAmBZ,EAAIuC,iBAAiB,oBAAsBvC,EAAIwC,uBAAuBpC,EAAG,MAAM,CAACE,YAAY,8DAA8D,CAACF,EAAG,QAAQ,CAACE,YAAY,kDAAkDkB,YAAY,CAAC,QAAU,SAASb,MAAM,CAAC,UAAU,WAAW,CAACP,EAAG,SAAS,CAACE,YAAY,gBAAgB,CAACN,EAAIe,GAAG,4BAA4BX,EAAG,iBAAiB,CAAEJ,EAAIyC,oBAAwB,KAAErC,EAAG,WAAW,CAACE,YAAY,0HAA0HK,MAAM,CAAC,SAAWX,EAAIyC,oBAAoBC,UAA4C,IAAhC1C,EAAI2C,iBAAiBC,OAAa,QAAU,aAAahC,GAAG,CAAC,MAAQZ,EAAI6C,2BAA2B,CAACzC,EAAG,6BAA6B,CAACE,YAAY,UAAUN,EAAIe,GAAG,iBAAiB,GAAGf,EAAIkB,MAAM,IAAI,GAAGd,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,iBAAiB,CAAC0C,MAAO9C,EAAY,SAAEW,MAAM,CAAC,QAAUX,EAAI+C,QAAQ,KAAO,SAAS,KAAO/C,EAAI2C,iBAAiB,cAAc,qDAAqD,qBAAqB,CAChzCK,SAAS,EACTC,QAASjD,EAAIqC,eAAeC,KAC5BY,eAAgBlD,EAAImD,YACpB,eAAe,GAAG,eAAe,GAAG,aAAanD,EAAIoD,0BAA0BC,cAAc,eAAe,CAC5GL,SAAS,EACTM,iBAAiB,IAChB1C,GAAG,CAAC,iBAAiBZ,EAAIuD,aAAa,iBAAiBvD,EAAIwD,aAAa,qBAAqBxD,EAAIyD,iBAAiBC,YAAY1D,EAAI2D,GAAG,CAAC,CAACC,IAAI,eAAeC,GAAG,SAASlC,GAAO,MAAO,CAAyB,WAAvBA,EAAMmC,OAAOC,MAAoB3D,EAAG,MAAM,CAAC4D,IAAI,YAAY,CAAChE,EAAIe,GAAG,IAAIf,EAAIgB,GAAGW,EAAMmC,OAAOC,OAAO,OAA+B,eAAvBpC,EAAMmC,OAAOC,MAAwB3D,EAAG,MAAM,CAAC4D,IAAI,aAAa,CAAChE,EAAIe,GAAG,IAAIf,EAAIgB,GAAGW,EAAMmC,OAAOC,OAAO,OAAO3D,EAAG,MAAM,CAACJ,EAAIe,GAAG,IAAIf,EAAIgB,GAAGW,EAAMmC,OAAOC,OAAO,UAAU,CAACH,IAAI,YAAYC,GAAG,SAASlC,GAAO,MAAO,CAAyB,aAAvBA,EAAMmC,OAAOG,OAA+C,YAAvBtC,EAAMmC,OAAOG,MAAqB7D,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIe,GAAG,IAAIf,EAAIgB,GAAGW,EAAMuC,aAAavC,EAAMmC,OAAOG,QAAQ,OAA+B,eAAvBtC,EAAMmC,OAAOG,MAAwB7D,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACN,EAAIe,GAAG,IAAIf,EAAIgB,GAAGW,EAAMuC,aAAavC,EAAMmC,OAAOG,QAAQ,OAAO7D,EAAG,MAAM,CAACoB,YAAY,CAAC,MAAQ,gBAAgB,CAACxB,EAAIe,GAAG,IAAIf,EAAIgB,GAAGW,EAAMuC,aAAavC,EAAMmC,OAAOG,QAAQ,UAAU,CAACL,IAAI,gBAAgBC,GAAG,SAASlC,GAAO,MAAO,CAAyB,eAAvBA,EAAMmC,OAAOG,MAAwB7D,EAAG,OAAO,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAI2C,iBAAiBC,OAAS,EAAGrB,WAAW,gCAAgCjB,YAAY,wBAAwBK,MAAM,CAAC,UAAU,QAAQ,CAACX,EAAIe,GAAG,IAAIf,EAAIgB,GAAGhB,EAAIsE,sBAAsBtE,EAAIuE,UAAUC,kBAAkB,OAAOxE,EAAIkB,QAAQ,CAAC0C,IAAI,oBAAoBC,GAAG,SAASlC,GAAO,MAAO,CAACvB,EAAG,QAAQ,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAIoD,0BAAuC,cAAE7B,WAAW,4CAA4CjB,YAAY,yBAAyBK,MAAM,CAAC,UAAU,UAAU,UAAU,WAAW,CAACP,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIe,GAAG,wBAAwBX,EAAG,gBAAgB,CAACE,YAAY,OAAOK,MAAM,CAAC,KAAO,KAAK,QAAUX,EAAIyE,oBAAoB7D,GAAG,CAAC,MAAQ,SAAUQ,GAAQ,OAAOO,EAAM+C,eAAe,CAACC,eAAgBvD,MAAYD,MAAM,CAACC,MAAOpB,EAAIqC,eAAmB,KAAEhB,SAAS,SAAUC,GAAMtB,EAAI4E,KAAK5E,EAAIqC,eAAgB,OAAQf,IAAMC,WAAW,yBAAyBnB,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAI6E,6BAA6B,GAAGzE,EAAG,eAAe,CAACE,YAAY,OAAOK,MAAM,CAAC,aAAaX,EAAIoD,0BAA0BC,cAAc,WAAWrD,EAAIqC,eAAeC,KAAK,eAAe,GAAG,cAAc,GAAG,MAAQ,QAAQ,aAAa,YAAY,aAAa,aAAa1B,GAAG,CAAC,MAAQ,SAAUQ,GAAQ,OAAOO,EAAMmD,YAAY,CAACC,YAAa3D,MAAYD,MAAM,CAACC,MAAOpB,EAAc,WAAEqB,SAAS,SAAUC,GAAMtB,EAAImD,WAAW7B,GAAKC,WAAW,eAAe,CAACnB,EAAG,WAAW,CAAC4E,KAAK,aAAa,CAAC5E,EAAG,eAAe,CAACO,MAAM,CAAC,KAAO,kBAAkB,KAAO,SAAS,GAAGP,EAAG,WAAW,CAAC4E,KAAK,aAAa,CAAC5E,EAAG,eAAe,CAACO,MAAM,CAAC,KAAO,mBAAmB,KAAO,SAAS,IAAI,IAAI,SAAS,CAACX,EAAIe,GAAG,OAAOX,EAAG,MAAM,CAACE,YAAY,cAAcK,MAAM,CAAC,KAAO,cAAcqE,KAAK,cAAc,CAAChF,EAAIe,GAAG,2BAA2B,IAAI,IAAI,IACt5FW,EAAkB,G,kFCRlB,EAAS,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,eAAeM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAIA,EAAOe,KAAKqD,QAAQ,QAAQjF,EAAIkF,GAAGrE,EAAOsE,QAAQ,QAAQ,GAAGtE,EAAO+C,IAAI,SAAkB,KAAc5D,EAAIwC,oBAAoB3B,MAAW,CAACT,EAAG,iBAAiB,CAACO,MAAM,CAAC,MAAQ,aAAa,CAACP,EAAG,QAAQ,CAACE,YAAY,MAAMK,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIe,GAAG,kBAAkBX,EAAG,gBAAgB,CAACE,YAAY,qBAAqB,CAACF,EAAG,eAAe,CAAC4D,IAAI,aAAa1D,YAAY,kBAAkBK,MAAM,CAAC,KAAO,GAAG,YAAc,kBAAkBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAIA,EAAOe,KAAKqD,QAAQ,QAAQjF,EAAIkF,GAAGrE,EAAOsE,QAAQ,QAAQ,GAAGtE,EAAO+C,IAAI,SAAkB,KAAc5D,EAAIwC,oBAAoB3B,KAAUM,MAAM,CAACC,MAAOpB,EAAa,UAAEqB,SAAS,SAAUC,GAAMtB,EAAIoF,UAAU9D,GAAKC,WAAW,eAAenB,EAAG,uBAAuB,CAACO,MAAM,CAAC,UAAU,KAAK,CAACP,EAAG,WAAW,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAa,UAAEuB,WAAW,cAAcjB,YAAY,2BAA2BM,GAAG,CAAC,MAAQ,SAASC,GAAQb,EAAIoF,UAAY,UAAU,IAAI,IAAI,IAAI,GAAGhF,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIe,GAAG,uBAAuBX,EAAG,cAAc,CAACO,MAAM,CAAC,MAAQ,kBAAkB,QAAUX,EAAIqF,oBAAoB,YAAa,EAAM,YAAc,SAAS,kBAAkB,oBAAoBlE,MAAM,CAACC,MAAOpB,EAAgB,aAAEqB,SAAS,SAAUC,GAAMtB,EAAIsF,aAAahE,GAAKC,WAAW,mBAAmB,IAAI,IAAI,GAAGnB,EAAG,QAAQ,CAACE,YAAY,MAAMK,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,KAAKK,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIe,GAAG,eAAeX,EAAG,cAAc,CAACO,MAAM,CAAC,QAAUX,EAAIuF,YAAY,YAAc,SAAS,kBAAkB,mBAAmB,kBAAkB,0BAA0BpE,MAAM,CAACC,MAAOpB,EAAiB,cAAEqB,SAAS,SAAUC,GAAMtB,EAAIwF,cAAclE,GAAKC,WAAW,oBAAoB,IAAI,GAAGnB,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACE,YAAY,KAAKK,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIe,GAAG,kBAAkBX,EAAG,cAAc,CAACO,MAAM,CAAC,QAAUX,EAAIyF,aAAa,YAAa,EAAM,YAAc,SAAS,kBAAkB,oBAAoBtE,MAAM,CAACC,MAAOpB,EAAkB,eAAEqB,SAAS,SAAUC,GAAMtB,EAAI0F,eAAepE,GAAKC,WAAW,qBAAqB,IAAI,IAAI,GAAGnB,EAAG,QAAQ,CAACE,YAAY,MAAMK,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIe,GAAG,qBAAqBX,EAAG,gBAAgB,CAACE,YAAY,qBAAqB,CAACF,EAAG,eAAe,CAACE,YAAY,kBAAkBK,MAAM,CAAC,YAAc,2BAA2B,UAAY,MAAMC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAIA,EAAOe,KAAKqD,QAAQ,QAAQjF,EAAIkF,GAAGrE,EAAOsE,QAAQ,QAAQ,GAAGtE,EAAO+C,IAAI,SAAkB,KAAc5D,EAAIwC,oBAAoB3B,IAAS,SAAWb,EAAI2F,kBAAkBxE,MAAM,CAACC,MAAOpB,EAAiB,cAAEqB,SAAS,SAAUC,GAAMtB,EAAI4F,cAActE,GAAKC,WAAW,mBAAmBnB,EAAG,uBAAuB,CAACO,MAAM,CAAC,UAAU,KAAK,CAACP,EAAG,WAAW,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAiB,cAAEuB,WAAW,kBAAkBjB,YAAY,2BAA2BM,GAAG,CAAC,MAAQ,SAASC,GAAQb,EAAI4F,cAAgB,UAAU,IAAI,IAAI,IAAI,IAAI,GAAGxF,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAAC+D,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,wBAAwBwB,UAAU,CAAC,cAAa,MAAS,CAACzF,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,oBAAoB,CAACO,MAAM,CAAC,MAAQ,SAASX,EAAIe,GAAG,oBAAoB,MAAM,GAAGX,EAAG,aAAa,CAACO,MAAM,CAAC,GAAK,aAAa,QAAU,KAAK,CAACP,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIe,GAAG,eAAeX,EAAG,QAAQ,CAACE,YAAY,0BAA0BK,MAAM,CAAC,UAAU,UAAUC,GAAG,CAAC,SAAWZ,EAAI8F,eAAe,OAAS9F,EAAI+F,wBAAwB,CAAC3F,EAAG,WAAW,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAkB,eAAEuB,WAAW,mBAAmBjB,YAAY,wCAAwCK,MAAM,CAAC,MAAQ,MAAM,aAAa,MAAMP,EAAG,iBAAiB,CAACE,YAAY,kBAAkBK,MAAM,CAAC,OAASX,EAAIgG,gBAAgB7E,MAAM,CAACC,MAAOpB,EAAkB,eAAEqB,SAAS,SAAUC,GAAMtB,EAAIiG,eAAe3E,GAAKC,WAAW,qBAAqB,IAAI,IAAI,GAAGnB,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIe,GAAG,gBAAgBX,EAAG,QAAQ,CAACE,YAAY,0BAA0BK,MAAM,CAAC,UAAU,UAAUC,GAAG,CAAC,SAAWZ,EAAI8F,eAAe,OAAS9F,EAAIkG,sBAAsB,CAAC9F,EAAG,WAAW,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAgB,aAAEuB,WAAW,iBAAiBjB,YAAY,wCAAwCK,MAAM,CAAC,MAAQ,MAAM,aAAa,MAAMP,EAAG,iBAAiB,CAACE,YAAY,kBAAkBK,MAAM,CAAC,OAASX,EAAImG,cAAchF,MAAM,CAACC,MAAOpB,EAAgB,aAAEqB,SAAS,SAAUC,GAAMtB,EAAIoG,aAAa9E,GAAKC,WAAW,mBAAmB,IAAI,IAAI,IAAI,IAAI,IAAI,GAAGnB,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAAC+D,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,wBAAwBwB,UAAU,CAAC,cAAa,MAAS,CAACzF,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,oBAAoB,CAACO,MAAM,CAAC,MAAQ,SAASX,EAAIe,GAAG,yBAAyB,MAAM,GAAGX,EAAG,aAAa,CAACO,MAAM,CAAC,GAAK,aAAa,QAAU,KAAK,CAACP,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIe,GAAG,eAAeX,EAAG,QAAQ,CAACE,YAAY,0BAA0BK,MAAM,CAAC,UAAU,UAAUC,GAAG,CAAC,SAAWZ,EAAI8F,eAAe,OAAS9F,EAAIqG,0BAA0B,CAACjG,EAAG,WAAW,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAoB,iBAAEuB,WAAW,qBAAqBjB,YAAY,wCAAwCK,MAAM,CAAC,MAAQ,MAAM,aAAa,MAAMP,EAAG,iBAAiB,CAACE,YAAY,kBAAkBK,MAAM,CAAC,OAASX,EAAIsG,wBAAwBnF,MAAM,CAACC,MAAOpB,EAAoB,iBAAEqB,SAAS,SAAUC,GAAMtB,EAAIuG,iBAAiBjF,GAAKC,WAAW,uBAAuB,IAAI,IAAI,GAAGnB,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIe,GAAG,gBAAgBX,EAAG,QAAQ,CAACE,YAAY,0BAA0BK,MAAM,CAAC,UAAU,UAAUC,GAAG,CAAC,SAAWZ,EAAI8F,eAAe,OAAS9F,EAAIwG,wBAAwB,CAACpG,EAAG,WAAW,CAAC+D,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASjD,MAAOpB,EAAkB,eAAEuB,WAAW,mBAAmBjB,YAAY,wCAAwCK,MAAM,CAAC,MAAQ,MAAM,aAAa,MAAMP,EAAG,iBAAiB,CAACE,YAAY,kBAAkBK,MAAM,CAAC,OAASX,EAAIyG,sBAAsBtF,MAAM,CAACC,MAAOpB,EAAkB,eAAEqB,SAAS,SAAUC,GAAMtB,EAAI0G,eAAepF,GAAKC,WAAW,qBAAqB,IAAI,IAAI,IAAI,IAAI,IAAI,GAAGnB,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,WAAW,CAACE,YAAY,2DAA2DK,MAAM,CAAC,GAAK,YAAY,QAAU,aAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIwC,yBAAyB,CAACpC,EAAG,gBAAgB,CAACE,YAAY,UAAUN,EAAIe,GAAG,eAAe,IAAI,IAAI,IAAI,IAC5xO,EAAkB,G,kFCqatB,GACE4F,WAAY,CACVC,aAAJ,QAEEjF,MAAO,CACLkF,YAAa,CACXjF,KAAMkF,OACN/E,QAAS,KAGbG,KAVF,WAWI,MAAO,CACL6E,cAAN,OAEM3B,UAAW,KACXQ,cAAe,KACfH,aAAcuB,EAApB,YACMtB,eAAgB,KAChBO,eAAgB,KAChBG,aAAc,KACdG,iBAAkB,KAClBG,eAAgB,KAChBO,aAAc,KACdC,WAAY,KACZC,eAAgB,KAChBC,aAAc,KACd9B,aAAc,KACdE,cAAe,KAGf6B,iBAAkB,CAChBC,OAAQ,EACRC,OAAQ,GAGVvB,eAAgB,CACdwB,MAAM,EACNC,YAAY,EACZC,WAAY,SAEdvB,aAAc,CACZqB,MAAM,EACNC,YAAY,EACZC,WAAY,QACZC,QAAS1H,KAAKgG,gBAGhBK,uBAAwB,CACtBkB,MAAM,EACNC,YAAY,EACZC,WAAY,SAEdjB,qBAAsB,CACpBe,MAAM,EACNC,YAAY,EACZC,WAAY,QACZC,QAAS1H,KAAKsG,kBAGhBqB,mBAAoB,CAClBJ,MAAM,EACNC,YAAY,EACZC,WAAY,SAEdG,iBAAkB,CAChBL,MAAM,EACNC,YAAY,EACZC,WAAY,QACZC,QAAS1H,KAAKgH,gBAKpBa,SAAU,OAAZ,OAAY,CAAZ,kBACA,uBACA,OACA,UAHA,IAKIzC,oBALJ,WAMM,OAAOpF,KAAK8H,sBAAsBC,KAAI,SAA5C,UACA,QACA,kBAGIzC,YAXJ,WAYM,OAAOtF,KAAKgI,6BAA6BD,KAAI,SAAnD,UACA,cACA,gCACA,yBAIEE,MAAO,CACLjC,eADJ,WAEMhG,KAAKkG,aAAe,OAA1B,OAA0B,CAA1B,kBACA,mBADA,IAEQwB,QAAS1H,KAAKgG,kBAGlBM,iBAPJ,WAQMtG,KAAKwG,qBAAuB,OAAlC,OAAkC,CAAlC,kBACA,2BADA,IAEQkB,QAAS1H,KAAKsG,oBAGlBU,aAbJ,WAcMhH,KAAK4H,iBAAmB,OAA9B,OAA8B,CAA9B,kBACA,uBADA,IAEQF,QAAS1H,KAAKgH,iBAKpBkB,YAjHF,WAkHIlI,KAAKmI,0BAA0B,CAAnC,uEACInI,KAAKoI,iCAAiC,OAA1C,OAA0C,CAA1C,4BAEEC,QArHF,WAsHIrI,KAAKkG,aAAe,OAAxB,OAAwB,CAAxB,kBACA,mBADA,IAEMwB,QAAS1H,KAAKgG,iBAEhBhG,KAAKwG,qBAAuB,OAAhC,OAAgC,CAAhC,kBACA,2BADA,IAEMkB,QAAS1H,KAAKsG,mBAEhBtG,KAAK4H,iBAAmB,OAA5B,OAA4B,CAA5B,kBACA,uBADA,IAEMF,QAAS1H,KAAKgH,eAEhBhH,KAAKsI,MAAMC,WAAWC,SAGxBtG,QAAS,OAAX,OAAW,CAAX,kBACA,uBACA,OACA,OACA,UAJA,IAMIuG,SANJ,WAOM,IAAN,GACQtD,UAAWnF,KAAKmF,UAChBuD,SAAU1I,KAAKuF,cACfI,cAAe3F,KAAK2F,cACpBgD,eAAgB3I,KAAKyF,eACrBJ,aAAcrF,KAAKqF,aACnBW,eAAgB,OAAxB,OAAwB,CAAxB,qBACQG,aAAc,OAAtB,OAAsB,CAAtB,mBACQG,iBAAkB,OAA1B,OAA0B,CAA1B,uBACQG,eAAgB,OAAxB,OAAwB,CAAxB,qBACQS,eAAgBlH,KAAKkH,eACrBC,aAAcnH,KAAKmH,aACnBH,aAAc,OAAtB,OAAsB,CAAtB,mBACQC,WAAY,OAApB,OAAoB,CAApB,kBAEMjH,KAAKsC,iBAAiBsG,IAGxBrG,oBAzBJ,WA0BMvC,KAAKyI,WACLzI,KAAK6I,MAAM,wBAEbvG,iBA7BJ,SA6BA,GACMtC,KAAK6I,MAAM,mBAAoB5G,IAEjCmE,wBAhCJ,WAiCW,OAAX,OAAW,CAAX,yBACQpG,KAAKsG,iBAAmB,OAAhC,OAAgC,KAG5BC,sBArCJ,WAsCW,OAAX,OAAW,CAAX,uBACQvG,KAAKyG,eAAiB,OAA9B,OAA8B,KAG1BX,sBA1CJ,WA2CW,OAAX,OAAW,CAAX,uBACQ9F,KAAKgG,eAAiB,OAA9B,OAA8B,KAG1BC,oBA/CJ,WAgDW,OAAX,OAAW,CAAX,qBACQjG,KAAKmG,aAAe,OAA5B,OAA4B,QC5lBmZ,I,wBCQ3ahE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QC2Mf,GACEuE,WAAY,CACVoC,2BAAJ,GAEE7G,KAJF,WAIA,WACI,MAAO,CACL8G,iBAAkB,IAClBvE,mBAAoBwE,EAA1B,kBACM9F,WAAY8F,EAAlB,gBACM5G,eAAgB,CACdC,KAAM2G,EAAd,qBACQC,KAAMjJ,KAAKkD,WACXgG,KAAM,MAERC,cAAe,GACf/B,iBAAkB,CAChBC,OAAQ,EACRC,OAAQ,GAEV5E,iBAAkB,GAElBI,QAAS,CACf,CACQ,MAAR,gBACQ,MAAR,eACQ,UAAR,EACQ,QAAR,gDACQ,QAAR,8BAEA,CACQ,MAAR,SACQ,MAAR,WACQ,UAAR,EACQ,QAAR,iDACQ,QAAR,+BAEA,CACQ,MAAR,aACQ,MAAR,YACQ,UAAR,EACQ,QAAR,gDACQ,QAAR,8BAEA,CACQ,MAAR,YACQ,MAAR,WACQ,UAAR,EACQ,QAAR,cACQ,SAAR,YAAU,OAAV,uBAEA,CACQ,MAAR,YACQ,MAAR,SACQ,UAAR,EACQ,QAAR,eAEA,CACQ,MAAR,UACQ,MAAR,UACQ,UAAR,EACQ,QAAR,eAEA,CACQ,MAAR,aACQ,MAAR,SACQ,UAAR,EACQ,QAAR,eAGA,CACQ,MAAR,OACQ,MAAR,cACQ,UAAR,EACQ,QAAR,eAEA,CACQ,MAAR,WACQ,MAAR,YACQ,UAAR,EACQ,QAAR,cACQ,SAAR,YAAU,OAAV,uBAEA,CACQ,MAAR,qBACQ,MAAR,gBACQ,UAAR,EACQ,QAAR,cACQ,SAAR,YAAU,OAAV,uBAEA,CACQ,MAAR,WACQ,MAAR,aACQ,cAAR,CACU,SAAV,GAEQ,SAAR,2BACQ,UAAR,EACQ,QAAR,yBACQ,QAAR,gBAGMwB,UAAW,GACXnB,0BAA2B,KAG/B0E,SAAU,OAAZ,OAAY,CAAZ,kBACA,uBACA,UAFA,IAIIuB,uBAJJ,WAKM,OAAIpJ,KAAKqJ,wBAAwBC,SACxBtJ,KAAKqJ,wBAAwBC,SAASC,QAAQxB,KAAI,SAAjE,UACA,4BACA,oBACA,sBACA,oBACA,gBACA,kBACA,gBACA,0BACA,sBACA,8BACA,4BAGa,IAETyB,aAtBJ,WAuBM,OAAIxJ,KAAKqJ,wBAAwBI,KACxBzJ,KAAKqJ,wBAAwBI,KAE/B,IAGTC,6BA7BJ,WA8BM,OAAI1J,KAAKqJ,wBAAwBC,SACxBtJ,KAAKqJ,wBAAwBC,SAE/B,IAET1E,wBAnCJ,WAoCM,IAAN,4FACA,wFACA,sFAEM,MAAO,GAAb,+FAEI+E,SA1CJ,WA2CM,MAAO,CACL,SAAU3J,KAAK+I,qBAIrBd,MAAO,CACLmB,uBADJ,WACA,WACMpJ,KAAK0C,iBAAmB,OAA9B,OAA8B,CAA9B,6BACM1C,KAAK4J,WAAU,WACb,EAAR,6HAGIJ,aAPJ,WAQMxJ,KAAKsE,UAAY,OAAvB,OAAuB,CAAvB,uBAEIoF,6BAVJ,WAWM1J,KAAKmD,0BAA4B,OAAvC,OAAuC,CAAvC,wCAIEkF,QAxKF,WAyKI,OAAJ,OAAI,IAEFnG,QAAS,OAAX,OAAW,CAAX,kBACA,uBACA,OACA,UAHA,IAOIM,kBAPJ,WAQM,OAAOxC,KAAK6J,YAAY,wBAAyB,+BAKnDjH,yBAbJ,WAcM5C,KAAK8J,+BAA+B,OAA1C,OAA0C,CAA1C,yBAKIxH,iBAnBJ,SAmBA,GACMtC,KAAKmJ,cAAgB,OAA3B,OAA2B,CAA3B,MACMnJ,KAAKoC,eAAiB,OAA5B,OAA4B,CAA5B,iCACA,qBACA,GAFA,IAGQ6G,KAAM,IAERjJ,KAAK+J,sBAEPA,mBA5BJ,WA6BM/J,KAAKgK,4BAA4B,OAAvC,OAAuC,CAAvC,gEAEIC,qBA/BJ,SA+BA,GACMjK,KAAKoC,eAAiB,OAA5B,OAA4B,CAA5B,2CAEImB,aAlCJ,SAkCA,GACMvD,KAAKiK,qBAAqB,CAAhC,6CACMjK,KAAK+J,sBAEPvG,gBAtCJ,SAsCA,GACMxD,KAAKiK,qBAAqB,CAAhC,qBACMjK,KAAK+J,sBAEPxH,oBA1CJ,WA2CMvC,KAAKkD,WAAa,MCpbkY,ICStZ,G,oBAAY,eACd,EACApD,EACA2B,GACA,EACA,KACA,WACA,OAIa,e,2FCpBf,W,kCCAA,W","file":"js/chunk-31093d18-e73fbb1a8f84403864e8time1729068238662.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"v-card bg-white rounded shadow d-print-none\"},[_c('b-col',[_c('b-row',{staticClass:\"v-card-header text-primary mx-0\",class:{ rotate: _vm.visible, 'rotate-down': !_vm.visible, 'cursor-pointer': _vm.canCollapse },attrs:{\"align-v\":\"center\",\"align-h\":\"between\"},on:{\"click\":function($event){return _vm.onCollapseClick()}}},[_c('strong',{staticClass:\"text-brand-1\"},[_vm._v(_vm._s(_vm.title))]),(_vm.canCollapse)?_c('b-icon-chevron-up',{staticClass:\"text-brand-1\",attrs:{\"scale\":\"1.1\"}}):_vm._e()],1)],1),_c('b-collapse',{staticClass:\"border-top\",attrs:{\"id\":\"collapseDelivery\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('b-form-row',{staticClass:\"px-1\",staticStyle:{\"padding\":\"10px 0\"}},[_vm._t(\"default\")],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"v-card bg-white rounded shadow d-print-none\">\r\n    <!-- START - Title -->\r\n    <b-col>\r\n      <b-row\r\n        class=\"v-card-header text-primary mx-0\"\r\n        :class=\"{ rotate: visible, 'rotate-down': !visible, 'cursor-pointer': canCollapse }\"\r\n        align-v=\"center\"\r\n        align-h=\"between\"\r\n        @click=\"onCollapseClick()\"\r\n      >\r\n        <strong class=\"text-brand-1\">{{ title }}</strong>\r\n\r\n        <b-icon-chevron-up\r\n          v-if=\"canCollapse\"\r\n          scale=\"1.1\"\r\n          class=\"text-brand-1\"\r\n        />\r\n      </b-row>\r\n    </b-col>\r\n    <!-- END - Title -->\r\n\r\n    <!-- START - Body -->\r\n    <b-collapse\r\n      id=\"collapseDelivery\"\r\n      v-model=\"visible\"\r\n      class=\"border-top\"\r\n    >\r\n      <b-form-row\r\n        class=\"px-1\"\r\n        style=\"padding: 10px 0\"\r\n      >\r\n        <!-- START - Content -->\r\n        <slot />\r\n        <!-- END - Content -->\r\n      </b-form-row>\r\n    </b-collapse>\r\n    <!-- END - Body -->\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    // title of component\r\n    title: {\r\n      type: String,\r\n      requried: true,\r\n      default: 'Tìm kiếm',\r\n    },\r\n    // can or can't collapse component\r\n    canCollapse: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    expandDefault: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      visible: this.expandDefault,\r\n    }\r\n  },\r\n  methods: {\r\n    onCollapseClick() {\r\n      if (this.canCollapse) {\r\n        this.visible = !this.visible\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n  .v-card-header{\r\n    padding: 5px 0;\r\n\r\n    &.rotate {\r\n      svg {\r\n        transition: all 0.5s;\r\n        transform: rotate(180deg);\r\n      }\r\n    }\r\n    &.rotate-down {\r\n      svg {\r\n      transition: all 0.5s;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VCardActions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VCardActions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VCardActions.vue?vue&type=template&id=108f6cf5&scoped=true&\"\nimport script from \"./VCardActions.vue?vue&type=script&lang=js&\"\nexport * from \"./VCardActions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VCardActions.vue?vue&type=style&index=0&id=108f6cf5&lang=scss&scoped=true&\"\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  \"108f6cf5\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VCardActions.vue?vue&type=style&index=0&id=108f6cf5&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsCustomersList.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"d-flex flex-column px-0\",attrs:{\"fluid\":\"\"}},[_c('reports-customers-list-search',{attrs:{\"per-page-size\":_vm.paginationData.size},on:{\"updateSearchData\":_vm.updateSearchData,\"onClickSearchButton\":_vm.onClickSearchButton}}),_c('div',{staticClass:\"v-search bg-white rounded shadow rounded my-1 d-print-none\"},[_c('b-row',{staticClass:\"justify-content-between border-bottom px-1 mx-0\",staticStyle:{\"padding\":\"5px 0\"},attrs:{\"align-v\":\"center\"}},[_c('strong',{staticClass:\"text-brand-1\"},[_vm._v(\" Danh sách khách hàng \")]),_c('b-button-group',[(_vm.statusExcelButton().show)?_c('b-button',{staticClass:\"shadow-brand-1 ml-1 rounded bg-brand-1 text-white h8 font-weight-bolder height-button-brand-1 align-items-button-center\",attrs:{\"disabled\":_vm.statusExcelButton().disabled || _vm.reportReturnRows.length === 0,\"variant\":\"someThing\"},on:{\"click\":_vm.onClickExcelExportButton}},[_c('b-icon-file-earmark-x-fill',{staticClass:\"mr-50\"}),_vm._v(\" Xuất excel \")],1):_vm._e()],1)],1),_c('b-col',{staticClass:\"py-1\"},[_c('vue-good-table',{style:(_vm.cssProps),attrs:{\"columns\":_vm.columns,\"mode\":\"remote\",\"rows\":_vm.reportReturnRows,\"style-class\":\"vgt-table report-customers table-horizontal-scroll\",\"pagination-options\":{\n          enabled: true,\n          perPage: _vm.paginationData.size,\n          setCurrentPage: _vm.pageNumber,\n        },\"compact-mode\":\"\",\"line-numbers\":\"\",\"total-rows\":_vm.reportCustomersPagination.totalElements,\"sort-options\":{\n          enabled: false,\n          multipleColumns: true,\n        }},on:{\"on-sort-change\":_vm.onSortChange,\"on-page-change\":_vm.onPageChange,\"on-per-page-change\":_vm.onPerPageChange},scopedSlots:_vm._u([{key:\"table-column\",fn:function(props){return [(props.column.label === 'Họ tên')?_c('div',{ref:\"fullName\"},[_vm._v(\" \"+_vm._s(props.column.label)+\" \")]):(props.column.label === 'Điện thoại')?_c('div',{ref:\"mobiPhone\"},[_vm._v(\" \"+_vm._s(props.column.label)+\" \")]):_c('div',[_vm._v(\" \"+_vm._s(props.column.label)+\" \")])]}},{key:\"table-row\",fn:function(props){return [(props.column.field === 'fullName' || props.column.field === 'address')?_c('div',{staticClass:\"line-overflow name-width\"},[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")]):(props.column.field === 'saleAmount')?_c('div',{staticClass:\"text-right pr-70 text-nowrap\"},[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")]):_c('div',{staticStyle:{\"width\":\"max-content\"}},[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")])]}},{key:\"column-filter\",fn:function(props){return [(props.column.field === 'saleAmount')?_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.reportReturnRows.length > 0),expression:\"reportReturnRows.length > 0\"}],staticClass:\"mx-50 text-brand-3 h7\",attrs:{\"align-h\":\"end\"}},[_vm._v(\" \"+_vm._s(_vm.$formatNumberToLocale(_vm.totalInfo.totalSaleAmount))+\" \")]):_vm._e()]}},{key:\"pagination-bottom\",fn:function(props){return [_c('b-row',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.reportCustomersPagination.totalElements),expression:\"reportCustomersPagination.totalElements\"}],staticClass:\"v-pagination px-1 mx-0\",attrs:{\"align-h\":\"between\",\"align-v\":\"center\"}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('span',{staticClass:\"text-nowrap\"},[_vm._v(\" Số hàng hiển thị \")]),_c('b-form-select',{staticClass:\"mx-1\",attrs:{\"size\":\"sm\",\"options\":_vm.perPageSizeOptions},on:{\"input\":function (value){ return props.perPageChanged({currentPerPage: value}); }},model:{value:(_vm.paginationData.size),callback:function ($$v) {_vm.$set(_vm.paginationData, \"size\", $$v)},expression:\"paginationData.size\"}}),_c('span',{staticClass:\"text-nowrap\"},[_vm._v(_vm._s(_vm.paginationDetailContent))])],1),_c('b-pagination',{staticClass:\"mt-1\",attrs:{\"total-rows\":_vm.reportCustomersPagination.totalElements,\"per-page\":_vm.paginationData.size,\"first-number\":\"\",\"last-number\":\"\",\"align\":\"right\",\"prev-class\":\"prev-item\",\"next-class\":\"next-item\"},on:{\"input\":function (value){ return props.pageChanged({currentPage: value}); }},model:{value:(_vm.pageNumber),callback:function ($$v) {_vm.pageNumber=$$v},expression:\"pageNumber\"}},[_c('template',{slot:\"prev-text\"},[_c('feather-icon',{attrs:{\"icon\":\"ChevronLeftIcon\",\"size\":\"18\"}})],1),_c('template',{slot:\"next-text\"},[_c('feather-icon',{attrs:{\"icon\":\"ChevronRightIcon\",\"size\":\"18\"}})],1)],2)],1)]}}])},[_vm._v(\" > \"),_c('div',{staticClass:\"text-center\",attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form',{staticClass:\"d-print-none\",on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onClickSearchButton($event)}}},[_c('v-card-actions',{attrs:{\"title\":\"Tìm kiếm\"}},[_c('b-col',{staticClass:\"p-1\",attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('b-row',[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Khách hàng \")]),_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-form-input',{ref:\"focusInput\",staticClass:\"h7 text-brand-3\",attrs:{\"trim\":\"\",\"placeholder\":\"Nhập họ tên/mã\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onClickSearchButton($event)}},model:{value:(_vm.keySearch),callback:function ($$v) {_vm.keySearch=$$v},expression:\"keySearch\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.keySearch),expression:\"keySearch\"}],staticClass:\"cursor-pointer text-gray\",on:{\"click\":function($event){_vm.keySearch = null}}})],1)],1)],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"xl\":\"\",\"md\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Nhóm khách hàng \")]),_c('tree-select',{attrs:{\"title\":\"Nhóm khách hàng\",\"options\":_vm.customerTypeOptions,\"searchable\":false,\"placeholder\":\"Tất cả\",\"no-options-text\":\"Không có dữ liệu\"},model:{value:(_vm.customerType),callback:function ($$v) {_vm.customerType=$$v},expression:\"customerType\"}})],1)],1)],1),_c('b-col',{staticClass:\"p-1\",attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('b-row',[_c('b-col',{staticClass:\"h7\",attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"mt-sm-1 mt-xl-0\"},[_vm._v(\" Khu vực \")]),_c('tree-select',{attrs:{\"options\":_vm.areaOptions,\"placeholder\":\"Tất cả\",\"no-options-text\":\"Không có dữ liệu\",\"no-results-text\":\"Không tìm thấy kết quả\"},model:{value:(_vm.areasSelected),callback:function ($$v) {_vm.areasSelected=$$v},expression:\"areasSelected\"}})],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{staticClass:\"h7\",attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"mt-sm-1 mt-xl-0\"},[_vm._v(\" Trạng thái \")]),_c('tree-select',{attrs:{\"options\":_vm.statuOptions,\"searchable\":false,\"placeholder\":\"Tất cả\",\"no-options-text\":\"Không có dữ liệu\"},model:{value:(_vm.statusSelected),callback:function ($$v) {_vm.statusSelected=$$v},expression:\"statusSelected\"}})],1)],1)],1),_c('b-col',{staticClass:\"p-1\",attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('b-row',[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Số điện thoại \")]),_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-form-input',{staticClass:\"h7 text-brand-3\",attrs:{\"placeholder\":\"Nhập chính xác 4 số cuối\",\"maxlength\":\"10\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onClickSearchButton($event)},\"keypress\":_vm.$onlyNumberInput},model:{value:(_vm.customerPhone),callback:function ($$v) {_vm.customerPhone=$$v},expression:\"customerPhone\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.customerPhone),expression:\"customerPhone\"}],staticClass:\"cursor-pointer text-gray\",on:{\"click\":function($event){_vm.customerPhone = null}}})],1)],1)],1)],1)],1),_c('b-col',[_c('b-container',{staticClass:\"box pb-1\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_c('b-row',[_c('div',{staticClass:\"content\"},[_c('b-icon-caret-down',{attrs:{\"scale\":\"1.5\"}}),_vm._v(\" Thời gian tạo \")],1)])],1),_c('b-collapse',{attrs:{\"id\":\"collapse-1\",\"visible\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Từ ngày \")]),_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"},on:{\"keypress\":_vm.$onlyDateInput,\"change\":_vm.isFromCreateDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.fromCreateDate),expression:\"fromCreateDate\"}],staticClass:\"cursor-pointer text-gray style-icon-x\",attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7\",attrs:{\"config\":_vm.configFromDate},model:{value:(_vm.fromCreateDate),callback:function ($$v) {_vm.fromCreateDate=$$v},expression:\"fromCreateDate\"}})],1)],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Đến ngày \")]),_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"},on:{\"keypress\":_vm.$onlyDateInput,\"change\":_vm.isToCreateDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.toCreateDate),expression:\"toCreateDate\"}],staticClass:\"cursor-pointer text-gray style-icon-x\",attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7\",attrs:{\"config\":_vm.configToDate},model:{value:(_vm.toCreateDate),callback:function ($$v) {_vm.toCreateDate=$$v},expression:\"toCreateDate\"}})],1)],1)],1)],1)],1)],1),_c('b-col',[_c('b-container',{staticClass:\"box pb-1\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_c('b-row',[_c('div',{staticClass:\"content\"},[_c('b-icon-caret-down',{attrs:{\"scale\":\"1.5\"}}),_vm._v(\" Ngày mua hàng cuối \")],1)])],1),_c('b-collapse',{attrs:{\"id\":\"collapse-2\",\"visible\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Từ ngày \")]),_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"},on:{\"keypress\":_vm.$onlyDateInput,\"change\":_vm.isFromPurchaseDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.fromPurchaseDate),expression:\"fromPurchaseDate\"}],staticClass:\"cursor-pointer text-gray style-icon-x\",attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7\",attrs:{\"config\":_vm.configFromPurchaseDate},model:{value:(_vm.fromPurchaseDate),callback:function ($$v) {_vm.fromPurchaseDate=$$v},expression:\"fromPurchaseDate\"}})],1)],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Đến ngày \")]),_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"},on:{\"keypress\":_vm.$onlyDateInput,\"change\":_vm.isToPurchaseDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.toPurchaseDate),expression:\"toPurchaseDate\"}],staticClass:\"cursor-pointer text-gray style-icon-x\",attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7\",attrs:{\"config\":_vm.configToPurchaseDate},model:{value:(_vm.toPurchaseDate),callback:function ($$v) {_vm.toPurchaseDate=$$v},expression:\"toPurchaseDate\"}})],1)],1)],1)],1)],1)],1),_c('div',{staticClass:\"mx-1 d-flex align-items-center\"},[_c('b-button',{staticClass:\"btn-brand-1 h8 align-items-button-center mt-sm-1 mt-lg-0\",attrs:{\"id\":\"btnSearch\",\"variant\":\"someThing\"},on:{\"click\":function($event){return _vm.onClickSearchButton()}}},[_c('b-icon-search',{staticClass:\"mr-50\"}),_vm._v(\" Tìm kiếm \")],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\r\n  <!-- START - Search -->\r\n  <b-form\r\n    class=\"d-print-none\"\r\n    @keyup.enter=\"onClickSearchButton\"\r\n  >\r\n    <v-card-actions\r\n      title=\"Tìm kiếm\"\r\n    >\r\n      <b-col\r\n        xl\r\n        lg=\"3\"\r\n        sm=\"4\"\r\n        class=\"p-1\"\r\n      >\r\n        <b-row>\r\n          <!-- START - Full Name -->\r\n          <b-col\r\n            xl\r\n            lg=\"3\"\r\n            sm=\"4\"\r\n          >\r\n            <div\r\n              class=\"h7 mt-sm-1 mt-xl-0\"\r\n            >\r\n              Khách hàng\r\n            </div>\r\n            <b-input-group\r\n              class=\"input-group-merge\"\r\n            >\r\n              <b-form-input\r\n                ref=\"focusInput\"\r\n                v-model=\"keySearch\"\r\n                trim\r\n                class=\"h7 text-brand-3\"\r\n                placeholder=\"Nhập họ tên/mã\"\r\n                @keyup.enter=\"onClickSearchButton\"\r\n              />\r\n              <b-input-group-append\r\n                is-text\r\n              >\r\n                <b-icon-x\r\n                  v-show=\"keySearch\"\r\n                  class=\"cursor-pointer text-gray\"\r\n                  @click=\"keySearch = null\"\r\n                />\r\n              </b-input-group-append>\r\n            </b-input-group>\r\n          </b-col>\r\n          <!-- END - Full Name -->\r\n        </b-row>\r\n        <b-row\r\n          class=\"mt-1\"\r\n        >\r\n\r\n          <!-- START - Group -->\r\n          <b-col\r\n            xl\r\n            md=\"3\"\r\n            sm=\"4\"\r\n          >\r\n            <div\r\n              class=\"h7 mt-sm-1 mt-xl-0\"\r\n            >\r\n              Nhóm khách hàng\r\n            </div>\r\n            <tree-select\r\n              v-model=\"customerType\"\r\n              title=\"Nhóm khách hàng\"\r\n              :options=\"customerTypeOptions\"\r\n              :searchable=\"false\"\r\n              placeholder=\"Tất cả\"\r\n              no-options-text=\"Không có dữ liệu\"\r\n            />\r\n          </b-col>\r\n          <!-- END - Group -->\r\n        </b-row>\r\n      </b-col>\r\n      <b-col\r\n        xl\r\n        lg=\"3\"\r\n        sm=\"4\"\r\n        class=\"p-1\"\r\n      >\r\n        <b-row>\r\n\r\n          <!-- START - Location -->\r\n          <b-col\r\n            xl\r\n            lg=\"3\"\r\n            sm=\"4\"\r\n            class=\"h7\"\r\n          >\r\n            <div\r\n              class=\"mt-sm-1 mt-xl-0\"\r\n            >\r\n              Khu vực\r\n            </div>\r\n            <tree-select\r\n              v-model=\"areasSelected\"\r\n              :options=\"areaOptions\"\r\n              placeholder=\"Tất cả\"\r\n              no-options-text=\"Không có dữ liệu\"\r\n              no-results-text=\"Không tìm thấy kết quả\"\r\n            />\r\n          </b-col>\r\n          <!-- END - Location -->\r\n        </b-row>\r\n        <b-row\r\n          class=\"mt-1\"\r\n        >\r\n\r\n          <!-- START - Status -->\r\n          <b-col\r\n            xl\r\n            lg=\"3\"\r\n            sm=\"4\"\r\n            class=\"h7\"\r\n          >\r\n            <div\r\n              class=\"mt-sm-1 mt-xl-0\"\r\n            >\r\n              Trạng thái\r\n            </div>\r\n            <tree-select\r\n              v-model=\"statusSelected\"\r\n              :options=\"statuOptions\"\r\n              :searchable=\"false\"\r\n              placeholder=\"Tất cả\"\r\n              no-options-text=\"Không có dữ liệu\"\r\n            />\r\n          </b-col>\r\n          <!-- END - Status -->\r\n        </b-row>\r\n      </b-col>\r\n      <b-col\r\n        xl\r\n        lg=\"3\"\r\n        sm=\"4\"\r\n        class=\"p-1\"\r\n      >\r\n        <b-row>\r\n\r\n          <!-- START - MobiPhone -->\r\n          <b-col\r\n            xl\r\n            lg=\"3\"\r\n            sm=\"4\"\r\n          >\r\n            <div\r\n              class=\"h7 mt-sm-1 mt-xl-0\"\r\n            >\r\n              Số điện thoại\r\n            </div>\r\n            <b-input-group\r\n              class=\"input-group-merge\"\r\n            >\r\n              <b-form-input\r\n                v-model=\"customerPhone\"\r\n                class=\"h7 text-brand-3\"\r\n                placeholder=\"Nhập chính xác 4 số cuối\"\r\n                maxlength=\"10\"\r\n                @keyup.enter=\"onClickSearchButton\"\r\n                @keypress=\"$onlyNumberInput\"\r\n              />\r\n              <b-input-group-append\r\n                is-text\r\n              >\r\n                <b-icon-x\r\n                  v-show=\"customerPhone\"\r\n                  class=\"cursor-pointer text-gray\"\r\n                  @click=\"customerPhone = null\"\r\n                />\r\n              </b-input-group-append>\r\n            </b-input-group>\r\n          </b-col>\r\n          <!-- END - Full Name -->\r\n        </b-row>\r\n      </b-col>\r\n      <b-col>\r\n        <b-container class=\"box pb-1\">\r\n          <!-- START - title & icon -->\r\n          <div\r\n            v-b-toggle.collapse-1\r\n          >\r\n            <b-row>\r\n              <div class=\"content\">\r\n                <b-icon-caret-down\r\n                  scale=\"1.5\"\r\n                />\r\n                Thời gian tạo\r\n              </div>\r\n            </b-row>\r\n          </div>\r\n          <!-- END - title & icon -->\r\n\r\n          <!-- START - collapse -->\r\n          <b-collapse\r\n            id=\"collapse-1\"\r\n            visible\r\n          >\r\n            <b-row>\r\n\r\n              <!-- START - Date From -->\r\n              <b-col\r\n                xl\r\n                lg=\"3\"\r\n                sm=\"4\"\r\n              >\r\n                <div\r\n                  class=\"h7 mt-sm-1 mt-xl-0\"\r\n                >\r\n                  Từ ngày\r\n                </div>\r\n                <b-row\r\n                  class=\"v-flat-pickr-group mx-0\"\r\n                  align-v=\"center\"\r\n                  @keypress=\"$onlyDateInput\"\r\n                  @change=\"isFromCreateDateValid\"\r\n                >\r\n                  <b-icon-x\r\n                    v-show=\"fromCreateDate\"\r\n                    class=\"cursor-pointer text-gray style-icon-x\"\r\n                    scale=\"1.3\"\r\n                    data-clear\r\n                  />\r\n                  <vue-flat-pickr\r\n                    v-model=\"fromCreateDate\"\r\n                    :config=\"configFromDate\"\r\n                    class=\"form-control h7\"\r\n                  />\r\n                </b-row>\r\n              </b-col>\r\n              <!-- END - Date From -->\r\n            </b-row>\r\n            <b-row\r\n              class=\"mt-1\"\r\n            >\r\n\r\n              <!-- START - Date To -->\r\n              <b-col\r\n                xl\r\n                lg=\"3\"\r\n                sm=\"4\"\r\n              >\r\n                <div\r\n                  class=\"h7 mt-sm-1 mt-xl-0\"\r\n                >\r\n                  Đến ngày\r\n                </div>\r\n                <b-row\r\n                  class=\"v-flat-pickr-group mx-0\"\r\n                  align-v=\"center\"\r\n                  @keypress=\"$onlyDateInput\"\r\n                  @change=\"isToCreateDateValid\"\r\n                >\r\n                  <b-icon-x\r\n                    v-show=\"toCreateDate\"\r\n                    class=\"cursor-pointer text-gray style-icon-x\"\r\n                    scale=\"1.3\"\r\n                    data-clear\r\n                  />\r\n                  <vue-flat-pickr\r\n                    v-model=\"toCreateDate\"\r\n                    :config=\"configToDate\"\r\n                    class=\"form-control h7\"\r\n                  />\r\n                </b-row>\r\n\r\n              </b-col>\r\n              <!-- END - Date To -->\r\n            </b-row>\r\n          </b-collapse>\r\n        </b-container>\r\n      </b-col>\r\n      <b-col>\r\n        <b-container class=\"box pb-1\">\r\n          <!-- START - title & icon -->\r\n          <div\r\n            v-b-toggle.collapse-2\r\n          >\r\n            <b-row>\r\n              <div class=\"content\">\r\n                <b-icon-caret-down\r\n                  scale=\"1.5\"\r\n                />\r\n                Ngày mua hàng cuối\r\n              </div>\r\n            </b-row>\r\n          </div>\r\n          <!-- END - title & icon -->\r\n\r\n          <!-- START - collapse -->\r\n          <b-collapse\r\n            id=\"collapse-2\"\r\n            visible\r\n          >\r\n            <b-row>\r\n\r\n              <!-- START - Date From -->\r\n              <b-col\r\n                xl\r\n                lg=\"3\"\r\n                sm=\"4\"\r\n              >\r\n                <div\r\n                  class=\"h7 mt-sm-1 mt-xl-0\"\r\n                >\r\n                  Từ ngày\r\n                </div>\r\n                <b-row\r\n                  class=\"v-flat-pickr-group mx-0\"\r\n                  align-v=\"center\"\r\n                  @keypress=\"$onlyDateInput\"\r\n                  @change=\"isFromPurchaseDateValid\"\r\n                >\r\n                  <b-icon-x\r\n                    v-show=\"fromPurchaseDate\"\r\n                    class=\"cursor-pointer text-gray style-icon-x\"\r\n                    scale=\"1.3\"\r\n                    data-clear\r\n                  />\r\n                  <vue-flat-pickr\r\n                    v-model=\"fromPurchaseDate\"\r\n                    :config=\"configFromPurchaseDate\"\r\n                    class=\"form-control h7\"\r\n                  />\r\n                </b-row>\r\n              </b-col>\r\n              <!-- END - Date From -->\r\n            </b-row>\r\n            <b-row\r\n              class=\"mt-1\"\r\n            >\r\n\r\n              <!-- START - Date To -->\r\n              <b-col\r\n                xl\r\n                lg=\"3\"\r\n                sm=\"4\"\r\n              >\r\n                <div\r\n                  class=\"h7 mt-sm-1 mt-xl-0\"\r\n                >\r\n                  Đến ngày\r\n                </div>\r\n                <b-row\r\n                  class=\"v-flat-pickr-group mx-0\"\r\n                  align-v=\"center\"\r\n                  @keypress=\"$onlyDateInput\"\r\n                  @change=\"isToPurchaseDateValid\"\r\n                >\r\n                  <b-icon-x\r\n                    v-show=\"toPurchaseDate\"\r\n                    class=\"cursor-pointer text-gray style-icon-x\"\r\n                    scale=\"1.3\"\r\n                    data-clear\r\n                  />\r\n                  <vue-flat-pickr\r\n                    v-model=\"toPurchaseDate\"\r\n                    :config=\"configToPurchaseDate\"\r\n                    class=\"form-control h7\"\r\n                  />\r\n                </b-row>\r\n\r\n              </b-col>\r\n              <!-- END - Date To -->\r\n            </b-row>\r\n          </b-collapse>\r\n        </b-container>\r\n      </b-col>\r\n\r\n      <!-- START - Search button -->\r\n      <div\r\n        class=\"mx-1 d-flex align-items-center\"\r\n      >\r\n        <b-button\r\n          id=\"btnSearch\"\r\n          class=\"btn-brand-1 h8 align-items-button-center mt-sm-1 mt-lg-0\"\r\n          variant=\"someThing\"\r\n          @click=\"onClickSearchButton()\"\r\n        >\r\n          <b-icon-search class=\"mr-50\" />\r\n          Tìm kiếm\r\n        </b-button>\r\n      </div>\r\n      <!-- END - Search button -->\r\n    </v-card-actions>\r\n  </b-form>\r\n  <!-- END - Search -->\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  mapActions,\r\n  mapGetters,\r\n} from 'vuex'\r\nimport VCardActions from '@core/components/v-card-actions/VCardActions.vue'\r\nimport {\r\n  dateFormatVNI,\r\n} from '@/@core/utils/validations/validations'\r\nimport {\r\n  reverseVniDate,\r\n  earlyMonth,\r\n  nowDate,\r\n  checkingDateInput,\r\n} from '@/@core/utils/filter'\r\nimport customerData from '@/@db/customer'\r\nimport {\r\n  REPORT_CUSTOMERS,\r\n\r\n  // GETTERS\r\n  SHOP_LOCATIONS_SEARCH_GETTER,\r\n  CUSTOMER_TYPES_GETTER,\r\n\r\n  // Actions\r\n  GET_REPORT_CUSTOMERS_ACTION,\r\n  GET_SHOP_LOCATIONS_SEARCH_ACTION,\r\n  GET_CUSTOMER_TYPES_ACTION,\r\n} from '../../store-module/type'\r\n\r\nexport default {\r\n  components: {\r\n    VCardActions,\r\n  },\r\n  props: {\r\n    perPageSize: {\r\n      type: Number,\r\n      default: 20,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      dateFormatVNI,\r\n\r\n      keySearch: null,\r\n      customerPhone: null,\r\n      statuOptions: customerData.status,\r\n      statusSelected: null,\r\n      fromCreateDate: null,\r\n      toCreateDate: null,\r\n      fromPurchaseDate: null,\r\n      toPurchaseDate: null,\r\n      fromSaleDate: null,\r\n      toSaleDate: null,\r\n      fromSaleAmount: null,\r\n      toSaleAmount: null,\r\n      customerType: null,\r\n      areasSelected: null,\r\n\r\n      // decentralization\r\n      decentralization: {\r\n        formId: 1,\r\n        ctrlId: 1,\r\n      },\r\n\r\n      configFromDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n      },\r\n      configToDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        minDate: this.fromCreateDate,\r\n      },\r\n\r\n      configFromPurchaseDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n      },\r\n      configToPurchaseDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        minDate: this.fromPurchaseDate,\r\n      },\r\n\r\n      configFromSaleDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n      },\r\n      configToSaleDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        minDate: this.fromSaleDate,\r\n      },\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapGetters(REPORT_CUSTOMERS, [\r\n      SHOP_LOCATIONS_SEARCH_GETTER,\r\n      CUSTOMER_TYPES_GETTER,\r\n    ]),\r\n    customerTypeOptions() {\r\n      return this.CUSTOMER_TYPES_GETTER.map(data => ({\r\n        id: data.id,\r\n        label: data.name,\r\n      }))\r\n    },\r\n    areaOptions() {\r\n      return this.SHOP_LOCATIONS_SEARCH_GETTER.map(data => ({\r\n        id: data.areaCode,\r\n        label: data.provinceAndDistrictName,\r\n        default: data.default,\r\n      }))\r\n    },\r\n  },\r\n  watch: {\r\n    fromCreateDate() {\r\n      this.configToDate = {\r\n        ...this.configToDate,\r\n        minDate: this.fromCreateDate,\r\n      }\r\n    },\r\n    fromPurchaseDate() {\r\n      this.configToPurchaseDate = {\r\n        ...this.configToPurchaseDate,\r\n        minDate: this.fromPurchaseDate,\r\n      }\r\n    },\r\n    fromSaleDate() {\r\n      this.configToSaleDate = {\r\n        ...this.configToSaleDate,\r\n        minDate: this.fromSaleDate,\r\n      }\r\n    },\r\n  },\r\n\r\n  beforeMount() {\r\n    this.GET_CUSTOMER_TYPES_ACTION({ data: { ...this.decentralization }, onSuccess: () => {} })\r\n    this.GET_SHOP_LOCATIONS_SEARCH_ACTION({ ...this.decentralization })\r\n  },\r\n  mounted() {\r\n    this.configToDate = {\r\n      ...this.configToDate,\r\n      minDate: this.fromCreateDate,\r\n    }\r\n    this.configToPurchaseDate = {\r\n      ...this.configToPurchaseDate,\r\n      minDate: this.fromPurchaseDate,\r\n    }\r\n    this.configToSaleDate = {\r\n      ...this.configToSaleDate,\r\n      minDate: this.fromSaleDate,\r\n    }\r\n    this.$refs.focusInput.focus()\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(REPORT_CUSTOMERS, [\r\n      GET_REPORT_CUSTOMERS_ACTION,\r\n      GET_SHOP_LOCATIONS_SEARCH_ACTION,\r\n      GET_CUSTOMER_TYPES_ACTION,\r\n    ]),\r\n    onSearch() {\r\n      const searchData = {\r\n        keySearch: this.keySearch,\r\n        areaCode: this.areasSelected,\r\n        customerPhone: this.customerPhone,\r\n        customerStatus: this.statusSelected,\r\n        customerType: this.customerType,\r\n        fromCreateDate: reverseVniDate(this.fromCreateDate),\r\n        toCreateDate: reverseVniDate(this.toCreateDate),\r\n        fromPurchaseDate: reverseVniDate(this.fromPurchaseDate),\r\n        toPurchaseDate: reverseVniDate(this.toPurchaseDate),\r\n        fromSaleAmount: this.fromSaleAmount,\r\n        toSaleAmount: this.toSaleAmount,\r\n        fromSaleDate: reverseVniDate(this.fromSaleDate),\r\n        toSaleDate: reverseVniDate(this.toSaleDate),\r\n      }\r\n      this.updateSearchData(searchData)\r\n    },\r\n\r\n    onClickSearchButton() {\r\n      this.onSearch()\r\n      this.$emit('onClickSearchButton')\r\n    },\r\n    updateSearchData(data) {\r\n      this.$emit('updateSearchData', data)\r\n    },\r\n    isFromPurchaseDateValid() {\r\n      if (!checkingDateInput(this.fromPurchaseDate)) {\r\n        this.fromPurchaseDate = earlyMonth()\r\n      }\r\n    },\r\n    isToPurchaseDateValid() {\r\n      if (!checkingDateInput(this.toPurchaseDate)) {\r\n        this.toPurchaseDate = nowDate()\r\n      }\r\n    },\r\n    isFromCreateDateValid() {\r\n      if (!checkingDateInput(this.fromCreateDate)) {\r\n        this.fromCreateDate = earlyMonth()\r\n      }\r\n    },\r\n    isToCreateDateValid() {\r\n      if (!checkingDateInput(this.toCreateDate)) {\r\n        this.toCreateDate = nowDate()\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.box {\r\n    border: 1px solid rgb(190, 186, 186);\r\n    border-radius: 10px;\r\n}\r\n.content {\r\n    margin-top: -10px;\r\n    margin-left: -5px;\r\n    background: white;\r\n}\r\n.style-icon-x {\r\n  position: absolute;\r\n  right: 25px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsCustomersListSearch.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsCustomersListSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReportsCustomersListSearch.vue?vue&type=template&id=b71d2e4c&scoped=true&\"\nimport script from \"./ReportsCustomersListSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./ReportsCustomersListSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReportsCustomersListSearch.vue?vue&type=style&index=0&id=b71d2e4c&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  \"b71d2e4c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <b-container\r\n    fluid\r\n    class=\"d-flex flex-column px-0\"\r\n  >\r\n    <!-- START - Search -->\r\n    <reports-customers-list-search\r\n      :per-page-size=\"paginationData.size\"\r\n      @updateSearchData=\"updateSearchData\"\r\n      @onClickSearchButton=\"onClickSearchButton\"\r\n    />\r\n    <!-- END - Search -->\r\n\r\n    <!-- START - Customer list -->\r\n    <div class=\"v-search bg-white rounded shadow rounded my-1 d-print-none\">\r\n      <!-- START - Header -->\r\n      <b-row\r\n        class=\"justify-content-between border-bottom px-1 mx-0\"\r\n        style=\"padding: 5px 0\"\r\n        align-v=\"center\"\r\n      >\r\n        <strong class=\"text-brand-1\">\r\n          Danh sách khách hàng\r\n        </strong>\r\n        <b-button-group>\r\n          <b-button\r\n            v-if=\"statusExcelButton().show\"\r\n            :disabled=\"statusExcelButton().disabled || reportReturnRows.length === 0\"\r\n            class=\"shadow-brand-1 ml-1 rounded bg-brand-1 text-white h8 font-weight-bolder height-button-brand-1 align-items-button-center\"\r\n            variant=\"someThing\"\r\n            @click=\"onClickExcelExportButton\"\r\n          >\r\n            <b-icon-file-earmark-x-fill class=\"mr-50\" />\r\n            Xuất excel\r\n          </b-button>\r\n        </b-button-group>\r\n      </b-row>\r\n      <!-- END - Header -->\r\n\r\n      <!-- START - Table -->\r\n      <b-col class=\"py-1\">\r\n        <vue-good-table\r\n          :columns=\"columns\"\r\n          mode=\"remote\"\r\n          :rows=\"reportReturnRows\"\r\n          style-class=\"vgt-table report-customers table-horizontal-scroll\"\r\n          :style=\"cssProps\"\r\n          :pagination-options=\"{\r\n            enabled: true,\r\n            perPage: paginationData.size,\r\n            setCurrentPage: pageNumber,\r\n          }\"\r\n          compact-mode\r\n          line-numbers\r\n          :total-rows=\"reportCustomersPagination.totalElements\"\r\n          :sort-options=\"{\r\n            enabled: false,\r\n            multipleColumns: true,\r\n          }\"\r\n          @on-sort-change=\"onSortChange\"\r\n          @on-page-change=\"onPageChange\"\r\n          @on-per-page-change=\"onPerPageChange\"\r\n        >\r\n          >\r\n          <!-- START - Empty rows -->\r\n          <div\r\n            slot=\"emptystate\"\r\n            class=\"text-center\"\r\n          >\r\n            Không có dữ liệu\r\n          </div>\r\n          <!-- END - Empty rows -->\r\n\r\n          <!-- START - Columns -->\r\n          <template\r\n            slot=\"table-column\"\r\n            slot-scope=\"props\"\r\n          >\r\n            <div\r\n              v-if=\"props.column.label === 'Họ tên'\"\r\n              ref=\"fullName\"\r\n            >\r\n              {{ props.column.label }}\r\n            </div>\r\n            <div\r\n              v-else-if=\"props.column.label === 'Điện thoại'\"\r\n              ref=\"mobiPhone\"\r\n            >\r\n              {{ props.column.label }}\r\n            </div>\r\n            <div v-else>\r\n              {{ props.column.label }}\r\n            </div>\r\n          </template>\r\n          <!-- END - Columns -->\r\n\r\n          <!-- START - Rows -->\r\n          <template\r\n            slot=\"table-row\"\r\n            slot-scope=\"props\"\r\n          >\r\n            <div\r\n              v-if=\"props.column.field === 'fullName' || props.column.field === 'address'\"\r\n              class=\"line-overflow name-width\"\r\n            >\r\n              {{ props.formattedRow[props.column.field] }}\r\n            </div>\r\n            <div\r\n              v-else-if=\"props.column.field === 'saleAmount'\"\r\n              class=\"text-right pr-70 text-nowrap\"\r\n            >\r\n              {{ props.formattedRow[props.column.field] }}\r\n            </div>\r\n            <div\r\n              v-else\r\n              style=\"width: max-content\"\r\n            >\r\n              {{ props.formattedRow[props.column.field] }}\r\n            </div>\r\n          </template>\r\n          <!-- END - Rows -->\r\n          <!-- START - Column filter -->\r\n          <template\r\n            slot=\"column-filter\"\r\n            slot-scope=\"props\"\r\n          >\r\n            <span\r\n              v-if=\"props.column.field === 'saleAmount'\"\r\n              v-show=\"reportReturnRows.length > 0\"\r\n              class=\"mx-50 text-brand-3 h7\"\r\n              align-h=\"end\"\r\n            >\r\n              {{ $formatNumberToLocale(totalInfo.totalSaleAmount) }}\r\n            </span>\r\n          </template>\r\n          <!-- END - Column filter -->\r\n\r\n          <!-- START - Pagination -->\r\n          <template\r\n            slot=\"pagination-bottom\"\r\n            slot-scope=\"props\"\r\n          >\r\n            <b-row\r\n              v-show=\"reportCustomersPagination.totalElements\"\r\n              class=\"v-pagination px-1 mx-0\"\r\n              align-h=\"between\"\r\n              align-v=\"center\"\r\n            >\r\n              <div\r\n                class=\"d-flex align-items-center\"\r\n              >\r\n                <span\r\n                  class=\"text-nowrap\"\r\n                >\r\n                  Số hàng hiển thị\r\n                </span>\r\n                <b-form-select\r\n                  v-model=\"paginationData.size\"\r\n                  size=\"sm\"\r\n                  :options=\"perPageSizeOptions\"\r\n                  class=\"mx-1\"\r\n                  @input=\"(value)=>props.perPageChanged({currentPerPage: value})\"\r\n                />\r\n                <span class=\"text-nowrap\">{{ paginationDetailContent }}</span>\r\n              </div>\r\n              <b-pagination\r\n                v-model=\"pageNumber\"\r\n                :total-rows=\"reportCustomersPagination.totalElements\"\r\n                :per-page=\"paginationData.size\"\r\n                first-number\r\n                last-number\r\n                align=\"right\"\r\n                prev-class=\"prev-item\"\r\n                next-class=\"next-item\"\r\n                class=\"mt-1\"\r\n                @input=\"(value)=>props.pageChanged({currentPage: value})\"\r\n              >\r\n                <template slot=\"prev-text\">\r\n                  <feather-icon\r\n                    icon=\"ChevronLeftIcon\"\r\n                    size=\"18\"\r\n                  />\r\n                </template>\r\n                <template slot=\"next-text\">\r\n                  <feather-icon\r\n                    icon=\"ChevronRightIcon\"\r\n                    size=\"18\"\r\n                  />\r\n                </template>\r\n              </b-pagination>\r\n            </b-row>\r\n          </template>\r\n          <!-- END - Pagination -->\r\n\r\n        </vue-good-table>\r\n      </b-col>\r\n      <!-- END - Table -->\r\n    </div>\r\n    <!-- END - Customer list -->\r\n\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport commonData from '@/@db/common'\r\nimport {\r\n  mapActions,\r\n  mapGetters,\r\n} from 'vuex'\r\nimport {\r\n  resizeAbleTable,\r\n} from '@core/utils/utils'\r\nimport ReportsCustomersListSearch from './components/ReportsCustomersListSearch.vue'\r\nimport {\r\n  REPORT_CUSTOMERS,\r\n  // Getters\r\n  REPORT_CUSTOMERS_GETTER,\r\n  // Actions\r\n  GET_REPORT_CUSTOMERS_ACTION,\r\n  EXPORT_REPORT_CUSTOMERS_ACTION,\r\n} from '../store-module/type'\r\n\r\nexport default {\r\n  components: {\r\n    ReportsCustomersListSearch,\r\n  },\r\n  data() {\r\n    return {\r\n      thirdColLeftAttr: 310,\r\n      perPageSizeOptions: commonData.perPageSizes,\r\n      pageNumber: commonData.pageNumber,\r\n      paginationData: {\r\n        size: commonData.perPageSizes[0],\r\n        page: this.pageNumber,\r\n        sort: null,\r\n      },\r\n      searchOptions: {},\r\n      decentralization: {\r\n        formId: 1,\r\n        ctrlId: 1,\r\n      },\r\n      reportReturnRows: [],\r\n\r\n      columns: [\r\n        {\r\n          label: 'Mã khách hàng',\r\n          field: 'customerCode',\r\n          sortable: false,\r\n          thClass: 'text-nowrap scroll-column-header column-first',\r\n          tdClass: 'scroll-column column-first',\r\n        },\r\n        {\r\n          label: 'Họ tên',\r\n          field: 'fullName',\r\n          sortable: false,\r\n          thClass: 'text-nowrap scroll-column-header column-second',\r\n          tdClass: 'scroll-column column-second',\r\n        },\r\n        {\r\n          label: 'Điện thoại',\r\n          field: 'mobiPhone',\r\n          sortable: false,\r\n          thClass: 'text-nowrap scroll-column-header column-third',\r\n          tdClass: 'scroll-column column-third',\r\n        },\r\n        {\r\n          label: 'Ngày sinh',\r\n          field: 'birthDay',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n          formatFn: value => this.$formatISOtoVNI(value),\r\n        },\r\n        {\r\n          label: 'Giới tính',\r\n          field: 'gender',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Địa chỉ',\r\n          field: 'address',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Trạng thái',\r\n          field: 'status',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n\r\n        {\r\n          label: 'Nhóm',\r\n          field: 'cusTypeName',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Ngày tạo',\r\n          field: 'createdAt',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n          formatFn: value => this.$formatISOtoVNI(value),\r\n        },\r\n        {\r\n          label: 'Ngày mua hàng cuối',\r\n          field: 'lastOrderDate',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n          formatFn: value => this.$formatISOtoVNI(value),\r\n        },\r\n        {\r\n          label: 'Doanh số',\r\n          field: 'saleAmount',\r\n          filterOptions: {\r\n            enabled: true,\r\n          },\r\n          formatFn: this.$formatNumberToLocale,\r\n          sortable: false,\r\n          thClass: 'text-right text-nowrap',\r\n          tdClass: 'text-nowrap',\r\n        },\r\n      ],\r\n      totalInfo: {},\r\n      reportCustomersPagination: {},\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(REPORT_CUSTOMERS, [\r\n      REPORT_CUSTOMERS_GETTER,\r\n    ]),\r\n    getReportCustomerLists() {\r\n      if (this.REPORT_CUSTOMERS_GETTER.response) {\r\n        return this.REPORT_CUSTOMERS_GETTER.response.content.map(data => ({\r\n          customerCode: data.customerCode,\r\n          fullName: data.fullName,\r\n          mobiPhone: data.mobiPhone,\r\n          birthDay: data.birthDay,\r\n          gender: data.gender,\r\n          address: data.address,\r\n          status: data.status,\r\n          cusTypeName: data.cusTypeName,\r\n          createdAt: data.createdAt,\r\n          lastOrderDate: data.lastOrderDate,\r\n          saleAmount: data.saleAmount,\r\n        }))\r\n      }\r\n      return []\r\n    },\r\n    getTotalInfo() {\r\n      if (this.REPORT_CUSTOMERS_GETTER.info) {\r\n        return this.REPORT_CUSTOMERS_GETTER.info\r\n      }\r\n      return {}\r\n    },\r\n\r\n    getReportCustomersPagination() {\r\n      if (this.REPORT_CUSTOMERS_GETTER.response) {\r\n        return this.REPORT_CUSTOMERS_GETTER.response\r\n      }\r\n      return {}\r\n    },\r\n    paginationDetailContent() {\r\n      const minPageSize = this.pageNumber === 1 ? 1 : (this.pageNumber * this.paginationData.size) - this.paginationData.size + 1\r\n      const maxPageSize = (this.paginationData.size * this.pageNumber) > this.reportCustomersPagination.totalElements\r\n        ? this.reportCustomersPagination.totalElements : (this.paginationData.size * this.pageNumber)\r\n\r\n      return `${minPageSize} - ${maxPageSize} của ${this.reportCustomersPagination.totalElements} mục`\r\n    },\r\n    cssProps() {\r\n      return {\r\n        '--left': this.thirdColLeftAttr,\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    getReportCustomerLists() {\r\n      this.reportReturnRows = [...this.getReportCustomerLists]\r\n      this.$nextTick(() => {\r\n        this.thirdColLeftAttr = `${this.$refs.fullName.offsetParent.offsetWidth + this.$refs.mobiPhone.offsetParent.offsetWidth + 55}px`\r\n      })\r\n    },\r\n    getTotalInfo() {\r\n      this.totalInfo = { ...this.getTotalInfo }\r\n    },\r\n    getReportCustomersPagination() {\r\n      this.reportCustomersPagination = { ...this.getReportCustomersPagination }\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    resizeAbleTable()\r\n  },\r\n  methods: {\r\n    ...mapActions(REPORT_CUSTOMERS, [\r\n      GET_REPORT_CUSTOMERS_ACTION,\r\n      EXPORT_REPORT_CUSTOMERS_ACTION,\r\n    ]),\r\n\r\n    // START - permission\r\n    statusExcelButton() {\r\n      return this.$permission('ReportsCustomersTrade', 'ReportsCustomersTradeExcel')\r\n    },\r\n\r\n    // END - permission\r\n    // Start - xuat excel\r\n    onClickExcelExportButton() {\r\n      this.EXPORT_REPORT_CUSTOMERS_ACTION({ ...this.searchOptions })\r\n    },\r\n    // End - xuat excel\r\n\r\n    // Start - pagination\r\n    updateSearchData(event) {\r\n      this.searchOptions = { ...event }\r\n      this.paginationData = {\r\n        ...this.paginationData,\r\n        ...event,\r\n        page: 0,\r\n      }\r\n      this.onPaginationChange()\r\n    },\r\n    onPaginationChange() {\r\n      this.GET_REPORT_CUSTOMERS_ACTION({ ...this.paginationData, ...this.decentralization })\r\n    },\r\n    updatePaginationData(newProps) {\r\n      this.paginationData = { ...this.paginationData, ...newProps }\r\n    },\r\n    onPageChange(params) {\r\n      this.updatePaginationData({ page: params.currentPage - 1, size: params.currentPerPage })\r\n      this.onPaginationChange()\r\n    },\r\n    onPerPageChange(params) {\r\n      this.updatePaginationData({ page: params.currentPage })\r\n      this.onPaginationChange()\r\n    },\r\n    onClickSearchButton() {\r\n      this.pageNumber = 1 // hard code\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style scoped>\r\n.line-overflow {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n</style>\r\n<style>\r\n  /* scroll ô filter tùy chỉnh theo số lượng ô*/\r\n  .report-customers.table-horizontal-scroll thead tr:last-child th:nth-child(2) {\r\n    left: 30px;\r\n    z-index: 1;\r\n  }\r\n  .report-customers.table-horizontal-scroll thead tr:last-child th:nth-child(3) {\r\n    left: 155px;\r\n    z-index: 1;\r\n  }\r\n  .report-customers.table-horizontal-scroll thead tr:last-child th:nth-child(4) {\r\n    left: var(--left);\r\n    z-index: 1;\r\n  }\r\n  /* scroll ô filter tùy chỉnh theo số lượng ô*/\r\n  /* tùy chỉnh left khi scroll*/\r\n  .report-customers.table-horizontal-scroll .column-first {\r\n    left: 30px;\r\n  }\r\n  .report-customers.table-horizontal-scroll .column-second {\r\n    left: 155px;\r\n  }\r\n  .report-customers.table-horizontal-scroll .column-third {\r\n    left: var(--left);\r\n  }\r\n  /* tùy chỉnh left khi scroll*/\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsCustomersList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsCustomersList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReportsCustomersList.vue?vue&type=template&id=5c11f041&scoped=true&\"\nimport script from \"./ReportsCustomersList.vue?vue&type=script&lang=js&\"\nexport * from \"./ReportsCustomersList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReportsCustomersList.vue?vue&type=style&index=0&id=5c11f041&scoped=true&lang=css&\"\nimport style1 from \"./ReportsCustomersList.vue?vue&type=style&index=1&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  \"5c11f041\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsCustomersList.vue?vue&type=style&index=0&id=5c11f041&scoped=true&lang=css&\"","export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsCustomersListSearch.vue?vue&type=style&index=0&id=b71d2e4c&scoped=true&lang=css&\""],"sourceRoot":""}