{"version":3,"sources":["webpack:///./src/views/reports/reports-vouchers/components/ListSearch.vue?9dba","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-vouchers/reports-vouchers-list/ReportsVouchersList.vue?4f5c","webpack:///./src/views/reports/reports-vouchers/components/ListSearch.vue?2b9f","webpack:///src/views/reports/reports-vouchers/components/ListSearch.vue","webpack:///./src/views/reports/reports-vouchers/components/ListSearch.vue?68ca","webpack:///./src/views/reports/reports-vouchers/components/ListSearch.vue","webpack:///src/views/reports/reports-vouchers/reports-vouchers-list/ReportsVouchersList.vue","webpack:///./src/views/reports/reports-vouchers/reports-vouchers-list/ReportsVouchersList.vue?9767","webpack:///./src/views/reports/reports-vouchers/reports-vouchers-list/ReportsVouchersList.vue","webpack:///./src/views/reports/reports-vouchers/reports-vouchers-list/ReportsVouchersList.vue?eabd"],"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","rows","length","exportReport","style","columns","enabled","perPage","setCurrentPage","pageNumber","multipleColumns","onSortChange","onPageChange","onPerPageChange","scopedSlots","_u","key","fn","column","field","formattedRow","ref","label","directives","name","rawName","reportPurchasesDetailsPagination","perPageSizeOptions","perPageChanged","currentPerPage","$set","paginationDetailContent","totalElements","pageChanged","currentPage","slot","invalid","modifiers","indexOf","_k","keyCode","voucherProgram","trim","errors","passed","touched","$onlyDateInput","isPromoFromDateValid","configPromotionFromDate","promoFromDate","isPromoToDateValid","configPromotionToDate","promoToDate","voucher","customer","$preventPasteSpecialChars","$onlyNumberInput","phoneNumber","isUsedFromDateValid","configUsedFromDate","usedFromDate","isUsedToDateValid","configUsedToDate","usedToDate","components","VCardActions","ValidationProvider","ValidationObserver","perPageSize","Number","dateFormatVNI","wrap","allowInput","dateFormat","maxDate","minDate","formId","ctrlId","watch","mounted","$refs","focusInput","focus","onSearch","customerKeywords","customerMobiPhone","voucherKeywords","voucherProgramName","fromProgramDate","toProgramDate","fromUseDate","toUseDate","searchData","GET_REPORT_VOUCHERS_USED_ACTION","$emit","ListSearch","colWidth","firstCol","secondCol","common","page","sort","computed","getReportVouchersUsed","REPORT_VOUCHERS_USED_GETTER","content","map","cssProps","$nextTick","$permission","EXPORT_REPORT_VOUCHERS_USED_ACTION","onPaginationChange","updatePaginationData","params"],"mappings":"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","file":"js/chunk-8bc82974-e73fbb1a8f84403864e8time1729068238662.js","sourcesContent":["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!./ListSearch.vue?vue&type=style&index=0&id=cd9d11d0&scoped=true&lang=css&\"","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&\"","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('list-search',{attrs:{\"per-page-size\":_vm.paginationData.size},on:{\"updateSearchData\":_vm.updateSearchData,\"onClickSearchButton\":_vm.onClickSearchButton}}),_c('b-form',{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 voucher đã sử dụng \")]),_c('b-button-group',[(_vm.statusExcelButton().show)?_c('b-button',{staticClass:\"shadow-brand-1 ml-1 h8 rounded bg-brand-1 text-white font-weight-bolder height-button-brand-1 align-items-button-center\",attrs:{\"disabled\":_vm.statusExcelButton().disabled || _vm.rows.length === 0,\"variant\":\"someThing\"},on:{\"click\":_vm.exportReport}},[_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 rp-voucher\"},[_c('vue-good-table',{style:(_vm.cssProps),attrs:{\"columns\":_vm.columns,\"mode\":\"remote\",\"rows\":_vm.rows,\"style-class\":\"vgt-table report-voucher table-horizontal-scroll\",\"pagination-options\":{\n          enabled: true,\n          perPage: _vm.paginationData.size,\n          setCurrentPage: _vm.pageNumber,\n        },\"compact-mode\":\"\",\"line-numbers\":\"\",\"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-row\",fn:function(props){return [(props.column.field === 'price' || props.column.field === 'sales')?_c('div',{staticClass:\"pr-70\"},[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")]):_c('div',[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")])]}},{key:\"table-column\",fn:function(props){return [(props.column.field === 'storeCode')?_c('div',{ref:\"first\"},[_vm._v(\" \"+_vm._s(props.column.label)+\" \")]):(props.column.field === 'voucherProgramCode')?_c('div',{ref:\"second\"},[_vm._v(\" \"+_vm._s(props.column.label)+\" \")]):_c('div',[_vm._v(\" \"+_vm._s(props.column.label)+\" \")])]}},{key:\"pagination-bottom\",fn:function(props){return [_c('b-row',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.reportPurchasesDetailsPagination.totalElements),expression:\"reportPurchasesDetailsPagination.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.reportPurchasesDetailsPagination.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)]}}])},[_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('validation-observer',{ref:\"formContainer\",attrs:{\"slim\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar invalid = ref.invalid;\nreturn [_c('b-form',{staticClass:\"d-print-none\"},[_c('v-card-actions',{attrs:{\"title\":\"Tìm kiếm\"}},[_c('b-col',{staticClass:\"cursor-pointer mb-md-1\",attrs:{\"xl\":\"3\"}},[_c('b-container',{staticClass:\"box\"},[_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(\" Chương trình khuyến mãi \")],1)])],1),_c('b-collapse',{attrs:{\"id\":\"collapse-1\",\"visible\":\"\"}},[_c('b-col',[_c('b-row',{staticClass:\"my-1\",attrs:{\"align-v\":\"center\"}},[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Tên chương trình \")]),_c('b-input-group',{staticClass:\"input-group-merge \"},[_c('b-form-input',{ref:\"focusInput\",staticClass:\"h7\",attrs:{\"maxlength\":\"40\",\"placeholder\":\"Nhập tên CTKM\"},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.voucherProgram),callback:function ($$v) {_vm.voucherProgram=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"voucherProgram\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.voucherProgram),expression:\"voucherProgram\"}],staticClass:\"cursor-pointer text-gray\",attrs:{\"is-text\":\"\"},on:{\"click\":function($event){_vm.voucherProgram = null}}})],1)],1)],1)],1),_c('b-row',{staticClass:\"pb-1\"},[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"Từ ngày\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nvar touched = ref.touched;\nreturn [_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Từ ngày \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"},on:{\"keypress\":_vm.$onlyDateInput,\"change\":_vm.isPromoFromDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.promoFromDate),expression:\"promoFromDate\"}],staticClass:\"cursor-pointer text-gray\",staticStyle:{\"position\":\"absolute\",\"right\":\"20px\"},attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7 text-brand-3\",attrs:{\"state\":touched ? passed : null,\"config\":_vm.configPromotionFromDate,\"placeholder\":\"Chọn ngày\"},model:{value:(_vm.promoFromDate),callback:function ($$v) {_vm.promoFromDate=$$v},expression:\"promoFromDate\"}})],1),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1),_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"Đến ngày\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nvar touched = ref.touched;\nreturn [_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Đến ngày \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"},on:{\"keypress\":_vm.$onlyDateInput,\"change\":_vm.isPromoToDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.promoToDate),expression:\"promoToDate\"}],staticClass:\"cursor-pointer text-gray\",staticStyle:{\"position\":\"absolute\",\"right\":\"20px\"},attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7 text-brand-3\",attrs:{\"state\":touched ? passed : null,\"config\":_vm.configPromotionToDate,\"placeholder\":\"Chọn ngày\"},model:{value:(_vm.promoToDate),callback:function ($$v) {_vm.promoToDate=$$v},expression:\"promoToDate\"}})],1),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1)],1)],1)],1)],1)],1),_c('b-col',{staticClass:\"ml-xl-80 mr-xl-50\"},[_c('b-container',{staticClass:\"box\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"cursor-pointer\"},[_c('b-row',[_c('div',{staticClass:\"content\"},[_c('b-icon-caret-down',{attrs:{\"scale\":\"1.5\"}}),_vm._v(\" Sử dụng \")],1)])],1),_c('b-collapse',{attrs:{\"id\":\"collapse-2\",\"visible\":\"\"}},[_c('b-col',[_c('b-row',{staticClass:\"my-1\",attrs:{\"align-v\":\"center\"}},[_c('b-col',{attrs:{\"xl\":\"\",\"lg\":\"3\",\"sm\":\"4\"}},[_c('div',{staticClass:\"h7 mt-sm-1 mt-xl-0\"},[_vm._v(\" Voucher \")]),_c('b-input-group',{staticClass:\"input-group-merge \"},[_c('b-form-input',{staticClass:\"h7\",attrs:{\"maxlength\":\"40\",\"placeholder\":\"Nhập mã/tên/serial\"},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.voucher),callback:function ($$v) {_vm.voucher=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"voucher\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.voucher),expression:\"voucher\"}],staticClass:\"cursor-pointer text-gray\",attrs:{\"is-text\":\"\"},on:{\"click\":function($event){_vm.voucher = null}}})],1)],1)],1),_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',{staticClass:\"h7\",attrs:{\"maxlength\":\"40\",\"placeholder\":\"Nhập mã/họ tên\"},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.customer),callback:function ($$v) {_vm.customer=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"customer\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.customer),expression:\"customer\"}],staticClass:\"cursor-pointer text-gray\",attrs:{\"is-text\":\"\"},on:{\"click\":function($event){_vm.customer = null}}})],1)],1)],1),_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\",attrs:{\"maxlength\":\"40\",\"formatter\":_vm.$preventPasteSpecialChars,\"placeholder\":\"Nhập chính xác 4 số cuối\"},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.phoneNumber),callback:function ($$v) {_vm.phoneNumber=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"phoneNumber\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],staticClass:\"cursor-pointer text-gray\",attrs:{\"is-text\":\"\"},on:{\"click\":function($event){_vm.phoneNumber = null}}})],1)],1)],1)],1),_c('b-row',{staticClass:\"pb-1\"},[_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.isUsedFromDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.usedFromDate),expression:\"usedFromDate\"}],staticClass:\"cursor-pointer text-gray\",staticStyle:{\"position\":\"absolute\",\"right\":\"20px\"},attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7 text-brand-3\",attrs:{\"state\":_vm.touched ? _vm.passed : null,\"config\":_vm.configUsedFromDate,\"placeholder\":\"Chọn ngày\"},model:{value:(_vm.usedFromDate),callback:function ($$v) {_vm.usedFromDate=$$v},expression:\"usedFromDate\"}})],1)],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.isUsedToDateValid}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.usedToDate),expression:\"usedToDate\"}],staticClass:\"cursor-pointer text-gray\",staticStyle:{\"position\":\"absolute\",\"right\":\"20px\"},attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control h7 text-brand-3\",attrs:{\"state\":_vm.touched ? _vm.passed : null,\"config\":_vm.configUsedToDate,\"placeholder\":\"Chọn ngày\"},model:{value:(_vm.usedToDate),callback:function ($$v) {_vm.usedToDate=$$v},expression:\"usedToDate\"}})],1)],1)],1)],1)],1)],1)],1),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('div',[_c('b-button',{staticClass:\"btn-brand-1 h8 align-items-button-center mt-sm-1 mt-xl-0\",attrs:{\"variant\":\"someThing\",\"disabled\":invalid},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  <validation-observer\r\n    ref=\"formContainer\"\r\n    v-slot=\"{invalid}\"\r\n    slim\r\n  >\r\n    <b-form\r\n      class=\"d-print-none\"\r\n    >\r\n      <v-card-actions\r\n        title=\"Tìm kiếm\"\r\n      >\r\n        <!-- START - promotionPrograms -->\r\n        <b-col\r\n          xl=\"3\"\r\n          class=\"cursor-pointer mb-md-1\"\r\n        >\r\n          <b-container\r\n            class=\"box\"\r\n          >\r\n\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                  Chương trình khuyến mã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-1\"\r\n              visible\r\n            >\r\n              <b-col>\r\n                <!-- START - first row -->\r\n                <b-row\r\n                  align-v=\"center\"\r\n                  class=\"my-1\"\r\n                >\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ên chương trình\r\n                    </div>\r\n                    <b-input-group class=\"input-group-merge \">\r\n                      <b-form-input\r\n                        ref=\"focusInput\"\r\n                        v-model.trim=\"voucherProgram\"\r\n                        class=\"h7\"\r\n                        maxlength=\"40\"\r\n                        placeholder=\"Nhập tên CTKM\"\r\n                        @keyup.enter=\"onClickSearchButton\"\r\n                      />\r\n                      <b-input-group-append\r\n                        is-text\r\n                      >\r\n                        <!-- Icon-- Delete-text -->\r\n                        <b-icon-x\r\n                          v-show=\"voucherProgram\"\r\n                          is-text\r\n                          class=\"cursor-pointer text-gray\"\r\n                          @click=\"voucherProgram = null\"\r\n                        />\r\n                      </b-input-group-append>\r\n                    </b-input-group>\r\n                  </b-col>\r\n                </b-row>\r\n                <!-- END - first row -->\r\n\r\n                <!-- START - second row -->\r\n                <b-row class=\"pb-1\">\r\n                  <!-- START - Date From -->\r\n                  <b-col\r\n                    xl\r\n                    lg=\"3\"\r\n                    sm=\"4\"\r\n                  >\r\n                    <validation-provider\r\n                      v-slot=\"{ errors, passed, touched }\"\r\n                      rules=\"required\"\r\n                      name=\"Từ ngày\"\r\n                    >\r\n                      <div\r\n                        class=\"h7 mt-sm-1 mt-xl-0\"\r\n                      >\r\n                        Từ ngày <span class=\"text-danger\">*</span>\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=\"isPromoFromDateValid\"\r\n                      >\r\n                        <b-icon-x\r\n                          v-show=\"promoFromDate\"\r\n                          style=\"position: absolute; right: 20px\"\r\n                          class=\"cursor-pointer text-gray\"\r\n                          scale=\"1.3\"\r\n                          data-clear\r\n                        />\r\n                        <vue-flat-pickr\r\n                          v-model=\"promoFromDate\"\r\n                          :state=\"touched ? passed : null\"\r\n                          :config=\"configPromotionFromDate\"\r\n                          class=\"form-control h7 text-brand-3\"\r\n                          placeholder=\"Chọn ngày\"\r\n                        />\r\n                      </b-row>\r\n                      <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                    </validation-provider>\r\n                  </b-col>\r\n                  <!-- END - Date From -->\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                    <validation-provider\r\n                      v-slot=\"{ errors, passed, touched }\"\r\n                      rules=\"required\"\r\n                      name=\"Đến ngày\"\r\n                    >\r\n                      <div\r\n                        class=\"h7 mt-sm-1 mt-xl-0\"\r\n                      >\r\n                        Đến ngày <span class=\"text-danger\">*</span>\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=\"isPromoToDateValid\"\r\n                      >\r\n                        <b-icon-x\r\n                          v-show=\"promoToDate\"\r\n                          style=\"position: absolute; right: 20px\"\r\n                          class=\"cursor-pointer text-gray\"\r\n                          scale=\"1.3\"\r\n                          data-clear\r\n                        />\r\n                        <vue-flat-pickr\r\n                          v-model=\"promoToDate\"\r\n                          :state=\"touched ? passed : null\"\r\n                          :config=\"configPromotionToDate\"\r\n                          class=\"form-control h7 text-brand-3\"\r\n                          placeholder=\"Chọn ngày\"\r\n                        />\r\n                      </b-row>\r\n                      <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                    </validation-provider>\r\n                  </b-col>\r\n                  <!-- END - Date To -->\r\n                </b-row>\r\n              </b-col>\r\n            </b-collapse>\r\n            <!-- END - collapse -->\r\n\r\n          </b-container>\r\n        </b-col>\r\n        <!-- END - promotionPrograms -->\r\n\r\n        <!-- START - used -->\r\n        <b-col class=\"ml-xl-80 mr-xl-50\">\r\n          <b-container\r\n            class=\"box\"\r\n          >\r\n            <!-- START - title & icon -->\r\n            <div\r\n              v-b-toggle.collapse-2\r\n              class=\"cursor-pointer\"\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                  Sử dụng\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-col>\r\n                <!-- START - First row -->\r\n                <b-row\r\n                  align-v=\"center\"\r\n                  class=\"my-1\"\r\n                >\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                      Voucher\r\n                    </div>\r\n                    <b-input-group class=\"input-group-merge \">\r\n                      <b-form-input\r\n                        v-model.trim=\"voucher\"\r\n                        class=\"h7\"\r\n                        maxlength=\"40\"\r\n                        placeholder=\"Nhập mã/tên/serial\"\r\n                        @keyup.enter=\"onClickSearchButton\"\r\n                      />\r\n                      <b-input-group-append\r\n                        is-text\r\n                      >\r\n                        <!-- Icon-- Delete-text -->\r\n                        <b-icon-x\r\n                          v-show=\"voucher\"\r\n                          is-text\r\n                          class=\"cursor-pointer text-gray\"\r\n                          @click=\"voucher = null\"\r\n                        />\r\n                      </b-input-group-append>\r\n                    </b-input-group>\r\n                  </b-col>\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 class=\"input-group-merge \">\r\n                      <b-form-input\r\n                        v-model.trim=\"customer\"\r\n                        class=\"h7\"\r\n                        maxlength=\"40\"\r\n                        placeholder=\"Nhập mã/họ tên\"\r\n                        @keyup.enter=\"onClickSearchButton\"\r\n                      />\r\n                      <b-input-group-append\r\n                        is-text\r\n                      >\r\n                        <!-- Icon-- Delete-text -->\r\n                        <b-icon-x\r\n                          v-show=\"customer\"\r\n                          is-text\r\n                          class=\"cursor-pointer text-gray\"\r\n                          @click=\"customer = null\"\r\n                        />\r\n                      </b-input-group-append>\r\n                    </b-input-group>\r\n                  </b-col>\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 class=\"input-group-merge \">\r\n                      <b-form-input\r\n                        v-model.trim=\"phoneNumber\"\r\n                        class=\"h7\"\r\n                        maxlength=\"40\"\r\n                        :formatter=\"$preventPasteSpecialChars\"\r\n                        placeholder=\"Nhập chính xác 4 số cuối\"\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                        <!-- Icon-- Delete-text -->\r\n                        <b-icon-x\r\n                          v-show=\"phoneNumber\"\r\n                          is-text\r\n                          class=\"cursor-pointer text-gray\"\r\n                          @click=\"phoneNumber = null\"\r\n                        />\r\n                      </b-input-group-append>\r\n                    </b-input-group>\r\n                  </b-col>\r\n                </b-row>\r\n                <!-- End - First row -->\r\n\r\n                <!-- START - Second row -->\r\n                <b-row class=\"pb-1\">\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=\"isUsedFromDateValid\"\r\n                    >\r\n                      <b-icon-x\r\n                        v-show=\"usedFromDate\"\r\n                        style=\"position: absolute; right: 20px\"\r\n                        class=\"cursor-pointer text-gray\"\r\n                        scale=\"1.3\"\r\n                        data-clear\r\n                      />\r\n                      <vue-flat-pickr\r\n                        v-model=\"usedFromDate\"\r\n                        :state=\"touched ? passed : null\"\r\n                        :config=\"configUsedFromDate\"\r\n                        class=\"form-control h7 text-brand-3\"\r\n                        placeholder=\"Chọn ngày\"\r\n                      />\r\n                    </b-row>\r\n                  </b-col>\r\n                  <!-- END - Date From -->\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\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=\"isUsedToDateValid\"\r\n                    >\r\n                      <b-icon-x\r\n                        v-show=\"usedToDate\"\r\n                        style=\"position: absolute; right: 20px\"\r\n                        class=\"cursor-pointer text-gray\"\r\n                        scale=\"1.3\"\r\n                        data-clear\r\n                      />\r\n                      <vue-flat-pickr\r\n                        v-model=\"usedToDate\"\r\n                        :state=\"touched ? passed : null\"\r\n                        :config=\"configUsedToDate\"\r\n                        class=\"form-control h7 text-brand-3\"\r\n                        placeholder=\"Chọn ngày\"\r\n                      />\r\n                    </b-row>\r\n                  </b-col>\r\n                <!-- END - Date To -->\r\n                </b-row>\r\n                <!-- End - Second row -->\r\n              </b-col>\r\n            </b-collapse>\r\n            <!-- END - collapse -->\r\n          </b-container>\r\n        </b-col>\r\n        <!-- END - used -->\r\n\r\n        <!-- START - Search button -->\r\n        <div class=\"d-flex justify-content-center align-items-center\">\r\n          <div>\r\n            <b-button\r\n              class=\"btn-brand-1 h8 align-items-button-center mt-sm-1 mt-xl-0\"\r\n              variant=\"someThing\"\r\n              :disabled=\"invalid\"\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        </div>\r\n      <!-- END - Search button -->\r\n      </v-card-actions>\r\n    </b-form>\r\n  </validation-observer>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  ValidationProvider,\r\n  ValidationObserver,\r\n} from 'vee-validate'\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 VCardActions from '@core/components/v-card-actions/VCardActions.vue'\r\nimport {\r\n  mapActions,\r\n} from 'vuex'\r\nimport {\r\n  REPORT_VOUCHERS,\r\n  // Actions\r\n  GET_REPORT_VOUCHERS_USED_ACTION,\r\n} from '../store-module/type'\r\n\r\nexport default {\r\n  components: {\r\n    VCardActions,\r\n    ValidationProvider,\r\n    ValidationObserver,\r\n  },\r\n  props: {\r\n    perPageSize: {\r\n      type: Number,\r\n      default: null,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      dateFormatVNI,\r\n      // search\r\n      voucherProgram: null,\r\n      voucher: null,\r\n      customer: null,\r\n      phoneNumber: null,\r\n      promoFromDate: earlyMonth(),\r\n      promoToDate: nowDate(),\r\n      usedFromDate: earlyMonth(),\r\n      usedToDate: nowDate(),\r\n      // search\r\n      configPromotionFromDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        maxDate: this.promoFromDate,\r\n      },\r\n      configPromotionToDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        minDate: this.promoToDate,\r\n      },\r\n      configUsedFromDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        maxDate: this.usedFromDate,\r\n      },\r\n      configUsedToDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        minDate: this.usedToDate,\r\n      },\r\n      formId: 5,\r\n      ctrlId: 7,\r\n    }\r\n  },\r\n  watch: {\r\n    promoFromDate() {\r\n      this.configPromotionToDate = {\r\n        ...this.configPromotionToDate,\r\n        minDate: this.promoFromDate,\r\n      }\r\n    },\r\n    promoToDate() {\r\n      this.configPromotionFromDate = {\r\n        ...this.configPromotionFromDate,\r\n        maxDate: this.promoToDate,\r\n      }\r\n    },\r\n\r\n    usedFromDate() {\r\n      this.configUsedToDate = {\r\n        ...this.configUsedToDate,\r\n        minDate: this.usedFromDate,\r\n      }\r\n    },\r\n    usedToDate() {\r\n      this.configUsedFromDate = {\r\n        ...this.configUsedFromDate,\r\n        maxDate: this.usedToDate,\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.configPromotionToDate = {\r\n      ...this.configPromotionToDate,\r\n      minDate: this.promoFromDate,\r\n    }\r\n    this.configPromotionFromDate = {\r\n      ...this.configPromotionFromDate,\r\n      maxDate: this.promoToDate,\r\n    }\r\n\r\n    this.configUsedToDate = {\r\n      ...this.configUsedToDate,\r\n      minDate: this.usedFromDate,\r\n    }\r\n    this.configUsedFromDate = {\r\n      ...this.configUsedFromDate,\r\n      maxDate: this.usedToDate,\r\n    }\r\n    this.$refs.focusInput.focus()\r\n  },\r\n  methods: {\r\n    ...mapActions(REPORT_VOUCHERS, [\r\n      GET_REPORT_VOUCHERS_USED_ACTION,\r\n    ]),\r\n    onSearch() {\r\n      const searchData = {\r\n        customerKeywords: this.customer,\r\n        customerMobiPhone: this.phoneNumber,\r\n        voucherKeywords: this.voucher,\r\n        voucherProgramName: this.voucherProgram,\r\n        fromProgramDate: reverseVniDate(this.promoFromDate),\r\n        toProgramDate: reverseVniDate(this.promoToDate),\r\n        fromUseDate: reverseVniDate(this.usedFromDate),\r\n        toUseDate: reverseVniDate(this.usedToDate),\r\n        formId: this.formId,\r\n        ctrlId: this.ctrlId,\r\n      }\r\n      this.updateSearchData(searchData)\r\n      this.GET_REPORT_VOUCHERS_USED_ACTION({ ...searchData, size: this.perPageSize })\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    isPromoFromDateValid() {\r\n      if (!checkingDateInput(this.promoFromDate)) {\r\n        this.promoFromDate = earlyMonth()\r\n      }\r\n    },\r\n    isPromoToDateValid() {\r\n      if (!checkingDateInput(this.promoToDate)) {\r\n        this.promoToDate = nowDate()\r\n      }\r\n    },\r\n    isUsedFromDateValid() {\r\n      if (!checkingDateInput(this.usedFromDate)) {\r\n        this.usedFromDate = earlyMonth()\r\n      }\r\n    },\r\n    isUsedToDateValid() {\r\n      if (!checkingDateInput(this.usedToDate)) {\r\n        this.usedToDate = 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>\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!./ListSearch.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!./ListSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListSearch.vue?vue&type=template&id=cd9d11d0&scoped=true&\"\nimport script from \"./ListSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./ListSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ListSearch.vue?vue&type=style&index=0&id=cd9d11d0&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  \"cd9d11d0\",\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    <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 - Voucher list -->\r\n    <b-form 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 voucher đã sử dụng\r\n        </strong>\r\n        <b-button-group>\r\n          <b-button\r\n            v-if=\"statusExcelButton().show\"\r\n            :disabled=\"statusExcelButton().disabled || rows.length === 0\"\r\n            class=\"shadow-brand-1 ml-1 h8 rounded bg-brand-1 text-white font-weight-bolder height-button-brand-1 align-items-button-center\"\r\n            variant=\"someThing\"\r\n            @click=\"exportReport\"\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 rp-voucher\">\r\n        <vue-good-table\r\n          :columns=\"columns\"\r\n          mode=\"remote\"\r\n          :rows=\"rows\"\r\n          style-class=\"vgt-table report-voucher 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          :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          <!-- 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 - 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 === 'price' || props.column.field === 'sales'\"\r\n              class=\"pr-70\"\r\n            >\r\n              {{ props.formattedRow[props.column.field] }}\r\n            </div>\r\n            <div v-else>\r\n              {{ props.formattedRow[props.column.field] }}\r\n            </div>\r\n          </template>\r\n          <!-- END - Rows -->\r\n\r\n          <!-- START - Header filter -->\r\n          <template\r\n            slot=\"table-column\"\r\n            slot-scope=\"props\"\r\n          >\r\n            <div\r\n              v-if=\"props.column.field === 'storeCode'\"\r\n              ref=\"first\"\r\n            >\r\n              {{ props.column.label }}\r\n            </div>\r\n            <div\r\n              v-else-if=\"props.column.field === 'voucherProgramCode'\"\r\n              ref=\"second\"\r\n            >\r\n              {{ props.column.label }}\r\n            </div>\r\n            <div\r\n              v-else\r\n            >\r\n              {{ props.column.label }}\r\n            </div>\r\n          </template>\r\n          <!-- END - Header 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=\"reportPurchasesDetailsPagination.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=\"reportPurchasesDetailsPagination.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        </vue-good-table>\r\n      </b-col>\r\n      <!-- END - Table -->\r\n    </b-form>\r\n    <!-- END - Voucher list -->\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 ListSearch from '../components/ListSearch.vue'\r\nimport {\r\n  REPORT_VOUCHERS,\r\n  // Getters\r\n  REPORT_VOUCHERS_USED_GETTER,\r\n  // Actions\r\n  GET_REPORT_VOUCHERS_USED_ACTION,\r\n  EXPORT_REPORT_VOUCHERS_USED_ACTION,\r\n} from '../store-module/type'\r\n\r\nexport default {\r\n  components: {\r\n    ListSearch,\r\n  },\r\n  data() {\r\n    return {\r\n      colWidth: {\r\n        firstCol: 0,\r\n        secondCol: 0,\r\n      },\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      searchData: {},\r\n      rows: [],\r\n      columns: [\r\n        {\r\n          label: 'Mã cửa hàng',\r\n          field: 'storeCode',\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: 'Mã chương trình voucher',\r\n          field: 'voucherProgramCode',\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: 'Tên chương trình voucher',\r\n          field: 'voucherProgramName',\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: 'Mã voucher',\r\n          field: 'voucherCode',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Tên voucher',\r\n          field: 'voucherName',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Serial',\r\n          field: 'serial',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Mệnh giá',\r\n          field: 'price',\r\n          sortable: false,\r\n          formatFn: this.$formatNumberToLocale,\r\n          thClass: 'text-right text-nowrap',\r\n          tdClass: 'text-right',\r\n        },\r\n        {\r\n          label: 'Người chuyển cửa hàng',\r\n          field: 'author',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Ngày chuyển cửa hàng',\r\n          field: 'changeDate',\r\n          sortable: false,\r\n          formatFn: value => this.$formatISOtoVNI(value),\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Khách hàng sử dụng',\r\n          field: 'customerUsed',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Đơn hàng sử dụng',\r\n          field: 'orderUsed',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Cửa hàng sử dụng',\r\n          field: 'storeOrdered',\r\n          sortable: false,\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Ngày sử dụng',\r\n          field: 'dateUsed',\r\n          sortable: false,\r\n          formatFn: value => this.$formatISOtoVNI(value),\r\n          thClass: 'text-nowrap',\r\n        },\r\n        {\r\n          label: 'Doanh số',\r\n          field: 'sales',\r\n          sortable: false,\r\n          formatFn: this.$formatNumberToLocale,\r\n          thClass: 'text-right text-nowrap',\r\n          tdClass: 'text-right',\r\n        },\r\n      ],\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(REPORT_VOUCHERS, [\r\n      REPORT_VOUCHERS_USED_GETTER,\r\n    ]),\r\n    getReportVouchersUsed() {\r\n      if (this.REPORT_VOUCHERS_USED_GETTER.content) {\r\n        return this.REPORT_VOUCHERS_USED_GETTER.content.map(data => ({\r\n          storeCode: data.shopCode,\r\n          voucherCode: data.voucherCode,\r\n          voucherName: data.voucherName,\r\n          serial: data.serial,\r\n          price: data.price,\r\n          author: data.changeUser,\r\n          changeDate: data.changeDate,\r\n          customerUsed: data.customerCode,\r\n          orderUsed: data.orderNumber,\r\n          storeOrdered: data.orderShopCode,\r\n          dateUsed: data.orderDate,\r\n          sales: data.orderAmount,\r\n          voucherProgramCode: data.voucherProgramCode,\r\n          voucherProgramName: data.voucherProgramName,\r\n        }))\r\n      }\r\n      return []\r\n    },\r\n    reportPurchasesDetailsPagination() {\r\n      if (this.REPORT_VOUCHERS_USED_GETTER) {\r\n        return this.REPORT_VOUCHERS_USED_GETTER\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.reportPurchasesDetailsPagination.totalElements\r\n        ? this.reportPurchasesDetailsPagination.totalElements : (this.paginationData.size * this.pageNumber)\r\n\r\n      return `${minPageSize} - ${maxPageSize} của ${this.reportPurchasesDetailsPagination.totalElements} mục`\r\n    },\r\n    cssProps() {\r\n      return {\r\n        '--second-col': `${this.colWidth.firstCol + 19}px`,\r\n        '--third-col': `${this.colWidth.firstCol + this.colWidth.secondCol + 18}px`,\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    getReportVouchersUsed() {\r\n      this.rows = [...this.getReportVouchersUsed]\r\n      this.$nextTick(() => {\r\n        this.colWidth.firstCol = this.$refs.first.offsetParent.offsetWidth\r\n        this.colWidth.secondCol = this.$refs.second.offsetParent.offsetWidth\r\n      })\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions(REPORT_VOUCHERS, [\r\n      GET_REPORT_VOUCHERS_USED_ACTION,\r\n      EXPORT_REPORT_VOUCHERS_USED_ACTION,\r\n    ]),\r\n\r\n    // START - permission\r\n    statusExcelButton() {\r\n      return this.$permission('ReportsVouchers', 'ReportsVouchersExcel')\r\n    },\r\n\r\n    // END - permission\r\n    exportReport() {\r\n      this.EXPORT_REPORT_VOUCHERS_USED_ACTION({ ...this.searchData })\r\n    },\r\n    // pagnigation functions\r\n    updateSearchData(event) {\r\n      this.searchData = { ...event }\r\n      this.paginationData = {\r\n        ...this.paginationData,\r\n        ...event,\r\n      }\r\n    },\r\n    onPaginationChange() {\r\n      this.GET_REPORT_VOUCHERS_USED_ACTION({ ...this.paginationData })\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 })\r\n      this.onPaginationChange()\r\n    },\r\n    onPerPageChange(params) {\r\n      this.paginationData.size = params.currentPerPage\r\n      this.updatePaginationData({ page: params.currentPage - 1, size: params.currentPerPage })\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 lang=\"scss\">\r\n  .rp-voucher {\r\n    .table-horizontal-scroll thead tr:last-child th {\r\n      background: inherit;\r\n    }\r\n  }\r\n  /* scroll ô filter tùy chỉnh theo số lượng ô*/\r\n  .report-voucher.table-horizontal-scroll thead tr:last-child th:nth-child(2) {\r\n    left: 22px;\r\n    z-index: 1;\r\n    position: sticky;\r\n  }\r\n  .report-voucher.table-horizontal-scroll thead tr:last-child th:nth-child(3) {\r\n    left: var(--second-col);\r\n    z-index: 1;\r\n  }\r\n  .report-voucher.table-horizontal-scroll thead tr:last-child th:nth-child(4) {\r\n    left: var(--third-col);\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-voucher.table-horizontal-scroll .column-first {\r\n    left: 22px;\r\n    z-index: 1;\r\n  }\r\n  .report-voucher.table-horizontal-scroll .column-second {\r\n    left: var(--second-col);\r\n    z-index: 1;\r\n  }\r\n  .report-voucher.table-horizontal-scroll .column-third {\r\n    left: var(--third-col);\r\n    z-index: 1;\r\n  }\r\n\r\n.report-voucher.vgt-table thead tr:first-child th {\r\n  border-bottom: 0px;\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!./ReportsVouchersList.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!./ReportsVouchersList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReportsVouchersList.vue?vue&type=template&id=06686f78&\"\nimport script from \"./ReportsVouchersList.vue?vue&type=script&lang=js&\"\nexport * from \"./ReportsVouchersList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReportsVouchersList.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--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!./ReportsVouchersList.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}