{"version":3,"sources":["webpack:///./src/views/Company/RegionSales/index.vue?3544","webpack:///./src/views/Company/RegionSales/index.vue?3ddc","webpack:///src/views/Company/RegionSales/index.vue","webpack:///./src/views/Company/RegionSales/index.vue?849e","webpack:///./src/views/Company/RegionSales/index.vue","webpack:///./src/assets/img/hand (1).png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","flex","staticStyle","_v","_s","$route","query","region","directives","name","rawName","value","showLoader","expression","attrs","$d","Date","startDate","$root","$i18n","locale","endDate","ref","dataBound","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","$t","countryProducts","products","staticRenderFns","$","title","components","MasterLayout","TableLoader","provide","grid","data","formatOptions","type","format","hasLpg","hasPms","hasAgo","hasDpk","productCount","cardCount","transKeep","totalPmsVol","totalManualPmsVol","totalAgoVol","totalManualAgoVol","totalDpkVol","totalManualDpkVol","totalLpgVol","totalManualLpgVol","totalPmsVariance","totalAgoVariance","totalDpkVariance","totalLpgVariance","totalVol","totalManualVol","totalVariance","branchIcon","company","maxDate","customShortcuts","key","label","transFilter","pluginStartDate","pluginEndDate","dateRange","start","end","branch","branchId","pageSizes","pageCount","pageSize","operator","ignoreCase","branches","dealers","salesTransactions","showAll","lowTanks","pmsCheck","agoCheck","dpkCheck","lpgCheck","totalCheck","pmsRate","agoRate","dpkRate","lpgRate","todaysDate","activeTab","productSummary","showTransactionOptions","salesTransationsCount","created","path","window","computed","watch","mounted","searchFun","methods","getCompanyBranchSales","get","configObject","then","response","groups","groupArrays","sl","index","branchName","state","regionId","pmsVolume","pmsAmount","agoVolume","agoAmount","dpkVolume","dpkAmount","lpgVolume","lpgAmount","totalAmount","dataSource","catch","error","convertThousand","toFixed","toString","replace","component","module","exports"],"mappings":"kHAAA,W,0CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,sDAAsDC,MAAM,CAClP,CACEC,gBAAkB,qEAAuER,EAAIS,cAAgB,IAC7GC,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,QAChBC,KAAM,cACF,CAACT,EAAG,MAAM,CAACE,YAAY,qBAAqBQ,YAAY,CAAC,OAAS,SAAS,CAACV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0DAA0DQ,YAAY,CAAC,YAAY,SAAS,CAACd,EAAIe,GAAG,qBAAqBf,EAAIgB,GAAGhB,EAAIiB,OAAOC,MAAMC,QAAQ,8BAA8BnB,EAAIe,GAAG,KAAKX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,UAAU,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACgB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQvB,EAAIwB,WAAYC,WAAW,gBAAgBnB,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,OAAOoB,MAAM,CAAC,IAAM,EAAQ,WAAgC1B,EAAIe,GAAG,yBAAyBf,EAAIgB,GAAGhB,EAAIiB,OAAOC,MAAMC,QAAQ,oCAAoCnB,EAAIgB,GAAGhB,EAAI2B,GAC52B,IAAIC,KAAK5B,EAAIiB,OAAOC,MAAMW,WAC1B,QACA5B,KAAK6B,MAAMC,MAAMC,SAChB,iDAAiDhC,EAAIgB,GAAGhB,EAAI2B,GAC7D,IAAIC,KAAK5B,EAAIiB,OAAOC,MAAMe,SAC1B,QACAhC,KAAK6B,MAAMC,MAAMC,SAChB,0BAA0BhC,EAAIe,GAAG,KAAKX,EAAG,UAAUJ,EAAIe,GAAG,KAAKX,EAAG,MAAM,CAACE,YAAY,0BAA0BN,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACgB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQvB,EAAIwB,WAAYC,WAAW,gBAAgBS,IAAI,WAAWR,MAAM,CAAC,UAAY1B,EAAImC,UAAU,QAAUnC,EAAIoC,YAAY,aAAc,EAAK,cAAe,EAAK,aAAepC,EAAIqC,aAAa,QAAUrC,EAAIsC,QAAQ,eAAiBtC,EAAIuC,OAAO,kBAAmB,EAAK,gBAAiB,EAAK,aAAevC,EAAIwC,aAAa,OAASxC,EAAIyC,WAAW,CAACrC,EAAG,YAAY,CAACA,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,KAAK,MAAQ,QAAQ,WAAa,OAAO1B,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,aAAa,MAAQ,MAAM,WAAa1B,EAAI0C,GAAG,8BAA8B1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,QAAQ,MAAQ,MAAM,WAAa1B,EAAI0C,GAAG,4BAA4B1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,SAAS,MAAQ,MAAM,WAAa1B,EAAI0C,GAAG,6BAA6B1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,IAAO5C,EAAI0C,GACzlC,oCACK1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,mBAAsB5C,EAAI0C,GAAG,oCAAsC1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,IAAO5C,EAAI0C,GACvW,oCACK1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,aAAc5C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,IAAO5C,EAAI0C,GAClT,oCACK1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,aAAc5C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,IAAO5C,EAAI0C,GAClT,oCACK1C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,YAAY,MAAQ,MAAM,OAAS,KAAK,WAAe1B,EAAI2C,gBAAgBC,SAAiB,SAAI,aAAc5C,EAAIe,GAAG,KAAKX,EAAG,WAAW,CAACsB,MAAM,CAAC,MAAQ,cAAc,MAAQ,MAAM,OAAS,KAAK,WAAa1B,EAAI0C,GAAG,6BAA6B,IAAI,GAAG1C,EAAIe,GAAG,KAAKX,EAAG,cAAc,CAACsB,MAAM,CAAC,WAAa1B,EAAIwB,eAAe,OAAOxB,EAAIe,GAAG,KAAKX,EAAG,MAAM,CAACsB,MAAM,CAAC,GAAK,wBAAwB,IACjcmB,EAAkB,G,kKCwLtB,IAAIC,EAAI,IAEO,OACfC,4BACA1B,yBACA2B,YACAC,oBACAC,oBAEAC,SACAC,kDAEAC,OACA,OACAZ,yCAEAa,eAAAC,gBAAAC,6BACAC,UACAC,UACAC,UACAC,UACAC,wBACAC,YACAC,aACAC,cACAC,oBACAC,cACAC,oBACAC,cACAC,oBACAC,cACAC,oBACAC,mBACAC,mBACAC,mBACAC,mBACAC,WACAC,iBACAL,mBACAC,mBACAC,mBACAC,mBACAG,gBACAC,cACAC,WACAC,oDACAC,iBACA,CAAAC,YAAAC,qCAAA7D,aACA,CACA4D,gBACAC,yCACA7D,cAEA,CACA4D,gBACAC,yCACA7D,SAEA,CACA4D,eACAC,wCACA7D,kBAEA,CACA4D,iBACAC,0CACA7D,UAEA,CACA4D,gBACAC,yCACA7D,iBAGA8D,mDACAxD,mEACAI,iEACAqD,qEACAC,mEACAC,WAAAC,2BAAAC,wBACAjF,kBACAkF,UACAC,cACAvD,cACAwD,6BACAC,YACAC,aAEAzD,6CACAC,QAAAyD,oBAAAC,eACAC,WACAC,UACAC,qBACA5E,cACA6E,WACAC,YACA1D,YACA2D,WACAC,WACAC,WACAC,WACAC,aACAC,UACAC,UACAC,UACAC,UACAC,oBACAC,kBACAC,kBACAC,0BACAC,wBACApC,eAGAqC,UACA,0CACA,sCACA,6CACA,mBAAAC,WACA,4BACAC,yBAEA,8CACA,8BAYAC,UACA7E,2BACA,gDAGA8E,OACAzC,WACA,UACA,8BAGAQ,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,gCAIAkC,UAIA,cACA,oEACA,iBACAtE,YANAN,iCACA6E,SASAC,SACApF,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEAD,qBACA,sCAGA0F,wBACA,WACAC,IACA,8KAEAC,qBAEAC,KAAAC,IACA,MAaA,EAXAA,oBACA,iCACA,6BACA,YACA,EAEA,IACA,EAEA,IAIAC,wBACA,qBAMA,OAJA,OACAA,SAEAA,aACA,GACA,IAEA,QACAC,yBACA,oBACAC,GACAA,6BACA,6CAEA,cACAA,GACAA,6BACA,6CAEA,cACAA,GACAA,6BACA,6CAEA,cACAA,GACAA,6BACA,6CAGA,OACAC,UACAC,aACAnH,sBACAoH,oBACAC,0BACAC,mBACA,sCACA,OACAC,mBACA,sCACA,OACAC,mBACA,sCACA,OACAC,mBACA,sCACA,OACAC,mBACA,sCACA,GACAC,mBACA,sCACA,GACAC,mBACA,sCACA,OACAC,mBACA,sCACA,OACAC,iCACAf,mBACA,eACA,OAKA,gDACAgB,eAEA,mBACA,qBAEAC,MAAAC,QAEAC,mBACA,mBAGA,EACAC,QAAA,GACAC,WACAC,QAAA,6BALA,UCpf6W,I,wBCQzWC,EAAY,eACd,EACA1J,EACA8C,GACA,EACA,KACA,KACA,MAIa,aAAA4G,E,mDCnBfC,EAAOC,QAAU","file":"js/chunk-e7f500ce.f43459e9.js","sourcesContent":["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=3ad22717&prod&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"fuel_consumption_row_right_section_nw pump__bg py-5\",style:([\n            {\n              backgroundImage: (\"linear-gradient(rgb(12, 4, 31 , 0.92), rgb(12, 4, 31, 0.92)), url(\" + _vm.backgroundUrl + \")\"),\n              backgroundPosition: 'center',\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'cover',\n              flex: '0 0 100%',\n            } ])},[_c('div',{staticClass:\"align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"transaction_period_text text-center branch__sales__text\",staticStyle:{\"font-size\":\"22px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$route.query.region)+\"\\n              \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[_c('section',{staticClass:\"section__row\"},[_c('div',{staticClass:\"mt-3\"},[_c('div',{staticClass:\"branch__sales__text_header\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],staticClass:\"row top_section_row\"},[_c('div',{staticClass:\"col-md-8 sec_text_color\"},[_c('span',[_c('img',{staticClass:\"mr-3\",attrs:{\"src\":require(\"@/assets/img/hand (1).png\")}}),_vm._v(\"\\n                    \"+_vm._s(_vm.$route.query.region)+\" sales from\\n                    \"+_vm._s(_vm.$d(\n                        new Date(_vm.$route.query.startDate),\n                        \"short\",\n                        this.$root.$i18n.locale\n                      ))+\"\\n                    to\\n                    \"+_vm._s(_vm.$d(\n                        new Date(_vm.$route.query.endDate),\n                        \"short\",\n                        this.$root.$i18n.locale\n                      ))+\"\\n                  \")]),_vm._v(\" \"),_c('span')]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_vm._v(\" \"),_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"dataBound\":_vm.dataBound,\"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.cDashboard.station')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"state\",\"width\":\"200\",\"headerText\":_vm.$t('text.cDashboard.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"region\",\"width\":\"280\",\"headerText\":_vm.$t('text.cDashboard.region')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"pmsVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"pmsAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \"  \\n\\t\\t\\t\\t\\t  \" + (_vm.$t('text.cDashboard.productAmount')))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"agoVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product2) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"agoAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product2) + \" Amount\")}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"dpkVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product3) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"dpkAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product3) + \" Amount\")}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"lpgVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"lpgAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" Amount\")}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"totalAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":_vm.$t('text.cDashboard.total')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])]),_vm._v(\" \"),_c('div',{attrs:{\"id\":\"rentalListCan\"}})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div\r\n          class=\"fuel_consumption_row_right_section_nw pump__bg py-5\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.92), rgb(12, 4, 31, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n              flex: '0 0 100%',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"align-items-center\" style=\"height: 100%\">\r\n            <div class=\"text-center\">\r\n              <div\r\n                class=\"transaction_period_text text-center branch__sales__text\"\r\n                style=\"font-size: 22px\"\r\n              >\r\n                {{ $route.query.region }}\r\n              </div>\r\n            </div>\r\n            <!-- <div\r\n\t\t\t\t\t\t\tclass=\"col-md-5 drop_down_input_group sales_transaction_dropdown\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"drop_down_section mt-2 mr-2\">\r\n\t\t\t\t\t\t\t\t<div class=\"drop_down_div align-items-center\">\r\n\t\t\t\t\t\t\t\t\t<vue-ctk-date-time-picker\r\n\t\t\t\t\t\t\t\t\t\tv-model=\"dateRange\"\r\n\t\t\t\t\t\t\t\t\t\t:max-date=\"maxDate\"\r\n\t\t\t\t\t\t\t\t\t\t:range=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t:autoClose=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t:locale=\"this.$root.$i18n.locale\"\r\n\t\t\t\t\t\t\t\t\t\t:custom-shortcuts=\"customShortcuts\"\r\n\t\t\t\t\t\t\t\t\t\t:color=\"$store.getters.getDatePickerColor\"\r\n\t\t\t\t\t\t\t\t\t\tformat=\"DDMMYYYY\"\r\n\t\t\t\t\t\t\t\t\t\tformatted=\"DD/MM/YYYY\"\r\n\t\t\t\t\t\t\t\t\t\t:label=\"$t('text.calendar.dateRange')\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"mt-3\">\r\n        <section class=\"section__row\">\r\n          <div class=\"mt-3\">\r\n            <div class=\"branch__sales__text_header\">\r\n              <div class=\"row top_section_row\" v-show=\"!showLoader\">\r\n                <div class=\"col-md-8 sec_text_color\">\r\n                  <span>\r\n                    <img src=\"@/assets/img/hand (1).png\" class=\"mr-3\" />\r\n                    {{ $route.query.region }} sales from\r\n                    {{\r\n                      $d(\r\n                        new Date($route.query.startDate),\r\n                        \"short\",\r\n                        this.$root.$i18n.locale\r\n                      )\r\n                    }}\r\n                    to\r\n                    {{\r\n                      $d(\r\n                        new Date($route.query.endDate),\r\n                        \"short\",\r\n                        this.$root.$i18n.locale\r\n                      )\r\n                    }}\r\n                  </span>\r\n                  <span></span>\r\n                </div>\r\n                <div class=\"col-md-4 text-right\"></div>\r\n              </div>\r\n              <ejs-grid\r\n                v-show=\"!showLoader\"\r\n                ref=\"dataGrid\"\r\n                :dataBound=\"dataBound\"\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                <e-columns>\r\n                  <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n\r\n                  <e-column\r\n                    field=\"branchName\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.cDashboard.station')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"state\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.cDashboard.state')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"region\"\r\n                    width=\"280\"\r\n                    :headerText=\"$t('text.cDashboard.region')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"pmsVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product1} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"pmsAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product1}  \r\n\t\t\t\t\t  ${$t('text.cDashboard.productAmount')}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"agoVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product2} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"agoAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product2} Amount`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"dpkVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product3} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"dpkAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product3} Amount`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"lpgVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product4} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"lpgAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product4} Amount`\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"totalAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.cDashboard.total')\"\r\n                  ></e-column>\r\n                </e-columns>\r\n              </ejs-grid>\r\n              <TableLoader :showLoader=\"showLoader\" />\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <div id=\"rentalListCan\"></div>\r\n        <!-- PDF DEISGN START -->\r\n\r\n        <!-- PDF DESIGN ENDS -->\r\n      </div>\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 configObject from \"@/config\";\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} from \"@syncfusion/ej2-vue-grids\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Region Sales Report\",\r\n  name: \"RegionSalesReport\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\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      formatOptions: { type: \"dateTime\", format: \"dd/MM/yyyy hh:mm a\" },\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n      productCount: \"col-lg-3\",\r\n      cardCount: 0,\r\n      transKeep: [],\r\n      totalPmsVol: 0,\r\n      totalManualPmsVol: 0,\r\n      totalAgoVol: 0,\r\n      totalManualAgoVol: 0,\r\n      totalDpkVol: 0,\r\n      totalManualDpkVol: 0,\r\n      totalLpgVol: 0,\r\n      totalManualLpgVol: 0,\r\n      totalPmsVariance: 0,\r\n      totalAgoVariance: 0,\r\n      totalDpkVariance: 0,\r\n      totalLpgVariance: 0,\r\n      totalVol: 0,\r\n      totalManualVol: 0,\r\n      totalPmsVariance: 0,\r\n      totalAgoVariance: 0,\r\n      totalDpkVariance: 0,\r\n      totalLpgVariance: 0,\r\n      totalVariance: 0,\r\n      branchIcon: \"\",\r\n      company: \"\",\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\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      transFilter: this.$t(\"text.varianceReport.showAll\"),\r\n      startDate: this.$moment().subtract(1, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().subtract(1, \"days\").format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(1, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().subtract(1, \"days\").format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      backgroundUrl,\r\n      branch: {},\r\n      branchId: null,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      branches: 0,\r\n      dealers: 0,\r\n      salesTransactions: [],\r\n      showLoader: false,\r\n      showAll: false,\r\n      lowTanks: [],\r\n      products: [],\r\n      pmsCheck: 0,\r\n      agoCheck: 0,\r\n      dpkCheck: 0,\r\n      lpgCheck: 0,\r\n      totalCheck: 0,\r\n      pmsRate: 0,\r\n      agoRate: 0,\r\n      dpkRate: 0,\r\n      lpgRate: 0,\r\n      todaysDate: new Date(),\r\n      activeTab: \"chart\",\r\n      productSummary: [],\r\n      showTransactionOptions: false,\r\n      salesTransationsCount: 0,\r\n      company: null,\r\n    };\r\n  },\r\n  created() {\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n    if (localStorage.getItem(\"userDetails\") === \"null\") {\r\n      this.$router.push({ path: \"/\" });\r\n    } else if (configObject.authConfig() === null) {\r\n      window.location.reload();\r\n    }\r\n    if (localStorage.getItem(\"userDetails\") !== \"null\") {\r\n      this.getCompanyBranchSales();\r\n    }\r\n\r\n    //this.showLoader = true;\r\n\r\n    // let date = new Date();\r\n    // let year = date.getFullYear();\r\n    // let month = date.getMonth();\r\n    // let day = date.getDay();\r\n    // this.todaysDate = day + \"-\" + month + \"-\" + year;\r\n    // this.todaysDate = this.$moment(date, \"DD-MM-YYYY\").format(\"MMMM D, YYYY\");\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getCompanyBranchSales();\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\r\n        this.getCompanyBranchSales();\r\n      }\r\n    },\r\n  },\r\n  mounted() {\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\r\n  methods: {\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    dataBound: function () {\r\n      this.$refs.dataGrid.autoFitColumns();\r\n    },\r\n    // ?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n    getCompanyBranchSales() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Sale/CompanyRegionSales/CompanyRegionSales/${this.$route.query.regionId}?startDate=${this.$route.query.startDate}&endDate=${this.$route.query.endDate}`,\r\n\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          let groupArrays;\r\n\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          let groups;\r\n\r\n          groups = response.data.reduce((groups, sales) => {\r\n            const branchName = sales.branchName;\r\n\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          let count = 0;\r\n          groupArrays = Object.keys(groups).map((branchName) => {\r\n            const pmsV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product1\r\n            );\r\n            const agoV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product2\r\n            );\r\n            const dpkV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product3\r\n            );\r\n            const lpgV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product4\r\n            );\r\n\r\n            return {\r\n              index: ++count,\r\n              branchName,\r\n              region: groups[branchName][0].region,\r\n              state: groups[branchName][0].state,\r\n              regionId: groups[branchName][0].regionId,\r\n              pmsVolume: pmsV.length\r\n                ? this.convertThousand(pmsV[0].volumeSold)\r\n                : \"0.00\",\r\n              pmsAmount: pmsV.length\r\n                ? this.convertThousand(pmsV[0].amountSold)\r\n                : \"0.00\",\r\n              agoVolume: agoV.length\r\n                ? this.convertThousand(agoV[0].volumeSold)\r\n                : \"0.00\",\r\n              agoAmount: agoV.length\r\n                ? this.convertThousand(agoV[0].amountSold)\r\n                : \"0.00\",\r\n              dpkVolume: dpkV.length\r\n                ? this.convertThousand(dpkV[0].volumeSold)\r\n                : \"\",\r\n              dpkAmount: dpkV.length\r\n                ? this.convertThousand(dpkV[0].amountSold)\r\n                : \"\",\r\n              lpgVolume: lpgV.length\r\n                ? this.convertThousand(lpgV[0].volumeSold)\r\n                : \"0.00\",\r\n              lpgAmount: lpgV.length\r\n                ? this.convertThousand(lpgV[0].amountSold)\r\n                : \"0.00\",\r\n              totalAmount: this.convertThousand(\r\n                groups[branchName].reduce((acc, currValue) => {\r\n                  return acc + currValue.amountSold;\r\n                }, 0)\r\n              ),\r\n            };\r\n          });\r\n\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: groupArrays,\r\n          });\r\n          this.refreshGrid();\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {});\r\n    },\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};\r\n</script>\r\n<style>\r\n@page {\r\n  margin: 0;\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .card_container.ml-3 {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .fuel_consumption_button.installed__tanks_dropdown__row {\r\n    height: 113px !important;\r\n    text-align: center;\r\n  }\r\n\r\n  .field-input[data-v-74507c40] {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 56px;\r\n  }\r\n\r\n  .fuel_consumption_row_right_section_nw {\r\n    height: 214px;\r\n  }\r\n\r\n  .fuel_consumption_row .fuel_consumption_row_right_section_nw {\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .transaction_period_text.text-center.branch__sales__text {\r\n    margin-top: -11px;\r\n  }\r\n\r\n  .drop_down_input_group.sales_transaction_dropdown {\r\n    margin-top: -97px;\r\n    margin-left: 26px;\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=3ad22717&\"\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=3ad22717&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,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAABWpJREFUaEPNWd152kgUPVc4QW/rrSCCBpZUELyQ57AVGFewdgVmK7BdgUkFJs+L16SCkAZA6cB+k2KYu98dSVgSoz8jHOsRRppz7t+ce4ewx8dB9xB245PFGDDIIUJHtmPGnIjnStHE/Tn9sgsE2uXlvHfbzf4pg8+J6DBvHYNdVjhzf95OnoOldgJidavZuAbRQFsb/JkVJmmAztvegCw6JeBDAJzHC+/2pCqJ2gm07P5MQDHzd1bW0H38dx6Bct587ODx0XUxu9/8Zve7FmMCwm/PIVErgXazdwmivzV4f91NAH3zsWM1+Jt4ZOndDuOWduyuY/HBXEgoqBPX+29c1hO1EdAgcLAE40H5KycOXsA4YmngThJ46U/fpwGKdzRB5nv21630+1mEaiPQsntjAh2Dcbbwp5cJC0u8E66jhBYS7K+O0iDzvrF3Au1m/16HgLf63QDMJdA7MF8x0CWiP9Sa3sfzI/BS4MUsL5lI1OKBTXgAX5fetJveqG33OQ5KwiUNPnqnZfc02YU3LYWt1KKihIoIAPhn4U1H6fWtZm8uVgfzBERz5a2usmI8qmImD+3PA297A8uimywCYnFqqIkOo/AkNuWA/LchABy53nRWZLx6PcB8tfBvT7M21UQsHhHhkynZkwRWLdebuS9EID/5dAiB7hb+9EwkBggXWd7SxQDAwp/mSpCIWC0e0JYL41xh23JRhYpb07RO5IWEIjO+LP2pliJFT20E2nZfkvfceNKie0jNg3EYOg+KeWgSb5v4V/xXWXFXGwERcWQ3JFTemeRAiVIbGsBcivd+kCXlAt8z4yRuRU2weTBmUpO01nHsP4cWrGstQxR1s86IvZXRpDALwQQ/jvJqfiDiGhdaegv4jNDKy4PaQiitfSyisUgLEWdEmCjGHGRpaW2Bu2DuRD3DcyxfexVKWylsbEYADQOtb3gYDyBcKm91WVZ9pr+yFw9skQnKo+6Ho0cBszInrc4t6fLsxoU2RtDluQw6kfdfhEBRLc/7P0z+Oz0QYDwIeK2rACjg6FUTiIOXw4391VBCLapaerqxi3X2+W4S/HaLKhJd9t+JgGN//AAoxwI5CuwClgs8/igjwsqGjbG/3jQ+/L0yAcfuHcugalMCTcVFD65Qac6jsPosxIssn8qJs9IEQil8HU3XdEIR5sQ8B1EwJmE+jFrGZ4UX44yBY9nDZHn5ZrvZuxHjcdj9lSKwOep1CcNXhhrnjT7khAUOnLIkLOZB/LzIAb81tikkEAefpeHLAs2N+1APMfgHe+vO9lgmppdo1YnyLJeAWJK48U3GIVUHTlVJPalVw+ArnBnp2p+aZhgJhOONY2bIPKcj45C8VrEq2AzZEcxTU3OlIiNuEUiFjN7LNOvJAh11VVHHpYe4saFWHlmJ/aV/u5EcyYpjNmKCQFyXi8hi5oEc21mTNBMYCQUCRozVUJfFSOvnIJe4J8ZE+etRPPY3FSenxdwQMDUVgQUas6okdg0pXS7t3rVUpqyKFO2hCeR1RL+CRAJPrOKYDENl2rmXJNG2++fSyZkqjpFAJIqKanwZEvoCo5HRvBTElRxmTDwgkFOlvXzygNbX+ZcLWSSC6yJc6M13fPSVFNajsoIwmQPPIQEeW0T6PkBkRkIbVSCjoFxAzcoCTyRxIpErkghEHB4UYVC2RazAq3Cp+RyoSsJwK1O4c00Lck/iopyILvWyJs01Ycz9TIYWehpOSeNsCg194jLfBEKv3Ch8H4Qy1ehT48z3rKyjxH1vTB4UeWkfoOPfLJDTgSf01WdIIq5tfjV4IVK6oQlGhLpcBqdkxQvpfXmikEC6xL4m8KU8EFkuCp3XYvkI1/9l//TK0L7bzAAAAABJRU5ErkJggg==\""],"sourceRoot":""}