{"version":3,"sources":["webpack:///./src/views/RegionalManager/variance_report/index.vue","webpack:///src/views/RegionalManager/variance_report/index.vue","webpack:///./src/views/RegionalManager/variance_report/index.vue?71ab","webpack:///./src/views/RegionalManager/variance_report/index.vue?6941","webpack:///./src/views/RegionalManager/variance_report/index.vue?6d60","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/assets/img/y.png","webpack:///./src/assets/img/hand (1).png"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","class","activeTab","_v","_s","salesTransationsCount","$t","attrs","on","toggleTransactionsDropDown","$event","showTransactionOptions","require","directives","name","rawName","value","transFilter","expression","domProps","target","composing","ref","selectItem","_l","products","prod","index","key","refInFor","_e","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","maxDate","$root","$i18n","locale","customShortcuts","$store","getters","getDatePickerColor","model","dateRange","callback","$$v","hasPms","productCount","countryProducts","product1","convertThousand","totalPmsVol","totalManualPmsVol","hasAgo","product2","totalAgoVol","totalManualAgoVol","hasDpk","product3","totalDpkVol","totalManualDpkVol","hasLpg","product4","totalLpgVol","totalManualLpgVol","totalVol","totalManualVol","showLoader","$d","Date","startDate","endDate","dataBound","refreshGrid","pageSettings","toolbar","search","toolbarClick","excelQueryCellInfo","usedLang","formatOptions","staticRenderFns","$","title","components","MasterLayout","TableLoader","provide","grid","data","type","format","cardCount","transKeep","totalPmsVariance","totalAgoVariance","totalDpkVariance","totalLpgVariance","totalVariance","branchIcon","region","label","pluginStartDate","pluginEndDate","start","end","branch","branchId","pageSizes","pageCount","pageSize","operator","ignoreCase","branches","dealers","salesTransactions","showAll","lowTanks","pmsCheck","agoCheck","dpkCheck","lpgCheck","totalCheck","pmsRate","agoRate","dpkRate","lpgRate","todaysDate","productSummary","created","computed","watch","mounted","searchFun","methods","downloadWithCSS","myWindow","args","_gotoSalesTransactionDetails","trans","localStorage","JSON","query","id","newTrans","cur","dataSource","activateTab","getVarianceReport","get","configObject","then","response","obj","prodCount","sale","volume","manualVolume","variance","branchState","branchRegion","columnNumber","newData","date","productName","volumeSold","manualVolumeSold","sort","a","element","acc","el","catch","error","toFixed","toString","replace","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBC,YAAY,CAAC,KAAO,YAAY,CAACH,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACF,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BE,MAAM,CAAmB,UAAlBN,EAAIO,UAAwB,aAAe,MAAMF,YAAY,CAAC,OAAS,OAAO,MAAQ,SAAS,CAACH,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,4BAA4BV,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACJ,EAAIQ,GAAG,mBAAmBR,EAAIS,GAAGT,EAAIW,GAAG,0CAA0C,0BAA0BX,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,iBAAiBC,YAAY,CAAC,KAAO,YAAY,CAACH,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACF,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,0EAA0EC,YAAY,CAAC,MAAQ,OAAO,QAAU,MAAM,OAAS,WAAWO,MAAM,CAAC,MAAQ,SAAS,CAACV,EAAG,MAAM,CAACE,YAAY,mDAAmDS,GAAG,CAAC,MAAQb,EAAIc,2BAA2B,WAAa,SAASC,IAAuC,IAA/Bf,EAAIgB,yBAC5xChB,EAAIgB,wBAAyB,MACxB,CAACd,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMK,EAAQ,aAA2BjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACgB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOrB,EAAIsB,YAAaC,WAAW,gBAAgBnB,YAAY,kCAAkCQ,MAAM,CAAC,KAAO,OAAO,SAAW,IAAIY,SAAS,CAAC,MAASxB,EAAIsB,aAAcT,GAAG,CAAC,MAAQ,SAASE,GAAWA,EAAOU,OAAOC,YAAiB1B,EAAIsB,YAAYP,EAAOU,OAAOJ,aAAYrB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,oBAAoBE,MAAM,CAChlBN,EAAIgB,uBAAyB,YAAc,WAC3CX,YAAY,CAAC,MAAQ,QAAQ,YAAY,OAAO,MAAQ,eAAeL,EAAIQ,GAAG,KAAMR,EAAIgB,uBAAwBd,EAAG,MAAM,CAACyB,IAAI,4BAA4BvB,YAAY,+BAA+B,CAACF,EAAG,KAAK,CAACE,YAAY,SAASJ,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACyB,IAAI,sBAAsBvB,YAAY,6DAA6DS,GAAG,CAAC,MAAQ,SAASE,GAAQf,EAAI4B,WAAW5B,EAAIW,GAAG,mCAAmC,CAACT,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACyB,IAAI,0BAA0BvB,YAAY,qDAAqD,CAACJ,EAAIQ,GAAG,6BAA6BR,EAAIS,GAAGT,EAAIW,GAAG,gCAAgC,gCAAgCX,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0BJ,EAAIQ,GAAG,KAAKR,EAAI6B,GAAI7B,EAAI8B,UAAU,SAASC,EAAKC,GAAO,OAAO9B,EAAG,MAAM,CAAC+B,IAAID,EAAML,IAAI,sBAAsBO,UAAS,EAAK9B,YAAY,6DAA6DS,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOf,EAAI4B,WAAWG,MAAS,CAAC7B,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACyB,IAAI,0BAA0BO,UAAS,EAAK9B,YAAY,qDAAqD,CAACJ,EAAIQ,GAAG,6BAA6BR,EAAIS,GAAGsB,GAAM,gCAAgC/B,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,8BAA6B,GAAGJ,EAAImC,SAASnC,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACJ,EAAIQ,GAAG,mBAAmBR,EAAIS,GAAGT,EAAIW,GAAG,sCAAsC,0BAA0BX,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,iDAAiDgC,MAAO,CAC5jD,CACEC,gBAAkB,qEAAoErC,EAAIsC,iBAC1FC,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,WAEhB,CAACvC,EAAG,MAAM,CAACE,YAAY,yBAAyBC,YAAY,CAAC,OAAS,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,0DAA0DC,YAAY,CAAC,YAAY,SAAS,CAACL,EAAIQ,GAAG,mBAAmBR,EAAIS,GAAGT,EAAIW,GAAG,8BAA8B,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,6DAA6D,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,2BAA2B,CAACU,MAAM,CAAC,WAAWZ,EAAI0C,QAAQ,OAAQ,EAAK,WAAY,EAAK,OAASzC,KAAK0C,MAAMC,MAAMC,OAAO,mBAAmB7C,EAAI8C,gBAAgB,MAAQ9C,EAAI+C,OAAOC,QAAQC,mBAAmB,OAAS,WAAW,UAAY,aAAa,MAAQjD,EAAIW,GAAG,4BAA4BuC,MAAM,CAAC7B,MAAOrB,EAAImD,UAAWC,SAAS,SAAUC,GAAMrD,EAAImD,UAAUE,GAAK9B,WAAW,gBAAgB,aAAavB,EAAIQ,GAAG,KAAKN,EAAG,UAAU,CAACE,YAAY,gCAAgC,CAAEJ,EAAIsD,OAAQpD,EAAG,UAAU,CAACE,YAAY,oBAAoBE,MAAMN,EAAIuD,cAAc,CAACrD,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACG,YAAY,CAAC,gBAAgB,MAAM,CAACL,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIwD,gBAAgB1B,SAAS2B,UAAU,sBAAsBzD,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMK,EAAQ,QAAmC,MAAQ,cAAcjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAI2D,cAAc,wBAAwB3D,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAI4D,oBAAoB,wBAAwB5D,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,kCAAkC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAI2D,YAAc3D,EAAI4D,oBAAoB,8BAA8B5D,EAAImC,KAAKnC,EAAIQ,GAAG,KAAMR,EAAI6D,OAAQ3D,EAAG,UAAU,CAACE,YAAY,oBAAoBE,MAAMN,EAAIuD,cAAc,CAACrD,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACG,YAAY,CAAC,gBAAgB,MAAM,CAACL,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIwD,gBAAgB1B,SAASgC,UAAU,sBAAsB9D,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMK,EAAQ,QAAmC,MAAQ,cAAcjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAI+D,cAAc,wBAAwB/D,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAIgE,oBAAoB,wBAAwBhE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,kCAAkC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAI+D,YAAc/D,EAAIgE,oBAAoB,8BAA8BhE,EAAImC,KAAKnC,EAAIQ,GAAG,KAAMR,EAAIiE,OAAQ/D,EAAG,UAAU,CAACE,YAAY,oBAAoBE,MAAMN,EAAIuD,cAAc,CAACrD,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACG,YAAY,CAAC,gBAAgB,MAAM,CAACL,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIwD,gBAAgB1B,SAASoC,UAAU,sBAAsBlE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMK,EAAQ,QAAmC,MAAQ,cAAcjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAImE,cAAc,wBAAwBnE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAIoE,oBAAoB,wBAAwBpE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,kCAAkC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAImE,YAAcnE,EAAIoE,oBAAoB,8BAA8BpE,EAAImC,KAAKnC,EAAIQ,GAAG,KAAMR,EAAIqE,OAAQnE,EAAG,UAAU,CAACE,YAAY,oBAAoBE,MAAMN,EAAIuD,cAAc,CAACrD,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACG,YAAY,CAAC,gBAAgB,MAAM,CAACL,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIwD,gBAAgB1B,SAASwC,UAAU,sBAAsBtE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMK,EAAQ,QAAmC,MAAQ,cAAcjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAIuE,cAAc,wBAAwBvE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAIwE,oBAAoB,wBAAwBxE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,kCAAkC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAIuE,YAAcvE,EAAIwE,oBAAoB,8BAA8BxE,EAAImC,KAAKnC,EAAIQ,GAAG,KAAKN,EAAG,UAAU,CAACE,YAAY,oBAAoBE,MAAMN,EAAIuD,cAAc,CAACrD,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACG,YAAY,CAAC,gBAAgB,MAAM,CAACL,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,+BAA+B,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMK,EAAQ,QAAmC,MAAQ,cAAcjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAIyE,gBAAgBzE,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,qCAAqC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAI0E,iBAAiB,wBAAwB1E,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIW,GAAG,kCAAkC,sBAAsBX,EAAIQ,GAAG,KAAKN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI0D,gBAAgB1D,EAAIyE,SAAWzE,EAAI0E,iBAAiB,gCAAgC1E,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,UAAU,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACgB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQrB,EAAI2E,WAAYpD,WAAW,gBAAgBnB,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,OAAOQ,MAAM,CAAC,IAAMK,EAAQ,WAAgCjB,EAAIQ,GAAG,uBAAuBR,EAAIS,GAAGT,EAAIW,GAAG,sCAAsC,uBAAuBX,EAAIS,GAAGT,EAAI4E,GAAG,IAAIC,KAAK7E,EAAI8E,WAAY,QAAS7E,KAAK0C,MAAMC,MAAMC,SAAS,uBAAuB7C,EAAIS,GAAGT,EAAIW,GAAG,kBAAkB,uBAAuBX,EAAIS,GAAGT,EAAI4E,GAAG,IAAIC,KAAK7E,EAAI+E,SAAU,QAAS9E,KAAK0C,MAAMC,MAAMC,SAAS,wBAAwB7C,EAAIQ,GAAG,KAAKN,EAAG,UAAUF,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACE,YAAY,0BAA0BJ,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACgB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQrB,EAAI2E,WAAYpD,WAAW,gBAAgBI,IAAI,WAAWf,MAAM,CAAC,UAAYZ,EAAIgF,UAAU,QAAUhF,EAAIiF,YAAY,aAAc,EAAK,cAAe,EAAK,aAAejF,EAAIkF,aAAa,QAAUlF,EAAImF,QAAQ,eAAiBnF,EAAIoF,OAAO,kBAAmB,EAAK,gBAAiB,EAAK,aAAepF,EAAIqF,aAAa,mBAAqBrF,EAAIsF,mBAAmB,OAAStF,EAAIuF,WAAW,CAACrF,EAAG,YAAY,CAACA,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,KAAK,MAAQ,QAAQ,WAAa,OAAOZ,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,OAAO,MAAQ,MAAM,OAASZ,EAAIwF,cAAc,KAAO,OAAO,WAAaxF,EAAIW,GAAG,+BAA+BX,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,SAAS,MAAQ,MAAM,WAAaZ,EAAIW,GAAG,iCAAiCX,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,eAAe,MAAQ,MAAM,WAAaZ,EAAIW,GAAG,wBAAwBX,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,cAAc,MAAQ,MAAM,WAAaZ,EAAIW,GAAG,uBAAuBX,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,cAAc,MAAQ,MAAM,WAAaZ,EAAIW,GAAG,kCAAkCX,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,MAAM,MAAQ,aAAa,OAAS,KAAK,WAAaZ,EAAIW,GAAG,yCAAyCX,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,MAAM,MAAQ,mBAAmB,OAAS,KAAK,WAAaZ,EAAIW,GAAG,yCAAyCX,EAAIQ,GAAG,KAAKN,EAAG,WAAW,CAACU,MAAM,CAAC,MAAQ,MAAM,MAAQ,cAAc,OAAS,KAAK,WAAaZ,EAAIW,GAAG,uCAAuC,IAAI,GAAGX,EAAIQ,GAAG,KAAKN,EAAG,cAAc,CAACU,MAAM,CAAC,WAAaZ,EAAI2E,eAAe,OAAO3E,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACU,MAAM,CAAC,GAAK,wBAAwB,IAErjX6E,EAAkB,G,kKCictB,IAAIC,EAAI,IAEO,OACfC,+BACAxE,sBACAyE,YACAC,oBACAC,oBAEAC,SACAC,kDAEAC,OACA,OACAV,yCAEAC,eAAAU,gBAAAC,6BACA9B,UACAf,UACAO,UACAI,UACAV,wBACA6C,YACAC,aACA1C,cACAC,oBACAG,cACAC,oBACAG,cACAC,oBACAG,cACAC,oBACA8B,mBACAC,mBACAC,mBACAC,mBACAhC,WACAC,iBACA4B,mBACAC,mBACAC,mBACAC,mBACAC,gBACAC,cACAC,UACAlE,oDACAI,iBACA,CAAAb,YAAA4E,qCAAAxF,aACA,CACAY,gBACA4E,yCACAxF,cAEA,CACAY,gBACA4E,yCACAxF,SAEA,CACAY,eACA4E,wCACAxF,kBAEA,CACAY,iBACA4E,0CACAxF,UAEA,CACAY,gBACA4E,yCACAxF,iBAGAC,mDACAwD,mEACAC,iEACA+B,qEACAC,mEACA5D,WAAA6D,2BAAAC,wBACA3E,kBACA4E,UACAC,cACAjC,cACAkC,6BACAC,YACAC,aAEAnC,6CACAC,QAAAmC,oBAAAC,eACAC,WACAC,UACAC,qBACAhD,cACAiD,WACAC,YACA/F,YACAgG,WACAC,WACAC,WACAC,WACAC,aACAC,UACAC,UACAC,UACAC,UACAC,oBACAhI,kBACAiI,kBACAxH,0BACAN,wBACAkG,cAGA6B,UACA,gCACA,gBAEA,4BACA,yBAEA,0CACA,sCACA,mBAEA,eACA,kBACA,eACA,aACA,8BACA,qEAEAC,UACAlF,2BACA,gDAGAmF,OACA/B,UACA,UACA,0BAGAzD,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,4BAIAyF,UAIA,cACA,oEACA,iBACA5C,YANAN,iCACAmD,SASAC,SACAC,kBACA,8BACA,6CACAC,oBACA,wCACA5G,kvBA0BA4G,+BACAA,mBACAA,UACAA,UACAA,WAEA1D,sBACA,yBACA2D,6DAGAC,kCACA,oCACAC,sBACA,GACAC,qBACA,0BACAC,mBAEA,mBAAAlI,OAAAmI,OAAAC,eAEAzI,6BACA,0DAEAc,cACA,mBACA,+BACA,yDACA,SACA,+CACA,QACA4H,6CACAA,cACAxH,IACAyH,gBAEA,CACA,QACAD,iBACAA,cACAxH,IACAyH,YAGA,gDACAC,eAEA,oCACA,oBAEAC,eACA,kBAEA3E,qBACA,sCAEAK,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEA2E,oBACA,mBACA,wDACA,WACAC,IACA,6CACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,kBAEA,YADA,oBAGA,IAkOA,EAlOA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IAEA,IACA,IACA,IACA,IAEA,KACA,iBAEAA,mBACA,aACA,eAEA,OACAC,SAGA,UACAA,YAGA,yDACA,cACA,eACAC,KAEAvG,gBACAC,EACAuG,0BACAvG,sBACA,KACA0C,EACA6D,qBACA7D,iBACA,KACA,gDAaA2D,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,0BACAF,QACA,wCACAI,aAAAF,oBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,0BACAA,oBACA,KACAG,SACAH,+CACAI,0BACAC,8BAwBA,yDACA,cACA,eACAN,KAEAnG,gBACAC,EACAmG,0BACAnG,sBACA,KACAuC,EACA4D,qBACA5D,iBACA,KACA,gDAaA0D,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,0BACAF,QACA,wCACAI,aAAAF,oBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,0BACAA,oBACA,KACAG,SACAH,+CACAI,0BACAC,8BAwBA,yDACA,cACA,eACAN,KAEA/F,gBACAC,EACA+F,0BACA/F,sBACA,KACAoC,EACA2D,qBACA3D,iBACA,KACA,gDAaAyD,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,0BACAF,QACA,wCACAI,aAAAF,oBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,0BACAA,oBACA,KACAG,SACAH,+CACAI,0BACAC,8BAwBA,yDACA,cACA,eACAN,KAEA3F,gBACAC,EACA2F,0BACA3F,sBACA,KACAiC,EACA0D,qBACA1D,iBACA,KACA,gDAaAwD,iDACAG,OACAH,gDACAG,OAAAD,aACAE,aACAF,0BACAF,QACA,wCACAI,aAAAF,oBACA,KACAG,SACAH,wBACAF,QACA,wCACAK,SAAAH,kBACA,KACAI,0BACAC,6BA7BAP,iDACAG,oBACAC,aACAF,0BACAA,oBACA,KACAG,SACAH,+CACAI,0BACAC,gCA0BA,iBACAN,IAGAO,EADAP,MACAO,KACAA,EACA,8BAEA,SAGA,eACA,kBAEA,qBACAC,QACAxD,SACAyD,OACAC,cACAC,6BACAC,yCACAR,6BACAC,mCACAC,uCAMAE,EACAK,KAAA,QACA,mBACA,4CAGAA,KAAA,QACA,mBACA,oDAGAA,KAAA,QACA,wCACA,gEACA,EACAC,wDACA,EACA,IAIA,mBACA,uBACApH,YAEA,mBACA,uBACAI,YAEA,mBACA,uBACAI,YAEA,mBACA,uBACAI,YAEA,sBACA8B,YACA,sBACAC,YACA,sBACAC,YACA,sBACAC,YACA,mBACAH,EACAC,EACAC,EACAC,EAEA,sBACA,oBACA7C,EACAI,EACAI,EACAI,EAEA,gBACA,gBACA,gBACA,gBACA,gBACAZ,EACAI,EACAI,EACAI,EAEAkG,cACAO,YACAA,kBACAA,gDACA,EACAA,eACAA,mBACAA,gDAEA,uBACA,4BACAC,sBAEA,GACA,IACA,uBACA,iBACA,yBACAR,cACAS,gDAEA,gDACAzB,eAEA,oCACA,mBACA,qBAEA0B,MAAAC,QAEA3H,mBACA,mBAGA,EACA4H,QAAA,GACAC,WACAC,QAAA,6BALA,UC5kC6W,I,wBCQzWC,EAAY,eACd,EACA1L,EACA0F,GACA,EACA,KACA,KACA,MAIa,aAAAgG,E,2CCnBf,W,qBCAAC,EAAOC,QAAU,s5C,mBCAjBD,EAAOC,QAAU,soC,0CCAjBD,EAAOC,QAAU","file":"js/chunk-fb9c3a04.ecf63609.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"card_container\",staticStyle:{\"flex\":\"0 0 20%\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"col-md-12 fuel_consumption_btn_div mt-3\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'chart' ? 'active_tab' : null],staticStyle:{\"height\":\"80px\",\"width\":\"80px\"}},[_c('h3',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.salesTransationsCount))])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center voucher_type mt-2\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.varianceReport.totalTransactions\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"card_container\",staticStyle:{\"flex\":\"0 0 20%\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"col-md-12 fuel_consumption_btn_div mt-3\"},[_c('div',{staticClass:\"fuel_consumption_button installed__tanks_dropdown__row showAllContainer\",staticStyle:{\"width\":\"100%\",\"padding\":\"5px\",\"cursor\":\"pointer\"},attrs:{\"width\":\"100%\"}},[_c('div',{staticClass:\"row installed__pumps_dropdown align-items-center\",on:{\"click\":_vm.toggleTransactionsDropDown,\"mouseleave\":function($event){_vm.showTransactionOptions === true\n                    ? (_vm.showTransactionOptions = false)\n                    : ''}}},[_c('div',{staticClass:\"col-md-3 dropdown_img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/y.png\")}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transFilter),expression:\"transFilter\"}],staticClass:\"installed__pumps_dropdown_input\",attrs:{\"type\":\"text\",\"readonly\":\"\"},domProps:{\"value\":(_vm.transFilter)},on:{\"input\":function($event){if($event.target.composing)return;_vm.transFilter=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('div',[_c('i',{staticClass:\"fa fa-angle-right\",class:[\n                        _vm.showTransactionOptions ? 'downArrow' : 'upArrow',\n                      ],staticStyle:{\"float\":\"right\",\"font-size\":\"25px\",\"color\":\"white\"}})])]),_vm._v(\" \"),(_vm.showTransactionOptions)?_c('div',{ref:\"balance_to_drop_down_menu\",staticClass:\"return_balance_to_drop_dwon\"},[_c('hr',{staticClass:\"mt-2\"}),_vm._v(\" \"),_c('div',{ref:\"balance_to_list_row\",staticClass:\"row mt-2 active_validity_drop_down_list align-items-center\",on:{\"click\":function($event){_vm.selectItem(_vm.$t('text.varianceReport.showAll'))}}},[_c('div',{staticClass:\"col-md-8\"},[_c('h3',{ref:\"validity_drop_down_list\",staticClass:\"dropdown_header_text mt-2 validity_drop_down_list\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.varianceReport.showAll\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_vm._v(\" \"),_vm._l((_vm.products),function(prod,index){return _c('div',{key:index,ref:\"balance_to_list_row\",refInFor:true,staticClass:\"row mt-2 active_validity_drop_down_list align-items-center\",on:{\"click\":function($event){return _vm.selectItem(prod)}}},[_c('div',{staticClass:\"col-md-8\"},[_c('h3',{ref:\"validity_drop_down_list\",refInFor:true,staticClass:\"dropdown_header_text mt-2 validity_drop_down_list\"},[_vm._v(\"\\n                        \"+_vm._s(prod)+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})])})],2):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center voucher_type mt-2\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.varianceReport.productFilter\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuel_consumption_row_right_section_nw pump__bg\",style:([\n          {\n            backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.92), rgb(12, 4, 31, 0.92)), url(${_vm.backgroundUrl})`,\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          },\n        ])},[_c('div',{staticClass:\"row align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"transaction_period_text text-center branch__sales__text\",staticStyle:{\"font-size\":\"22px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.varianceReport.title\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-5 drop_down_input_group sales_transaction_dropdown\"},[_c('div',{staticClass:\"drop_down_section mt-2 mr-2\"},[_c('div',{staticClass:\"drop_down_div align-items-center\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"custom-shortcuts\":_vm.customShortcuts,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1)])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"row dashboard_first_row mt-3\"},[(_vm.hasPms)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_pms\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalPmsVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualPmsVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalPmsVol - _vm.totalManualPmsVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_ago\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalAgoVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualAgoVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalAgoVol - _vm.totalManualAgoVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_dpk\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalDpkVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualDpkVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalDpkVol - _vm.totalManualDpkVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_lpg\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalLpgVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualLpgVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalLpgVol - _vm.totalManualLpgVol))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"variance_card dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"variance_product_container variance_total\"},[_c('div',{staticClass:\"variance_product\"},[_c('h4',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.total\"))+\"\\n              \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_information\"},[_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.eVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(_vm._s(_vm.convertThousand(_vm.totalVol)))])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.mVolumeSold\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalManualVol))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"variance_report_holder\"},[_c('p',{staticClass:\"variance_report\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bVarianceReport.variance\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"variance_manual\"},[_vm._v(\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalVol - _vm.totalManualVol))+\"\\n              \")])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[_c('section',{staticClass:\"section__row\"},[_c('div',{staticClass:\"mt-3\"},[_c('div',{staticClass:\"branch__sales__text_header\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],staticClass:\"row top_section_row\"},[_c('div',{staticClass:\"col-md-8 sec_text_color\"},[_c('span',[_c('img',{staticClass:\"mr-3\",attrs:{\"src\":require(\"@/assets/img/hand (1).png\")}}),_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.varianceReport.reportBetween\"))+\"\\n                  \"+_vm._s(_vm.$d(new Date(_vm.startDate), \"short\", this.$root.$i18n.locale))+\"\\n                  \"+_vm._s(_vm.$t(\"text.and.text\"))+\"\\n                  \"+_vm._s(_vm.$d(new Date(_vm.endDate), \"short\", this.$root.$i18n.locale))+\"\\n                \")]),_vm._v(\" \"),_c('span')]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_vm._v(\" \"),_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"dataBound\":_vm.dataBound,\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"date\",\"width\":\"180\",\"format\":_vm.formatOptions,\"type\":\"date\",\"headerText\":_vm.$t('text.varianceReport.date')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branch\",\"width\":\"200\",\"headerText\":_vm.$t('text.varianceReport.branch')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchRegion\",\"width\":\"150\",\"headerText\":_vm.$t('text.sales.region')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchState\",\"width\":\"200\",\"headerText\":_vm.$t('text.sales.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"productName\",\"width\":\"120\",\"headerText\":_vm.$t('text.varianceReport.product')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"210\",\"field\":\"volumeSold\",\"format\":\"N2\",\"headerText\":_vm.$t('text.varianceReport.eVolumeSoldLtr')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"210\",\"field\":\"manualVolumeSold\",\"format\":\"N2\",\"headerText\":_vm.$t('text.varianceReport.mVolumeSoldLtr')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"130\",\"field\":\"newVariance\",\"format\":\"N2\",\"headerText\":_vm.$t('text.varianceReport.varianceLtr')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])]),_vm._v(\" \"),_c('div',{attrs:{\"id\":\"rentalListCan\"}})])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div class=\"card_container\" style=\"flex: 0 0 20%\">\r\n          <div class=\"row align-items-center fuel_consumption_buttons_row\">\r\n            <div class=\"col-md-12 fuel_consumption_btn_div mt-3\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                :class=\"[activeTab === 'chart' ? 'active_tab' : null]\"\r\n                style=\"height: 80px; width: 80px\"\r\n              >\r\n                <h3 class=\"text-white\">{{ salesTransationsCount }}</h3>\r\n              </div>\r\n              <div class=\"text-center voucher_type mt-2\">\r\n                {{ $t(\"text.varianceReport.totalTransactions\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"card_container\" style=\"flex: 0 0 20%\">\r\n          <div class=\"row align-items-center fuel_consumption_buttons_row\">\r\n            <div class=\"col-md-12 fuel_consumption_btn_div mt-3\">\r\n              <div\r\n                class=\"fuel_consumption_button installed__tanks_dropdown__row showAllContainer\"\r\n                width=\"100%\"\r\n                style=\"width: 100%; padding: 5px; cursor: pointer\"\r\n              >\r\n                <div\r\n                  class=\"row installed__pumps_dropdown align-items-center\"\r\n                  @click=\"toggleTransactionsDropDown\"\r\n                  v-on:mouseleave=\"\r\n                    showTransactionOptions === true\r\n                      ? (showTransactionOptions = false)\r\n                      : ''\r\n                  \"\r\n                >\r\n                  <div class=\"col-md-3 dropdown_img\">\r\n                    <img src=\"@/assets/img/y.png\" />\r\n                  </div>\r\n                  <div class=\"col-md-7\">\r\n                    <input\r\n                      type=\"text\"\r\n                      class=\"installed__pumps_dropdown_input\"\r\n                      readonly\r\n                      v-model=\"transFilter\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"col-md-2\">\r\n                    <div>\r\n                      <i\r\n                        style=\"float: right; font-size: 25px; color: white\"\r\n                        class=\"fa fa-angle-right\"\r\n                        :class=\"[\r\n                          showTransactionOptions ? 'downArrow' : 'upArrow',\r\n                        ]\"\r\n                      ></i>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div\r\n                    class=\"return_balance_to_drop_dwon\"\r\n                    ref=\"balance_to_drop_down_menu\"\r\n                    v-if=\"showTransactionOptions\"\r\n                  >\r\n                    <hr class=\"mt-2\" />\r\n                    <div\r\n                      class=\"row mt-2 active_validity_drop_down_list align-items-center\"\r\n                      ref=\"balance_to_list_row\"\r\n                      @click=\"selectItem($t('text.varianceReport.showAll'))\"\r\n                    >\r\n                      <div class=\"col-md-8\">\r\n                        <h3\r\n                          class=\"dropdown_header_text mt-2 validity_drop_down_list\"\r\n                          ref=\"validity_drop_down_list\"\r\n                        >\r\n                          {{ $t(\"text.varianceReport.showAll\") }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"col-md-4 text-right\"></div>\r\n                    </div>\r\n                    <div\r\n                      class=\"row mt-2 active_validity_drop_down_list align-items-center\"\r\n                      ref=\"balance_to_list_row\"\r\n                      v-for=\"(prod, index) in products\"\r\n                      :key=\"index\"\r\n                      @click=\"selectItem(prod)\"\r\n                    >\r\n                      <div class=\"col-md-8\">\r\n                        <h3\r\n                          class=\"dropdown_header_text mt-2 validity_drop_down_list\"\r\n                          ref=\"validity_drop_down_list\"\r\n                        >\r\n                          {{ prod }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"col-md-4 text-right\"></div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"text-center voucher_type mt-2\">\r\n                {{ $t(\"text.varianceReport.productFilter\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"fuel_consumption_row_right_section_nw pump__bg\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.92), rgb(12, 4, 31, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"row align-items-center\" style=\"height: 100%\">\r\n            <div class=\"col-md-5\">\r\n              <div\r\n                class=\"transaction_period_text text-center branch__sales__text\"\r\n                style=\"font-size: 22px\"\r\n              >\r\n                {{ $t(\"text.varianceReport.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=\"drop_down_section mt-2 mr-2\">\r\n                <div class=\"drop_down_div align-items-center\">\r\n                  <vue-ctk-date-time-picker\r\n                    v-model=\"dateRange\"\r\n                    :max-date=\"maxDate\"\r\n                    :range=\"true\"\r\n                    :autoClose=\"true\"\r\n                    :locale=\"this.$root.$i18n.locale\"\r\n                    :custom-shortcuts=\"customShortcuts\"\r\n                    :color=\"$store.getters.getDatePickerColor\"\r\n                    format=\"DDMMYYYY\"\r\n                    formatted=\"DD/MM/YYYY\"\r\n                    :label=\"$t('text.calendar.dateRange')\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"row dashboard_first_row mt-3\">\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasPms\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_pms\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product1 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalPmsVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualPmsVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalPmsVol - totalManualPmsVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasAgo\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_ago\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product2 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalAgoVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualAgoVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalAgoVol - totalManualAgoVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasDpk\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_dpk\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product3 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalDpkVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualDpkVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalDpkVol - totalManualDpkVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasLpg\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_lpg\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ countryProducts.products.product4 }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalLpgVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualLpgVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalLpgVol - totalManualLpgVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\">\r\n          <div class=\"variance_card dashboard_card_1 mt-3\">\r\n            <div class=\"variance_product_container variance_total\">\r\n              <div class=\"variance_product\">\r\n                <h4 style=\"margin-bottom: 0\">\r\n                  {{ $t(\"text.bVarianceReport.total\") }}\r\n                </h4>\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"20px\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"variance_information\">\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.eVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">{{ convertThousand(totalVol) }}</p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.mVolumeSold\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalManualVol) }}\r\n                </p>\r\n              </div>\r\n              <div class=\"variance_report_holder\">\r\n                <p class=\"variance_report\">\r\n                  {{ $t(\"text.bVarianceReport.variance\") }}\r\n                </p>\r\n                <p class=\"variance_manual\">\r\n                  {{ convertThousand(totalVol - totalManualVol) }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </section>\r\n      <div class=\"mt-3\">\r\n        <section class=\"section__row\">\r\n          <div class=\"mt-3\">\r\n            <div class=\"branch__sales__text_header\">\r\n              <div class=\"row top_section_row\" v-show=\"!showLoader\">\r\n                <div class=\"col-md-8 sec_text_color\">\r\n                  <span>\r\n                    <img src=\"@/assets/img/hand (1).png\" class=\"mr-3\" />\r\n                    {{ $t(\"text.varianceReport.reportBetween\") }}\r\n                    {{\r\n                      $d(new Date(startDate), \"short\", this.$root.$i18n.locale)\r\n                    }}\r\n                    {{ $t(\"text.and.text\") }}\r\n                    {{\r\n                      $d(new Date(endDate), \"short\", this.$root.$i18n.locale)\r\n                    }}\r\n                  </span>\r\n                  <span></span>\r\n                </div>\r\n                <div class=\"col-md-4 text-right\">\r\n                  <!-- <button class=\"show_more_button remove_text_decoration\"  @click=\"downloadWithCSS\">\r\n                  Download Sales Report\r\n                  </button>-->\r\n                </div>\r\n              </div>\r\n              <ejs-grid\r\n                v-show=\"!showLoader\"\r\n                ref=\"dataGrid\"\r\n                :dataBound=\"dataBound\"\r\n                :created=\"refreshGrid\"\r\n                :allowPaging=\"true\"\r\n                :allowSorting=\"true\"\r\n                :pageSettings=\"pageSettings\"\r\n                :toolbar=\"toolbar\"\r\n                :searchSettings=\"search\"\r\n                :allowExcelExport=\"true\"\r\n                :allowPdfExport=\"true\"\r\n                :toolbarClick=\"toolbarClick\"\r\n                :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n                :locale=\"usedLang\"\r\n              >\r\n                <e-columns>\r\n                  <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n                  <e-column\r\n                    field=\"date\"\r\n                    width=\"180\"\r\n                    :format=\"formatOptions\"\r\n                    type=\"date\"\r\n                    :headerText=\"$t('text.varianceReport.date')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"branch\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.varianceReport.branch')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"branchRegion\"\r\n                    width=\"150\"\r\n                    :headerText=\"$t('text.sales.region')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"branchState\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.sales.state')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"productName\"\r\n                    width=\"120\"\r\n                    :headerText=\"$t('text.varianceReport.product')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"210\"\r\n                    field=\"volumeSold\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.varianceReport.eVolumeSoldLtr')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"210\"\r\n                    field=\"manualVolumeSold\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.varianceReport.mVolumeSoldLtr')\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    width=\"130\"\r\n                    field=\"newVariance\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.varianceReport.varianceLtr')\"\r\n                  ></e-column>\r\n                </e-columns>\r\n              </ejs-grid>\r\n              <TableLoader :showLoader=\"showLoader\" />\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <div id=\"rentalListCan\"></div>\r\n        <!-- PDF DEISGN START -->\r\n\r\n        <!-- PDF DESIGN ENDS -->\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/RegionalManager/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport countryProducts from \"@/products\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Region Variance Report\",\r\n  name: \"VarianceReport\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      formatOptions: { type: \"dateTime\", format: \"dd/MM/yyyy hh:mm a\" },\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n      productCount: \"col-lg-3\",\r\n      cardCount: 0,\r\n      transKeep: [],\r\n      totalPmsVol: 0,\r\n      totalManualPmsVol: 0,\r\n      totalAgoVol: 0,\r\n      totalManualAgoVol: 0,\r\n      totalDpkVol: 0,\r\n      totalManualDpkVol: 0,\r\n      totalLpgVol: 0,\r\n      totalManualLpgVol: 0,\r\n      totalPmsVariance: 0,\r\n      totalAgoVariance: 0,\r\n      totalDpkVariance: 0,\r\n      totalLpgVariance: 0,\r\n      totalVol: 0,\r\n      totalManualVol: 0,\r\n      totalPmsVariance: 0,\r\n      totalAgoVariance: 0,\r\n      totalDpkVariance: 0,\r\n      totalLpgVariance: 0,\r\n      totalVariance: 0,\r\n      branchIcon: \"\",\r\n      region: \"\",\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      transFilter: this.$t(\"text.varianceReport.showAll\"),\r\n      startDate: this.$moment().subtract(1, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().subtract(1, \"days\").format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(1, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().subtract(1, \"days\").format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      backgroundUrl,\r\n      branch: {},\r\n      branchId: null,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      branches: 0,\r\n      dealers: 0,\r\n      salesTransactions: [],\r\n      showLoader: false,\r\n      showAll: false,\r\n      lowTanks: [],\r\n      products: [],\r\n      pmsCheck: 0,\r\n      agoCheck: 0,\r\n      dpkCheck: 0,\r\n      lpgCheck: 0,\r\n      totalCheck: 0,\r\n      pmsRate: 0,\r\n      agoRate: 0,\r\n      dpkRate: 0,\r\n      lpgRate: 0,\r\n      todaysDate: new Date(),\r\n      activeTab: \"chart\",\r\n      productSummary: [],\r\n      showTransactionOptions: false,\r\n      salesTransationsCount: 0,\r\n      region: null,\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"region\", (region) => {\r\n      this.region = region;\r\n    });\r\n    if (this.$route.query.regionId) {\r\n      this.getVarianceReport();\r\n    }\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n    this.showLoader = true;\r\n\r\n    let date = new Date();\r\n    let year = date.getFullYear();\r\n    let month = date.getMonth();\r\n    let day = date.getDay();\r\n    this.todaysDate = day + \"-\" + month + \"-\" + year;\r\n    this.todaysDate = this.$moment(date, \"DD-MM-YYYY\").format(\"MMMM D, YYYY\");\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  watch: {\r\n    region(region) {\r\n      if (region !== null) {\r\n        this.getVarianceReport();\r\n      }\r\n    },\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n\r\n        this.getVarianceReport();\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    downloadWithCSS() {\r\n      var elementHTML = $(\"#pdfContent\").html();\r\n      var myWindow = window.open(\"\", \"\", \"width=1000,height=700\");\r\n      myWindow.document.write(elementHTML);\r\n      var style = myWindow.document.createElement(\"style\");\r\n      style.innerHTML = `\r\n    @page {\r\n      size: auto;  /* auto is the initial value */\r\n      margin: 0mm; /* this affects the margin in the printer settings */\r\n    }\r\n    html {\r\n      background-color: #FFFFFF;\r\n      margin: 0px; /* this affects the margin on the HTML before sending to printer */\r\n    }\r\n    body {\r\n      margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */\r\n      margin: 0mm;\r\n    }\r\n    .data__row:nth-child(even) {\r\n      background: #dbdbdb;\r\n      -webkit-print-color-adjust: exact;  print-color-adjust: exact;\r\n    }\r\n\r\n    .data__row:nth-child(odd) {\r\n       background: white;\r\n      -webkit-print-color-adjust: exact;  print-color-adjust: exact;\r\n    }\r\n    table {\r\n       border-collapse: collapse;\r\n    }\r\n    `;\r\n      myWindow.document.head.appendChild(style);\r\n      myWindow.document.close();\r\n      myWindow.focus();\r\n      myWindow.print();\r\n      myWindow.close();\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"date\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY hh:mm A\");\r\n      }\r\n    },\r\n    _gotoSalesTransactionDetails($newRoute, salesObj) {\r\n      let salesTransaction = this.salesTransactions.filter(\r\n        (trans) => trans.index === salesObj.index\r\n      )[0];\r\n      localStorage.setItem(\r\n        \"salesTransactionDetails\",\r\n        JSON.stringify(salesTransaction)\r\n      );\r\n      this.$router.push({ name: $newRoute, query: { id: salesObj.index } });\r\n    },\r\n    toggleTransactionsDropDown() {\r\n      this.showTransactionOptions = !this.showTransactionOptions;\r\n    },\r\n    selectItem(item) {\r\n      this.transFilter = item;\r\n      this.showTransactionOptions = false;\r\n      this.showTransactionOptions = !this.showTransactionOptions;\r\n      let newTrans = [];\r\n      if (item !== this.$t(\"text.varianceReport.showAll\")) {\r\n        let index = 0;\r\n        newTrans = this.transKeep.filter((trans) => trans.productName == item);\r\n        newTrans.forEach((cur) => {\r\n          index++;\r\n          cur.index = index;\r\n        });\r\n      } else {\r\n        let index = 0;\r\n        newTrans = this.transKeep;\r\n        newTrans.forEach((cur) => {\r\n          index++;\r\n          cur.index = index;\r\n        });\r\n      }\r\n      this.$refs.dataGrid.ej2Instances.setProperties({\r\n        dataSource: newTrans,\r\n      });\r\n      this.salesTransationsCount = newTrans.length;\r\n      this.refreshGrid();\r\n    },\r\n    activateTab(voucher_type) {\r\n      this.activeTab = voucher_type;\r\n    },\r\n    dataBound: function () {\r\n      this.$refs.dataGrid.autoFitColumns();\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    getVarianceReport() {\r\n      this.showLoader = true;\r\n      this.transFilter = this.$t(\"text.varianceReport.showAll\");\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Pumps/RegionVariance/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          if (!response.data.length) {\r\n            this.showLoader = false;\r\n            return;\r\n          }\r\n          let index = 0;\r\n          let totalPmsVol = 0;\r\n          let totalManualPmsVol = 0;\r\n          let totalAgoVol = 0;\r\n          let totalManualAgoVol = 0;\r\n          let totalDpkVol = 0;\r\n          let totalManualDpkVol = 0;\r\n          let totalLpgVol = 0;\r\n          let totalManualLpgVol = 0;\r\n\r\n          let totalPmsVariance = 0;\r\n          let totalAgoVariance = 0;\r\n          let totalDpkVariance = 0;\r\n          let totalLpgVariance = 0;\r\n\r\n          let obj = {};\r\n          let prodCount = this.cardCount;\r\n\r\n          response.data.forEach((sale) => {\r\n            let date = sale.date;\r\n            let branch = sale.branchName;\r\n\r\n            if (!obj[date]) {\r\n              obj[date] = {};\r\n            }\r\n\r\n            if (!obj[date][branch]) {\r\n              obj[date][branch] = {};\r\n            }\r\n\r\n            if (sale.productName === this.countryProducts.products.product1) {\r\n              if (!this.hasPms) {\r\n                this.hasPms = true;\r\n                prodCount++;\r\n              }\r\n              totalPmsVol += sale.volumeSold;\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              if (!obj[date][branch][this.countryProducts.products.product1]) {\r\n                obj[date][branch][this.countryProducts.products.product1] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product1] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product1]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product1\r\n                        ].manualVolume + sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product1\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product2) {\r\n              if (!this.hasAgo) {\r\n                this.hasAgo = true;\r\n                prodCount++;\r\n              }\r\n              totalAgoVol += sale.volumeSold;\r\n              totalManualAgoVol =\r\n                sale.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              if (!obj[date][branch][this.countryProducts.products.product2]) {\r\n                obj[date][branch][this.countryProducts.products.product2] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product2] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product2]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product2\r\n                        ].manualVolume + sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product2\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product3) {\r\n              if (!this.hasDpk) {\r\n                this.hasDpk = true;\r\n                prodCount++;\r\n              }\r\n              totalDpkVol += sale.volumeSold;\r\n              totalManualDpkVol =\r\n                sale.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              if (!obj[date][branch][this.countryProducts.products.product3]) {\r\n                obj[date][branch][this.countryProducts.products.product3] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product3] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product3]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product3\r\n                        ].manualVolume + sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product3\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n            if (sale.productName === this.countryProducts.products.product4) {\r\n              if (!this.hasLpg) {\r\n                this.hasLpg = true;\r\n                prodCount++;\r\n              }\r\n              totalLpgVol += sale.volumeSold;\r\n              totalManualLpgVol =\r\n                sale.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              if (!obj[date][branch][this.countryProducts.products.product4]) {\r\n                obj[date][branch][this.countryProducts.products.product4] = {\r\n                  volume: sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null ? sale.productVariance : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              } else {\r\n                obj[date][branch][this.countryProducts.products.product4] = {\r\n                  volume:\r\n                    obj[date][branch][this.countryProducts.products.product4]\r\n                      .volume + sale.volumeSold,\r\n                  manualVolume:\r\n                    sale.mannualVolumeSold != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product4\r\n                        ].manualVolume + sale.mannualVolumeSold\r\n                      : null,\r\n                  variance:\r\n                    sale.productVariance != null\r\n                      ? obj[date][branch][\r\n                          this.countryProducts.products.product4\r\n                        ].variance + sale.productVariance\r\n                      : null,\r\n                  branchState: sale.branchState,\r\n                  branchRegion: sale.branchRegion,\r\n                };\r\n              }\r\n            }\r\n          });\r\n\r\n          this.cardCount = prodCount;\r\n          prodCount++;\r\n          let columnNumber;\r\n          prodCount !== 5\r\n            ? (columnNumber = 12 / prodCount)\r\n            : (columnNumber = 3);\r\n          this.productCount = `col-lg-${columnNumber}`;\r\n\r\n          let newData = [];\r\n\r\n          let newCount = 1;\r\n          for (var x in obj) {\r\n            for (var b in obj[x]) {\r\n              newCount++;\r\n              for (var i in obj[x][b]) {\r\n                newData.push({\r\n                  branch: b,\r\n                  date: x,\r\n                  productName: i,\r\n                  volumeSold: obj[x][b][i].volume,\r\n                  manualVolumeSold: obj[x][b][i].manualVolume,\r\n                  variance: obj[x][b][i].variance,\r\n                  branchState: obj[x][b][i].branchState,\r\n                  branchRegion: obj[x][b][i].branchRegion,\r\n                });\r\n              }\r\n            }\r\n          }\r\n\r\n          newData\r\n            .sort((a, b) => {\r\n              if (a.date !== b.date) {\r\n                return a.date > b.date ? -1 : a.date < b.date ? 1 : 0;\r\n              }\r\n            })\r\n            .sort((a, b) => {\r\n              if (a.date === b.date) {\r\n                return a.branch > b.branch ? 1 : a.branch < b.branch ? -1 : 0;\r\n              }\r\n            })\r\n            .sort((a, b) => {\r\n              if (a.date === b.date && a.branch === b.branch) {\r\n                return a.productName.toLowerCase() < b.productName.toLowerCase()\r\n                  ? -1\r\n                  : a.productName.toLowerCase() > b.productName.toLowerCase()\r\n                  ? 1\r\n                  : 0;\r\n              }\r\n            });\r\n\r\n          this.totalPmsVol = totalPmsVol;\r\n          this.totalManualPmsVol =\r\n            totalManualPmsVol != null ? totalManualPmsVol : 0;\r\n\r\n          this.totalAgoVol = totalAgoVol;\r\n          this.totalManualAgoVol =\r\n            totalManualAgoVol != null ? totalManualAgoVol : 0;\r\n\r\n          this.totalDpkVol = totalDpkVol;\r\n          this.totalManualDpkVol =\r\n            totalManualDpkVol != null ? totalManualDpkVol : 0;\r\n\r\n          this.totalLpgVol = totalLpgVol;\r\n          this.totalManualLpgVol =\r\n            totalManualLpgVol != null ? totalManualLpgVol : 0;\r\n\r\n          this.totalPmsVariance =\r\n            totalPmsVariance != null ? totalPmsVariance : 0;\r\n          this.totalAgoVariance =\r\n            totalAgoVariance != null ? totalAgoVariance : 0;\r\n          this.totalDpkVariance =\r\n            totalDpkVariance != null ? totalDpkVariance : 0;\r\n          this.totalLpgVariance =\r\n            totalLpgVariance != null ? totalLpgVariance : 0;\r\n          this.totalVariance =\r\n            totalPmsVariance +\r\n            totalAgoVariance +\r\n            totalDpkVariance +\r\n            totalLpgVariance;\r\n\r\n          this.totalVol = totalPmsVol + totalAgoVol + totalDpkVol + totalLpgVol;\r\n          this.totalManualVol =\r\n            totalManualPmsVol +\r\n            totalManualAgoVol +\r\n            totalManualDpkVol +\r\n            totalManualLpgVol;\r\n\r\n          this.pmsCheck = totalManualPmsVol;\r\n          this.agoCheck = totalManualAgoVol;\r\n          this.dpkCheck = totalManualDpkVol;\r\n          this.lpgCheck = totalManualLpgVol;\r\n          this.totalCheck =\r\n            totalManualPmsVol +\r\n            totalManualAgoVol +\r\n            totalManualDpkVol +\r\n            totalManualLpgVol;\r\n\r\n          newData.forEach((element) => {\r\n            element.index = ++index;\r\n            element.productVariance =\r\n              element.manualVolumeSold == null || element.manualVolumeSold == 0\r\n                ? 0\r\n                : element.pumpVariance;\r\n            element.manualVolumeSold =\r\n              element.manualVolumeSold == null ? 0 : element.manualVolumeSold;\r\n          });\r\n          let prods = newData.reduce((acc, curr) => {\r\n            if (acc.indexOf(curr.productName) < 0) {\r\n              acc.push(curr.productName);\r\n            }\r\n            return acc;\r\n          }, []);\r\n          this.products = prods.sort();\r\n          this.transKeep = newData;\r\n          this.salesTransactions = newData;\r\n          newData.forEach((el) => {\r\n            el.newVariance = el.volumeSold - el.manualVolumeSold;\r\n          });\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: newData,\r\n          });\r\n          this.salesTransationsCount = newData.length;\r\n          this.showLoader = false;\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n@page {\r\n  margin: 0;\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .card_container.ml-3 {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .fuel_consumption_button.installed__tanks_dropdown__row {\r\n    height: 113px !important;\r\n    text-align: center;\r\n  }\r\n\r\n  .field-input[data-v-74507c40] {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 56px;\r\n  }\r\n\r\n  .fuel_consumption_row_right_section_nw {\r\n    height: 214px;\r\n  }\r\n\r\n  .fuel_consumption_row .fuel_consumption_row_right_section_nw {\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .transaction_period_text.text-center.branch__sales__text {\r\n    margin-top: -11px;\r\n  }\r\n\r\n  .drop_down_input_group.sales_transaction_dropdown {\r\n    margin-top: -97px;\r\n    margin-left: 26px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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=24cd2818&\"\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=24cd2818&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","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=24cd2818&prod&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAABHNCSVQICAgIfAhkiAAAA9NJREFUWEe9WItVFEEQ7IpAiECIQIhAiUCJQIlAjUCIQIlAiUCMQIhAjEDIACIoX92bXvv6dndmFs557x6Pvb2Zmu7q6g/sEYvkgZl9L1scAbhduh2W/lC/I/nTzF6VPa4AHC3dbzEQkh/M7HM6+ATAtyVgFgEhuWdmv8xsJx16b2b7APS3ay0FEl1yVgC9LydfAjjuQmFm3UBIvjOzr+Wg3wAOSMoyN2b2vDw/BnDZA6YLSDnwT3CJIuWqEFeklaW0FD2HPS7qBSIivi2HnQMQYYdFUlZ4XR6cAThttUozEJLxxg9mtpdvXCwmazwrAGQVuay6eoAoSiRgWpNhmsK6WVuagKTNrwG4iI3elKSs8KIGOv64CmSEoFVzJzc2EbcFyBczc43YIOiU80lGYleJOwukKKjCVWuUoDNApL5ykRNXijuZFGtAooJ25xGSCt9PBewFAInh6JoEkvx8B0A37F4kZQVX3EEA80ZzQGK4Tm5QQ5ZSwmQ4jwJJP66GawOYGM6jl5oCIoK6KxZbwwEmN49aZQNIssYswWqWiN+TVHJ8WZ5tZOcxINEasyHXCSTmqg2rrAHZljWCi6JV1lyegWzFGi1cGYAkQj06UmYUN1plyFsRSCxqHh0pM0BiqTkEwwpIyimLVbSVvEltd1VgOZCYE7pzSiuAwJV43kcAXxxIJOkKYe/mPe8nD9wAOER6+APAm55Nl76bqrh9AYmt49bdEtyzfm5qAbbulgBEhbgyvNaFLDKkewAxnJUXFEGLRw01t5FkeedaQP79U6rz4K57ALu1DZd+H3hyPwUkhtc2xc1V9k5AvGi5BbBfBO5/AVlzzaD9zpGUd5pbiF4XZY7E/mNIQiQlamoFBkv1HjT3Pknplc/fzuSa+GC4fWqQVjL8xEBi43bkEu++ijxRzerNlawj0jZ19i2ASXpaeQCw40BiCTCoK8mI+snAJDVflQIOJKrcGieS8grMKYDzlluPvTPS1K/q4qikkbTfAJyUUNZ8TN/5JEiPpbayoiJO4DRLa8rYJDV/89Zz4GQEkpvmtQSY+th8WYFQxM2mg7THWlOfi+dY8uuwDEZgJXaKNO/yHdTs3ISkmnGfqQnEq0j+WoOlQ+QWhe+a6YvoCZg+4tXoxLlwQhPqOAnYKDdael/nhEh60UNSkppAKvLihHq05qmNJUTI6AInqUJuVFNIqnyQ6/SJo4wNd8RL1QY1zgmfrY6R1AFJAvJs3t9XuMuik5FVnaGVEBYgmVhkziSd8pYsIIsKQLW4agISTyq5SYB85ipX6FC3jP6qye6axf8FCE0pItBeZ0YAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAwCAYAAABqkJjhAAAABHNCSVQICAgIfAhkiAAAAwdJREFUaEPtWu1RFTEUvacCoQKhArECtQK1ArQDqACoQKlAqQCsQKjAZwdQgVDBYc6b7E7IJtnA3n2zM777x/FtNjk5e3PuR4AlRvLQzD6Z2Xsz20mfO///3syuzewKwEXL3OgGkdwzs0szO2h5cYYxKzP7CkD/Fm0NOID9swFGx/Ypxj/UQHeABTZl9sHMqrsdW73hudZ8lYxbAXhbehckv5jZj2iAgJ4C+N6w4OQhYX2tFQOXa/zMTS7AV2b2MXp4vCmw0fnRIdf56ewXAP02MAH+F/nuA4C5lSH7VUjKf3uWAfSCEL8gwIx+uAEgOdu4kZS8vesW3gL2/gT/L8MkT0KY9iT1GsBZPKELwxmN9gT9RD69AB+Z2TdPlNFcZwBOIy2erhIkpckKLL3cOIG/UUYIQNq7NheGncA1TbMF3ETThEFuDAc/fjMBS+7Vv7H/uvnwjIn9IFF3YZikZEeBYw6bRdaUuf2eA62ZfQYgyfSVNZIC7Z1yKjQrUPTm4hIzMZuddgt4brbdGH5heinZkgo0twlcAE9ML6v9hfSLpdX7i2o6klPSyzsAan81WVCjTkIvAKhfMrBq1TwhvVQz5qjUDCntIETWnWqraillfm4TgTB1pZSXq0JZLaYvUQAsF+mC1i2A/cUCzuQx667UIgGTVFdTHdXY1kXr4gAHvxXYWGH65uASAeuQxZImxdnrEv5FASaZtl3lEurI95mdO+CopBqUQbUIUqhuzgEoePXmCjiAlRTp0IzeVyT5cCxheqQNDy6IvAGnFUoT6JyESX9zEc8bsCLSbXJfIdAqh55UGB27NQkr5RJxq/4ewG5TtlIYFAAIXHo7NLhoGZOwEmD3S5lW0CSrElYCnF57iXFde53PyXSLhGUB60eSqgxy3Z2s31U2oiqjfycwrfu2dG6tlyrAQMJqgBUGNUnqd88leXAGgp9qE7V2V1bCioADywItf57aR9vN9M2kHiXQCr1ZCasCjmRGPt39+cFzGS/eogamFbU0/2szuwsE6bz0je2xT/oIaXkwTxH+xQwAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAABWpJREFUaEPNWd152kgUPVc4QW/rrSCCBpZUELyQ57AVGFewdgVmK7BdgUkFJs+L16SCkAZA6cB+k2KYu98dSVgSoz8jHOsRRppz7t+ce4ewx8dB9xB245PFGDDIIUJHtmPGnIjnStHE/Tn9sgsE2uXlvHfbzf4pg8+J6DBvHYNdVjhzf95OnoOldgJidavZuAbRQFsb/JkVJmmAztvegCw6JeBDAJzHC+/2pCqJ2gm07P5MQDHzd1bW0H38dx6Bct587ODx0XUxu9/8Zve7FmMCwm/PIVErgXazdwmivzV4f91NAH3zsWM1+Jt4ZOndDuOWduyuY/HBXEgoqBPX+29c1hO1EdAgcLAE40H5KycOXsA4YmngThJ46U/fpwGKdzRB5nv21630+1mEaiPQsntjAh2Dcbbwp5cJC0u8E66jhBYS7K+O0iDzvrF3Au1m/16HgLf63QDMJdA7MF8x0CWiP9Sa3sfzI/BS4MUsL5lI1OKBTXgAX5fetJveqG33OQ5KwiUNPnqnZfc02YU3LYWt1KKihIoIAPhn4U1H6fWtZm8uVgfzBERz5a2usmI8qmImD+3PA297A8uimywCYnFqqIkOo/AkNuWA/LchABy53nRWZLx6PcB8tfBvT7M21UQsHhHhkynZkwRWLdebuS9EID/5dAiB7hb+9EwkBggXWd7SxQDAwp/mSpCIWC0e0JYL41xh23JRhYpb07RO5IWEIjO+LP2pliJFT20E2nZfkvfceNKie0jNg3EYOg+KeWgSb5v4V/xXWXFXGwERcWQ3JFTemeRAiVIbGsBcivd+kCXlAt8z4yRuRU2weTBmUpO01nHsP4cWrGstQxR1s86IvZXRpDALwQQ/jvJqfiDiGhdaegv4jNDKy4PaQiitfSyisUgLEWdEmCjGHGRpaW2Bu2DuRD3DcyxfexVKWylsbEYADQOtb3gYDyBcKm91WVZ9pr+yFw9skQnKo+6Ho0cBszInrc4t6fLsxoU2RtDluQw6kfdfhEBRLc/7P0z+Oz0QYDwIeK2rACjg6FUTiIOXw4391VBCLapaerqxi3X2+W4S/HaLKhJd9t+JgGN//AAoxwI5CuwClgs8/igjwsqGjbG/3jQ+/L0yAcfuHcugalMCTcVFD65Qac6jsPosxIssn8qJs9IEQil8HU3XdEIR5sQ8B1EwJmE+jFrGZ4UX44yBY9nDZHn5ZrvZuxHjcdj9lSKwOep1CcNXhhrnjT7khAUOnLIkLOZB/LzIAb81tikkEAefpeHLAs2N+1APMfgHe+vO9lgmppdo1YnyLJeAWJK48U3GIVUHTlVJPalVw+ArnBnp2p+aZhgJhOONY2bIPKcj45C8VrEq2AzZEcxTU3OlIiNuEUiFjN7LNOvJAh11VVHHpYe4saFWHlmJ/aV/u5EcyYpjNmKCQFyXi8hi5oEc21mTNBMYCQUCRozVUJfFSOvnIJe4J8ZE+etRPPY3FSenxdwQMDUVgQUas6okdg0pXS7t3rVUpqyKFO2hCeR1RL+CRAJPrOKYDENl2rmXJNG2++fSyZkqjpFAJIqKanwZEvoCo5HRvBTElRxmTDwgkFOlvXzygNbX+ZcLWSSC6yJc6M13fPSVFNajsoIwmQPPIQEeW0T6PkBkRkIbVSCjoFxAzcoCTyRxIpErkghEHB4UYVC2RazAq3Cp+RyoSsJwK1O4c00Lck/iopyILvWyJs01Ycz9TIYWehpOSeNsCg194jLfBEKv3Ch8H4Qy1ehT48z3rKyjxH1vTB4UeWkfoOPfLJDTgSf01WdIIq5tfjV4IVK6oQlGhLpcBqdkxQvpfXmikEC6xL4m8KU8EFkuCp3XYvkI1/9l//TK0L7bzAAAAABJRU5ErkJggg==\""],"sourceRoot":""}