{"version":3,"sources":["webpack:///./src/assets/img/list.png","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/views/Company/sales/index.vue?8aea","webpack:///src/views/Company/sales/index.vue","webpack:///./src/views/Company/sales/index.vue?ee97","webpack:///./src/views/Company/sales/index.vue","webpack:///./src/assets/img/analytics.png","webpack:///./src/views/Company/sales/index.vue?baea"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","staticStyle","class","activeTab","on","$event","activateTab","attrs","_v","_s","$t","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","maxDate","$root","$i18n","locale","customShortcuts","$store","getters","getDatePickerColor","model","value","callback","$$v","dateRange","expression","countryProducts","products","product1","convertThousand","pmsSummary","volume","company","currencyCode","amount","_e","product2","agoSummary","product3","dpkSummary","product4","lpgSummary","$d","Date","startDate","endDate","directives","name","rawName","showLoader","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","hasPms","currency","hasAgo","hasDpk","hasLpg","chartOptions","staticRenderFns","$","title","components","MasterLayout","highcharts","TableLoader","provide","grid","data","pmsVol","pmsSales","companySalesTransactions","agoVol","agoSales","dpkVol","dpkSales","totalCompanySales","cardBackgroundUrl","colors","chart","type","text","plotOptions","areaspline","fillOpacity","series","yAxis","xAxis","categories","legend","enabled","layout","align","position","verticalAlign","horizontalAlign","companyChartOptions","showEmptyTableMessage","generatedVouchers","salesTransactions","vouchersArray","pageSizes","pageCount","pageSize","operator","ignoreCase","pluginStartDate","pluginEndDate","start","end","key","label","cTemplate","template","methods","click","crossWord","xes","created","computed","beforeDestroy","watch","mounted","searchFun","toFixed","toString","replace","decimalThousand","DownloadReport","url","configObject","method","headers","responseType","then","response","fileLink","document","timeout","catch","e","getCompanyBranchSalesTransactons","get","error","displayProductSummary","prod","rowDataBound","args","changeRoute","parseBranch","groups","region","state","pmsAmount","pmsVolume","agoAmount","agoVolume","dpkAmount","dpkVolume","lpgAmount","lpgVolume","totalSales","branchName","totalAmount","groupArrays","a","dataSource","parseBranchChart","groupData","ago","dpk","pms","lpg","agoSeriesArr","dpkSeriesArr","pmsSeriesArr","lpgSeriesArr","component"],"mappings":"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AGAC,UACAC,OACAzB,OACAoB,mDAGAM,OACAC,eAEAC,QACAC,WACAC,oBACAC,eACAE,yBAGAhD,cACAnD,kBACAsG,yBACAC,oBACAC,qBACAtE,aACAuE,iBACApD,cACAqD,6BACAC,YACAC,aAEAtD,6CACAC,QAAAsD,oBAAAC,eACAhG,oDAEAgC,mEACAC,8CACAgE,qEACAC,gDACAtF,WAAAuF,2BAAAC,wBACAhG,iBACA,CAAAiG,YAAAC,qCAAA7F,aACA,CACA4F,gBACAC,yCACA7F,cAEA,CACA4F,gBACAC,yCACA7F,SAEA,CACA4F,eACAC,wCACA7F,kBAEA,CACA4F,iBACAC,0CACA7F,UAEA,CACA4F,gBACAC,yCACA7F,iBAGA8F,qBACA,OACAC,kDAEAA,SACA,sKACA7C,gBACA,OACAA,UAGA8C,SACAC,kBACA,kCAEAC,sBACA,oBACA,yBACA,KACA,6BACAC,OAEA,qBAQAC,UACA,iCACA,iBAEA,6BACA,wCAEA,0CACA,sCACA,gCACA,oBAGA,0CACA,mCAGA,mCACA,qBAGAC,UACAhG,2BACA,gDAGAiG,gBACA,8BACA,oCACA,kCAEAC,OACA5F,WACA,UACA,yCAGAR,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAEA,2CAIAqG,UAMA,cACA,oEACA,iBACAvD,YANAP,iCACA+D,SAQAT,SACAxF,mBACA,mBAGA,EACAkG,QAAA,GACAC,WACAC,QAAA,6BALA,QAQAC,mBACA,mBAGA,EACAH,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAE,iBACA,YACAC,OACAC,4EAEA,0BACA,0BACA,4BACA,4BACA,kBAEAC,aACAC,oCACAC,sBAEAC,KAAAC,IACA,qDACA,8BAEAC,SACAA,sDACAC,6BAEAD,UAEA,mCACAxD,eACA0D,cAEA,yBACA,MAGA9E,qBAFAA,sBAKA+E,MAAAC,IACA,OAIA,2BACAhF,uBAJA,2BACAA,wBAOAiF,mCACA,mBACA,WACAC,IACA,mDACA,4BACA,4BACA,mBACA,iCACAZ,qBAEAI,KAAAC,IACA,mCACAA,oBACA,iCACA,6BACA,YACA,EAEA,IACA,EAEA,IAEA,yBACA,qBAEAI,MAAAI,QAEAC,yBACA,IACA,WACAC,GACAA,yBACA,6CAEA,aACA,sBACA,+BACA,GAEA,kBACA,+BACA,GAEA,iBAAArH,SAAAG,UAEA,eAIA,eACAkH,GACAA,yBACA,6CAEA,aACA,sBACA,+BACA,GAEA,kBACA,+BACA,GAEA,iBAAArH,SAAAG,UAEA,eAIA,eACAkH,GACAA,yBACA,6CAGA,aACA,sBACA,+BACA,GAEA,kBACA,+BACA,GAEA,iBAAArH,SAAAG,UAEA,eAIA,eACAkH,GACAA,yBACA,6CAEA,aACA,sBACA,+BACA,GAEA,kBACA,+BACA,GAEA,iBAAArH,SAAAG,UAEA,iBAUAmH,yBACA,uCACAC,iGAGArJ,eACA,kBAEAqD,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEAqG,eACA,mBAAAxG,UAEAyG,eACA,yBACA,qBAKA,OAJA,OACAC,SAEAA,aACA,GACA,IAEA,yBAEA,uBAMA,eACA,eACA,eACA,iBARA,eACA,eACA,eACA,gBAOA,QACA,+BACA,IASA,EACA,EAVA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IA+BA,OA5BAA,iBACAC,WACAC,UACA,yDACA,eACAC,gBACAC,iBAEA,yDACA,eACAC,gBACAC,iBAGA,yDACA,eACAC,gBACAC,iBAEA,yDACA,eACAC,gBACAC,iBAGAC,kBAGA,CACAC,uBACAR,YACAD,YACAG,YACAD,YACAG,YACAD,YACAG,YACAD,YACAI,cACAZ,SACAC,WAGAY,cACA,0BACA,EACAC,2BACA,EACA,GAGAD,0BAEA,gCACA,gDACAE,eAEA,oBAEAC,oBACA,IACA,KACA,KACA,KACA,KACA,KAEA,2BACA/E,UACA,QACA,IACA,IACA,IACAgF,iBACA,yDACAC,iBAEA,yDACAC,iBAEA,yDACAC,iBAEA,yDACAC,mBAGAC,UACAC,UACAC,UACAC,YAGA,0BACA,CACApI,4CACAwB,QAEA,CACAxB,4CACAwB,QAEA,CACAxB,4CACAwB,QAEA,CACAxB,4CACAwB,SAGA,wCC1jC6W,I,wBCQzW6G,EAAY,eACd,EACAjM,EACA2E,GACA,EACA,KACA,KACA,MAIa,aAAAsH,E,4BCnBfnM,EAAOC,QAAU,kgC,kCCAjB,W","file":"js/chunk-71c311b8.a152b477.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAlCAYAAADr2wGRAAAABHNCSVQICAgIfAhkiAAAAcdJREFUWEftWYtRwkAQfVuBdqBWAFagVqBWoFagVqBUoFYgVoB2ABWgHUAHWsE67+biHGGDZhLIytzOMMOEy+W9/XBvN6KquwDuAJwB2AfwDmAgIq8wLK7vWb91cG0uIjNR1UcA1waAAy5Ir6sqSU4BkLgH+wRwQhL8smMguhUREvyxFYS7JPRGElqBgCl1XyIxBHDRJWLj2ROSYA1YOX4lIgSdRqIf08kTj3OSYEGPSqg+RISAlyzWxaUTFsNQ2AQTgZEMC3ZWjoATwJUwAon/bpmElwjmSORItOiBnE4tOrPRVsVhR410lEjxJxEZN9p5gzdTdpAA+4nUqGwPDSnOE/059h4bhFn5KDo6aCf2DHvGMkuK3wB48IA+wfBSV4qz2zt1RqK2FKd6ZTp5skGVFJ8D6IsIa2PBVJUpRcXrwcZs3Ip/p2MA/AQpDoA6fYmAB9QWhnzYeYlMjkSORIseyOnUojMbbbU9kVBVyoliPMnDjiPMhWFyI1et+eZVUpxTcUt2kKyXCSBlR9BOdaS4NfJcs59/3T6QqDMV3wop7rYpsoB9sd8u10R81cVosB/3YBO2BYUUZ64X7+zYt4aRuQeUf8HwDd8GvtITqJLkAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAABHNCSVQICAgIfAhkiAAAA9NJREFUWEe9WItVFEEQ7IpAiECIQIhAiUCJQIlAjUCIQIlAiUCMQIhAjEDIACIoX92bXvv6dndmFs557x6Pvb2Zmu7q6g/sEYvkgZl9L1scAbhduh2W/lC/I/nTzF6VPa4AHC3dbzEQkh/M7HM6+ATAtyVgFgEhuWdmv8xsJx16b2b7APS3ay0FEl1yVgC9LydfAjjuQmFm3UBIvjOzr+Wg3wAOSMoyN2b2vDw/BnDZA6YLSDnwT3CJIuWqEFeklaW0FD2HPS7qBSIivi2HnQMQYYdFUlZ4XR6cAThttUozEJLxxg9mtpdvXCwmazwrAGQVuay6eoAoSiRgWpNhmsK6WVuagKTNrwG4iI3elKSs8KIGOv64CmSEoFVzJzc2EbcFyBczc43YIOiU80lGYleJOwukKKjCVWuUoDNApL5ykRNXijuZFGtAooJ25xGSCt9PBewFAInh6JoEkvx8B0A37F4kZQVX3EEA80ZzQGK4Tm5QQ5ZSwmQ4jwJJP66GawOYGM6jl5oCIoK6KxZbwwEmN49aZQNIssYswWqWiN+TVHJ8WZ5tZOcxINEasyHXCSTmqg2rrAHZljWCi6JV1lyegWzFGi1cGYAkQj06UmYUN1plyFsRSCxqHh0pM0BiqTkEwwpIyimLVbSVvEltd1VgOZCYE7pzSiuAwJV43kcAXxxIJOkKYe/mPe8nD9wAOER6+APAm55Nl76bqrh9AYmt49bdEtyzfm5qAbbulgBEhbgyvNaFLDKkewAxnJUXFEGLRw01t5FkeedaQP79U6rz4K57ALu1DZd+H3hyPwUkhtc2xc1V9k5AvGi5BbBfBO5/AVlzzaD9zpGUd5pbiF4XZY7E/mNIQiQlamoFBkv1HjT3Pknplc/fzuSa+GC4fWqQVjL8xEBi43bkEu++ijxRzerNlawj0jZ19i2ASXpaeQCw40BiCTCoK8mI+snAJDVflQIOJKrcGieS8grMKYDzlluPvTPS1K/q4qikkbTfAJyUUNZ8TN/5JEiPpbayoiJO4DRLa8rYJDV/89Zz4GQEkpvmtQSY+th8WYFQxM2mg7THWlOfi+dY8uuwDEZgJXaKNO/yHdTs3ISkmnGfqQnEq0j+WoOlQ+QWhe+a6YvoCZg+4tXoxLlwQhPqOAnYKDdael/nhEh60UNSkppAKvLihHq05qmNJUTI6AInqUJuVFNIqnyQ6/SJo4wNd8RL1QY1zgmfrY6R1AFJAvJs3t9XuMuik5FVnaGVEBYgmVhkziSd8pYsIIsKQLW4agISTyq5SYB85ipX6FC3jP6qye6axf8FCE0pItBeZ0YAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{ref:\"tableREF\",staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"card_container\",staticStyle:{\"flex\":\"0 0 23%\",\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"col-md-6 mt-3 fuel_consumption_btn_div\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'table' ? 'active_tab' : null],on:{\"click\":function($event){return _vm.activateTab('table')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/list.png\"),\"width\":\"60%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center voucher_type\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.sales.table\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 fuel_consumption_btn_div mt-3\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'chart' ? 'active_tab' : null],on:{\"click\":function($event){return _vm.activateTab('chart')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/analytics.png\"),\"width\":\"60%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center voucher_type\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.sales.chart\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuel_consumption_row_right_section mr-3 pump__bg\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 72%\"},style:([\n          {\n            backgroundImage: (\"linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(\" + _vm.backgroundUrl + \")\"),\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          } ])},[_c('div',{staticClass:\"row align-items-center justify-content-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-5\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.sales.stationName\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"custom-shortcuts\":_vm.customShortcuts,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1)])])]),_vm._v(\" \"),_c('div',{staticClass:\"section__row mt-3\"},[_c('section',{staticClass:\"mt-3 row dashboard_first_row\"},[(_vm.hasPms)?_c('section',{staticClass:\"col-md-3 card_row\"},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(_vm.pmsSummary.volume))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_1\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-9 col-md-9 col-sm-4\"})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-8 col-md-8 col-sm-4\"},[_c('h4',{staticClass:\"dashboard__footer__amount\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+_vm._s(_vm.convertThousand(_vm.pmsSummary.amount))+\"\\n                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo)?_c('section',{staticClass:\"col-md-3 card_row\"},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(_vm.agoSummary.volume))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_2\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-9 col-md-9 col-sm-4\"})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-8 col-md-8 col-sm-4\"},[_c('h4',{staticClass:\"dashboard__footer__amount_1\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+_vm._s(_vm.convertThousand(_vm.agoSummary.amount))+\"\\n                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk)?_c('section',{staticClass:\"col-md-3 card_row\"},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_2\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_amount_header_3\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(_vm.dpkSummary.volume))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_3\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-8 col-md-8 col-sm-4\"})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-8 col-md-9 col-sm-8\"},[_c('h4',{staticClass:\"dashboard__footer__amount_2\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+_vm._s(_vm.dpkSummary.amount)+\"\\n\\n                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg)?_c('section',{staticClass:\"col-md-3 card_row\"},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(_vm.lpgSummary.volume))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_2\",staticStyle:{\"background\":\"purple\"}},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-9 col-md-9 col-sm-4\"})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-8 col-md-8 col-sm-4\"},[_c('h4',{staticClass:\"dashboard__footer__amount_1\",staticStyle:{\"font-size\":\"23px\",\"color\":\"purple\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+_vm._s(_vm.convertThousand(_vm.lpgSummary.amount))+\"\\n                  \")])])])])]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"col-md-3 card_row\"},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_3\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.salesTransactions.total\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_amount_header_4\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(\n                      _vm.pmsSummary.volume +\n                        _vm.agoSummary.volume +\n                        _vm.dpkSummary.volume +\n                        _vm.lpgSummary.volume\n                    ))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_4\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-8 col-md-8 col-sm-4\"})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row dashboard_card\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-lg-8 col-md-8 col-sm-4\"},[_c('h4',{staticClass:\"dashboard__footer__amount_3\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+_vm._s(_vm.convertThousand(\n                      _vm.pmsSummary.amount +\n                        _vm.agoSummary.amount +\n                        _vm.dpkSummary.amount +\n                        _vm.lpgSummary.amount\n                    ))+\"\\n                  \")])])])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"section__row mt-3\"},[_c('div',{},[_c('div',{staticClass:\"row top_section_row\"},[_c('div',{staticClass:\"col-md-8 sec_text_color\"},[_c('span',[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.sales.salesReport\"))+\"\\n              \"+_vm._s(_vm.$d(new Date(_vm.startDate), \"short\", this.$root.$i18n.locale))+\"\\n              \"+_vm._s(_vm.$t(\"text.and.text\"))+\"\\n              \"+_vm._s(_vm.$d(new Date(_vm.endDate), \"short\", this.$root.$i18n.locale))+\"\\n            \")]),_vm._v(\" \"),_c('span')]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'table'),expression:\"activeTab === 'table'\"}]},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchName\",\"width\":\"200\",\"headerText\":_vm.$t('text.sales.stationName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"130\",\"field\":\"state\",\"headerText\":_vm.$t('text.sales.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"region\",\"width\":\"280\",\"headerText\":_vm.$t('text.sales.region')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasPms ? true : false,\"field\":\"pmsVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \" \" + (_vm.$t(\n                  'text.sales.vol'\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasPms ? true : false,\"field\":\"pmsAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \" \" + (_vm.$t(\n                  'text.sales.amount',\n                  { currency: (\"(\" + (_vm.company ? _vm.company.currency : '') + \")\") }\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasAgo ? true : false,\"field\":\"agoVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product2) + \" \" + (_vm.$t(\n                  'text.sales.vol'\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasAgo ? true : false,\"field\":\"agoAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product2) + \" \" + (_vm.$t(\n                  'text.sales.amount',\n                  { currency: (\"(\" + (_vm.company ? _vm.company.currency : '') + \")\") }\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasDpk ? true : false,\"field\":\"dpkVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product3) + \" \" + (_vm.$t(\n                  'text.sales.vol'\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasDpk ? true : false,\"field\":\"dpkAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product3) + \" \" + (_vm.$t(\n                  'text.sales.amount',\n                  { currency: (\"(\" + (_vm.company ? _vm.company.currency : '') + \")\") }\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasLpg ? true : false,\"field\":\"lpgVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" \" + (_vm.$t(\n                  'text.sales.vol'\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasLpg ? true : false,\"field\":\"lpgAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" \" + (_vm.$t(\n                  'text.sales.amount',\n                  { currency: (\"(\" + (_vm.company ? _vm.company.currency : '') + \")\") }\n                )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"totalAmount\",\"width\":\"150\",\"format\":\"N2\",\"headerText\":_vm.$t('text.sales.total', {\n                    currency: (\"(\" + (_vm.company ? _vm.company.currency : '') + \")\"),\n                  })}})],1)],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}}),_vm._v(\" \"),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'chart'),expression:\"activeTab === 'chart'\"}],staticClass:\"section_2\"},[(!_vm.showLoader)?_c('highcharts',{staticClass:\"high_charts high__charts__fuel__consumption mr-3\",attrs:{\"options\":_vm.chartOptions}}):_vm._e(),_vm._v(\" \"),(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader\"},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e()],1)],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\" ref=\"tableREF\">\r\n        <div class=\"card_container\" style=\"flex: 0 0 23%; border-radius: 10px\">\r\n          <div class=\"row align-items-center fuel_consumption_buttons_row\">\r\n            <div class=\"col-md-6 mt-3 fuel_consumption_btn_div\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                @click=\"activateTab('table')\"\r\n                :class=\"[activeTab === 'table' ? 'active_tab' : null]\"\r\n              >\r\n                <img src=\"@/assets/img/list.png\" width=\"60%\" />\r\n              </div>\r\n              <div class=\"text-center voucher_type\">\r\n                {{ $t(\"text.sales.table\") }}\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6 fuel_consumption_btn_div mt-3\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                @click=\"activateTab('chart')\"\r\n                :class=\"[activeTab === 'chart' ? 'active_tab' : null]\"\r\n              >\r\n                <img src=\"@/assets/img/analytics.png\" width=\"60%\" />\r\n              </div>\r\n              <div class=\"text-center voucher_type\">\r\n                {{ $t(\"text.sales.chart\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"fuel_consumption_row_right_section mr-3 pump__bg\"\r\n          style=\"border-radius: 12px; flex: 0 0 72%\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div\r\n            class=\"row align-items-center justify-content-center\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <div\r\n              class=\"col-md-5\"\r\n              style=\"display: flex; justify-content: space-between\"\r\n            >\r\n              <h4 class=\"text-center text-white\">\r\n                {{ $t(\"text.sales.stationName\") }}\r\n              </h4>\r\n            </div>\r\n            <div\r\n              class=\"col-md-4\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <vue-ctk-date-time-picker\r\n                v-model=\"dateRange\"\r\n                :max-date=\"maxDate\"\r\n                :range=\"true\"\r\n                :autoClose=\"true\"\r\n                :locale=\"this.$root.$i18n.locale\"\r\n                :custom-shortcuts=\"customShortcuts\"\r\n                :color=\"$store.getters.getDatePickerColor\"\r\n                format=\"DDMMYYYY\"\r\n                formatted=\"DD/MM/YYYY\"\r\n                :label=\"$t('text.calendar.dateRange')\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- CUMMULATIVE CARDS -->\r\n      <div class=\"section__row mt-3\">\r\n        <section class=\"mt-3 row dashboard_first_row\">\r\n          <section class=\"col-md-3 card_row\" v-if=\"hasPms\">\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header\">\r\n                    {{ countryProducts.products.product1 }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"stations_card_header\">\r\n                    {{ convertThousand(pmsSummary.volume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                  <div class=\"oil_drop_div_1\">\r\n                    <div class=\"text-center\">\r\n                      <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-right col-lg-9 col-md-9 col-sm-4\"></div>\r\n              </div>\r\n              <div class=\"mt-3 row dashboard_card\">\r\n                <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n                <div class=\"text-right col-lg-8 col-md-8 col-sm-4\">\r\n                  <h4 class=\"dashboard__footer__amount\" style=\"font-size: 23px\">\r\n                    {{ company ? company.currencyCode : \"\"\r\n                    }}{{ convertThousand(pmsSummary.amount) }}\r\n                    <!-- {{ $n(pmsSummary.amount, \"currency\") }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <section class=\"col-md-3 card_row\" v-if=\"hasAgo\">\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_1\">\r\n                    {{ countryProducts.products.product2 }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"stations_card_header_1\">\r\n                    {{ convertThousand(agoSummary.volume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                  <div class=\"oil_drop_div_2\">\r\n                    <div class=\"text-center\">\r\n                      <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-right col-lg-9 col-md-9 col-sm-4\"></div>\r\n              </div>\r\n              <div class=\"mt-3 row dashboard_card\">\r\n                <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n                <div class=\"text-right col-lg-8 col-md-8 col-sm-4\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_1\"\r\n                    style=\"font-size: 23px\"\r\n                  >\r\n                    {{ company ? company.currencyCode : \"\"\r\n                    }}{{ convertThousand(agoSummary.amount) }}\r\n                    <!-- {{ $n(agoSummary.amount, \"currency\") }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <section class=\"col-md-3 card_row\" v-if=\"hasDpk\">\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_2\">\r\n                    {{ countryProducts.products.product3 }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"stations_card_amount_header_3\">\r\n                    {{ convertThousand(dpkSummary.volume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                  <div class=\"oil_drop_div_3\">\r\n                    <div class=\"text-center\">\r\n                      <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-right col-lg-8 col-md-8 col-sm-4\"></div>\r\n              </div>\r\n              <div class=\"mt-3 row dashboard_card\">\r\n                <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n                <div class=\"text-right col-lg-8 col-md-9 col-sm-8\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_2\"\r\n                    style=\"font-size: 23px\"\r\n                  >\r\n                    {{ company ? company.currencyCode : \"\"\r\n                    }}{{ dpkSummary.amount }}\r\n\r\n                    <!-- {{ $n(dpkSummary.amount, \"currency\") }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <section class=\"col-md-3 card_row\" v-if=\"hasLpg\">\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_1\" style=\"color: purple\">\r\n                    {{ countryProducts.products.product4 }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"stations_card_header_1\" style=\"color: purple\">\r\n                    {{ convertThousand(lpgSummary.volume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                  <div class=\"oil_drop_div_2\" style=\"background: purple\">\r\n                    <div class=\"text-center\">\r\n                      <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-right col-lg-9 col-md-9 col-sm-4\"></div>\r\n              </div>\r\n              <div class=\"mt-3 row dashboard_card\">\r\n                <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n                <div class=\"text-right col-lg-8 col-md-8 col-sm-4\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_1\"\r\n                    style=\"font-size: 23px; color: purple\"\r\n                  >\r\n                    {{ company ? company.currencyCode : \"\"\r\n                    }}{{ convertThousand(lpgSummary.amount) }}\r\n                    <!-- {{ $n(lpgSummary.amount, \"currency\") }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <section class=\"col-md-3 card_row\">\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_3\">\r\n                    {{ $t(\"text.salesTransactions.total\") }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"stations_card_amount_header_4\">\r\n                    {{\r\n                      convertThousand(\r\n                        pmsSummary.volume +\r\n                          agoSummary.volume +\r\n                          dpkSummary.volume +\r\n                          lpgSummary.volume\r\n                      )\r\n                    }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                  <div class=\"oil_drop_div_4\">\r\n                    <div class=\"text-center\">\r\n                      <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-right col-lg-8 col-md-8 col-sm-4\"></div>\r\n              </div>\r\n              <div class=\"mt-3 row dashboard_card\">\r\n                <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n                <div class=\"text-right col-lg-8 col-md-8 col-sm-4\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_3\"\r\n                    style=\"font-size: 23px\"\r\n                  >\r\n                    {{ company ? company.currencyCode : \"\"\r\n                    }}{{\r\n                      convertThousand(\r\n                        pmsSummary.amount +\r\n                          agoSummary.amount +\r\n                          dpkSummary.amount +\r\n                          lpgSummary.amount\r\n                      )\r\n                    }}\r\n                    <!-- {{\r\n                      $n(\r\n                        pmsSummary.amount +\r\n                          agoSummary.amount +\r\n                          dpkSummary.amount +\r\n                          lpgSummary.amount,\r\n                        \"currency\"\r\n                      )\r\n                    }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n        </section>\r\n      </div>\r\n\r\n      <section class=\"section__row mt-3\">\r\n        <div class=\"\">\r\n          <div class=\"row top_section_row\">\r\n            <div class=\"col-md-8 sec_text_color\">\r\n              <span>\r\n                {{ $t(\"text.sales.salesReport\") }}\r\n                {{ $d(new Date(startDate), \"short\", this.$root.$i18n.locale) }}\r\n                {{ $t(\"text.and.text\") }}\r\n                {{ $d(new Date(endDate), \"short\", this.$root.$i18n.locale) }}\r\n              </span>\r\n              <span> </span>\r\n            </div>\r\n\r\n            <div class=\"col-md-4 text-right\">\r\n              <!-- <button\r\n                class=\"btn primary-border dealers_btn primary-color\"\r\n                @click=\"DownloadReport\"\r\n              >\r\n                <i\r\n                  class=\"fa fa-download mr-2 primary-color\"\r\n                  aria-hidden=\"true\"\r\n                ></i>\r\n                Download Report\r\n              </button> -->\r\n            </div>\r\n          </div>\r\n          <div v-show=\"activeTab === 'table'\">\r\n            <ejs-grid\r\n              v-show=\"!showLoader\"\r\n              ref=\"dataGrid\"\r\n              :created=\"refreshGrid\"\r\n              :allowPaging=\"true\"\r\n              :allowSorting=\"true\"\r\n              :pageSettings=\"pageSettings\"\r\n              :toolbar=\"toolbar\"\r\n              :searchSettings=\"search\"\r\n              :allowExcelExport=\"true\"\r\n              :allowPdfExport=\"true\"\r\n              :toolbarClick=\"toolbarClick\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <!-- field=\"pin\" -->\r\n              <e-columns>\r\n                <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  field=\"branchName\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.sales.stationName')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"130\"\r\n                  field=\"state\"\r\n                  :headerText=\"$t('text.sales.state')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"region\"\r\n                  width=\"280\"\r\n                  :headerText=\"$t('text.sales.region')\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasPms ? true : false\"\r\n                  field=\"pmsVolume\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product1} ${$t(\r\n                    'text.sales.vol'\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasPms ? true : false\"\r\n                  field=\"pmsAmount\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product1} ${$t(\r\n                    'text.sales.amount',\r\n                    { currency: `(${company ? company.currency : ''})` }\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasAgo ? true : false\"\r\n                  field=\"agoVolume\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product2} ${$t(\r\n                    'text.sales.vol'\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasAgo ? true : false\"\r\n                  field=\"agoAmount\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product2} ${$t(\r\n                    'text.sales.amount',\r\n                    { currency: `(${company ? company.currency : ''})` }\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasDpk ? true : false\"\r\n                  field=\"dpkVolume\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product3} ${$t(\r\n                    'text.sales.vol'\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasDpk ? true : false\"\r\n                  field=\"dpkAmount\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product3} ${$t(\r\n                    'text.sales.amount',\r\n                    { currency: `(${company ? company.currency : ''})` }\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasLpg ? true : false\"\r\n                  field=\"lpgVolume\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product4} ${$t(\r\n                    'text.sales.vol'\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  :visible=\"hasLpg ? true : false\"\r\n                  field=\"lpgAmount\"\r\n                  width=\"200\"\r\n                  format=\"N2\"\r\n                  :headerText=\"`${countryProducts.products.product4} ${$t(\r\n                    'text.sales.amount',\r\n                    { currency: `(${company ? company.currency : ''})` }\r\n                  )}`\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"totalAmount\"\r\n                  width=\"150\"\r\n                  format=\"N2\"\r\n                  :headerText=\"\r\n                    $t('text.sales.total', {\r\n                      currency: `(${company ? company.currency : ''})`,\r\n                    })\r\n                  \"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n          </div>\r\n          <TableLoader :showLoader=\"showLoader\" />\r\n          <section v-show=\"activeTab === 'chart'\" class=\"section_2\">\r\n            <highcharts\r\n              :options=\"chartOptions\"\r\n              class=\"high_charts high__charts__fuel__consumption mr-3\"\r\n              v-if=\"!showLoader\"\r\n            ></highcharts>\r\n            <div\r\n              class=\"showLoaderDiv charts__loader\"\r\n              style=\"\"\r\n              v-if=\"showLoader\"\r\n            >\r\n              <div :class=\"showLoader ? 'loading' : null\"></div>\r\n            </div>\r\n          </section>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport { Chart } from \"highcharts-vue\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport countryProducts from \"@/products\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  Resize,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Sales :: Epump Portal\",\r\n  name: \"companyTotalSales\",\r\n  components: {\r\n    MasterLayout,\r\n    highcharts: Chart,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport, Resize],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      backgroundUrl,\r\n      pmsVol: 0,\r\n      pmsSales: 0,\r\n      companySalesTransactions: [],\r\n      agoVol: 0,\r\n      agoSales: 0,\r\n      dpkVol: 0,\r\n      dpkSales: 0,\r\n      totalCompanySales: 0,\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n      pmsSummary: { volume: 0, amount: 0 },\r\n      agoSummary: { volume: 0, amount: 0 },\r\n      dpkSummary: { volume: 0, amount: 0 },\r\n      lpgSummary: { volume: 0, amount: 0 },\r\n      cardBackgroundUrl,\r\n      chartOptions: {\r\n        colors: [\r\n          \"rgb(15, 206, 41)\",\r\n          \"rgb(0, 172, 237)\",\r\n          \"rgb(216, 153, 28)\",\r\n          \"purple\",\r\n        ],\r\n        chart: {\r\n          type: \"areaspline\",\r\n        },\r\n        title: {\r\n          text: this.$t(\"text.sales.totalVolumeSold\"),\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.5,\r\n          },\r\n        },\r\n        series: [],\r\n        yAxis: {\r\n          title: {\r\n            text: this.$t(\"text.sales.totalVolumeSold\"),\r\n          },\r\n        },\r\n        xAxis: {\r\n          categories: [],\r\n        },\r\n        legend: {\r\n          enabled: true,\r\n          layout: \"horizontal\",\r\n          align: \"center\",\r\n          position: \"bottom\",\r\n          verticalAlign: \"bottom\",\r\n          horizontalAlign: \"bottom\",\r\n        },\r\n      },\r\n      companyChartOptions: {\r\n        colors: [\"rgb(15, 206, 41)\", \"rgb(0, 172, 237)\", \"rgb(216, 153, 28)\"],\r\n        chart: {\r\n          type: \"column\",\r\n        },\r\n        title: {\r\n          text: this.$t(\"text.sales.totalVolumeForDealers\"),\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.5,\r\n          },\r\n        },\r\n        series: [],\r\n        yAxis: {\r\n          title: {\r\n            text: \"Total Volumes of Products sold by Dealers\",\r\n          },\r\n        },\r\n        xAxis: {\r\n          categories: [],\r\n        },\r\n        legend: {\r\n          enabled: true,\r\n          layout: \"horizontal\",\r\n          align: \"center\",\r\n          verticalAlign: \"bottom\",\r\n        },\r\n      },\r\n      showLoader: false,\r\n      activeTab: \"table\",\r\n      showEmptyTableMessage: false,\r\n      generatedVouchers: 0,\r\n      salesTransactions: [],\r\n      company: null,\r\n      vouchersArray: [],\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 50,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(7, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      cTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            //<button style=\"background: none !important; border: none !important\"><span>{{Xword(data.pin)}} </span>&nbsp; <a class=\"show-pin pull-right\" :data-pin=\"{{data.pin}}\" @click=\"click(event)\"><i class=\"fa fa-eye\"></i></a></button>\r\n            template:\r\n              '<div><span>{{crossWord(data.pin)}} </span>&nbsp; <a class=\"show-pin pull-right\" :data-pin=\"data.pin\" v-on:click=\"click($event)\"><i class=\"fa fa-eye\"></i></a></div>',\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              click: function (e) {\r\n                this.$eventHub.$emit(\"detail\", e);\r\n              },\r\n              crossWord: function (word) {\r\n                let pre = word.substr(0, 2);\r\n                let suff = word.substr(word.length - 1, 1);\r\n                let xes = \"\";\r\n                for (let i = 0; i < word.length - 3; i++) {\r\n                  xes += \"X\";\r\n                }\r\n                return pre + xes + suff;\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getCompanyBranchSalesTransactons();\r\n    }\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n    this.$eventHub.$on(\"detail\", (e) => {\r\n      this.togglePin(e);\r\n    });\r\n\r\n    this.$eventHub.$on(\"voucherCheck\", (event, voucher) => {\r\n      this.createSendSmsMailArray(event, voucher);\r\n    });\r\n\r\n    this.$eventHub.$on(\"selectAll\", (event) => {\r\n      this.selectAll(event);\r\n    });\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"detail\");\r\n    this.$eventHub.$off(\"voucherCheck\");\r\n    this.$eventHub.$off(\"selectAll\");\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getCompanyBranchSalesTransactons();\r\n      }\r\n    },\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.getCompanyBranchSalesTransactons();\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    let _this = this;\r\n\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n\r\n    decimalThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n    DownloadReport() {\r\n      this.axios({\r\n        url: `${\r\n          configObject.pdfBaseUrl\r\n        }/EpumpReport/Company/CompanyBranchSalesReport?startDate=${\r\n          this.startDate\r\n        }&endDate=${this.endDate}&companyId=${\r\n          this.$route.query.companyId\r\n            ? this.$route.query.companyId\r\n            : this.company.id\r\n        }`,\r\n        method: \"GET\",\r\n        headers: configObject.authConfig().headers,\r\n        responseType: \"blob\",\r\n      })\r\n        .then((response) => {\r\n          var fileURL = window.URL.createObjectURL(new Blob([response.data]));\r\n          var fileLink = document.createElement(\"a\");\r\n\r\n          fileLink.href = fileURL;\r\n          fileLink.setAttribute(\"download\", \"Company-branch-sales.pdf\");\r\n          document.body.appendChild(fileLink);\r\n\r\n          fileLink.click();\r\n\r\n          this.$toast(\"Download Successful\", {\r\n            type: \"success\",\r\n            timeout: 3000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          if (!value) {\r\n            $(\".loader\").hide();\r\n          } else {\r\n            $(\".loader1\").hide();\r\n          }\r\n        })\r\n        .catch((e) => {\r\n          if (!value) {\r\n            this.isButtonDisabled_1 = false;\r\n            $(\".loader\").show();\r\n          } else {\r\n            this.isButtonDisabled_2 = false;\r\n            $(\".loader1\").show();\r\n          }\r\n        });\r\n    },\r\n    getCompanyBranchSalesTransactons() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/CompanyBranchSales/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.startDate}/${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.displayProductSummary(response.data);\r\n          response.data.sort((a, b) => {\r\n            var x = a.branchName.toLowerCase();\r\n            var y = b.branchName.toLowerCase();\r\n            if (x < y) {\r\n              return -1;\r\n            }\r\n            if (x > y) {\r\n              return 1;\r\n            }\r\n            return 0;\r\n          });\r\n          this.parseBranch(response.data);\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    displayProductSummary(productSummary) {\r\n      let prodCount = 0;\r\n      let psummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product1\r\n      );\r\n      if (psummary.length) {\r\n        let volume = psummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.volumeSold);\r\n        }, 0);\r\n\r\n        let amount = psummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.amountSold);\r\n        }, 0);\r\n\r\n        this.pmsSummary = { volume, amount };\r\n        // this.pmsSummary = psummary[0];\r\n        this.hasPms = true;\r\n        prodCount++;\r\n      }\r\n\r\n      let asummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product2\r\n      );\r\n      if (asummary.length) {\r\n        let volume = asummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.volumeSold);\r\n        }, 0);\r\n\r\n        let amount = asummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.amountSold);\r\n        }, 0);\r\n\r\n        this.agoSummary = { volume, amount };\r\n        // this.agoSummary = asummary[0];\r\n        this.hasAgo = true;\r\n        prodCount++;\r\n      }\r\n\r\n      let dsummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product3\r\n      );\r\n\r\n      if (dsummary.length) {\r\n        let volume = dsummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.volumeSold);\r\n        }, 0);\r\n\r\n        let amount = dsummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.amountSold);\r\n        }, 0);\r\n\r\n        this.dpkSummary = { volume, amount };\r\n\r\n        this.hasDpk = true;\r\n        prodCount++;\r\n      }\r\n\r\n      let lsummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product4\r\n      );\r\n      if (lsummary.length) {\r\n        let volume = lsummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.volumeSold);\r\n        }, 0);\r\n\r\n        let amount = lsummary.reduce((prev, cur) => {\r\n          return Number(prev) + Number(cur.amountSold);\r\n        }, 0);\r\n\r\n        this.lpgSummary = { volume, amount };\r\n        // this.lpgSummary = lsummary[0];\r\n        this.hasLpg = true;\r\n        prodCount++;\r\n      }\r\n      prodCount++;\r\n      // let columnNumber;\r\n      // prodCount !== 5\r\n      //   ? (columnNumber = 12 / prodCount)\r\n      //   : (columnNumber = 3);\r\n      // this.productCount = `col-lg-${columnNumber}`;\r\n    },\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"dealerName\"] === \"Total Sales\") {\r\n        args.row.cells[1].innerHTML = `<button class='total_sales_button'>${args.data[\"dealerName\"]}</button>`;\r\n      }\r\n    },\r\n    activateTab(voucher_type) {\r\n      this.activeTab = voucher_type;\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    changeRoute($newRoute) {\r\n      this.$router.push({ name: $newRoute });\r\n    },\r\n    parseBranch(data) {\r\n      const groups = data.reduce((groups, sales) => {\r\n        const branchName = sales.branchName;\r\n        if (!groups[branchName]) {\r\n          groups[branchName] = [];\r\n        }\r\n        groups[branchName].push(sales);\r\n        return groups;\r\n      }, {});\r\n\r\n      this.parseBranchChart(groups);\r\n\r\n      if (!Object.keys(groups).length) {\r\n        this.hasPms = true;\r\n        this.hasAgo = true;\r\n        this.hasDpk = true;\r\n        this.hasLpg = true;\r\n      } else {\r\n        this.hasPms = false;\r\n        this.hasAgo = false;\r\n        this.hasDpk = false;\r\n        this.hasLpg = false;\r\n      }\r\n      let count = 0;\r\n      const groupArrays = Object.keys(groups).map((branchName) => {\r\n        let agoAmount = 0;\r\n        let agoVolume = 0;\r\n        let pmsAmount = 0;\r\n        let pmsVolume = 0;\r\n        let dpkAmount = 0;\r\n        let dpkVolume = 0;\r\n        let lpgAmount = 0;\r\n        let lpgVolume = 0;\r\n        let totalSales = 0;\r\n        let region;\r\n        let state;\r\n        groups[branchName].forEach((branch) => {\r\n          region = branch.region;\r\n          state = branch.state;\r\n          if (branch.productName === this.countryProducts.products.product1) {\r\n            this.hasPms = true;\r\n            pmsAmount = pmsAmount + branch.amountSold;\r\n            pmsVolume = pmsVolume + branch.volumeSold;\r\n          }\r\n          if (branch.productName === this.countryProducts.products.product2) {\r\n            this.hasAgo = true;\r\n            agoAmount += branch.amountSold;\r\n            agoVolume += branch.volumeSold;\r\n          }\r\n\r\n          if (branch.productName === this.countryProducts.products.product3) {\r\n            this.hasDpk = true;\r\n            dpkAmount += branch.amountSold;\r\n            dpkVolume += branch.volumeSold;\r\n          }\r\n          if (branch.productName === this.countryProducts.products.product4) {\r\n            this.hasLpg = true;\r\n            lpgAmount = lpgAmount + branch.amountSold;\r\n            lpgVolume = lpgVolume + branch.volumeSold;\r\n          }\r\n\r\n          totalSales += branch.amountSold;\r\n        });\r\n\r\n        return {\r\n          branchName: branchName && branchName.trim(),\r\n          pmsVolume: pmsVolume,\r\n          pmsAmount: pmsAmount,\r\n          agoVolume: agoVolume,\r\n          agoAmount: agoAmount,\r\n          dpkVolume: dpkVolume,\r\n          dpkAmount: dpkAmount,\r\n          lpgVolume: lpgVolume,\r\n          lpgAmount: lpgAmount,\r\n          totalAmount: totalSales,\r\n          region,\r\n          state,\r\n        };\r\n      });\r\n      groupArrays.sort((a, b) => {\r\n        return a.branchName > b.branchName\r\n          ? 1\r\n          : a.branchName < b.branchName\r\n          ? -1\r\n          : 0;\r\n      });\r\n\r\n      groupArrays.forEach((el) => (el.index = ++count));\r\n\r\n      this.companySalesTransactions = groupArrays;\r\n      this.$refs.dataGrid.ej2Instances.setProperties({\r\n        dataSource: groupArrays,\r\n      });\r\n      this.refreshGrid();\r\n    },\r\n    parseBranchChart(groupData) {\r\n      let count = 0;\r\n      let categories = [];\r\n      let agoSeriesArr = [];\r\n      let dpkSeriesArr = [];\r\n      let pmsSeriesArr = [];\r\n      let lpgSeriesArr = [];\r\n\r\n      const categoriesArr = Object.keys(groupData).forEach((x) => {\r\n        categories.push(x);\r\n        let pms = 0;\r\n        let ago = 0;\r\n        let dpk = 0;\r\n        let lpg = 0;\r\n        groupData[x].forEach((gr) => {\r\n          if (gr.productName === this.countryProducts.products.product2) {\r\n            ago += gr.volumeSold;\r\n          }\r\n          if (gr.productName === this.countryProducts.products.product3) {\r\n            dpk += gr.volumeSold;\r\n          }\r\n          if (gr.productName === this.countryProducts.products.product1) {\r\n            pms += gr.volumeSold;\r\n          }\r\n          if (gr.productName === this.countryProducts.products.product4) {\r\n            lpg += gr.volumeSold;\r\n          }\r\n        });\r\n        agoSeriesArr.push(ago);\r\n        dpkSeriesArr.push(dpk);\r\n        pmsSeriesArr.push(pms);\r\n        lpgSeriesArr.push(lpg);\r\n      });\r\n\r\n      this.chartOptions.series = [\r\n        {\r\n          name: this.countryProducts.products.product2,\r\n          data: agoSeriesArr,\r\n        },\r\n        {\r\n          name: this.countryProducts.products.product3,\r\n          data: dpkSeriesArr,\r\n        },\r\n        {\r\n          name: this.countryProducts.products.product1,\r\n          data: pmsSeriesArr,\r\n        },\r\n        {\r\n          name: this.countryProducts.products.product4,\r\n          data: lpgSeriesArr,\r\n        },\r\n      ];\r\n      this.chartOptions.xAxis.categories = categories;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n@media print {\r\n  .first_tab {\r\n    background-color: #4b2d73;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=6d659d57&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=6d659d57&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABHNCSVQICAgIfAhkiAAAAqVJREFUWEftl71rVUEUxH/TWShqIyoWlnaazkI06eySgJ2CEex9AXtNbWEEe2OlhWLyF5hgIxIwgoWdlmJjUggWypG57D42l8e7GxKvCO9092t3dmbO7F7RY0XEHHAPuACsAIuStg1BfeGIiLPAZ2AN2AIGwHtJM30D8cQPJTWLj4gF4Em+7pORZmLgsqQ3EbEMLEg61jcjGYjn/QJYqluS7JW9eSQibLLzwAdJ1rmqsgzAM+AdYBbWJa3nAaqliYhG42LmJUn3u5AUIJ5KMisjqwpIRHgF34FHkgYFqKlxzNSCqJYmIqaB18CM6SyAvQAeS9pInWDpZtOSfwAPgLFM7Ema5I3NlAO37XbgOvATOAI4lD4Cl+wf4ARwCngp6VqXfFWMpDR0230DTgOHgZ3UeqsJpBPzrgFJOpMY+wQ8t5T7BhIRNqMj2Wnont/2JDmWywkiwh2wlSeOCHeVrxuDpgXdaYMamazp5aOOXmAJ8EpruyODdlDZ3AYwL2k1AcnPPa7LOXJzV7ImKm1Gm831O+l/Iw9UQ29i0ADsmRVJBtVUZreI+KYB2kByRkyl1LMxf0k6VwOg5p1aIKZtVpKBZPSDvA/UTNT1Ti0Qe+EVYEA2mfN/rUzC1B32z7ByfnSBqJamZSZfOqDmcnckEDZwu5qAO1Ag4wYrknUxMebXh0n7L4AMGYiIyJGfGLW83pnLsrzNLl3lka4VtfeaNHAbiCW60hprQ5LbtHcgPmM0R4OUtPyfQFKytvXdKfTddQwYI83+GCk2t1Ji76TH06S9Apnu0rPVJaPMeiCMTIBY/vzX5ZabMDJhpIyE4QktIry95yNi17bzt57PKx2YrwLtY+FXwL8EuS4Ch1pI3qazrW/7+5Ot5/7e47j8rccoy/9FHmP5DwOdsZviT230AAAAAElFTkSuQmCC\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=6d659d57&prod&lang=css&\""],"sourceRoot":""}