{"version":3,"sources":["webpack:///./src/views/financial/Receipts/Receipts.vue?d7e8","webpack:///src/views/financial/Receipts/Receipts.vue","webpack:///./src/views/financial/Receipts/Receipts.vue?49e5","webpack:///./src/views/financial/Receipts/Receipts.vue","webpack:///./src/views/financial/Receipts/Receipts.vue?1c17","webpack:///./src/mixins/financial/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","scopedSlots","_u","key","fn","permissions","editVehicles","isVisible","trackSubheaderButtonString","on","$event","goToEditVehicle","_e","openModalOperation","proxy","updateTags","fetchReceipts","model","value","filters","callback","$$v","$set","expression","fortnightOptions","monthYear","allTags","length","removeTag","clearAllTags","receipts","data","headers","content","generateExtract","generateReceipt","staticRenderFns","name","components","TheSubHeader","BaseButton","BaseDatePicker","BaseTreeSelect","DataTable","Pagination","FiltersTag","mixins","fortnight","drivers","computed","mounted","methods","filter","component","financialMixin","mapState","statusList","state","financial","formattedDateRange","get","dateRange","init","end","set","newValue","mapActions","fetchStatusList","initStatusList","$options","$emit","$router","push"],"mappings":"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","file":"js/chunk-44167638.e283f762.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"Financial\"},[_c('TheSubHeader',{ref:\"theSubHeader\",attrs:{\"icon\":\"money\",\"title\":\"Comprovantes\",\"page-title-tag\":\"Financial Receipts\",\"type\":\"routerTabs\",\"organizer-columns\":\"600px\"},scopedSlots:_vm._u([{key:\"afterButtons\",fn:function(){return [(_vm.permissions && _vm.permissions.editVehicles && _vm.permissions.editVehicles.isVisible)?_c('BaseButton',{staticClass:\"car-type-button\",attrs:{\"icon\":\"truck-delivered\",\"color\":\"primary-base\",\"label\":\"Tipo de Veículo\",\"track\":_vm.trackSubheaderButtonString('Financial Receipts', 'Financial Edit Vehicle')},on:{\"click\":function($event){return _vm.goToEditVehicle()}}}):_vm._e(),_c('BaseButton',{staticClass:\"operation-button\",attrs:{\"icon\":\"status\",\"color\":\"primary-base\",\"label\":\"Custo de operação\",\"track\":_vm.trackSubheaderButtonString('Financial Receipts', 'Operation Cost')},on:{\"click\":function($event){return _vm.openModalOperation()}}})]},proxy:true},{key:\"filter\",fn:function(){return [_c('section',{staticClass:\"Financial__subheaderTab\"},[_c('BaseTreeSelect',{attrs:{\"name\":\"Motorista\",\"label\":\"Motorista / Beneficiário\",\"placeholder\":\"Pesquisar\",\"multiple\":\"\",\"suggestions\":\"searchDrivers\"},on:{\"input\":function($event){_vm.updateTags(), _vm.fetchReceipts()}},model:{value:(_vm.filters.drivers),callback:function ($$v) {_vm.$set(_vm.filters, \"drivers\", $$v)},expression:\"filters.drivers\"}}),_c('BaseDatePicker',{attrs:{\"label\":\"Selecione mês e ano\",\"type\":\"month\",\"range\":false,\"placeholder\":\"Selecione o mês\"},model:{value:(_vm.filters.monthYear),callback:function ($$v) {_vm.$set(_vm.filters, \"monthYear\", $$v)},expression:\"filters.monthYear\"}}),_c('BaseTreeSelect',{attrs:{\"name\":\"Quinzena\",\"label\":\"Quinzena\",\"placeholder\":\"Selecione a Quinzena\",\"select-options\":_vm.filters.fortnightOptions,\"read-only\":!_vm.filters.monthYear},on:{\"input\":function($event){_vm.updateTags(), _vm.fetchReceipts()}},model:{value:(_vm.filters.fortnight),callback:function ($$v) {_vm.$set(_vm.filters, \"fortnight\", $$v)},expression:\"filters.fortnight\"}})],1)]},proxy:true},(_vm.allTags.length > 0)?{key:\"tag\",fn:function(){return [_c('FiltersTag',{attrs:{\"tags\":_vm.allTags},on:{\"removeTag\":_vm.removeTag,\"clear\":_vm.clearAllTags}})]},proxy:true}:null],null,true)}),_c('section',{staticClass:\"Financial__content\"},[_c('DataTable',{attrs:{\"header\":_vm.receipts.data.headers,\"table\":_vm.receipts.data.content},on:{\"generateExtract\":_vm.generateExtract,\"generateReceipt\":_vm.generateReceipt}}),_c('Pagination',{on:{\"page\":_vm.fetchReceipts,\"paginate\":_vm.fetchReceipts}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main class=\"Financial\">\n    <TheSubHeader\n      ref=\"theSubHeader\"   \n      icon=\"money\"\n      title=\"Comprovantes\"\n      page-title-tag=\"Financial Receipts\"\n      type=\"routerTabs\"\n      organizer-columns=\"600px\"\n    >\n      <template #afterButtons>\n        <BaseButton\n          v-if=\"permissions && permissions.editVehicles && permissions.editVehicles.isVisible\"\n          icon=\"truck-delivered\"\n          color=\"primary-base\"\n          label=\"Tipo de Veículo\"\n          class=\"car-type-button\"\n          :track=\"trackSubheaderButtonString('Financial Receipts', 'Financial Edit Vehicle')\"\n          @click=\"goToEditVehicle()\"\n        />\n        <BaseButton\n          icon=\"status\"\n          color=\"primary-base\"\n          label=\"Custo de operação\"\n          class=\"operation-button\"\n          :track=\"trackSubheaderButtonString('Financial Receipts', 'Operation Cost')\"\n          @click=\"openModalOperation()\"\n        />\n      </template>\n      <template #filter>\n        <section\n          class=\"Financial__subheaderTab\"\n        >     \n          <!-- Drivers filter -->\n          <BaseTreeSelect\n            v-model=\"filters.drivers\"\n            name=\"Motorista\"\n            label=\"Motorista / Beneficiário\"\n            placeholder=\"Pesquisar\"\n            multiple\n            suggestions=\"searchDrivers\"\n            @input=\"updateTags(), fetchReceipts()\"\n          />\n\n          <!-- Date filter -->\n          <BaseDatePicker\n            v-model=\"filters.monthYear\"\n            label=\"Selecione mês e ano\"\n            type=\"month\"\n            :range=\"false\"\n            placeholder=\"Selecione o mês\"\n          />\n\n          <BaseTreeSelect\n            v-model=\"filters.fortnight\"\n            name=\"Quinzena\"\n            label=\"Quinzena\"\n            placeholder=\"Selecione a Quinzena\"\n            :select-options=\"filters.fortnightOptions\"\n            :read-only=\"!filters.monthYear\"\n            @input=\"updateTags(), fetchReceipts()\"\n          />\n        </section>\n      </template>\n\n      <!-- filters tag -->\n      <template v-if=\"allTags.length > 0\" #tag>\n        <FiltersTag :tags=\"allTags\" @removeTag=\"removeTag\" @clear=\"clearAllTags\" />\n      </template>\n    </TheSubHeader>\n\n    <section class=\"Financial__content\">\n      <DataTable\n        :header=\"receipts.data.headers\"\n        :table=\"receipts.data.content\"\n        @generateExtract=\"generateExtract\"\n        @generateReceipt=\"generateReceipt\"\n      />\n      <Pagination @page=\"fetchReceipts\" @paginate=\"fetchReceipts\" />\n    </section>\n  </main>\n</template>\n\n<script>\nimport { mapActions, mapState } from 'vuex'\nimport { TheSubHeader } from '@/components/organisms'\nimport { BaseButton, BaseDatePicker, BaseTreeSelect } from '@/components/atoms'\nimport FinancialMixin from '@/mixins/financial'\nimport { Pagination, DataTable, FiltersTag } from '@/components/molecules'\nimport { financial } from '@/api'\n\nexport default {\n  name: 'FinancialConsolidated',\n  components: {\n    TheSubHeader,\n    BaseButton,\n    BaseDatePicker,\n    BaseTreeSelect,\n    DataTable,\n    Pagination,\n    FiltersTag\n  },\n  mixins:[FinancialMixin],\n\n  data() {\n    return {\n      filters: {\n        monthYear: null,\n        fortnightOptions: [{ id: 1, name:'1ª Quinzena' }, { id: 2, name:'2ª Quinzena' }],\n        fortnight: null,\n        drivers: [],\n      },\n      allTags: [],\n    }\n  },\n  computed: {\n    ...mapState({\n      paginate: state => state.pagination.paginate,\n      page: state => state.pagination.page,\n      receipts: state => state.financial.receipts,\n      permissions: state => state.auth.permissions,\n    })\n  },\n\n  mounted() {\n    this.fetchReceipts()\n  },\n\n  methods: {\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n      clearPagination: 'pagination/clearPagination',\n      setPagination: 'pagination/setPagination',\n      fetchReceiptsHistory: 'financial/fetchReceiptsHistory'\n    }),\n\n    updateTags(){\n      this.allTags = [...this.filters.drivers]\n    },\n\n    removeTag(name, id){\n      this.allTags = this.allTags.filter((tag) => tag.id !== id)\n      this.filters.drivers = this.filters.drivers.filter((tag) => tag.name !== name)\n      this.fetchReceipts()\n    },\n\n    clearAllTags(){\n      this.allTags = []\n      this.filters.drivers = []\n      this.fetchReceipts()\n    },\n\n    async fetchReceipts() {\n      let formatedDate\n      if(this.filters.monthYear) {\n        const date = new Date(this.filters?.monthYear)\n        formatedDate = `${this.filters.fortnight?.id}*${date.getMonth() + 1}-${date.getFullYear()}`\n      }\n\n      let payload = {\n        page: this.page,\n        paginate: this.paginate,\n        filters: {\n          driver_id: this.filters.drivers,\n          period: formatedDate\n        }\n      }\n\n      await this.fetchReceiptsHistory(payload, (r) => r, (e) => e, () => this.setLoading(false))\n      this.setPagination(this.receipts)\n    },\n\n    async generateExtract(data) {\n      this.setLoading(true)\n      await financial.downloadDriverExtract(data.id, (r) => r, (e) => e, () => this.setLoading(false))\n    },\n\n    async generateReceipt(data) {\n      this.setLoading(true)\n      await financial.downloadDriverReceipt(data.id, (r) => r, (e) => e, () => this.setLoading(false))\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.Financial {\n  &__subheaderTab {\n    display: flex;\n    align-items: flex-end;\n    grid-gap: 1rem;\n      @media #{$mobile-view} {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    }\n  }\n\n  &__content {\n    margin: 0 auto;\n    max-width: 1180px;\n    width: 100%;\n    max-width: 1180px;\n    padding: 0 0 3rem 0;\n    @media (max-width: $viewport-lg) {\n      padding: 0 1rem 3rem 1rem;\n    }\n  }\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Receipts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Receipts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Receipts.vue?vue&type=template&id=218921d9&scoped=true&\"\nimport script from \"./Receipts.vue?vue&type=script&lang=js&\"\nexport * from \"./Receipts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Receipts.vue?vue&type=style&index=0&id=218921d9&lang=scss&scoped=true&\"\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  \"218921d9\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Receipts.vue?vue&type=style&index=0&id=218921d9&lang=scss&scoped=true&\"","import {mapActions, mapState } from 'vuex'\n\nconst financialMixin = {\n  data() {\n    return {}\n  },\n  computed: {\n    ...mapState({\n      statusList: state => state.financial.statusList\n    }),\n\n    //Filters\n    formattedDateRange: {\n      get: function() {\n        return this.filters ? [this.filters.dateRange.init, this.filters.dateRange.end] : []\n      },\n      set: function(newValue) {\n        this.filters.dateRange.init = newValue[0]\n        this.filters.dateRange.end = newValue[1]\n      },\n    },\n  },\n  methods: {\n    ...mapActions({\n      fetchStatusList: 'financial/fetchStatusList'\n    }),\n\n    //Filters\n    initStatusList() {\n      this.fetchStatusList(this.$options.name)\n    },\n\n    //Modal\n    openModalOperation() {\n      this.$emit('openModalOperation')\n    },\n\n    goToEditVehicle() {\n      this.$router.push({ name: 'editVehicles' })\n    }\n  },\n}\n\nexport default financialMixin\n"],"sourceRoot":""}