{"version":3,"sources":["webpack:///./src/assets/img/box-grayed.png","webpack:///./src/views/Branch/Services/addtransaction.vue","webpack:///src/views/Branch/Services/addtransaction.vue","webpack:///./src/views/Branch/Services/addtransaction.vue?7071","webpack:///./src/views/Branch/Services/addtransaction.vue?d097"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_v","_s","mode","$t","directives","name","rawName","value","serviceTransaction","unitPrice","expression","attrs","domProps","on","$event","target","composing","$set","services","model","service","callback","$$v","description","addTransaction","_e","formData","items","length","fields","scopedSlots","_u","key","fn","data","modifiers","removeTransaction","index","price","serviceName","branch","currencyCode","convertThousand","totalPrice","customer","maxDate","$root","$i18n","locale","$store","getters","getDatePickerColor","startDate","isButtonDisabled","createTransactions","updateTransaction","staticStyle","require","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","PulseLoader","ModelSelect","catId","showLoader","quantitySupplied","branches","company","applyDiscount","servicesIds","label","class","watch","computed","get","set","created","document","mounted","beforeDestroy","methods","getServices","configObject","then","response","el","catch","error","message","type","duration","companyServiceId","branchId","date","post","payload","res","query","console","put","window","JSON","toFixed","toString","replace","component"],"mappings":"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AAC,qBACA,CAAA1C,aAAAyC,eAAAC,wBAIAC,OACAnC,qBACA,OACA,6BACA,sBACA,sBAKAoC,UACAjC,YACAkC,MACA,kCACA,kCACA,kBACA,GAEA,GAGAC,UAGAC,UACA,gCACA,cACAC,yEAGAC,UAgBA,GAfA,6DACA,kEACA,yCAOA,oEACA,6CACA,wCACA,+BAGA,iCACA,iBACA,2CACA,+BACA,kCACA,0BACA1C,6BACAD,cACAlB,2BACAG,qCAIA2D,kBACAC,SACA/C,qBACA,gCACA,6BACA,+DACA,4DAEAgD,cACA,mBAEA,WACAP,IACA,gDACA,gEAEAQ,qBAEAC,KAAAC,IACA,qBACA,mBACAA,uBACAC,cACAA,iBAGAC,MAAAC,IACA,sBAIAlE,kBAEA,GADAV,oBACA,kCAMA,YALA,kBACA6E,+CACAC,aACAC,eAIA,iBAMA,YALA,kBACAF,sDACAC,aACAC,eAIA,wCAMA,YALA,kBACAF,iDACAC,aACAC,eAIA,6BACAzE,wBACA,GACA,4BACA,0BACAkB,gDACAlB,aACAmB,mBACAhB,kDAEA,uCACA,+DACA,4DAEA+B,sBACAxC,mBAEA,wCACA,4BACA,OACAgF,mBACAxD,0BACAf,6BAIA,OACAL,WACA6E,wBACAnD,gCACAoD,8BAGA,wBASA,yBACArC,oBAEA,WACAsC,KACA,8CACAC,EACAb,qBAEAC,KAAAa,IACA,8CACA,6CACA,kBACAR,yDACAC,eACAC,eAEA,mBACAxF,2BACA+F,iCAGAX,MAAAC,IACA,kBACAC,gCACAC,aACAC,eAEA,yBACAlC,uBArCA,kBACAgC,kDACAC,aACAC,gBAqCAtC,qBAEA,GADAzC,oBACA,YAMA,YALA,kBACA6E,kDACAC,aACAC,eAKA,OACAC,gDACAxD,mCACAM,gCACArB,+CACAyE,8BAGAK,eAGA,yBACA1C,oBAEA,WACA2C,IACA,oFACAJ,EACAb,qBAEAC,KAAAa,IACAI,4BACA,4BACAC,oBAEAD,mEACA,kBACAZ,yDACAC,eACAC,eAEA,mBACAxF,2BACA+F,iCAGAX,MAAAC,IACA,kBACAC,gCACAC,aACAC,eAEA,yBACAlC,uBAGAjB,mBACA,mBAGA,EACA+D,QAAA,GACAC,WACAC,QAAA,6BALA,UCnfsX,I,YCOlXC,EAAY,eACd,EACAlH,EACAgE,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E","file":"js/chunk-7232e394.c6e0afe3.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/box-grayed.a129217e.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('MasterLayout',[_c('div',{staticClass:\"new-staff w-98\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"add_new_bank_account_header\"},[_c('p',[_vm._v(\"\\n            \"+_vm._s(_vm.mode === \"create\" ? \"Add\" : \"Edit\")+\"\\n            \"+_vm._s(_vm.$t(\"text.bServices.transaction\"))+\"\\n          \")])]),_vm._v(\" \"),_c('div',{staticClass:\"cover\"},[_c('div',{staticClass:\"personal\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.bServices.unitPrice\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.serviceTransaction.unitPrice),expression:\"serviceTransaction.unitPrice\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.bServices.unitPrice')},domProps:{\"value\":(_vm.serviceTransaction.unitPrice)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.serviceTransaction, \"unitPrice\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.bServices.service\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"e-form price_change_input_wrapper\"},[_c('model-select',{attrs:{\"options\":_vm.services,\"placeholder\":_vm.$t('text.bServices.selectService')},model:{value:(_vm.service),callback:function ($$v) {_vm.service=$$v},expression:\"service\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.bServices.serviceDescription\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.serviceTransaction.description),expression:\"serviceTransaction.description\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.bServices.serviceDescription')},domProps:{\"value\":(_vm.serviceTransaction.description)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.serviceTransaction, \"description\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"})])]),_vm._v(\" \"),(_vm.mode === 'create')?_c('div',{staticClass:\"pb-4 mt-4 text-center\"},[_c('button',{staticClass:\"ep-btn ep-btn-theme\",on:{\"click\":function($event){return _vm.addTransaction($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bServices.addTransaction\"))+\"\\n            \")])]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[(_vm.formData.items.length)?_c('div',[_c('b-table',{attrs:{\"striped\":\"\",\"hover\":\"\",\"items\":_vm.formData.items,\"fields\":_vm.fields},scopedSlots:_vm._u([{key:\"cell(action)\",fn:function(data){return [_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"cursor-pointer fa fa-minus-circle red-color fa-icon\",attrs:{\"title\":_vm.$t('text.bServices.removeItem'),\"aria-hidden\":\"true\"},on:{\"click\":function($event){return _vm.removeTransaction(data.index)}}})]}},{key:\"cell(price)\",fn:function(data){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.items[data.index].price),expression:\"formData.items[data.index].price\"}],staticClass:\"form-control\",attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.formData.items[data.index].price)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData.items[data.index], \"price\", $event.target.value)}}})]}},{key:\"cell(description)\",fn:function(data){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.items[data.index].description),expression:\"formData.items[data.index].description\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.formData.items[data.index].description)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData.items[data.index], \"description\", $event.target.value)}}})]}},{key:\"cell(serviceName)\",fn:function(data){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.items[data.index].serviceName),expression:\"formData.items[data.index].serviceName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.formData.items[data.index].serviceName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData.items[data.index], \"serviceName\", $event.target.value)}}})]}}],null,false,2608181302)}),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-right\"},[_c('div',{staticClass:\"display-flex align-items-center justify-content-end\"},[_c('h6',{staticClass:\"mr-2 font-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bServices.totalPrice\"))+\":\\n              \")]),_vm._v(\" \"),_c('h6',[_vm._v(\"\\n                \"+_vm._s(_vm.branch ? _vm.branch.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalPrice))+\"\\n              \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row\"},[_c('div',{staticClass:\"col-md-8\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"},[_c('div',[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.bServices.enterCustomerName\")))]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.customer),expression:\"formData.customer\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.bServices.customerName')},domProps:{\"value\":(_vm.formData.customer)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"customer\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row\"},[_c('div',{staticClass:\"col-md-8\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"},[_c('div',[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.formData.maxDate,\"onlyDate\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"YYYY-MM-DDTHH:mm:ss\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.selectDate')},model:{value:(_vm.formData.startDate),callback:function ($$v) {_vm.$set(_vm.formData, \"startDate\", $$v)},expression:\"formData.startDate\"}})],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-right\"},[_c('button',{staticClass:\"btn btn-warning\",attrs:{\"disabled\":_vm.isButtonDisabled ? true : false},on:{\"click\":function($event){_vm.mode === 'create'\n                  ? _vm.createTransactions($event)\n                  : _vm.updateTransaction($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bServices.submitTransaction\"))+\"\\n              \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])],1):_c('div',{staticClass:\"empty-info-wrapper new-row\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/box-grayed.png\"),\"width\":\"50\"}}),_vm._v(\" \"),_c('p',{staticClass:\"mt-5 light-grey-text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.bServices.noTransactAdded\"))+\"\\n          \")]),_vm._v(\" \"),_c('small',{staticClass:\"light-grey-text\"},[_vm._v(_vm._s(_vm.$t(\"text.bServices.transactWillAdd\")))]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5\"})])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"new-staff w-98\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-5\">\r\n          <div class=\"add_new_bank_account_header\">\r\n            <p>\r\n              {{ mode === \"create\" ? \"Add\" : \"Edit\" }}\r\n              {{ $t(\"text.bServices.transaction\") }}\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"cover\">\r\n            <div class=\"personal\">\r\n              <div class=\"row\">\r\n                <div class=\"mt-4 input__group__block col-md-6\">\r\n                  <label class=\"required\">\r\n                    <span class=\"mylabel\">\r\n                      {{ $t(\"text.bServices.unitPrice\") }}\r\n                    </span>\r\n                  </label>\r\n\r\n                  <div class=\"price_change_input_wrapper\">\r\n                    <input\r\n                      type=\"number\"\r\n                      :placeholder=\"$t('text.bServices.unitPrice')\"\r\n                      class=\"border-0\"\r\n                      v-model=\"serviceTransaction.unitPrice\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"mt-4 input__group__block col-md-6\">\r\n                  <label class=\"required\">\r\n                    <span class=\"mylabel\">\r\n                      {{ $t(\"text.bServices.service\") }}\r\n                    </span>\r\n                  </label>\r\n\r\n                  <div class=\"e-form price_change_input_wrapper\">\r\n                    <model-select\r\n                      :options=\"services\"\r\n                      v-model=\"service\"\r\n                      :placeholder=\"$t('text.bServices.selectService')\"\r\n                    >\r\n                    </model-select>\r\n                  </div>\r\n                </div>\r\n                <div class=\"mt-4 input__group__block col-md-6\">\r\n                  <label class=\"required\">\r\n                    <span class=\"mylabel\">\r\n                      {{ $t(\"text.bServices.serviceDescription\") }}\r\n                    </span>\r\n                  </label>\r\n\r\n                  <div class=\"price_change_input_wrapper\">\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.bServices.serviceDescription')\"\r\n                      class=\"border-0\"\r\n                      v-model=\"serviceTransaction.description\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-6\"></div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"pb-4 mt-4 text-center\" v-if=\"mode === 'create'\">\r\n              <button\r\n                class=\"ep-btn ep-btn-theme\"\r\n                @click=\"addTransaction($event)\"\r\n              >\r\n                {{ $t(\"text.bServices.addTransaction\") }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-md-7\">\r\n          <div v-if=\"formData.items.length\">\r\n            <b-table striped hover :items=\"formData.items\" :fields=\"fields\">\r\n              <template #cell(action)=\"data\">\r\n                <i\r\n                  class=\"cursor-pointer fa fa-minus-circle red-color fa-icon\"\r\n                  v-b-tooltip.hover\r\n                  :title=\"$t('text.bServices.removeItem')\"\r\n                  aria-hidden=\"true\"\r\n                  @click=\"removeTransaction(data.index)\"\r\n                ></i>\r\n              </template>\r\n              <template #cell(price)=\"data\">\r\n                <input\r\n                  type=\"number\"\r\n                  class=\"form-control\"\r\n                  v-model=\"formData.items[data.index].price\"\r\n                />\r\n              </template>\r\n              <template #cell(description)=\"data\">\r\n                <input\r\n                  type=\"text\"\r\n                  class=\"form-control\"\r\n                  v-model=\"formData.items[data.index].description\"\r\n                />\r\n              </template>\r\n              <template #cell(serviceName)=\"data\">\r\n                <input\r\n                  type=\"text\"\r\n                  class=\"form-control\"\r\n                  v-model=\"formData.items[data.index].serviceName\"\r\n                />\r\n              </template>\r\n            </b-table>\r\n            <div class=\"mt-3 text-right\">\r\n              <div class=\"display-flex align-items-center justify-content-end\">\r\n                <h6 class=\"mr-2 font-bold\">\r\n                  {{ $t(\"text.bServices.totalPrice\") }}:\r\n                </h6>\r\n                <h6>\r\n                  {{ branch ? branch.currencyCode : \"\" }}\r\n                  {{ convertThousand(totalPrice) }}\r\n                </h6>\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 row\">\r\n              <div class=\"col-md-8\"></div>\r\n              <div class=\"text-right col-md-4\">\r\n                <div>\r\n                  <label>{{ $t(\"text.bServices.enterCustomerName\") }}</label>\r\n                  <input\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.bServices.customerName')\"\r\n                    class=\"form-control\"\r\n                    v-model=\"formData.customer\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 row\">\r\n              <div class=\"col-md-8\"></div>\r\n              <div class=\"text-right col-md-4\">\r\n                <div>\r\n                  <vue-ctk-date-time-picker\r\n                    v-model=\"formData.startDate\"\r\n                    :max-date=\"formData.maxDate\"\r\n                    :onlyDate=\"true\"\r\n                    :autoClose=\"true\"\r\n                    :locale=\"this.$root.$i18n.locale\"\r\n                    :color=\"$store.getters.getDatePickerColor\"\r\n                    format=\"YYYY-MM-DDTHH:mm:ss\"\r\n                    formatted=\"DD/MM/YYYY\"\r\n                    :label=\"$t('text.calendar.selectDate')\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-3 text-right\">\r\n              <button\r\n                class=\"btn btn-warning\"\r\n                :disabled=\"isButtonDisabled ? true : false\"\r\n                @click=\"\r\n                  mode === 'create'\r\n                    ? createTransactions($event)\r\n                    : updateTransaction($event)\r\n                \"\r\n              >\r\n                {{ $t(\"text.bServices.submitTransaction\") }}\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"35px\"\r\n                  class=\"ml-3 loader\"\r\n                />\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div class=\"empty-info-wrapper new-row\" v-else>\r\n            <img src=\"@/assets/img/box-grayed.png\" width=\"50\" />\r\n            <p class=\"mt-5 light-grey-text\">\r\n              {{ $t(\"text.bServices.noTransactAdded\") }}\r\n            </p>\r\n            <small class=\"light-grey-text\">{{\r\n              $t(\"text.bServices.transactWillAdd\")\r\n            }}</small>\r\n            <div class=\"mt-5\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </MasterLayout>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Branch/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport backgroundUrl from \"@/assets/img/retain.jpg\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport PulseLoader from \"vue-spinner/src/PulseLoader.vue\";\r\nimport \"vue-search-select/dist/VueSearchSelect.css\";\r\nimport { ModelSelect } from \"vue-search-select\";\r\n\r\nimport JQuery from \"jquery\";\r\n// import indexVue from '../variance_report/index.vue';\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"AddStaff\",\r\n  title: \"Add company service transaction\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    PulseLoader,\r\n    ModelSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      catId: null,\r\n      isButtonDisabled: false,\r\n      showLoader: true,\r\n      name: null,\r\n      description: null,\r\n      serviceTransaction: {\r\n        quantitySupplied: null,\r\n        unitPrice: null,\r\n        description: null,\r\n      },\r\n      branches: [],\r\n      branch: null,\r\n      services: [],\r\n      service: null,\r\n      mode: \"create\",\r\n      company: null,\r\n      applyDiscount: false,\r\n      items: [],\r\n      formData: {\r\n        items: this.$store.getters.getBanchTransactions,\r\n        customer: null,\r\n        maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n        startDate: this.$moment().format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n      },\r\n      servicesIds: this.$store.getters.getBranchServiceIds,\r\n      fields: [\r\n        { key: \"price\", label: `Price`, class: \"text-center\" },\r\n        { key: \"description\", label: \"Description\", class: \"text-center\" },\r\n        { key: \"serviceName\", label: \"Service\", class: \"text-center\" },\r\n        { key: \"action\", label: \"Action\", class: \"text-center\" },\r\n      ],\r\n    };\r\n  },\r\n  watch: {\r\n    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        this.branchId = this.branch.id;\r\n        if (this.branchId !== null) {\r\n          this.getServices();\r\n        }\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    totalPrice: {\r\n      get() {\r\n        if (this.formData.items.length) {\r\n          return this.formData.items.reduce((acc, cur) => {\r\n            return (acc += Number(cur.price));\r\n          }, 0);\r\n        } else {\r\n          return 0;\r\n        }\r\n      },\r\n      set() {},\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Add services transactions :: ${branch.name} Retail Outlet`;\r\n    });\r\n  },\r\n  mounted() {\r\n    if (this.$route.query.serviceId && this.$route.query.serviceName) {\r\n      this.serviceTransaction.description = this.$route.query.description;\r\n      this.service = this.$route.query.serviceId;\r\n      // this.formData.items.push({\r\n      //     price: 0,\r\n      //     description: this.$route.query.description,\r\n      //     service: this.$route.query.serviceId,\r\n      //     serviceName: this.$route.query.serviceName\r\n      // })\r\n      this.$store.commit(\"setBanchTransactions\", [...this.formData.items]);\r\n      this.$store.commit(\"setBranchServiceIds\", [\r\n        ...this.$store.getters.getBranchServiceIds,\r\n        this.$route.query.serviceId,\r\n      ]);\r\n    }\r\n    if (this.$route.query.transactionId) {\r\n      this.mode = \"edit\";\r\n      const data = JSON.parse(this.$route.query.data);\r\n      this.formData.startDate = data.date;\r\n      this.formData.customer = data.customer;\r\n      this.formData.items.push({\r\n        serviceName: data.companyService,\r\n        price: data.price,\r\n        service: data.companyServiceId,\r\n        description: data.serviceDescription,\r\n      });\r\n    }\r\n  },\r\n  beforeDestroy() {},\r\n  methods: {\r\n    removeTransaction(index) {\r\n      this.formData.items.splice(index, 1);\r\n      this.servicesIds.splice(index, 1);\r\n      this.$store.commit(\"setBanchTransactions\", this.formData.items);\r\n      this.$store.commit(\"setBranchServiceIds\", this.servicesIds);\r\n    },\r\n    getServices() {\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Service/CompanyServices/${\r\n            this.branch ? this.branch.companyId : this.$route.query.companyId\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.services = response.data;\r\n          this.showLoader = false;\r\n          response.data.forEach((el, i) => {\r\n            el.text = el.name;\r\n            el.value = el.id;\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n\r\n    addTransaction($event) {\r\n      $event.preventDefault();\r\n      if (!this.serviceTransaction.unitPrice) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.unitPriceReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.service) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.kindlySelectService\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.serviceTransaction.description) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.serviceDescReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      const service = this.services.filter(\r\n        (service) => service.id === this.service\r\n      )[0];\r\n      this.servicesIds.push(service.id);\r\n      this.formData.items.push({\r\n        price: Number(this.serviceTransaction.unitPrice),\r\n        service: service.id,\r\n        serviceName: service.name,\r\n        description: this.serviceTransaction.description,\r\n      });\r\n      this.serviceTransaction.unitPrice = null;\r\n      this.$store.commit(\"setBanchTransactions\", this.formData.items);\r\n      this.$store.commit(\"setBranchServiceIds\", this.servicesIds);\r\n    },\r\n    createTransactions($event) {\r\n      $event.preventDefault();\r\n\r\n      const items = this.formData.items.map((item, index) => {\r\n        const companyServiceId = this.servicesIds[index];\r\n        return {\r\n          companyServiceId: companyServiceId,\r\n          price: parseFloat(item.price),\r\n          description: item.description,\r\n        };\r\n      });\r\n\r\n      let payload = {\r\n        services: items,\r\n        branchId: this.branch.id,\r\n        customer: this.formData.customer,\r\n        date: this.formData.startDate,\r\n      };\r\n\r\n      if (!this.formData.customer) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.customerNameReq\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Service/Transactions/Add`,\r\n          payload,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.$store.commit(\"setBanchTransactions\", []);\r\n          this.$store.commit(\"setBranchServiceIds\", []);\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bServices.nonwetProSupplyCreated\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.$router.push({\r\n            name: \"TransactionServices\",\r\n            query: { ...this.$route.query },\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    updateTransaction($event) {\r\n      $event.preventDefault();\r\n      if (!this.branch) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.plsSelectBranch\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let payload = {\r\n        companyServiceId: this.formData.items[0].service,\r\n        price: this.formData.items[0].price,\r\n        customer: this.formData.customer,\r\n        description: this.formData.items[0].description,\r\n        date: this.formData.startDate,\r\n      };\r\n\r\n      console.log(payload);\r\n      // return\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Service/Transactions/Edit/${this.$route.query.transactionId}`,\r\n          payload,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          window.localStorage.setItem(\r\n            \"branchServiceTransactions\",\r\n            JSON.stringify([])\r\n          );\r\n          window.localStorage.setItem(\"branchServiceIds\", JSON.stringify([]));\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bServices.nonwetProSupplyCreated\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.$router.push({\r\n            name: \"TransactionServices\",\r\n            query: { ...this.$route.query },\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\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","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!./addtransaction.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!./addtransaction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addtransaction.vue?vue&type=template&id=ac83d53a&\"\nimport script from \"./addtransaction.vue?vue&type=script&lang=js&\"\nexport * from \"./addtransaction.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"],"sourceRoot":""}