{"version":3,"sources":["webpack:///./src/views/Company/variance_report/companyTankVariance.vue?9eea","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/assets/img/y.png","webpack:///./src/views/Company/variance_report/companyTankVariance.vue?8121","webpack:///src/views/Company/variance_report/companyTankVariance.vue","webpack:///./src/views/Company/variance_report/companyTankVariance.vue?28c0","webpack:///./src/views/Company/variance_report/companyTankVariance.vue","webpack:///./src/assets/img/hand (1).png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","class","activeTab","_v","_s","salesTransationsCount","$t","attrs","on","toggleTransactionsDropDown","$event","showTransactionOptions","directives","name","rawName","value","expression","domProps","target","composing","transFilter","ref","selectItem","_l","prod","index","key","refInFor","_e","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","maxDate","$root","$i18n","locale","customShortcuts","$store","getters","getDatePickerColor","model","callback","$$v","dateRange","productCount","countryProducts","products","product1","convertThousand","totalPmsVol","totalManualPmsVol","product2","totalAgoVol","totalManualAgoVol","product3","totalDpkVol","totalManualDpkVol","product4","totalLpgVol","totalManualLpgVol","totalVol","totalManualVol","showLoader","$d","Date","startDate","endDate","dataBound","refreshGrid","pageSettings","toolbar","search","toolbarClick","excelQueryCellInfo","usedLang","formatOptions","staticRenderFns","$","title","components","MasterLayout","TableLoader","provide","grid","data","type","format","hasLpg","hasPms","hasAgo","hasDpk","cardCount","transKeep","totalPmsVariance","totalAgoVariance","totalDpkVariance","totalLpgVariance","totalVariance","branchIcon","company","label","pluginStartDate","pluginEndDate","start","end","branch","branchId","pageSizes","pageCount","pageSize","operator","ignoreCase","branches","dealers","salesTransactions","showAll","lowTanks","pmsCheck","agoCheck","dpkCheck","lpgCheck","totalCheck","pmsRate","agoRate","dpkRate","lpgRate","todaysDate","productSummary","created","path","window","computed","watch","mounted","searchFun","methods","downloadWithCSS","myWindow","args","_gotoSalesTransactionDetails","trans","localStorage","JSON","query","id","newTrans","cur","dataSource","activateTab","getVarianceReport","get","configObject","then","response","obj","prodCount","sale","volume","manualVolume","variance","branchState","branchRegion","columnNumber","newData","date","productName","volumeSold","manualVolumeSold","sort","a","element","acc","el","catch","error","toFixed","toString","replace","component"],"mappings":"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,kBACAgI,kBACAvH,0BACAN,wBACAiG,eAGA6B,UAOA,iCACA,iBAEA,6BACA,yBAEA,0CACA,sCACA,6CACA,mBAAAC,WACA,4BACAC,yBAGA,mBAEA,eACA,kBACA,eACA,aACA,8BACA,qEAEAC,UACAtF,2BACA,gDAGAuF,OACAjC,WACA,UACA,0BAGAxD,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,4BAIA0F,UAIA,cACA,oEACA,iBACAlD,YANAN,iCACAyD,SASAC,SACAC,kBACA,8BACA,6CACAC,oBACA,wCACA/G,kvBA0BA+G,+BACAA,mBACAA,UACAA,UACAA,WAEAhE,sBACA,yBACAiE,6DAGAC,kCACA,oCACAC,sBACA,GACAC,qBACA,0BACAC,mBAEA,mBAAApI,OAAAqI,OAAAC,eAEA1I,6BACA,0DAEAa,cACA,mBACA,+BACA,yDACA,SACA,+CACA,QACA8H,6CACAA,cACA3H,IACA4H,gBAEA,CACA,QACAD,iBACAA,cACA3H,IACA4H,YAGA,gDACAC,eAEA,oCACA,oBAEAC,eACA,kBAEAjF,qBACA,sCAEAK,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEAiF,oBACA,mBACA,wDACA,WACAC,IACA,mHACAC,qBAEAC,KAAAC,IACA,IAmOA,EAnOA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IAEA,IACA,IACA,IACA,IAEA,KACA,iBAEAA,mBACA,aACA,oCAEA,OACAC,SAGA,UACAA,YAGA,yDACA,cACA,eACAC,KAGA1G,gBACAC,EACA0G,yBACA1G,qBACA,KACA2C,EACA+D,qBACA/D,iBACA,KACA,gDAaA6D,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,yBACAF,QACA,wCACAI,aAAAF,mBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,yBACAA,mBACA,KACAG,SACAH,+CACAI,0BACAC,8BAwBA,yDACA,cACA,eACAN,KAEAvG,gBACAC,EACAuG,yBACAvG,qBACA,KACAyC,EACA8D,qBACA9D,iBACA,KACA,gDAaA4D,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,yBACAF,QACA,wCACAI,aAAAF,mBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,yBACAA,mBACA,KACAG,SACAH,+CACAI,0BACAC,8BAwBA,yDACA,cACA,eACAN,KAEApG,gBACAC,EACAoG,yBACApG,qBACA,KACAuC,EACA6D,qBACA7D,iBACA,KACA,gDAaA2D,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,yBACAF,QACA,wCACAI,aAAAF,mBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,yBACAA,mBACA,KACAG,SACAH,+CACAI,0BACAC,8BAwBA,yDACA,cACA,eACAN,KAEAjG,gBACAC,EACAiG,yBACAjG,qBACA,KACAqC,EACA4D,qBACA5D,iBACA,KACA,gDAaA0D,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,yBACAF,QACA,wCACAI,aAAAF,mBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,yBACAA,mBACA,KACAG,SACAH,+CACAI,0BACAC,gCA0BA,iBACAN,IAGAO,EADAP,MACAO,KACAA,EACA,8BAEA,SAGA,eACA,kBAEA,qBACAC,QACA1D,SACA2D,OACAC,cACAC,6BACAC,yCACAR,6BACAC,mCACAC,uCAMAE,EACAK,KAAA,QACA,mBACA,4CAGAA,KAAA,QACA,mBACA,oDAGAA,KAAA,QACA,wCACA,gEACA,EACAC,wDACA,EACA,IAIA,mBACA,uBACAvH,YAEA,mBACA,uBACAG,YAEA,mBACA,uBACAG,YAEA,mBACA,uBACAG,YAEA,sBACAkC,YACA,sBACAC,YACA,sBACAC,YACA,sBACAC,YACA,mBACAH,EACAC,EACAC,EACAC,EAEA,sBACA,oBACA9C,EACAG,EACAG,EACAG,EAEA,gBACA,gBACA,gBACA,gBACA,gBACAT,EACAG,EACAG,EACAG,EAEAwG,cACAO,YACAA,kBACAA,gDACA,EACAA,eACAA,mBACAA,gDAEA,uBACA,4BACAC,sBAEA,GACA,IACA,uBACA,iBACA,yBACAR,cACAS,gDAEA,gDACAzB,eAEA,oCACA,mBACA,qBAEA0B,MAAAC,QAEA9H,mBACA,mBAGA,EACA+H,QAAA,GACAC,WACAC,QAAA,6BALA,UC/kC2X,I,wBCQvXC,EAAY,eACd,EACA7L,EACAuF,GACA,EACA,KACA,KACA,MAIa,aAAAsG,E,mDCnBf/L,EAAOC,QAAU","file":"js/chunk-bf8257c8.2a523c42.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!./companyTankVariance.vue?vue&type=style&index=0&id=75696ccc&prod&lang=css&\"","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=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAwCAYAAABqkJjhAAAABHNCSVQICAgIfAhkiAAAAwdJREFUaEPtWu1RFTEUvacCoQKhArECtQK1ArQDqACoQKlAqQCsQKjAZwdQgVDBYc6b7E7IJtnA3n2zM777x/FtNjk5e3PuR4AlRvLQzD6Z2Xsz20mfO///3syuzewKwEXL3OgGkdwzs0szO2h5cYYxKzP7CkD/Fm0NOID9swFGx/Ypxj/UQHeABTZl9sHMqrsdW73hudZ8lYxbAXhbehckv5jZj2iAgJ4C+N6w4OQhYX2tFQOXa/zMTS7AV2b2MXp4vCmw0fnRIdf56ewXAP02MAH+F/nuA4C5lSH7VUjKf3uWAfSCEL8gwIx+uAEgOdu4kZS8vesW3gL2/gT/L8MkT0KY9iT1GsBZPKELwxmN9gT9RD69AB+Z2TdPlNFcZwBOIy2erhIkpckKLL3cOIG/UUYIQNq7NheGncA1TbMF3ETThEFuDAc/fjMBS+7Vv7H/uvnwjIn9IFF3YZikZEeBYw6bRdaUuf2eA62ZfQYgyfSVNZIC7Z1yKjQrUPTm4hIzMZuddgt4brbdGH5heinZkgo0twlcAE9ML6v9hfSLpdX7i2o6klPSyzsAan81WVCjTkIvAKhfMrBq1TwhvVQz5qjUDCntIETWnWqraillfm4TgTB1pZSXq0JZLaYvUQAsF+mC1i2A/cUCzuQx667UIgGTVFdTHdXY1kXr4gAHvxXYWGH65uASAeuQxZImxdnrEv5FASaZtl3lEurI95mdO+CopBqUQbUIUqhuzgEoePXmCjiAlRTp0IzeVyT5cCxheqQNDy6IvAGnFUoT6JyESX9zEc8bsCLSbXJfIdAqh55UGB27NQkr5RJxq/4ewG5TtlIYFAAIXHo7NLhoGZOwEmD3S5lW0CSrElYCnF57iXFde53PyXSLhGUB60eSqgxy3Z2s31U2oiqjfycwrfu2dG6tlyrAQMJqgBUGNUnqd88leXAGgp9qE7V2V1bCioADywItf57aR9vN9M2kHiXQCr1ZCasCjmRGPt39+cFzGS/eogamFbU0/2szuwsE6bz0je2xT/oIaXkwTxH+xQwAAAAASUVORK5CYII=\"","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:\"card_container\",staticStyle:{\"flex\":\"0 0 20%\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"col-md-12 fuel_consumption_btn_div mt-3\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'chart' ? 'active_tab' : null],staticStyle:{\"height\":\"80px\",\"width\":\"80px\"}},[_c('h3',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.salesTransationsCount))])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center voucher_type mt-2\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.varianceReport.totalTransactions\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"card_container\",staticStyle:{\"flex\":\"0 0 20%\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"col-md-12 fuel_consumption_btn_div mt-3\"},[_c('div',{staticClass:\"fuel_consumption_button installed__tanks_dropdown__row showAllContainer\",staticStyle:{\"width\":\"100%\",\"padding\":\"5px\",\"cursor\":\"pointer\"},attrs:{\"width\":\"100%\"}},[_c('div',{staticClass:\"row installed__pumps_dropdown align-items-center\",on:{\"click\":_vm.toggleTransactionsDropDown,\"mouseleave\":function($event){_vm.showTransactionOptions === true\n                    ? (_vm.showTransactionOptions = false)\n                    : ''}}},[_c('div',{staticClass:\"col-md-3 dropdown_img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/y.png\")}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transFilter),expression:\"transFilter\"}],staticClass:\"installed__pumps_dropdown_input\",attrs:{\"type\":\"text\",\"readonly\":\"\"},domProps:{\"value\":(_vm.transFilter)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.transFilter=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('div',[_c('i',{staticClass:\"fa fa-angle-right\",class:[\n                        _vm.showTransactionOptions ? 'downArrow' : 'upArrow' ],staticStyle:{\"float\":\"right\",\"font-size\":\"25px\",\"color\":\"white\"}})])]),_vm._v(\" \"),(_vm.showTransactionOptions)?_c('div',{ref:\"balance_to_drop_down_menu\",staticClass:\"return_balance_to_drop_dwon\"},[_c('hr',{staticClass:\"mt-2\"}),_vm._v(\" \"),_c('div',{ref:\"balance_to_list_row\",staticClass:\"row mt-2 active_validity_drop_down_list align-items-center\",on:{\"click\":function($event){_vm.selectItem(_vm.$t('text.varianceReport.showAll'))}}},[_c('div',{staticClass:\"col-md-8\"},[_c('h3',{ref:\"validity_drop_down_list\",staticClass:\"dropdown_header_text mt-2 validity_drop_down_list\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.varianceReport.showAll\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_vm._v(\" \"),_vm._l((_vm.products),function(prod,index){return _c('div',{key:index,ref:\"balance_to_list_row\",refInFor:true,staticClass:\"row mt-2 active_validity_drop_down_list align-items-center\",on:{\"click\":function($event){return _vm.selectItem(prod)}}},[_c('div',{staticClass:\"col-md-8\"},[_c('h3',{ref:\"validity_drop_down_list\",refInFor:true,staticClass:\"dropdown_header_text mt-2 validity_drop_down_list\"},[_vm._v(\"\\n                        \"+_vm._s(prod)+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})])})],2):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center voucher_type mt-2\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.varianceReport.productFilter\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuel_consumption_row_right_section_nw pump__bg\",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          } ])},[_c('div',{staticClass:\"row align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"transaction_period_text text-center branch__sales__text\",staticStyle:{\"font-size\":\"22px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.varianceReport.tankVarianceTitle\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-5 drop_down_input_group sales_transaction_dropdown\"},[_c('div',{staticClass:\"drop_down_section mt-2 mr-2\"},[_c('div',{staticClass:\"drop_down_div align-items-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('section',{staticClass:\"row dashboard_first_row mt-3\"},[(_vm.hasPms)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_pms\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalPmsVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualPmsVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalPmsVol - _vm.totalManualPmsVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_ago\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalAgoVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualAgoVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalAgoVol - _vm.totalManualAgoVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_dpk\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalDpkVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualDpkVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalDpkVol - _vm.totalManualDpkVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_lpg\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalLpgVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualLpgVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalLpgVol - _vm.totalManualLpgVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_total\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.total\"))+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(_vm._s(_vm.convertThousand(_vm.totalVol)))])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalVol - _vm.totalManualVol))+\"\\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.$t(\"text.varianceReport.reportBetween\"))+\"\\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('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,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"date\",\"width\":\"180\",\"format\":_vm.formatOptions,\"type\":\"date\",\"headerText\":_vm.$t('text.varianceReport.date')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branch\",\"width\":\"200\",\"headerText\":_vm.$t('text.varianceReport.branch')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchRegion\",\"width\":\"280\",\"headerText\":_vm.$t('text.varianceReport.region')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchState\",\"width\":\"200\",\"headerText\":_vm.$t('text.varianceReport.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"productName\",\"width\":\"120\",\"headerText\":_vm.$t('text.varianceReport.product')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"280\",\"field\":\"volumeSold\",\"format\":\"N2\",\"headerText\":_vm.$t('text.varianceReport.eVolumeSoldLtr')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"280\",\"field\":\"manualVolumeSold\",\"format\":\"N2\",\"headerText\":_vm.$t('text.varianceReport.mVolumeSoldLtr')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"130\",\"field\":\"variance\",\"format\":\"N2\",\"headerText\":_vm.$t('text.varianceReport.varianceLtr')}})],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 class=\"card_container\" style=\"flex: 0 0 20%\">\r\n          <div class=\"row align-items-center fuel_consumption_buttons_row\">\r\n            <div class=\"col-md-12 fuel_consumption_btn_div mt-3\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                :class=\"[activeTab === 'chart' ? 'active_tab' : null]\"\r\n                style=\"height: 80px; width: 80px\"\r\n              >\r\n                <h3 class=\"text-white\">{{ salesTransationsCount }}</h3>\r\n              </div>\r\n              <div class=\"text-center voucher_type mt-2\">\r\n                {{ $t(\"text.varianceReport.totalTransactions\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"card_container\" style=\"flex: 0 0 20%\">\r\n          <div class=\"row align-items-center fuel_consumption_buttons_row\">\r\n            <div class=\"col-md-12 fuel_consumption_btn_div mt-3\">\r\n              <div\r\n                class=\"fuel_consumption_button installed__tanks_dropdown__row showAllContainer\"\r\n                width=\"100%\"\r\n                style=\"width: 100%; padding: 5px; cursor: pointer\"\r\n              >\r\n                <div\r\n                  class=\"row installed__pumps_dropdown align-items-center\"\r\n                  @click=\"toggleTransactionsDropDown\"\r\n                  v-on:mouseleave=\"\r\n                    showTransactionOptions === true\r\n                      ? (showTransactionOptions = false)\r\n                      : ''\r\n                  \"\r\n                >\r\n                  <div class=\"col-md-3 dropdown_img\">\r\n                    <img src=\"@/assets/img/y.png\" />\r\n                  </div>\r\n                  <div class=\"col-md-7\">\r\n                    <input\r\n                      type=\"text\"\r\n                      class=\"installed__pumps_dropdown_input\"\r\n                      readonly\r\n                      v-model=\"transFilter\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"col-md-2\">\r\n                    <div>\r\n                      <i\r\n                        style=\"float: right; font-size: 25px; color: white\"\r\n                        class=\"fa fa-angle-right\"\r\n                        :class=\"[\r\n                          showTransactionOptions ? 'downArrow' : 'upArrow',\r\n                        ]\"\r\n                      ></i>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div\r\n                    class=\"return_balance_to_drop_dwon\"\r\n                    ref=\"balance_to_drop_down_menu\"\r\n                    v-if=\"showTransactionOptions\"\r\n                  >\r\n                    <hr class=\"mt-2\" />\r\n                    <div\r\n                      class=\"row mt-2 active_validity_drop_down_list align-items-center\"\r\n                      ref=\"balance_to_list_row\"\r\n                      @click=\"selectItem($t('text.varianceReport.showAll'))\"\r\n                    >\r\n                      <div class=\"col-md-8\">\r\n                        <h3\r\n                          class=\"dropdown_header_text mt-2 validity_drop_down_list\"\r\n                          ref=\"validity_drop_down_list\"\r\n                        >\r\n                          {{ $t(\"text.varianceReport.showAll\") }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"col-md-4 text-right\"></div>\r\n                    </div>\r\n                    <div\r\n                      class=\"row mt-2 active_validity_drop_down_list align-items-center\"\r\n                      ref=\"balance_to_list_row\"\r\n                      v-for=\"(prod, index) in products\"\r\n                      :key=\"index\"\r\n                      @click=\"selectItem(prod)\"\r\n                    >\r\n                      <div class=\"col-md-8\">\r\n                        <h3\r\n                          class=\"dropdown_header_text mt-2 validity_drop_down_list\"\r\n                          ref=\"validity_drop_down_list\"\r\n                        >\r\n                          {{ prod }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"col-md-4 text-right\"></div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"text-center voucher_type mt-2\">\r\n                {{ $t(\"text.varianceReport.productFilter\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"fuel_consumption_row_right_section_nw pump__bg\"\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            },\r\n          ]\"\r\n        >\r\n          <div class=\"row align-items-center\" style=\"height: 100%\">\r\n            <div class=\"col-md-5\">\r\n              <div\r\n                class=\"transaction_period_text text-center branch__sales__text\"\r\n                style=\"font-size: 22px\"\r\n              >\r\n                {{ $t(\"text.varianceReport.tankVarianceTitle\") }}\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"col-md-5 drop_down_input_group sales_transaction_dropdown\"\r\n            >\r\n              <div class=\"drop_down_section mt-2 mr-2\">\r\n                <div class=\"drop_down_div align-items-center\">\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        </div>\r\n      </div>\r\n      <section class=\"row dashboard_first_row mt-3\">\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasPms\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_pms\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product1 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalPmsVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualPmsVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalPmsVol - totalManualPmsVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasAgo\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_ago\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product2 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalAgoVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualAgoVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalAgoVol - totalManualAgoVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasDpk\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_dpk\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product3 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalDpkVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualDpkVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalDpkVol - totalManualDpkVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasLpg\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_lpg\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product4 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalLpgVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualLpgVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalLpgVol - totalManualLpgVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_total\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ $t(\"text.bVarianceReport.total\") }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">{{ convertThousand(totalVol) }}</p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalVol - totalManualVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </section>\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                    {{ $t(\"text.varianceReport.reportBetween\") }}\r\n                    {{\r\n                      $d(new Date(startDate), \"short\", this.$root.$i18n.locale)\r\n                    }}\r\n                    {{ $t(\"text.and.text\") }}\r\n                    {{\r\n                      $d(new Date(endDate), \"short\", this.$root.$i18n.locale)\r\n                    }}\r\n                  </span>\r\n                  <span></span>\r\n                </div>\r\n                <div class=\"col-md-4 text-right\">\r\n                  <!-- <button class=\"show_more_button remove_text_decoration\"  @click=\"downloadWithCSS\">\r\n                  Download Sales Report\r\n                  </button>-->\r\n                </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                :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n                :locale=\"usedLang\"\r\n              >\r\n                <e-columns>\r\n                  <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n                  <e-column\r\n                    field=\"date\"\r\n                    width=\"180\"\r\n                    :format=\"formatOptions\"\r\n                    type=\"date\"\r\n                    :headerText=\"$t('text.varianceReport.date')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"branch\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.varianceReport.branch')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"branchRegion\"\r\n                    width=\"280\"\r\n                    :headerText=\"$t('text.varianceReport.region')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"branchState\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.varianceReport.state')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"productName\"\r\n                    width=\"120\"\r\n                    :headerText=\"$t('text.varianceReport.product')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"280\"\r\n                    field=\"volumeSold\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.varianceReport.eVolumeSoldLtr')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"280\"\r\n                    field=\"manualVolumeSold\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.varianceReport.mVolumeSoldLtr')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"130\"\r\n                    field=\"variance\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.varianceReport.varianceLtr')\"\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: \"Company Variance Report\",\r\n  name: \"VarianceReport\",\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    // if (localStorage.getItem(\"companyDetails\")) {\r\n    //   this.company = JSON.parse(localStorage.getItem(\"companyDetails\"));\r\n    //   this.branchIcon = \"https://app.epump.com.ng\" + this.company.url;\r\n    // } else {\r\n    //   this.branchIcon = \"@/assets/img/avatar.svg\";\r\n    // }\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getVarianceReport();\r\n    }\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\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.getVarianceReport();\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.getVarianceReport();\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    downloadWithCSS() {\r\n      var elementHTML = $(\"#pdfContent\").html();\r\n      var myWindow = window.open(\"\", \"\", \"width=1000,height=700\");\r\n      myWindow.document.write(elementHTML);\r\n      var style = myWindow.document.createElement(\"style\");\r\n      style.innerHTML = `\r\n    @page {\r\n      size: auto;  /* auto is the initial value */\r\n      margin: 0mm; /* this affects the margin in the printer settings */\r\n    }\r\n    html {\r\n      background-color: #FFFFFF;\r\n      margin: 0px; /* this affects the margin on the HTML before sending to printer */\r\n    }\r\n    body {\r\n      margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */\r\n      margin: 0mm;\r\n    }\r\n    .data__row:nth-child(even) {\r\n      background: #dbdbdb;\r\n      -webkit-print-color-adjust: exact;  print-color-adjust: exact;\r\n    }\r\n\r\n    .data__row:nth-child(odd) {\r\n       background: white;\r\n      -webkit-print-color-adjust: exact;  print-color-adjust: exact;\r\n    }\r\n    table {\r\n       border-collapse: collapse;\r\n    }\r\n    `;\r\n      myWindow.document.head.appendChild(style);\r\n      myWindow.document.close();\r\n      myWindow.focus();\r\n      myWindow.print();\r\n      myWindow.close();\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"date\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY hh:mm A\");\r\n      }\r\n    },\r\n    _gotoSalesTransactionDetails($newRoute, salesObj) {\r\n      let salesTransaction = this.salesTransactions.filter(\r\n        (trans) => trans.index === salesObj.index\r\n      )[0];\r\n      localStorage.setItem(\r\n        \"salesTransactionDetails\",\r\n        JSON.stringify(salesTransaction)\r\n      );\r\n      this.$router.push({ name: $newRoute, query: { id: salesObj.index } });\r\n    },\r\n    toggleTransactionsDropDown() {\r\n      this.showTransactionOptions = !this.showTransactionOptions;\r\n    },\r\n    selectItem(item) {\r\n      this.transFilter = item;\r\n      this.showTransactionOptions = false;\r\n      this.showTransactionOptions = !this.showTransactionOptions;\r\n      let newTrans = [];\r\n      if (item !== this.$t(\"text.varianceReport.showAll\")) {\r\n        let index = 0;\r\n        newTrans = this.transKeep.filter((trans) => trans.productName == item);\r\n        newTrans.forEach((cur) => {\r\n          index++;\r\n          cur.index = index;\r\n        });\r\n      } else {\r\n        let index = 0;\r\n        newTrans = this.transKeep;\r\n        newTrans.forEach((cur) => {\r\n          index++;\r\n          cur.index = index;\r\n        });\r\n      }\r\n      this.$refs.dataGrid.ej2Instances.setProperties({\r\n        dataSource: newTrans,\r\n      });\r\n      this.salesTransationsCount = newTrans.length;\r\n      this.refreshGrid();\r\n    },\r\n    activateTab(voucher_type) {\r\n      this.activeTab = voucher_type;\r\n    },\r\n    dataBound: function () {\r\n      this.$refs.dataGrid.autoFitColumns();\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    getVarianceReport() {\r\n      this.showLoader = true;\r\n      this.transFilter = this.$t(\"text.varianceReport.showAll\");\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/tank/CompanyVariance/${this.company.id}?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          let index = 0;\r\n          let totalPmsVol = 0;\r\n          let totalManualPmsVol = 0;\r\n          let totalAgoVol = 0;\r\n          let totalManualAgoVol = 0;\r\n          let totalDpkVol = 0;\r\n          let totalManualDpkVol = 0;\r\n          let totalLpgVol = 0;\r\n          let totalManualLpgVol = 0;\r\n\r\n          let totalPmsVariance = 0;\r\n          let totalAgoVariance = 0;\r\n          let totalDpkVariance = 0;\r\n          let totalLpgVariance = 0;\r\n\r\n          let obj = {};\r\n          let prodCount = this.cardCount;\r\n\r\n          response.data.forEach((sale) => {\r\n            let date = sale.date;\r\n            let branch = sale.branchName && sale.branchName.trim();\r\n\r\n            if (!obj[date]) {\r\n              obj[date] = {};\r\n            }\r\n\r\n            if (!obj[date][branch]) {\r\n              obj[date][branch] = {};\r\n            }\r\n\r\n            if (sale.productName === this.countryProducts.products.product1) {\r\n              if (!this.hasPms) {\r\n                this.hasPms = true;\r\n                prodCount++;\r\n              }\r\n\r\n              totalPmsVol += sale.volumeSold;\r\n              totalManualPmsVol =\r\n                sale.manualVolumeSold != null\r\n                  ? totalManualPmsVol + sale.manualVolumeSold\r\n                  : null;\r\n              totalPmsVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalPmsVariance + sale.pumpVariance\r\n                  : null;\r\n              if (!obj[date][branch][this.countryProducts.products.product1]) {\r\n                obj[date][branch][this.countryProducts.products.product1] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product1] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product1]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product1\r\n                        ].manualVolume + sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product1\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product2) {\r\n              if (!this.hasAgo) {\r\n                this.hasAgo = true;\r\n                prodCount++;\r\n              }\r\n              totalAgoVol += sale.volumeSold;\r\n              totalManualAgoVol =\r\n                sale.manualVolumeSold != null\r\n                  ? totalManualAgoVol + sale.manualVolumeSold\r\n                  : null;\r\n              totalAgoVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalAgoVariance + sale.pumpVariance\r\n                  : null;\r\n              if (!obj[date][branch][this.countryProducts.products.product2]) {\r\n                obj[date][branch][this.countryProducts.products.product2] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product2] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product2]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product2\r\n                        ].manualVolume + sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product2\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product3) {\r\n              if (!this.hasDpk) {\r\n                this.hasDpk = true;\r\n                prodCount++;\r\n              }\r\n              totalDpkVol += sale.volumeSold;\r\n              totalManualDpkVol =\r\n                sale.manualVolumeSold != null\r\n                  ? totalManualDpkVol + sale.manualVolumeSold\r\n                  : null;\r\n              totalDpkVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalDpkVariance + sale.pumpVariance\r\n                  : null;\r\n              if (!obj[date][branch][this.countryProducts.products.product3]) {\r\n                obj[date][branch][this.countryProducts.products.product3] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product3] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product3]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product3\r\n                        ].manualVolume + sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product3\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product4) {\r\n              if (!this.hasLpg) {\r\n                this.hasLpg = true;\r\n                prodCount++;\r\n              }\r\n              totalLpgVol += sale.volumeSold;\r\n              totalManualLpgVol =\r\n                sale.manualVolumeSold != null\r\n                  ? totalManualLpgVol + sale.manualVolumeSold\r\n                  : null;\r\n              totalLpgVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalLpgVariance + sale.pumpVariance\r\n                  : null;\r\n              if (!obj[date][branch][this.countryProducts.products.product4]) {\r\n                obj[date][branch][this.countryProducts.products.product4] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product4] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product4]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.manualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product4\r\n                        ].manualVolume + sale.manualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product4\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n          });\r\n\r\n          this.cardCount = prodCount;\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          let newData = [];\r\n\r\n          let newCount = 1;\r\n          for (var x in obj) {\r\n            for (var b in obj[x]) {\r\n              newCount++;\r\n              for (var i in obj[x][b]) {\r\n                newData.push({\r\n                  branch: b,\r\n                  date: x,\r\n                  productName: i,\r\n                  volumeSold: obj[x][b][i].volume,\r\n                  manualVolumeSold: obj[x][b][i].manualVolume,\r\n                  variance: obj[x][b][i].variance,\r\n                  branchState: obj[x][b][i].branchState,\r\n                  branchRegion: obj[x][b][i].branchRegion,\r\n                });\r\n              }\r\n            }\r\n          }\r\n\r\n          newData\r\n            .sort((a, b) => {\r\n              if (a.date !== b.date) {\r\n                return a.date > b.date ? -1 : a.date < b.date ? 1 : 0;\r\n              }\r\n            })\r\n            .sort((a, b) => {\r\n              if (a.date === b.date) {\r\n                return a.branch > b.branch ? 1 : a.branch < b.branch ? -1 : 0;\r\n              }\r\n            })\r\n            .sort((a, b) => {\r\n              if (a.date === b.date && a.branch === b.branch) {\r\n                return a.productName.toLowerCase() < b.productName.toLowerCase()\r\n                  ? -1\r\n                  : a.productName.toLowerCase() > b.productName.toLowerCase()\r\n                  ? 1\r\n                  : 0;\r\n              }\r\n            });\r\n\r\n          this.totalPmsVol = totalPmsVol;\r\n          this.totalManualPmsVol =\r\n            totalManualPmsVol != null ? totalManualPmsVol : 0;\r\n\r\n          this.totalAgoVol = totalAgoVol;\r\n          this.totalManualAgoVol =\r\n            totalManualAgoVol != null ? totalManualAgoVol : 0;\r\n\r\n          this.totalDpkVol = totalDpkVol;\r\n          this.totalManualDpkVol =\r\n            totalManualDpkVol != null ? totalManualDpkVol : 0;\r\n\r\n          this.totalLpgVol = totalLpgVol;\r\n          this.totalManualLpgVol =\r\n            totalManualLpgVol != null ? totalManualLpgVol : 0;\r\n\r\n          this.totalPmsVariance =\r\n            totalPmsVariance != null ? totalPmsVariance : 0;\r\n          this.totalAgoVariance =\r\n            totalAgoVariance != null ? totalAgoVariance : 0;\r\n          this.totalDpkVariance =\r\n            totalDpkVariance != null ? totalDpkVariance : 0;\r\n          this.totalLpgVariance =\r\n            totalLpgVariance != null ? totalLpgVariance : 0;\r\n          this.totalVariance =\r\n            totalPmsVariance +\r\n            totalAgoVariance +\r\n            totalDpkVariance +\r\n            totalLpgVariance;\r\n\r\n          this.totalVol = totalPmsVol + totalAgoVol + totalDpkVol + totalLpgVol;\r\n          this.totalManualVol =\r\n            totalManualPmsVol +\r\n            totalManualAgoVol +\r\n            totalManualDpkVol +\r\n            totalManualLpgVol;\r\n\r\n          this.pmsCheck = totalManualPmsVol;\r\n          this.agoCheck = totalManualAgoVol;\r\n          this.dpkCheck = totalManualDpkVol;\r\n          this.lpgCheck = totalManualLpgVol;\r\n          this.totalCheck =\r\n            totalManualPmsVol +\r\n            totalManualAgoVol +\r\n            totalManualDpkVol +\r\n            totalManualLpgVol;\r\n\r\n          newData.forEach((element) => {\r\n            element.index = ++index;\r\n            element.productVariance =\r\n              element.manualVolumeSold == null || element.manualVolumeSold == 0\r\n                ? 0\r\n                : element.pumpVariance;\r\n            element.manualVolumeSold =\r\n              element.manualVolumeSold == null ? 0 : element.manualVolumeSold;\r\n          });\r\n          let prods = newData.reduce((acc, curr) => {\r\n            if (acc.indexOf(curr.productName) < 0) {\r\n              acc.push(curr.productName);\r\n            }\r\n            return acc;\r\n          }, []);\r\n          this.products = prods.sort();\r\n          this.transKeep = newData;\r\n          this.salesTransactions = newData;\r\n          newData.forEach((el) => {\r\n            el.newVariance = el.volumeSold - el.manualVolumeSold;\r\n          });\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: newData,\r\n          });\r\n          this.salesTransationsCount = newData.length;\r\n          this.showLoader = false;\r\n          this.refreshGrid();\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!./companyTankVariance.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!./companyTankVariance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./companyTankVariance.vue?vue&type=template&id=75696ccc&\"\nimport script from \"./companyTankVariance.vue?vue&type=script&lang=js&\"\nexport * from \"./companyTankVariance.vue?vue&type=script&lang=js&\"\nimport style0 from \"./companyTankVariance.vue?vue&type=style&index=0&id=75696ccc&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":""}