{"version":3,"sources":["webpack:///./src/views/Company/Esales/index.vue?d98b","webpack:///./src/views/Company/Esales/index.vue","webpack:///./src/components/modals/Accounts/accountsCompanySettlement.vue","webpack:///src/components/modals/Accounts/accountsCompanySettlement.vue","webpack:///./src/components/modals/Accounts/accountsCompanySettlement.vue?cdce","webpack:///./src/components/modals/Accounts/accountsCompanySettlement.vue?1dda","webpack:///src/views/Company/Esales/index.vue","webpack:///./src/views/Company/Esales/index.vue?7885","webpack:///./src/views/Company/Esales/index.vue?596e","webpack:///./src/assets/img/building (1).svg"],"names":["render","_vm","this","_c","_self","attrs","companyId","callAllFunctions","_v","staticClass","require","_s","$t","maxDate","$root","$i18n","locale","customShortcuts","$store","getters","getDatePickerColor","model","value","dateRange","callback","$$v","expression","style","backgroundImage","cardBackgroundUrl","backgroundRepeat","backgroundPosition","backgroundSize","company","currencyCode","decimalThousand","companyWalletBalance","esCount","totalAmountSpent","class","tabLinked","on","userRoles","includes","userEmail","openSettlementModal","_e","directives","name","rawName","showLoader","ref","remisSales","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","currency","buttonsTemplate","showLoader2","companyWalletTransaction","excelQueryCellInfo","rowDataBound","formatOptions","staticRenderFns","staticStyle","date","amount","domProps","$event","target","composing","isButtonDisabled","cursor","settleCompany","showSpinner","MODAL_WIDTH","props","data","transactionType","close","created","window","methods","toggleIsClosed","message","type","duration","$","post","configObject","then","res","timeout","catch","error","component","title","components","MasterLayout","TableLoader","AccountsCompanySettlementModal","provide","grid","JSON","format","key","label","startDate","endDate","pluginStartDate","pluginEndDate","start","end","bookbalance","pageSizes","pageCount","pageSize","operator","ignoreCase","template","esDetails","watch","tab","query","branchId","beforeDestroy","mounted","searchFun","getWalletTrans","get","response","element","getCompanyWalletBalance","getESales","args","toFixed","toString","replace","pageOrientation","fileName","module","exports"],"mappings":"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C,KACA,wEACAX,EACAY,qBAEAC,KAAAC,IACA,yDACAN,eACAO,cAEA,wBACA,yBACA,iBACA,0BACA,eACAL,oBACA,+CAEAM,MAAAC,IACA,yBACAP,oBACA,qCACAF,aACAO,mBCjJiY,I,YCO7XG,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,iHC8Tf,IAAI,EAAI,IAEO,OACfC,+BACAnD,cACAoD,YACAC,oBACAC,mBACAC,kCAEAC,SACAC,yDAEAzB,OACA,OACA5C,uBACAI,aACAY,cACAU,4BACApB,8CACAgE,sDACA,GACA9D,8CACA8D,sDACA,GAEAhD,yCACAO,eAAAuB,YAAAmB,6BACA9F,oDACAI,iBACA,CAAA2F,YAAAC,qCAAAvF,aACA,CACAsF,gBACAC,yCACAvF,cAEA,CACAsF,gBACAC,yCACAvF,SAEA,CACAsF,eACAC,wCACAvF,kBAEA,CACAsF,iBACAC,0CACAvF,UAEA,CACAsF,gBACAC,yCACAvF,iBAGAwF,gDACAC,8CACAC,kDACAC,gDACA1F,WAAA2F,2BAAAC,wBACAlF,aAGAJ,sBACAvB,eACA4C,cACAW,eACAxB,UACAC,mBACA8E,cAEA9D,cACA+D,6BACAC,YACAC,aAEAhE,6CACAC,QAAAgE,oBAAAC,eACA7D,2BACA,OACA8D,kDACAA,SACA,qNAKA1C,gBACA,OACAA,UAGAK,SACAsC,sBACA,6CAQAC,OACA3F,WACA,WACA,iBACA,sBACA,iCAGAO,aACAqF,yCACA,gCAEAtG,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAEA,sBACAyB,sBACA8E,OACAxH,sCACA,4BACA,gBACAwG,yBACAC,wBAIA,iBACA,sBACA,kCAIA5B,UACA,iCACA,eACA,2CACA,4BACA,gBACA,iBACA,sBACA,iCAEA,oCACA,mBACAnC,qBACA8E,OACAxH,sCACA,4BACA,gBACAyH,WACAjB,sCACAC,uCAKA,wDACA,sEACA,YAEA,kEACA,cAGA,0CACA,sCAEA,sBACA/D,sBACA8E,OACAxH,sCACA,4BACA,gBACAwG,iEACA,gBAEAC,6DACA,qBASAiB,gBACA,mCAEAC,UAIA,cACA,oEACA,iBACAxB,YANAf,iCACAwC,SAUA7C,SACAxC,sBACA,8CAEAtC,mBACA,iBACA,sBACA,gCAEA4H,iBACA,oBACA,WACAC,IACA,mDACA,4BACA,4BACA,6BACA,uCACA,4BAEAxC,qBAEAC,KAAAwC,IACA,QACAA,mBACAC,YACAA,mCACAA,mDAEA,qCAIA,oBACA,qBAEAtC,MAAAC,IACA,uBAIAsC,0BAEA,WACAH,IACA,uCACA,4BACA,4BACA,kBAEAxC,qBAEAC,KAAAwC,IACA,yCACA,sCAEArC,MAAAC,QAGAuC,YACA,mBACA,WACAJ,IACA,8CACA,4BACA,4BACA,6BACA,uCACA,4BAEAxC,qBAEAC,KAAAwC,IAEA,2BACA,QACA,6BACA,WACA,GAGA,wBAEAA,mBACAC,cAEA,uBAIA,mBACA,qBAEAtC,MAAAC,IACA,sBAKAlC,sBACA,yBACA0E,qDAIAzE,yBACA,iBACA,6BACAyE,kCAEA,8BACAA,sCAKAtG,mBACA,mBAGA,EACAuG,QAAA,GACAC,WACAC,QAAA,6BALA,QAQAnF,gBACA,oBACA,iBACA,OACAoF,4BACAC,4BAEA,+CACA,gDACA,gDACA,gDACA,iCACA,MACA,mBAGA,kCACA,QAGAzF,kBCprB6W,ICQzW,G,UAAY,eACd,EACArD,EACAkE,GACA,EACA,KACA,WACA,OAIa,e,8BCnBf6E,EAAOC,QAAU,IAA0B,iC","file":"js/chunk-18552739.e0d70ac8.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=0b26f109&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('AccountsCompanySettlementModal',{attrs:{\"selectedCompanyId\":_vm.companyId,\"callAllFunctions\":_vm.callAllFunctions}}),_vm._v(\" \"),_c('MasterLayout',[_c('div',{staticClass:\"pt-4 pb-3 pl-4 pr-3 dashboard_first_row\"},[_c('section',{staticClass:\"w-100 mb-4 row justify-content-between align-items-center\"},[_c('section',{staticClass:\"col-md-8\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"text-center dealer__icon__div mr-2\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/wallet.svg\"),\"width\":\"35px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"pt-3\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.omit.remisSales\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"light-grey-text\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.omit.esaleSummary\"))+\"\\n              \")])])])]),_vm._v(\" \"),_c('section',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"text_right\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"custom-shortcuts\":_vm.customShortcuts,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"py-4 card_container\",style:({\n              backgroundImage: `url(${_vm.cardBackgroundUrl})`,\n              backgroundRepeat: 'no-repeat',\n              backgroundPosition: 'right',\n              backgroundSize: ' 136px',\n            })},[_c('div',{staticClass:\"card__header___text\"},[_c('div',[_c('h3',{staticClass:\"text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cMasterLayout.companyWallet\"))+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 dealer__icon__wrapper\"},[_c('div',{staticClass:\"text-center dealer__icon__div\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/wallet.svg\"),\"width\":\"40px\"}})])])]),_vm._v(\" \"),_c('h3',{staticClass:\"mt-2 text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+\"\\n                  \"+_vm._s(_vm.decimalThousand(_vm.companyWalletBalance))+\"\\n                \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"py-4 card_container\",style:({\n              backgroundImage: `url(${_vm.cardBackgroundUrl})`,\n              backgroundRepeat: 'no-repeat',\n              backgroundPosition: 'right',\n              backgroundSize: ' 136px',\n            })},[_c('div',{staticClass:\"card__header___text\"},[_c('div',[_c('h3',{staticClass:\"text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.omit.remisSales\"))+\" (\"+_vm._s(_vm.esCount)+\")\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 dealer__icon__wrapper\"},[_c('div',{staticClass:\"text-center dealer__icon__div\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/wallet.svg\"),\"width\":\"40px\"}})])])]),_vm._v(\" \"),_c('h3',{staticClass:\"mt-2 text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+_vm._s(_vm.decimalThousand(_vm.totalAmountSpent))+\"\\n                \")])])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex my-3 px-4 flex-column justify-content-between flex-md-row flex-lg-row align-items-center\"},[_c('section',{},[_c('div',{staticClass:\"d-flex py-2 tabs\"},[_c('div',{staticClass:\"mr-4 tab\",class:_vm.tabLinked && 'activeTab',on:{\"click\":() => (this.tabLinked = true)}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.omit.remisSales\"))+\"\\n          \")]),_vm._v(\" \"),_c('div',{staticClass:\"tab\",class:!_vm.tabLinked && 'activeTab',on:{\"click\":() => (this.tabLinked = false)}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cWallet.title\"))+\"\\n          \")])])]),_vm._v(\" \"),(\n          (_vm.userRoles &&\n            _vm.userRoles.includes('Post Settlement') &&\n            _vm.userEmail.includes('@eternaplc.com')) ||\n          _vm.userRoles.includes('SupportAdmin') ||\n          _vm.userRoles.includes('Super Admin')\n        )?_c('section',{staticClass:\"primary-btn px-3 py-2\",on:{\"click\":_vm.openSettlementModal}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.cBank.confirmSettlement\"))+\"\\n      \")]):_vm._e()]),_vm._v(\" \"),_c('section',{staticClass:\"pump__details__section_2\"},[_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"col-md-12 col-lg-12\"},[(_vm.tabLinked)?_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"dataSource\":_vm.remisSales,\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowTextWrap\":true,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"70\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchName\",\"width\":\"200\",\"headerText\":_vm.$t('text.cDashboard.branchName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"salesType\",\"headerText\":_vm.$t('text.bWallet.salesType')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"format\":\"N2\",\"field\":\"amount\",\"width\":\"200\",\"headerText\":`${_vm.$t('text.bWallet.amountSpent')} (${\n                  _vm.company ? _vm.company.currency : ''\n                })`}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"template\":_vm.buttonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}})],1)],1):_vm._e(),_vm._v(\" \"),(!_vm.tabLinked)?_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader2),expression:\"!showLoader2\"}],ref:\"dataGrid\",attrs:{\"dataSource\":_vm.companyWalletTransaction,\"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,\"allowTextWrap\":true,\"rowDataBound\":_vm.rowDataBound,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"70\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"date\",\"width\":\"200\",\"format\":_vm.formatOptions,\"type\":\"date\",\"headerText\":_vm.$t('text.cWallet.date')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"amount\",\"format\":\"N2\",\"headerText\":_vm.$t('text.cWallet.amount')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"walletBalance\",\"width\":\"200\",\"headerText\":_vm.$t('text.bWallet.walletBalance')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"source\",\"width\":\"200\",\"headerText\":_vm.$t('text.cWallet.source')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"status\",\"width\":\"180\",\"headerText\":_vm.$t('text.cWallet.status')}})],1)],1):_vm._e(),_vm._v(\" \"),(_vm.tabLinked)?_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}}):_vm._e(),_vm._v(\" \"),(!_vm.tabLinked)?_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader2}}):_vm._e()],1)])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('modal',{staticClass:\"editPumpStat\",attrs:{\"name\":\"accountCompanySettlement\",\"transition\":\"pop-out\",\"width\":600,\"height\":600}},[_c('div',{staticClass:\"modal__header\"},[_c('span',{staticClass:\"mr-3\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/building (1).svg\"),\"width\":\"30\",\"height\":\"30\"}})]),_vm._v(\" \"),_c('h4',[_vm._v(_vm._s(_vm.$t(\"text.cBank.confirmSettlement\")))])]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"input__group__block mt-4\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"70%\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.cBank.date\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('vue-ctk-date-time-picker',{attrs:{\"id\":\"DateTimePicker\",\"color\":\"#290C53\",\"format\":\"YYYY-MM-DDTHH:mm:ss.sssZ\",\"formatted\":\"DD/MM/YYYY h:mm a\",\"label\":\"Select date and time\"},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"70%\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.cBank.amountToSettle\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.amount),expression:\"amount\"}],staticStyle:{\"padding\":\"10px\",\"width\":\"100%\"},attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.amount)},on:{\"input\":function($event){if($event.target.composing)return;_vm.amount=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center py-3 mt-3\"},[_c('button',{staticClass:\"sales_target_btn text-center\",style:([\n          _vm.isButtonDisabled\n            ? { cursor: 'not-allowed' }\n            : { cursor: 'pointer' },\n        ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.settleCompany}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.cBank.confirm\"))),_c('span')]),_vm._v(\" \"),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showSpinner),expression:\"showSpinner\"}],staticClass:\"ml-3 loader\",attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"editPumpStat\"\r\n    name=\"accountCompanySettlement\"\r\n    transition=\"pop-out\"\r\n    :width=\"600\"\r\n    :height=\"600\"\r\n  >\r\n    <div class=\"modal__header\">\r\n      <span class=\"mr-3\"\r\n        ><img src=\"@/assets/img/building (1).svg\" width=\"30\" height=\"30\"\r\n      /></span>\r\n      <h4>{{ $t(\"text.cBank.confirmSettlement\") }}</h4>\r\n    </div>\r\n    <div>\r\n      <div class=\"input__group__block mt-4\" style=\"margin: 0 auto; width: 70%\">\r\n        <label class=\"required\">\r\n          {{ $t(\"text.cBank.date\") }}\r\n        </label>\r\n        <div class=\"input__block\" ref=\"target_input_div\">\r\n          <vue-ctk-date-time-picker\r\n            id=\"DateTimePicker\"\r\n            v-model=\"date\"\r\n            color=\"#290C53\"\r\n            format=\"YYYY-MM-DDTHH:mm:ss.sssZ\"\r\n            formatted=\"DD/MM/YYYY h:mm a\"\r\n            label=\"Select date and time\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"input__group__block mt-4\" style=\"margin: 0 auto; width: 70%\">\r\n        <label class=\"required\">\r\n          {{ $t(\"text.cBank.amountToSettle\") }}\r\n        </label>\r\n        <div class=\"input__block\" ref=\"target_input_div\">\r\n          <input\r\n            style=\"padding: 10px; width: 100%\"\r\n            type=\"number\"\r\n            v-model=\"amount\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center py-3 mt-3\">\r\n        <button\r\n          @click=\"settleCompany\"\r\n          class=\"sales_target_btn text-center\"\r\n          :disabled=\"isButtonDisabled ? true : null\"\r\n          :style=\"[\r\n            isButtonDisabled\r\n              ? { cursor: 'not-allowed' }\r\n              : { cursor: 'pointer' },\r\n          ]\"\r\n        >\r\n          {{ $t(\"text.cBank.confirm\") }}<span></span>\r\n        </button>\r\n        <img\r\n          v-show=\"showSpinner\"\r\n          src=\"@/assets/img/git_loader.gif\"\r\n          width=\"35px\"\r\n          class=\"ml-3 loader\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nconst MODAL_WIDTH = 850;\r\nimport configObject from \"@/config\";\r\n\r\nexport default {\r\n  name: \"accountsCompanySettlements\",\r\n  props: [\"selectedCompanyId\", \"callAllFunctions\"],\r\n  data() {\r\n    return {\r\n      date: \"\",\r\n      amount: null,\r\n      transactionType: null,\r\n      close: false,\r\n      isButtonDisabled: false,\r\n      showSpinner: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    toggleIsClosed() {\r\n      this.close = !this.close;\r\n    },\r\n    settleCompany() {\r\n      if (!this.date) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.selectDate\"),\r\n          type: \"error\",\r\n          duration: 10000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (!this.amount) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.amountError\"),\r\n          type: \"error\",\r\n          duration: 10000,\r\n        });\r\n\r\n        return;\r\n      }\r\n\r\n      const data = {\r\n        amount: parseFloat(this.amount),\r\n        type: \"credit\",\r\n        date: this.date,\r\n      };\r\n\r\n      $(\".loader\").show();\r\n      this.isButtonDisabled = true;\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Company/PostSettlement/${this.selectedCompanyId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.$toast.open(this.$t(\"text.cBank.paymentConfirmed\"), {\r\n            type: \"success\",\r\n            timeout: 3000,\r\n          });\r\n          this.callAllFunctions()\r\n          this.isButtonDisabled = false;\r\n          this.amount = null;\r\n          this.transactionType = null;\r\n          this.date = null;\r\n          $(\".loader\").hide();\r\n          this.$modal.hide(\"accountCompanySettlement\");\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.$toast(error.response.data.message, {\r\n            type: \"error\",\r\n            timeout: 3000,\r\n          });\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!./accountsCompanySettlement.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!./accountsCompanySettlement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./accountsCompanySettlement.vue?vue&type=template&id=5848b904&\"\nimport script from \"./accountsCompanySettlement.vue?vue&type=script&lang=js&\"\nexport * from \"./accountsCompanySettlement.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","<template>\r\n  <div>\r\n    <AccountsCompanySettlementModal\r\n      :selectedCompanyId=\"companyId\"\r\n      :callAllFunctions=\"callAllFunctions\"\r\n    />\r\n    <MasterLayout>\r\n      <div class=\"pt-4 pb-3 pl-4 pr-3 dashboard_first_row\">\r\n        <section\r\n          class=\"w-100 mb-4 row justify-content-between align-items-center\"\r\n        >\r\n          <section class=\"col-md-8\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <div class=\"text-center dealer__icon__div mr-2\">\r\n                <div>\r\n                  <img src=\"@/assets/img/wallet.svg\" width=\"35px\" />\r\n                </div>\r\n              </div>\r\n              <div class=\"pt-3\">\r\n                <h4 class=\"primary-color font-600\">\r\n                  {{ $t(\"text.omit.remisSales\") }}\r\n                </h4>\r\n                <p class=\"light-grey-text\">\r\n                  {{ $t(\"text.omit.esaleSummary\") }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </section>\r\n\r\n          <section class=\"col-md-4\">\r\n            <div class=\"text_right\">\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          </section>\r\n        </section>\r\n\r\n        <div class=\"row\">\r\n          <!-- company wallet balance -->\r\n          <div class=\"col-md-6\">\r\n            <div\r\n              class=\"py-4 card_container\"\r\n              :style=\"{\r\n                backgroundImage: `url(${cardBackgroundUrl})`,\r\n                backgroundRepeat: 'no-repeat',\r\n                backgroundPosition: 'right',\r\n                backgroundSize: ' 136px',\r\n              }\"\r\n            >\r\n              <div class=\"card__header___text\">\r\n                <div>\r\n                  <h3 class=\"text-center our_branches__header\">\r\n                    {{ $t(\"text.cMasterLayout.companyWallet\") }}\r\n                  </h3>\r\n                  <div class=\"mt-3 dealer__icon__wrapper\">\r\n                    <div class=\"text-center dealer__icon__div\">\r\n                      <div>\r\n                        <img src=\"@/assets/img/wallet.svg\" width=\"40px\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <h3 class=\"mt-2 text-center our_branches__header\">\r\n                    {{ company ? company.currencyCode : \"\" }}\r\n                    {{ decimalThousand(companyWalletBalance) }}\r\n                  </h3>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--  -->\r\n\r\n          <!-- remis total -->\r\n          <div class=\"col-md-6\">\r\n            <div\r\n              class=\"py-4 card_container\"\r\n              :style=\"{\r\n                backgroundImage: `url(${cardBackgroundUrl})`,\r\n                backgroundRepeat: 'no-repeat',\r\n                backgroundPosition: 'right',\r\n                backgroundSize: ' 136px',\r\n              }\"\r\n            >\r\n              <div class=\"card__header___text\">\r\n                <div>\r\n                  <h3 class=\"text-center our_branches__header\">\r\n                    <!-- {{ $t(\"text.products.total\") }} -->\r\n                    {{ $t(\"text.omit.remisSales\") }} ({{ esCount }})\r\n                  </h3>\r\n                  <div class=\"mt-3 dealer__icon__wrapper\">\r\n                    <div class=\"text-center dealer__icon__div\">\r\n                      <div>\r\n                        <img src=\"@/assets/img/wallet.svg\" width=\"40px\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <h3 class=\"mt-2 text-center our_branches__header\">\r\n                    {{ company ? company.currencyCode : \"\"\r\n                    }}{{ decimalThousand(totalAmountSpent) }}\r\n                  </h3>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--  -->\r\n\r\n          <!-- difference -->\r\n          <!-- <div class=\"col-md-4\">\r\n            <div\r\n              class=\"py-4 card_container\"\r\n              :style=\"{\r\n                backgroundImage: `url(${cardBackgroundUrl})`,\r\n                backgroundRepeat: 'no-repeat',\r\n                backgroundPosition: 'right',\r\n                backgroundSize: ' 136px',\r\n              }\"\r\n            >\r\n              <div class=\"card__header___text\">\r\n                <div>\r\n                  <h3 class=\"text-center our_branches__header\">\r\n                    {{ $t(\"text.cBank.transaction.balance\") }}\r\n                  </h3>\r\n                  <div class=\"mt-3 dealer__icon__wrapper\">\r\n                    <div class=\"text-center dealer__icon__div\">\r\n                      <div>\r\n                        <img src=\"@/assets/img/wallet.svg\" width=\"40px\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <h3 class=\"mt-2 text-center our_branches__header\">\r\n                    {{ company ? company.currencyCode : \"\" }} -->\r\n          <!-- {{\r\n                      decimalThousand(\r\n                        Number(companyWalletBalance) + Number(totalAmountSpent)\r\n                      )\r\n                    }} -->\r\n          <!-- {{ decimalThousand(bookbalance) }}\r\n                  </h3>\r\n                </div>\r\n              </div> -->\r\n          <!-- </div>\r\n          </div> -->\r\n          <!--  -->\r\n        </div>\r\n      </div>\r\n\r\n      <!-- tabs -->\r\n      <div\r\n        class=\"d-flex my-3 px-4 flex-column justify-content-between flex-md-row flex-lg-row align-items-center\"\r\n      >\r\n        <section class=\"\">\r\n          <div class=\"d-flex py-2 tabs\">\r\n            <div\r\n              @click=\"() => (this.tabLinked = true)\"\r\n              class=\"mr-4 tab\"\r\n              :class=\"tabLinked && 'activeTab'\"\r\n            >\r\n              {{ $t(\"text.omit.remisSales\") }}\r\n            </div>\r\n\r\n            <div\r\n              @click=\"() => (this.tabLinked = false)\"\r\n              class=\"tab\"\r\n              :class=\"!tabLinked && 'activeTab'\"\r\n            >\r\n              {{ $t(\"text.cWallet.title\") }}\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <!--  -->\r\n\r\n        <section\r\n          class=\"primary-btn px-3 py-2\"\r\n          @click=\"openSettlementModal\"\r\n          v-if=\"\r\n            (userRoles &&\r\n              userRoles.includes('Post Settlement') &&\r\n              userEmail.includes('@eternaplc.com')) ||\r\n            userRoles.includes('SupportAdmin') ||\r\n            userRoles.includes('Super Admin')\r\n          \"\r\n        >\r\n          {{ $t(\"text.cBank.confirmSettlement\") }}\r\n        </section>\r\n      </div>\r\n      <!--  -->\r\n\r\n      <section class=\"pump__details__section_2\">\r\n        <div class=\"row add_driver_row record__expenses\">\r\n          <div class=\"col-md-12 col-lg-12\">\r\n            <!-- remis sales table -->\r\n            <ejs-grid\r\n              v-if=\"tabLinked\"\r\n              v-show=\"!showLoader\"\r\n              :dataSource=\"remisSales\"\r\n              ref=\"dataGrid\"\r\n              :created=\"refreshGrid\"\r\n              :allowPaging=\"true\"\r\n              :allowSorting=\"true\"\r\n              :pageSettings=\"pageSettings\"\r\n              :toolbar=\"toolbar\"\r\n              :searchSettings=\"search\"\r\n              :allowTextWrap=\"true\"\r\n              :allowExcelExport=\"true\"\r\n              :allowPdfExport=\"true\"\r\n              :toolbarClick=\"toolbarClick\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column width=\"70\" field=\"index\" headerText=\"#\"></e-column>\r\n\r\n                <e-column\r\n                  field=\"branchName\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.cDashboard.branchName')\"\r\n                ></e-column>\r\n                <!-- <e-column\r\n                  field=\"volume\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.form.volume')\"\r\n                ></e-column> -->\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"salesType\"\r\n                  :headerText=\"$t('text.bWallet.salesType')\"\r\n                ></e-column>\r\n                <e-column\r\n                  format=\"N2\"\r\n                  field=\"amount\"\r\n                  width=\"200\"\r\n                  :headerText=\"`${$t('text.bWallet.amountSpent')} (${\r\n                    company ? company.currency : ''\r\n                  })`\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"200\"\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            <!--  -->\r\n\r\n            <!-- company wallet table -->\r\n\r\n            <ejs-grid\r\n              v-if=\"!tabLinked\"\r\n              :dataSource=\"companyWalletTransaction\"\r\n              v-show=\"!showLoader2\"\r\n              ref=\"dataGrid\"\r\n              :created=\"refreshGrid\"\r\n              :allowPaging=\"true\"\r\n              :allowSorting=\"true\"\r\n              :pageSettings=\"pageSettings\"\r\n              :toolbar=\"toolbar\"\r\n              :searchSettings=\"search\"\r\n              :allowExcelExport=\"true\"\r\n              :allowPdfExport=\"true\"\r\n              :toolbarClick=\"toolbarClick\"\r\n              :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n              :allowTextWrap=\"true\"\r\n              :rowDataBound=\"rowDataBound\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column width=\"70\" field=\"index\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  field=\"date\"\r\n                  width=\"200\"\r\n                  :format=\"formatOptions\"\r\n                  type=\"date\"\r\n                  :headerText=\"$t('text.cWallet.date')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"amount\"\r\n                  format=\"N2\"\r\n                  :headerText=\"$t('text.cWallet.amount')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"walletBalance\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.bWallet.walletBalance')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"source\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.cWallet.source')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"status\"\r\n                  width=\"180\"\r\n                  :headerText=\"$t('text.cWallet.status')\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n            <!--  -->\r\n\r\n            <TableLoader v-if=\"tabLinked\" :showLoader=\"showLoader\" />\r\n            <TableLoader v-if=\"!tabLinked\" :showLoader=\"showLoader2\" />\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\n// import backgroundUrl from \"@/assets/img/Credit-card-background-shallow-DOF.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\n\r\nimport AccountsCompanySettlementModal from \"@/components/modals/Accounts/accountsCompanySettlement.vue\";\r\n\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  Resize,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"ESALES :: Epump Portal\",\r\n  name: \"ESALES\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    AccountsCompanySettlementModal,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport, Resize],\r\n  },\r\n  data() {\r\n    return {\r\n      companyWalletBalance: 0,\r\n      tabLinked: true,\r\n      remisSales: [],\r\n      companyWalletTransaction: [],\r\n      userRoles: localStorage.getItem(\"userDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"userDetails\")).roles\r\n        : [],\r\n      userEmail: localStorage.getItem(\"userDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"userDetails\")).email\r\n        : \"\",\r\n\r\n      usedLang: this.$store.getters.getLanguage,\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy hh:mm a\" },\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      startDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      company: null,\r\n\r\n      // backgroundUrl,\r\n      cardBackgroundUrl,\r\n      companyId: null,\r\n      showLoader: true,\r\n      showLoader2: true,\r\n      esCount: 0,\r\n      totalAmountSpent: 0,\r\n      bookbalance: 0,\r\n\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"Search\", \"ExcelExport\", \"PdfExport\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      buttonsTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template:\r\n              '<div class=\"btn-group btn-group-sm\" role=\"group\">' +\r\n              '<button type=\"button\" class=\"btn btn-outline-dark\" title=\"Details\" @click=\"esDetails(data.branchId)\" >' +\r\n              '<i class=\"fa fa-eye\" aria-hidden=\"true\"></i>' +\r\n              \"</button>\" +\r\n              \"</div>\",\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              esDetails: function (branchId) {\r\n                this.$eventHub.$emit(\"_esDetails\", branchId);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getESales();\r\n        this.getWalletTrans();\r\n        this.getCompanyWalletBalance();\r\n      }\r\n    },\r\n    tabLinked(tab) {\r\n      tab ? this.getESales() : this.getWalletTrans();\r\n      this.getCompanyWalletBalance();\r\n    },\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.$router.replace({\r\n          name: this.$route.name,\r\n          query: {\r\n            companyId: this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id,\r\n            startDate: this.startDate,\r\n            endDate: this.endDate,\r\n          },\r\n        });\r\n\r\n        this.getESales();\r\n        this.getWalletTrans();\r\n        this.getCompanyWalletBalance();\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n      this.companyId = this.$route.query.companyId\r\n        ? this.$route.query.companyId\r\n        : this.company.id;\r\n      this.getESales();\r\n      this.getWalletTrans();\r\n      this.getCompanyWalletBalance();\r\n    });\r\n    this.$eventHub.$on(\"_esDetails\", (branchId) => {\r\n      this.$router.push({\r\n        name: \"branch_wallet\",\r\n        query: {\r\n          companyId: this.$route.query.companyId\r\n            ? this.$route.query.companyId\r\n            : this.company.id,\r\n          branchId: branchId,\r\n          startDate: this.$route.query.startDate,\r\n          endDate: this.$route.query.endDate,\r\n        },\r\n      });\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          companyId: this.$route.query.companyId\r\n            ? this.$route.query.companyId\r\n            : this.company.id,\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  beforeDestroy() {\r\n    this.$eventHub.$off(\"_esDetails\");\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    // this.updateRouteQuery();\r\n  },\r\n  methods: {\r\n    openSettlementModal() {\r\n      this.$modal.show(\"accountCompanySettlement\");\r\n    },\r\n    callAllFunctions() {\r\n      this.getESales();\r\n      this.getWalletTrans();\r\n      this.getCompanyWalletBalance();\r\n    },\r\n    getWalletTrans() {\r\n      this.showLoader2 = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/WalletTransactions/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?startDate=${this.$route.query.startDate}&endDate=${\r\n            this.$route.query.endDate\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          let index = 0;\r\n          response.data.forEach((element) => {\r\n            element.index = ++index;\r\n            element.amount = element.amount.toLocaleString();\r\n            element.walletBalance = element.walletBalance.toLocaleString();\r\n          });\r\n          this.companyWalletTransaction = response.data;\r\n          // this.$refs.dataGrid.ej2Instances.setProperties({\r\n          //   dataSource: response.data,\r\n          // });\r\n          this.showLoader2 = false;\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader2 = false;\r\n        });\r\n    },\r\n\r\n    getCompanyWalletBalance() {\r\n      // this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Wallet/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.companyWalletBalance = response.data.balance;\r\n          this.bookbalance = response.data.bookbalance;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    getESales() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/voucher/CompanyEsales/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?startDate=${this.$route.query.startDate}&endDate=${\r\n            this.$route.query.endDate\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          //   this.alertAlarm = response.data;\r\n          this.esCount = response.data.length;\r\n          let index = 0;\r\n          const totalAmount = response.data.reduce((a, b) => {\r\n            return a + b.amount;\r\n          }, 0);\r\n          // .toLocaleString();\r\n\r\n          this.totalAmountSpent = totalAmount;\r\n\r\n          response.data.forEach((element) => {\r\n            element.index = ++index;\r\n          });\r\n          this.remisSales = response.data;\r\n          // this.$refs.dataGrid.ej2Instances.setProperties({\r\n          //   dataSource: response.data,\r\n          // });\r\n          this.showLoader = false;\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n\r\n    //utilities\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"date\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY\");\r\n      }\r\n    },\r\n\r\n    rowDataBound: function (args) {\r\n      if (!this.tabLinked) {\r\n        if (args.data[\"status\"] === \"Debit\") {\r\n          args.row.cells[5].style.color = \"red\";\r\n        }\r\n        if (args.data[\"status\"] === \"Credit\") {\r\n          args.row.cells[5].style.color = \"green\";\r\n        }\r\n      }\r\n    },\r\n\r\n    decimalThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          let pdfExportProperties = {\r\n            pageOrientation: \"Landscape\",\r\n            fileName: \"Esales_List.pdf\",\r\n          };\r\n          this.$refs.dataGrid.getColumns()[0].width = \"80\";\r\n          this.$refs.dataGrid.getColumns()[1].width = \"200\";\r\n          this.$refs.dataGrid.getColumns()[2].width = \"140\";\r\n          this.$refs.dataGrid.getColumns()[3].width = \"200\";\r\n          this.$refs.dataGrid.pdfExport(pdfExportProperties);\r\n          break;\r\n        case \"Excel Export\":\r\n          // this.$refs.dataGrid.getColumns()[4].visible = false;\r\n          // this.$refs.dataGrid.getColumns()[5].visible = true;\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {},\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.tab {\r\n  color: #4c2e73;\r\n  padding: 0px 6px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n}\r\n\r\n.activeTab {\r\n  padding-bottom: 6px;\r\n  border-bottom: 3px solid;\r\n}\r\n\r\n.primary-btn {\r\n  background-color: #3f1b7e;\r\n  border-radius: 5px;\r\n  color: white;\r\n  cursor: pointer;\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=0b26f109&scoped=true&\"\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=0b26f109&prod&scoped=true&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  \"0b26f109\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/building (1).bbdf1b99.svg\";"],"sourceRoot":""}