{"version":3,"sources":["webpack:///./src/views/Branch/varianceReport/index.vue?06df","webpack:///./src/views/Branch/varianceReport/index.vue?6cef","webpack:///src/views/Branch/varianceReport/index.vue","webpack:///./src/views/Branch/varianceReport/index.vue?2d90","webpack:///./src/views/Branch/varianceReport/index.vue","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/components/TableTemplates/branchVarianceReport.vue?ec3d","webpack:///src/components/TableTemplates/branchVarianceReport.vue","webpack:///./src/components/TableTemplates/branchVarianceReport.vue?22a7","webpack:///./src/components/TableTemplates/branchVarianceReport.vue","webpack:///./src/assets/img/y.png","webpack:///./src/assets/img/hand (1).png","webpack:///./src/assets/img/danskebank.jpg"],"names":["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","buttonsTemplate","staticRenderFns","$","components","MasterLayout","TableLoader","provide","grid","data","tankList","type","format","hasLpg","hasPms","hasAgo","hasDpk","transKeep","totalPmsAmount","totalManualPmsAmount","totalAgoAmount","totalManualAgoAmount","totalDpkAmount","totalManualDpkAmount","totalLpgAmount","totalManualLpgAmount","totalAmount","totalManualAmount","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","pmsSummary","volume","amount","agoSummary","dpkSummary","lpgSummary","template","created","document","query","regionId","dealerId","groupId","companyId","path","window","beforeDestroy","computed","watch","mounted","searchFun","methods","args","downloadWithCSS","myWindow","newTrans","cur","dataSource","activateTab","rowDataBound","arging","displayProductSummary","prodCount","getProductSummary","get","configObject","then","response","catch","error","getTankPumpSale","res","maximumFractionDigits","minimumFractionDigits","getVarianceReport","sale","sort","a","element","acc","filter","el","reduce","toFixed","toString","replace","component","module","exports","$route","date","pumpId","viewTransactionsButton","cursor","loadingDeny","rejectData","PulseLoader","id","tankId","post","message","duration"],"mappings":"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F,qCAAAlG,aACA,CACAW,gBACAuF,yCACAlG,cAEA,CACAW,gBACAuF,yCACAlG,SAEA,CACAW,eACAuF,wCACAlG,kBAEA,CACAW,iBACAuF,0CACAlG,UAEA,CACAW,gBACAuF,yCACAlG,iBAGAK,oDACAgD,mEACAC,iEACA6C,qEACAC,mEACArE,WAAAsE,2BAAAC,wBACAtF,kBACAuF,UACAC,cACA/C,cACAgD,6BACAC,YACAC,aAEAjD,6CACAC,QAAAiD,oBAAAC,eACAC,WACAC,UACAC,qBACA9D,cACA+D,WACAC,YACAhF,YACAiF,WACAC,WACAC,WACAC,WACAC,aACAC,UACAC,UACAC,UACAC,UACAC,oBACAzI,kBACA0I,kBACAjI,0BACAkI,YAAAC,SAAAC,UACAC,YAAAF,SAAAC,UACAE,YAAAH,SAAAC,UACAG,YAAAJ,SAAAC,UACA1I,wBACA0E,2BACA,OACAoE,oBAKAC,UACAC,uDACA,wCACA,gEACA,6DAEA,0CAGA,wDACA,sEACA,YAEA,kEACA,cAGA,0CACA,sCAEA,sBACAxI,sBACAyI,OACA/B,oCACA,2BACA,eACAgC,oCACAC,oCACAC,kCACAC,sCACAtF,iEACA,gBAEAC,6DACA,oBASA,6CACA,mBAAAsF,WACA,4BACAC,yBAGA,mBACA,gCACA,cACAP,2DACA,oEAGA,4CACA,yBACA,yBACA,yBAGA,eACA,kBACA,eACA,aACA,8BACA,qEAGAQ,gBACA,0CAEAC,UACA9G,2BACA,gDAGA+G,OACAzC,qBACA,OACA,4BACA,6BACA,uBACA,yBACA,yBACA,0BAGA,iBACA,8BAEA,uBACA,yBACA,yBACA,2BAKAxE,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,sBACAjC,sBACAyI,OACA/B,oCACA,2BACA,eACAgC,oCACAC,oCACAC,kCACAC,sCACAtF,yBACAC,wBAIA,yBACA,yBACA,0BAIAwF,kBACAG,UAIA,cACA,oEACA,iBACA1E,YANAL,iCACAgF,SASAC,SACAtF,sBACA,iCACAuF,qDAGAC,kBACA,8BACA,6CACAC,oBACA,wCACAxI,kvBA0BAwI,+BACAA,mBACAA,UACAA,UACAA,WAEA5J,6BACA,0DAGAa,cACA,mBACA,+BACA,yDACA,SACA,gDACA,QACAgJ,6CACAA,cACA7I,IACA8I,gBAEA,CACA,QACAD,iBACAA,cACA7I,IACA8I,YAGA,gDACAC,eAEA,oCACA,oBAGAC,eACA,kBAEAnG,qBACA,sCAEAK,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEAmG,yBACAC,mDACAA,4BACA,+EAEAA,oDACAA,qCAGAA,mDACAA,4BACA,iEAEAA,oDACAA,qCAGAA,oDACAA,6BACA,+EAEAA,qDACAA,uCAIAC,yBACA,QACA,WACApJ,GACAA,yBACA,6CAEA,WACA,qBACA,eACAqJ,KAGA,eACArJ,GACAA,yBACA,6CAEA,WACA,qBACA,eACAqJ,KAGA,eACArJ,GACAA,yBACA,6CAEA,WACA,qBACA,eACAqJ,KAGA,IAWA,EAXA,WACArJ,GACAA,yBACA,6CAEA,WACA,qBACA,eACAqJ,KAEAA,IAEAA,eACA,+BAEAC,oBACA,WACAC,IACA,2GACAC,qBAEAC,KAAAC,IACA,2BACA,qCAEAC,MAAAC,QAEAC,kBACA,mBACA,WACAN,IACA,gHACAC,qBAEAC,KAAAK,IACAA,mBACA,gCACA,WACA,GAEA,4BACA,WACA,GACA/F,uCACAgG,wBACAC,0BAEAjG,uCACAgG,wBACAC,4BAIA,wBAIAC,oBACA,mBACA,yDACA,WACAV,IACA,iHACAC,qBAEAC,KAAAC,IACA,mBACA,QACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IAEA,IACA,IACA,IACA,IAEAA,mBACA,yDACAlF,gBACA5C,gBACA6C,uBACA5C,EACAqI,0BACArI,sBACA,KACAqD,EACAgF,qBACAhF,iBACA,MAEA,yDACAR,gBACA3C,gBACA4C,uBACA3C,EACAkI,0BACAlI,sBACA,KACAmD,EACA+E,qBACA/E,iBACA,MAEA,yDACAP,gBACA1C,gBACA2C,uBACA1C,EACA+H,0BACA/H,sBACA,KACAiD,EACA8E,qBACA9E,iBACA,MAEA,yDACAN,gBACAzC,gBACA0C,uBACAzC,EACA4H,0BACA5H,sBACA,KACA+C,EACA6E,qBACA7E,iBACA,QAIAqE,OACAS,KAAA,QACA,+BACA,kCACA,EACAC,0BACA,EACA,IAGAD,KAAA,QACA,0DACA,0DACA,EACAC,kDACA,EACA,IAIA,4CACA,mBACA,0BACA,wBACA,uBACAvI,YAEA,4CACA,mBACA,0BACA,wBACA,uBACAG,YAEA,4CACA,mBACA,0BACA,wBACA,uBACAG,YAEA,4CACA,mBACA,0BACA,wBACA,uBACAG,QACA,wBACA,EAEA,sBACA4C,YACA,sBACAC,YACA,sBACAC,YACA,sBACAC,YACA,mBACAH,EACAC,EACAC,EACAC,EAEA,sCACAb,SAEA,4CACAC,EACAE,EACAE,EACAE,GAGA,sBACA,oBACAlD,EACAG,EACAG,EACAG,EAEA,gBACA,gBACA,gBACA,gBACA,gBACAT,EACAG,EACAG,EACAG,EAEAoH,mBACAW,YACAA,eACAA,wCACA,EACAA,eACAA,mBACAA,gDACAA,mBACAA,gDACAA,uBACAA,8BACAA,wBACA,EACAA,oBACAA,2BACAA,qBACA,EACAA,iCACA,2CAGA,4BACA,4BACAC,sBAEA,GACA,IAEA,8BACAC,OAAAC,wCACAC,OAAA,+BAEA,8BACAF,OAAAC,wCACAC,OAAA,+BAEA,8BACAF,OAAAC,wCACAC,OAAA,+BAEA,8BACAF,OAAAC,wCACAC,OAAA,+BAEAf,mBACAc,gBAEA,uBACA,sBACA,8BACA,gDACAxB,oBAEA,yCACA,qBAEAW,MAAAC,QAEAjI,mBACA,mBAGA,EACA+I,QAAA,GACAC,WACAC,QAAA,6BALA,UChyC6W,I,wBCQzWC,EAAY,eACd,EACA7M,EACAwF,GACA,EACA,KACA,KACA,MAIa,aAAAqH,E,qDCnBfC,EAAOC,QAAU,s5C,kCCAjB,IAAI/M,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAI8F,KAAW,OAAE1F,EAAG,cAAc,CAACE,YAAY,uBAAuBQ,MAAM,CAAC,GAAKd,EAAI+M,OAAOlD,MAAM/B,SACpM,CACEoC,KAAO,oCAAuClK,EAAI8F,KAAW,OAC7D+D,MAAO,CACLmD,KAAMhN,EAAI8F,KAAKkH,KACfhL,MAAOhC,EAAI8F,KAAK9D,MAChB8F,SAAU9H,EAAI8F,KAAKgC,SACnBmF,OAAQjN,EAAI8F,KAAKmH,OACjBhD,UAAWjK,EAAI+M,OAAOlD,MAAMI,UAC5BH,SAAU7J,KAAK8M,OAAOlD,MAAMC,SAC5BC,SAAU9J,KAAK8M,OAAOlD,MAAME,SAC5BC,QAAS/J,KAAK8M,OAAOlD,MAAMG,QAC3BrF,UAAW1E,KAAK8M,OAAOlD,MAAMlF,UAC7BC,QAAS3E,KAAK8M,OAAOlD,MAAMjF,UAG/B,CACEsF,KAAO,oCAAuClK,EAAI8F,KAAW,OAC7D+D,MAAO,CACLmD,KAAMhN,EAAI8F,KAAKkH,KACfhL,MAAOhC,EAAI8F,KAAK9D,MAChBiL,OAAQjN,EAAI8F,KAAKmH,OACjBhD,UAAWjK,EAAI+M,OAAOlD,MAAMI,UAC5BH,SAAU7J,KAAK8M,OAAOlD,MAAMC,SAC5BC,SAAU9J,KAAK8M,OAAOlD,MAAME,SAC5BC,QAAS/J,KAAK8M,OAAOlD,MAAMG,QAC3BrF,UAAW1E,KAAK8M,OAAOlD,MAAMlF,UAC7BC,QAAS3E,KAAK8M,OAAOlD,MAAMjF,YAE3B,CAAC5E,EAAIU,GAAGV,EAAIW,GAAGX,EAAI8F,KAAKoH,2BAA2BlN,EAAImC,KAAKnC,EAAIU,GAAG,KAAKN,EAAG,SAAS,CAACE,YAAY,kBAAkB8B,MAAM,CAAG+K,OAAQnN,EAAIoN,YAAc,cAAgB,IAAMtM,MAAM,CAAC,SAAWd,EAAIoN,aAAarM,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOjB,EAAIqN,WAAWpM,MAAW,CAAGjB,EAAIoN,YAA6EpN,EAAImC,KAApE/B,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIa,GAAG,gCAAyCb,EAAIU,GAAG,KAAMV,EAAe,YAAEI,EAAG,eAAe,CAACU,MAAM,CAAC,KAAO,SAASd,EAAImC,MAAM,IAAI,IAC1coD,EAAkB,G,6CCkCd,IAEO,OACfO,OACA,OACAA,QACAsH,iBAIA3H,YACA6H,oBAGA7C,SACA4C,aACA,iDACA,MACA,OAEA,SACAE,gBACAN,oDACAO,qDAEA,oBACA,WACAC,KACA,+DACA3H,EACAyF,qBAEAC,KAAAC,IACA,kBAEAiC,0CACA1H,eACA2H,eAEA,oBACA,4CAEAjC,MAAAC,IACA,yBC3G6W,I,YCOzWiB,EAAY,eACd,EACA7M,EACAwF,GACA,EACA,KACA,KACA,MAIa,OAAAqH,E,4BClBfC,EAAOC,QAAU,soC,mBCAjBD,EAAOC,QAAU,s7D,qBCAjBD,EAAOC,QAAU,IAA0B","file":"js/chunk-1d76a682.4bcec120.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=a308e786&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:\"card_container\",staticStyle:{\"flex\":\"0 0 20%\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"mt-3 col-md-12 fuel_consumption_btn_div\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'chart' ? 'active_tab' : null],staticStyle:{\"height\":\"80px\",\"width\":\"80px\"}},[_c('h3',{staticClass:\"text-white primary_text\"},[_vm._v(\"\\n                \"+_vm._s(_vm.salesTransationsCount)+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 text-center voucher_type primary_text\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bVarianceReport.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:\"mt-3 col-md-12 fuel_consumption_btn_div\"},[_c('div',{staticClass:\"fuel_consumption_button installed__tanks_dropdown__row showAllContainer\",staticStyle:{\"width\":\"100%\",\"padding\":\"5px\",\"background\":\"rgb(75, 44, 114)\",\"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:\"mt-2 row active_validity_drop_down_list align-items-center\",on:{\"click\":function($event){_vm.selectItem(_vm.$t('text.bVarianceReport.showAll'))}}},[_c('div',{staticClass:\"col-md-8\"},[_c('h3',{ref:\"validity_drop_down_list\",staticClass:\"mt-2 dropdown_header_text validity_drop_down_list\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.bVarianceReport.showAll\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"})]),_vm._v(\" \"),_vm._l((_vm.products),function(prod,index){return _c('div',{key:index,ref:\"balance_to_list_row\",refInFor:true,staticClass:\"mt-2 row 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:\"mt-2 dropdown_header_text validity_drop_down_list\"},[_vm._v(\"\\n                        \"+_vm._s(prod)+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"})])})],2):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 text-center voucher_type primary_text\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bVarianceReport.productFilter\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuel_consumption_row_right_section_nw vr__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:\"text-center transaction_period_text branch__sales__text\",staticStyle:{\"font-size\":\"22px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bVarianceReport.title\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-5 drop_down_input_group sales_transaction_dropdown\"},[_c('div',{staticClass:\"mt-2 mr-2 drop_down_section\"},[_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:\"mt-3 row dashboard_first_row\"},[(_vm.hasPms)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 variance_card dashboard_card_1\"},[_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:\"mt-3 variance_card dashboard_card_1\"},[_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:\"mt-3 variance_card dashboard_card_1\"},[_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:\"mt-3 variance_card dashboard_card_1\"},[_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:\"mt-3 variance_card dashboard_card_1\"},[_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\"},[_c('span',{staticClass:\"sec_text_color\"},[_c('img',{staticClass:\"mr-3\",attrs:{\"src\":require(\"@/assets/img/hand (1).png\")}}),_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.bVarianceReport.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:\"text-right col-md-4\"})]),_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\":\"dateModified\",\"width\":\"160\",\"headerText\":_vm.$t('text.bVarianceReport.date'),\"format\":_vm.formatOptions,\"type\":\"date\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"pumpName\",\"width\":\"150\",\"headerText\":_vm.$t('text.bVarianceReport.pumpName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"productName\",\"width\":\"120\",\"headerText\":_vm.$t('text.bVarianceReport.product')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"210\",\"field\":\"volumeSold\",\"format\":\"N2\",\"headerText\":_vm.$t('text.bVarianceReport.eVolumeSoldLtr')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"210\",\"field\":\"manualVolumeSold\",\"format\":\"N2\",\"headerText\":_vm.$t('text.bVarianceReport.mVolumeSoldLtr')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"130\",\"field\":\"pumpVariance\",\"format\":\"N2\",\"headerText\":_vm.$t('text.bVarianceReport.varianceLtr')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"openingReading\",\"format\":\"N2\",\"width\":\"240\",\"headerText\":_vm.$t('text.bVarianceReport.eOpeningReading')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"lastReading\",\"format\":\"N2\",\"width\":\"210\",\"headerText\":_vm.$t('text.bVarianceReport.eLastReading')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"manualOpeningReading\",\"format\":\"N2\",\"width\":\"240\",\"headerText\":_vm.$t('text.bVarianceReport.mOpeningReading')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"manualLastReading\",\"format\":\"N2\",\"width\":\"210\",\"headerText\":_vm.$t('text.bVarianceReport.mLastReading')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"450\",\"template\":_vm.buttonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}})],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=\"mt-3 col-md-12 fuel_consumption_btn_div\">\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 primary_text\">\r\n                  {{ salesTransationsCount }}\r\n                </h3>\r\n              </div>\r\n              <div class=\"mt-2 text-center voucher_type primary_text\">\r\n                {{ $t(\"text.bVarianceReport.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=\"mt-3 col-md-12 fuel_consumption_btn_div\">\r\n              <div\r\n                class=\"fuel_consumption_button installed__tanks_dropdown__row showAllContainer\"\r\n                width=\"100%\"\r\n                style=\"\r\n                  width: 100%;\r\n                  padding: 5px;\r\n                  background: rgb(75, 44, 114);\r\n                  cursor: pointer;\r\n                \"\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=\"mt-2 row active_validity_drop_down_list align-items-center\"\r\n                      ref=\"balance_to_list_row\"\r\n                      @click=\"selectItem($t('text.bVarianceReport.showAll'))\"\r\n                    >\r\n                      <div class=\"col-md-8\">\r\n                        <h3\r\n                          class=\"mt-2 dropdown_header_text validity_drop_down_list\"\r\n                          ref=\"validity_drop_down_list\"\r\n                        >\r\n                          {{ $t(\"text.bVarianceReport.showAll\") }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"text-right col-md-4\"></div>\r\n                    </div>\r\n                    <div\r\n                      class=\"mt-2 row 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=\"mt-2 dropdown_header_text 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=\"text-right col-md-4\"></div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 text-center voucher_type primary_text\">\r\n                {{ $t(\"text.bVarianceReport.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 vr__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=\"text-center transaction_period_text branch__sales__text\"\r\n                style=\"font-size: 22px\"\r\n              >\r\n                {{ $t(\"text.bVarianceReport.title\") }}\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=\"mt-2 mr-2 drop_down_section\">\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\r\n      <section class=\"mt-3 row dashboard_first_row\">\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasPms\">\r\n          <div class=\"mt-3 variance_card dashboard_card_1\">\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=\"mt-3 variance_card dashboard_card_1\">\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                  <!-- {{agoCheck == 0 || agoCheck == null ? 'N/A' : totalAgoVariance}} -->\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=\"mt-3 variance_card dashboard_card_1\">\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                  <!-- {{dpkCheck == 0 || dpkCheck == null ? 'N/A' : totalDpkVariance}} -->\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=\"mt-3 variance_card dashboard_card_1\">\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                  <!-- {{lpgCheck == 0 || lpgCheck == null ? 'N/A' : totalLpgVariance}} -->\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=\"mt-3 variance_card dashboard_card_1\">\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                  <!-- {{totalCheck == 0 ? 'N/A' : totalVariance}} -->\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\r\n      <!-- <section class=\"mt-3 full__row_section\" v-if=\"tankList.length > 0\">\r\n        <h4 class=\"text-center py-3\">Pump Tank Sales</h4>\r\n        <div class=\"row\">\r\n          <div\r\n            class=\"col-md-12 col-lg-6 col-sm-12\"\r\n            v-for=\"(sale, i) in tankList\"\r\n            :key=\"i + 'A'\"\r\n          >\r\n            <div class=\"table-container\">\r\n              <div class=\"table\">\r\n                <div class=\"row inner-table-container\">\r\n                  //1st column\r\n                  <div class=\"col-2 border border-left-0 border-top-0 pt-2\">\r\n                    <p>Tanks</p>\r\n                  </div>\r\n                  //SECOND N THIRD COLUMN\r\n                  <div class=\"col-6\">\r\n                    <div\r\n                      class=\"row\"\r\n                      v-for=\"(tank, i) in sale.tankSales\"\r\n                      :key=\"i + 'A'\"\r\n                    >\r\n                      //SECOMD\r\n                      <div class=\"col-7 border pt-2 border-left-0\" style=\"\">\r\n                        <p>{{ tank.name }}</p>\r\n                      </div>\r\n                      //THIRD\r\n                      <div\r\n                        class=\"col-5 border pt-2 border-left-0 border-right-0\"\r\n                      >\r\n                        <p>\r\n                          {{\r\n                            tank.volume.toLocaleString(\"en\", {\r\n                              maximumFractionDigits: 2,\r\n                              minimumFractionDigits: 2,\r\n                            })\r\n                          }}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  //TANK TOTAL\r\n                  <div class=\"col-4 border border-right-0 border-top-0 pt-2\">\r\n                    <p>\r\n                      <span style=\"font-weight: bold\">TOTAL: </span>\r\n                      {{ sale.totalTankSale }}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n\r\n                //PUMPS\r\n                <div class=\"row inner-table-container\">\r\n                  <div class=\"col-2 border border-left-0 border-top-0 pt-2\">\r\n                    <p>{{ $t(\"text.bMasterLayout.pumps\") }}</p>\r\n                  </div>\r\n\r\n                  <div class=\"col-6\">\r\n                    <div\r\n                      class=\"row\"\r\n                      v-for=\"(pump, i) in sale.pumpSales\"\r\n                      :key=\"i + 'A'\"\r\n                    >\r\n                      <div class=\"col-7 border pt-2 border-left-0\">\r\n                        <p>{{ pump.name }}</p>\r\n                      </div>\r\n\r\n                      <div\r\n                        class=\"col-5 border pt-2 border-left-0 border-right-0\"\r\n                      >\r\n                        <p>\r\n                          {{\r\n                            pump.volume.toLocaleString(\"en\", {\r\n                              maximumFractionDigits: 2,\r\n                              minimumFractionDigits: 2,\r\n                            })\r\n                          }}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  //TOTAL\r\n                  <div class=\"col-4 border border-right-0 border-top-0 pt-2\">\r\n                    <p>\r\n                      <span style=\"font-weight: bold\"\r\n                        >{{ $t(\"text.productSummary.total\") }}:\r\n                      </span>\r\n                      {{ sale.totalPumpSale }}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section> -->\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\">\r\n                  <span class=\"sec_text_color\">\r\n                    <img src=\"@/assets/img/hand (1).png\" class=\"mr-3\" />\r\n                    {{ $t(\"text.bVarianceReport.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=\"text-right col-md-4\">\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=\"dateModified\"\r\n                    width=\"160\"\r\n                    :headerText=\"$t('text.bVarianceReport.date')\"\r\n                    :format=\"formatOptions\"\r\n                    type=\"date\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"pumpName\"\r\n                    width=\"150\"\r\n                    :headerText=\"$t('text.bVarianceReport.pumpName')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"productName\"\r\n                    width=\"120\"\r\n                    :headerText=\"$t('text.bVarianceReport.product')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"210\"\r\n                    field=\"volumeSold\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.bVarianceReport.eVolumeSoldLtr')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"210\"\r\n                    field=\"manualVolumeSold\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.bVarianceReport.mVolumeSoldLtr')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"130\"\r\n                    field=\"pumpVariance\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.bVarianceReport.varianceLtr')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"openingReading\"\r\n                    format=\"N2\"\r\n                    width=\"240\"\r\n                    :headerText=\"$t('text.bVarianceReport.eOpeningReading')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"lastReading\"\r\n                    format=\"N2\"\r\n                    width=\"210\"\r\n                    :headerText=\"$t('text.bVarianceReport.eLastReading')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"manualOpeningReading\"\r\n                    format=\"N2\"\r\n                    width=\"240\"\r\n                    :headerText=\"$t('text.bVarianceReport.mOpeningReading')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"manualLastReading\"\r\n                    format=\"N2\"\r\n                    width=\"210\"\r\n                    :headerText=\"$t('text.bVarianceReport.mLastReading')\"\r\n                  ></e-column>\r\n                  <!-- <e-column field=\"amountSold\" width=\"180\" headerText=\"Amount\"></e-column> -->\r\n                  <e-column\r\n                    width=\"450\"\r\n                    :template=\"buttonsTemplate\"\r\n                    :headerText=\"$t('text.actionButtons.title')\"\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      </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/Branch/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/danskebank.jpg\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport Temp from \"@/components/TableTemplates/branchVarianceReport.vue\";\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  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      tankList: [],\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n      productCount: \"col-lg-3\",\r\n      transKeep: [],\r\n      totalPmsAmount: 0,\r\n      totalPmsVol: 0,\r\n      totalManualPmsAmount: 0,\r\n      totalManualPmsVol: 0,\r\n      totalAgoAmount: 0,\r\n      totalAgoVol: 0,\r\n      totalManualAgoAmount: 0,\r\n      totalManualAgoVol: 0,\r\n      totalDpkAmount: 0,\r\n      totalDpkVol: 0,\r\n      totalManualDpkAmount: 0,\r\n      totalManualDpkVol: 0,\r\n      totalLpgAmount: 0,\r\n      totalLpgVol: 0,\r\n      totalManualLpgAmount: 0,\r\n      totalManualLpgVol: 0,\r\n      totalAmount: 0,\r\n      totalManualAmount: 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.bVarianceReport.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      pmsSummary: { volume: 0, amount: 0 },\r\n      agoSummary: { volume: 0, amount: 0 },\r\n      dpkSummary: { volume: 0, amount: 0 },\r\n      lpgSummary: { volume: 0, amount: 0 },\r\n      salesTransationsCount: 0,\r\n      buttonsTemplate: function () {\r\n        return {\r\n          template: Temp,\r\n        };\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    document.title = \"Variance Report:: Epump Retail Outlet\";\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\r\n    if (this.$route.query.startDate && this.$route.query.endDate) {\r\n      this.dateRange.start = this.$moment(this.$route.query.startDate).format(\r\n        \"D-M-YYYY\"\r\n      );\r\n      this.dateRange.end = this.$moment(this.$route.query.endDate).format(\r\n        \"D-M-YYYY\"\r\n      );\r\n    } else {\r\n      this.dateRange.start = this.pluginStartDate;\r\n      this.dateRange.end = this.pluginEndDate;\r\n\r\n      this.$router.replace({\r\n        name: this.$route.name,\r\n        query: {\r\n          branchId: this.$route.query.branchId\r\n            ? this.$route.query.branchId\r\n            : this.branch.id,\r\n          regionId: this.$route.query.regionId,\r\n          dealerId: this.$route.query.dealerId,\r\n          groupId: this.$route.query.groupId,\r\n          companyId: this.$route.query.companyId,\r\n          startDate: this.$moment(this.pluginStartDate, \"DD-MM-YYYY\").format(\r\n            \"MMMM D, YYYY\"\r\n          ),\r\n          endDate: this.$moment(this.pluginEndDate, \"DD-MM-YYYY\").format(\r\n            \"MMMM D, YYYY\"\r\n          ),\r\n        },\r\n      });\r\n    }\r\n\r\n    // this.dateRange.start = this.pluginStartDate;\r\n    // this.dateRange.end = this.pluginEndDate;\r\n\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    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Variance Report:: ${branch.name} Retail Outlet`;\r\n      this.branch.companyNameAbbr = branch.companyName.charAt(0).toUpperCase();\r\n    });\r\n\r\n    this.$eventHub.$on(\"getBranchVariance\", () => {\r\n      this.getProductSummary();\r\n      this.getVarianceReport();\r\n      this.getTankPumpSale();\r\n    });\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\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"getBranchVariance\");\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    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        if (this.$route.query.branchId) {\r\n          this.branchId = this.branch.id;\r\n          if (this.branchId !== null) {\r\n            this.getProductSummary();\r\n            this.getVarianceReport();\r\n            this.getTankPumpSale();\r\n          }\r\n        } else {\r\n          if (this.branch.id) {\r\n            this.branchId = this.branch.id;\r\n          }\r\n          if (this.branchId !== null) {\r\n            this.getProductSummary();\r\n            this.getVarianceReport();\r\n            this.getTankPumpSale();\r\n          }\r\n        }\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.$router.replace({\r\n          name: this.$route.name,\r\n          query: {\r\n            branchId: this.$route.query.branchId\r\n              ? this.$route.query.branchId\r\n              : this.branch.id,\r\n            regionId: this.$route.query.regionId,\r\n            dealerId: this.$route.query.dealerId,\r\n            groupId: this.$route.query.groupId,\r\n            companyId: this.$route.query.companyId,\r\n            startDate: this.startDate,\r\n            endDate: this.endDate,\r\n          },\r\n        });\r\n\r\n        this.getProductSummary();\r\n        this.getVarianceReport();\r\n        this.getTankPumpSale();\r\n      }\r\n    },\r\n  },\r\n  beforeDestroy() {},\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    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"dateModified\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY\");\r\n      }\r\n    },\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    toggleTransactionsDropDown() {\r\n      this.showTransactionOptions = !this.showTransactionOptions;\r\n    },\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.bVarianceReport.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\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    rowDataBound: function (arging) {\r\n      arging.row.children[5].addEventListener(\"mouseover\", (e) => {\r\n        arging.row.children[5].innerHTML =\r\n          '<button type=\"button\" class=\"variance-btn\" id=\"rejectData\">Reject</button>';\r\n      });\r\n      arging.row.children[5].addEventListener(\"mouseleave\", (e) => {\r\n        arging.row.children[5].innerHTML = \"0.00\";\r\n      });\r\n\r\n      arging.row.children[9].addEventListener(\"mouseover\", (e) => {\r\n        arging.row.children[9].innerHTML =\r\n          '<button class=\"variance-btn\" id=\"rejectData\">Reject</button>';\r\n      });\r\n      arging.row.children[9].addEventListener(\"mouseleave\", (e) => {\r\n        arging.row.children[9].innerHTML = \"0.00\";\r\n      });\r\n\r\n      arging.row.children[10].addEventListener(\"mouseover\", (e) => {\r\n        arging.row.children[10].innerHTML =\r\n          '<button type=\"button\" class=\"variance-btn\" id=\"rejectData\">Reject</button>';\r\n      });\r\n      arging.row.children[10].addEventListener(\"mouseleave\", (e) => {\r\n        arging.row.children[10].innerHTML = \"0.00\";\r\n      });\r\n    },\r\n\r\n    displayProductSummary(productSummary) {\r\n      let prodCount = 0;\r\n      let psummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product1\r\n      );\r\n      if (psummary.length) {\r\n        this.pmsSummary = psummary[0];\r\n        this.hasPms = true;\r\n        prodCount++;\r\n      }\r\n\r\n      let asummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product2\r\n      );\r\n      if (asummary.length) {\r\n        this.agoSummary = asummary[0];\r\n        this.hasAgo = true;\r\n        prodCount++;\r\n      }\r\n\r\n      let dsummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product3\r\n      );\r\n      if (dsummary.length) {\r\n        this.dpkSummary = dsummary[0];\r\n        this.hasDpk = true;\r\n        prodCount++;\r\n      }\r\n\r\n      let lsummary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product4\r\n      );\r\n      if (lsummary.length) {\r\n        this.lpgSummary = lsummary[0];\r\n        this.hasLpg = true;\r\n        prodCount++;\r\n      }\r\n      prodCount++;\r\n      let columnNumber;\r\n      prodCount !== 5 ? (columnNumber = 12 / prodCount) : (columnNumber = 3);\r\n      this.productCount = `col-lg-${columnNumber}`;\r\n    },\r\n    getProductSummary() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/DaySale/${this.branchId}?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.productSummary = response.data;\r\n          this.displayProductSummary(response.data);\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getTankPumpSale() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/audit/pumpTankSales/${this.branchId}?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          res.data.forEach((data) => {\r\n            let tankSaleTotal = data.tankSales.reduce((prev, cur) => {\r\n              return prev + cur.volume;\r\n            }, 0);\r\n\r\n            let pumpSaleTotal = data.pumpSales.reduce((prev, cur) => {\r\n              return prev + cur.volume;\r\n            }, 0);\r\n            data.totalTankSale = tankSaleTotal.toLocaleString(\"en\", {\r\n              maximumFractionDigits: 2,\r\n              minimumFractionDigits: 2,\r\n            });\r\n            data.totalPumpSale = pumpSaleTotal.toLocaleString(\"en\", {\r\n              maximumFractionDigits: 2,\r\n              minimumFractionDigits: 2,\r\n            });\r\n          });\r\n\r\n          this.tankList = res.data;\r\n        });\r\n    },\r\n\r\n    getVarianceReport() {\r\n      this.showLoader = true;\r\n      this.transFilter = this.$t(\"text.bVarianceReport.showAll\");\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Pumps/BranchVariance/${this.branchId}?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          let index = 0;\r\n          let totalPmsVol = 0;\r\n          let totalPmsAmount = 0;\r\n          let totalManualPmsAmount = 0;\r\n          let totalManualPmsVol = 0;\r\n          let totalAgoAmount = 0;\r\n          let totalAgoVol = 0;\r\n          let totalManualAgoAmount = 0;\r\n          let totalManualAgoVol = 0;\r\n          let totalDpkAmount = 0;\r\n          let totalDpkVol = 0;\r\n          let totalManualDpkAmount = 0;\r\n          let totalManualDpkVol = 0;\r\n          let totalLpgAmount = 0;\r\n          let totalLpgVol = 0;\r\n          let totalManualLpgAmount = 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          response.data.forEach((sale) => {\r\n            if (sale.productName === this.countryProducts.products.product1) {\r\n              totalPmsAmount += sale.amountSold;\r\n              totalPmsVol += sale.volumeSold;\r\n              totalManualPmsAmount += sale.mannualAmountSold;\r\n              totalManualPmsVol =\r\n                sale.mannualVolumeSold != null\r\n                  ? totalManualPmsVol + sale.mannualVolumeSold\r\n                  : null;\r\n              totalPmsVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalPmsVariance + sale.pumpVariance\r\n                  : null;\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product2) {\r\n              totalAgoAmount += sale.amountSold;\r\n              totalAgoVol += sale.volumeSold;\r\n              totalManualAgoAmount += sale.mannualAmountSold;\r\n              totalManualAgoVol =\r\n                sale.mannualVolumeSold != null\r\n                  ? totalManualAgoVol + sale.mannualVolumeSold\r\n                  : null;\r\n              totalAgoVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalAgoVariance + sale.pumpVariance\r\n                  : null;\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product3) {\r\n              totalDpkAmount += sale.amountSold;\r\n              totalDpkVol += sale.volumeSold;\r\n              totalManualDpkAmount += sale.mannualAmountSold;\r\n              totalManualDpkVol =\r\n                sale.mannualVolumeSold != null\r\n                  ? totalManualDpkVol + sale.mannualVolumeSold\r\n                  : null;\r\n              totalDpkVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalDpkVariance + sale.pumpVariance\r\n                  : null;\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product4) {\r\n              totalLpgAmount += sale.amountSold;\r\n              totalLpgVol += sale.volumeSold;\r\n              totalManualLpgAmount += sale.mannualAmountSold;\r\n              totalManualLpgVol =\r\n                sale.mannualVolumeSold != null\r\n                  ? totalManualLpgVol + sale.mannualVolumeSold\r\n                  : null;\r\n              totalLpgVariance =\r\n                sale.pumpVariance != null\r\n                  ? totalLpgVariance + sale.pumpVariance\r\n                  : null;\r\n            }\r\n          });\r\n\r\n          response.data\r\n            .sort((a, b) => {\r\n              if (a.dateOpened !== b.dateOpened) {\r\n                return a.dateOpened > b.dateOpened\r\n                  ? -1\r\n                  : a.dateOpened < b.dateOpened\r\n                  ? 1\r\n                  : 0;\r\n              }\r\n            })\r\n            .sort((a, b) => {\r\n              if (a.dateOpened.split(\"T\")[0] == b.dateOpened.split(\"T\")[0]) {\r\n                return a.pumpName.toLowerCase() < b.pumpName.toLowerCase()\r\n                  ? -1\r\n                  : a.pumpName.toLowerCase() > b.pumpName.toLowerCase()\r\n                  ? 1\r\n                  : 0;\r\n              }\r\n            });\r\n\r\n          this.totalPmsAmount = this.convertThousand(totalPmsAmount);\r\n          this.totalPmsVol = totalPmsVol;\r\n          this.totalManualPmsAmount =\r\n            this.convertThousand(totalManualPmsAmount);\r\n          this.totalManualPmsVol =\r\n            totalManualPmsVol != null ? totalManualPmsVol : 0;\r\n\r\n          this.totalAgoAmount = this.convertThousand(totalAgoAmount);\r\n          this.totalAgoVol = totalAgoVol;\r\n          this.totalManualAgoAmount =\r\n            this.convertThousand(totalManualAgoAmount);\r\n          this.totalManualAgoVol =\r\n            totalManualAgoVol != null ? totalManualAgoVol : 0;\r\n\r\n          this.totalDpkAmount = this.convertThousand(totalDpkAmount);\r\n          this.totalDpkVol = totalDpkVol;\r\n          this.totalManualDpkAmount =\r\n            this.convertThousand(totalManualDpkAmount);\r\n          this.totalManualDpkVol =\r\n            totalManualDpkVol != null ? totalManualDpkVol : 0;\r\n\r\n          this.totalLpgAmount = this.convertThousand(totalLpgAmount);\r\n          this.totalLpgVol = totalLpgVol;\r\n          this.totalManualLpgAmount =\r\n            this.convertThousand(totalManualLpgAmount);\r\n          this.totalManualLpgVol =\r\n            totalManualLpgVol != null\r\n              ? this.convertThousand(totalManualLpgVol)\r\n              : 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.totalAmount = this.convertThousand(\r\n            totalPmsAmount + totalAgoAmount + totalDpkAmount + totalLpgAmount\r\n          );\r\n          this.totalManualAmount = this.convertThousand(\r\n            totalManualPmsAmount +\r\n              totalManualAgoAmount +\r\n              totalManualDpkAmount +\r\n              totalManualLpgAmount\r\n          );\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          response.data.forEach((element) => {\r\n            element.index = ++index;\r\n            element.pumpVariance =\r\n              element.pumpVariance == null || element.pumpVariance == 0\r\n                ? 0\r\n                : element.pumpVariance;\r\n            element.manualVolumeSold =\r\n              element.mannualVolumeSold != null ? element.mannualVolumeSold : 0;\r\n            element.manualAmountSold =\r\n              element.mannualAmountSold != null ? element.mannualAmountSold : 0;\r\n            element.manualOpeningReading =\r\n              element.mannualOpeningReading != null\r\n                ? element.mannualOpeningReading\r\n                : 0;\r\n            element.manualLastReading =\r\n              element.mannualLastReading != null\r\n                ? element.mannualLastReading\r\n                : 0;\r\n            element.viewTransactionsButton = this.$t(\r\n              \"text.bVarianceReport.viewTransactions\"\r\n            );\r\n          });\r\n          let prods = response.data.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\r\n          this.totalManualPmsVol = response.data\r\n            .filter((el) => el.productName.toLowerCase() === \"pms\")\r\n            .reduce((acc, cur) => (acc += cur.manualVolumeSold), 0);\r\n\r\n          this.totalManualAgoVol = response.data\r\n            .filter((el) => el.productName.toLowerCase() === \"ago\")\r\n            .reduce((acc, cur) => (acc += cur.manualVolumeSold), 0);\r\n\r\n          this.totalManualDpkVol = response.data\r\n            .filter((el) => el.productName.toLowerCase() === \"dpk\")\r\n            .reduce((acc, cur) => (acc += cur.manualVolumeSold), 0);\r\n\r\n          this.totalManualLpgVol = response.data\r\n            .filter((el) => el.productName.toLowerCase() === \"lpg\")\r\n            .reduce((acc, cur) => (acc += cur.manualVolumeSold), 0);\r\n\r\n          response.data.forEach((el) => {\r\n            el.mode = \"pump\";\r\n          });\r\n          this.products = prods.sort();\r\n          this.transKeep = response.data;\r\n          this.salesTransactions = response.data;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.salesTransationsCount = response.data.length;\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.table-container {\r\n  width: 90%;\r\n  margin: auto;\r\n  text-align: center;\r\n  background: white !important;\r\n}\r\n.table {\r\n  font-size: 13px;\r\n}\r\n\r\n.inner-table-container {\r\n  padding: 0 30px;\r\n}\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=a308e786&\"\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=a308e786&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,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAABHNCSVQICAgIfAhkiAAAA9NJREFUWEe9WItVFEEQ7IpAiECIQIhAiUCJQIlAjUCIQIlAiUCMQIhAjEDIACIoX92bXvv6dndmFs557x6Pvb2Zmu7q6g/sEYvkgZl9L1scAbhduh2W/lC/I/nTzF6VPa4AHC3dbzEQkh/M7HM6+ATAtyVgFgEhuWdmv8xsJx16b2b7APS3ay0FEl1yVgC9LydfAjjuQmFm3UBIvjOzr+Wg3wAOSMoyN2b2vDw/BnDZA6YLSDnwT3CJIuWqEFeklaW0FD2HPS7qBSIivi2HnQMQYYdFUlZ4XR6cAThttUozEJLxxg9mtpdvXCwmazwrAGQVuay6eoAoSiRgWpNhmsK6WVuagKTNrwG4iI3elKSs8KIGOv64CmSEoFVzJzc2EbcFyBczc43YIOiU80lGYleJOwukKKjCVWuUoDNApL5ykRNXijuZFGtAooJ25xGSCt9PBewFAInh6JoEkvx8B0A37F4kZQVX3EEA80ZzQGK4Tm5QQ5ZSwmQ4jwJJP66GawOYGM6jl5oCIoK6KxZbwwEmN49aZQNIssYswWqWiN+TVHJ8WZ5tZOcxINEasyHXCSTmqg2rrAHZljWCi6JV1lyegWzFGi1cGYAkQj06UmYUN1plyFsRSCxqHh0pM0BiqTkEwwpIyimLVbSVvEltd1VgOZCYE7pzSiuAwJV43kcAXxxIJOkKYe/mPe8nD9wAOER6+APAm55Nl76bqrh9AYmt49bdEtyzfm5qAbbulgBEhbgyvNaFLDKkewAxnJUXFEGLRw01t5FkeedaQP79U6rz4K57ALu1DZd+H3hyPwUkhtc2xc1V9k5AvGi5BbBfBO5/AVlzzaD9zpGUd5pbiF4XZY7E/mNIQiQlamoFBkv1HjT3Pknplc/fzuSa+GC4fWqQVjL8xEBi43bkEu++ijxRzerNlawj0jZ19i2ASXpaeQCw40BiCTCoK8mI+snAJDVflQIOJKrcGieS8grMKYDzlluPvTPS1K/q4qikkbTfAJyUUNZ8TN/5JEiPpbayoiJO4DRLa8rYJDV/89Zz4GQEkpvmtQSY+th8WYFQxM2mg7THWlOfi+dY8uuwDEZgJXaKNO/yHdTs3ISkmnGfqQnEq0j+WoOlQ+QWhe+a6YvoCZg+4tXoxLlwQhPqOAnYKDdael/nhEh60UNSkppAKvLihHq05qmNJUTI6AInqUJuVFNIqnyQ6/SJo4wNd8RL1QY1zgmfrY6R1AFJAvJs3t9XuMuik5FVnaGVEBYgmVhkziSd8pYsIIsKQLW4agISTyq5SYB85ipX6FC3jP6qye6axf8FCE0pItBeZ0YAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.data.pumpId)?_c('router-link',{staticClass:\"mr-2 btn details_btn\",attrs:{\"to\":_vm.$route.query.branchId\n        ? {\n            path: (\"/Retail-Outlet/pump/transactions/\" + (_vm.data.pumpId)),\n            query: {\n              date: _vm.data.date,\n              index: _vm.data.index,\n              branchId: _vm.data.branchId,\n              pumpId: _vm.data.pumpId,\n              companyId: _vm.$route.query.companyId,\n              regionId: this.$route.query.regionId,\n              dealerId: this.$route.query.dealerId,\n              groupId: this.$route.query.groupId,\n              startDate: this.$route.query.startDate,\n              endDate: this.$route.query.endDate,\n            },\n          }\n        : {\n            path: (\"/Retail-Outlet/pump/transactions/\" + (_vm.data.pumpId)),\n            query: {\n              date: _vm.data.date,\n              index: _vm.data.index,\n              pumpId: _vm.data.pumpId,\n              companyId: _vm.$route.query.companyId,\n              regionId: this.$route.query.regionId,\n              dealerId: this.$route.query.dealerId,\n              groupId: this.$route.query.groupId,\n              startDate: this.$route.query.startDate,\n              endDate: this.$route.query.endDate,\n            },\n          }}},[_vm._v(_vm._s(_vm.data.viewTransactionsButton))]):_vm._e(),_vm._v(\" \"),_c('button',{staticClass:\"btn details_btn\",style:({ cursor: _vm.loadingDeny ? 'not-allowed' : '' }),attrs:{\"disabled\":_vm.loadingDeny},on:{\"click\":function($event){return _vm.rejectData($event)}}},[(!_vm.loadingDeny)?_c('span',[_vm._v(_vm._s(_vm.$t(\"text.clickButtons.reject\")))]):_vm._e(),_vm._v(\" \"),(_vm.loadingDeny)?_c('pulse-loader',{attrs:{\"size\":\"7px\"}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <router-link\r\n      v-if=\"data.pumpId\"\r\n      :to=\"\r\n        $route.query.branchId\r\n          ? {\r\n              path: `/Retail-Outlet/pump/transactions/${data.pumpId}`,\r\n              query: {\r\n                date: data.date,\r\n                index: data.index,\r\n                branchId: data.branchId,\r\n                pumpId: data.pumpId,\r\n                companyId: $route.query.companyId,\r\n                regionId: this.$route.query.regionId,\r\n                dealerId: this.$route.query.dealerId,\r\n                groupId: this.$route.query.groupId,\r\n                startDate: this.$route.query.startDate,\r\n                endDate: this.$route.query.endDate,\r\n              },\r\n            }\r\n          : {\r\n              path: `/Retail-Outlet/pump/transactions/${data.pumpId}`,\r\n              query: {\r\n                date: data.date,\r\n                index: data.index,\r\n                pumpId: data.pumpId,\r\n                companyId: $route.query.companyId,\r\n                regionId: this.$route.query.regionId,\r\n                dealerId: this.$route.query.dealerId,\r\n                groupId: this.$route.query.groupId,\r\n                startDate: this.$route.query.startDate,\r\n                endDate: this.$route.query.endDate,\r\n              },\r\n            }\r\n      \"\r\n      class=\"mr-2 btn details_btn\"\r\n      >{{ data.viewTransactionsButton }}</router-link\r\n    >\r\n\r\n    <button\r\n      class=\"btn details_btn\"\r\n      :style=\"{ cursor: loadingDeny ? 'not-allowed' : '' }\"\r\n      :disabled=\"loadingDeny\"\r\n      @click=\"rejectData($event)\"\r\n    >\r\n      <!-- <button\r\n      class=\"btn details_btn\"\r\n      :style=\"{ cursor: loadingDeny ? 'not-allowed' : '' }\"\r\n      :disabled=\"loadingDeny\"\r\n      @click=\"rejectData($event)\"\r\n      v-if=\"data.manualOpeningReading > 0 || data.manualLastReading > 0\"\r\n    > -->\r\n      <span v-if=\"!loadingDeny\">{{ $t(\"text.clickButtons.reject\") }}</span>\r\n\r\n      <pulse-loader size=\"7px\" v-if=\"loadingDeny\"></pulse-loader>\r\n    </button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport Jquery from \"jquery\";\r\nimport PulseLoader from \"vue-spinner/src/PulseLoader.vue\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      data: {},\r\n      loadingDeny: false,\r\n    };\r\n  },\r\n\r\n  components: {\r\n    PulseLoader,\r\n  },\r\n\r\n  methods: {\r\n    rejectData() {\r\n      const remove = confirm(this.$t(\"text.omit.sureReject\"));\r\n      if (!remove) {\r\n        return;\r\n      }\r\n      const data = {\r\n        id: this.data.id,\r\n        pumpId: this.data.mode == \"pump\" ? this.data.pumpId : null,\r\n        tankId: this.data.mode == \"tank\" ? this.data.tankId : null,\r\n      };\r\n      this.loadingDeny = true;\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/branch/RejectData/${this.data.branchId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.$toast.open({\r\n            // message: \"Data rejected successfully\",\r\n            message: this.$t(\"text.omit.dataRejected\"),\r\n            type: \"success\",\r\n            duration: 10000,\r\n          });\r\n          this.loadingDeny = false;\r\n          this.$eventHub.$emit(\"getBranchVariance\");\r\n        })\r\n        .catch((error) => {\r\n          this.loadingDeny = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\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!./branchVarianceReport.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!./branchVarianceReport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./branchVarianceReport.vue?vue&type=template&id=7e45fa70&\"\nimport script from \"./branchVarianceReport.vue?vue&type=script&lang=js&\"\nexport * from \"./branchVarianceReport.vue?vue&type=script&lang=js&\"\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,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=\"","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==\"","module.exports = __webpack_public_path__ + \"img/danskebank.4823e410.jpg\";"],"sourceRoot":""}