{"version":3,"sources":["webpack:///./src/components/dashboards/comisiones_generales.vue?a1ae","webpack:///./node_modules/@amcharts/amcharts4/.internal/themes/material.js","webpack:///./src/components/dashboards/comisiones_generales.vue","webpack:///src/components/dashboards/comisiones_generales.vue","webpack:///./src/components/dashboards/comisiones_generales.vue?1b72","webpack:///./src/components/dashboards/comisiones_generales.vue?5cbc"],"names":["theme","object","list","minLightness","maxLightness","reuse","background","cornerRadiusTopLeft","cornerRadiusTopRight","cornerRadiusBottomLeft","cornerRadiusBottomRight","animationDuration","attrs","processing","_e","staticStyle","_v","ref","_c","directives","rawName","value","_vm","render","am4core","props","data","chartData","chart","headers","text","computed","isChartEmpty","methods","mapActions","generateChart","dataParam","componentes","cortes","Corte","Total","rows","total","totalNeto","newRow","categoryAxis","valueAxis","series","console","refresh","CorteId","TipoProductoList","Chart","AsociadoId","apiDashboard","getChart","then","_this","catch","getName","watch","corteId","tipoProducto","mounted","beforeDestroy","component","staticRenderFns"],"mappings":"gHAAA,W,kGCEIA,EAAQ,SAAUC,GACd,eAAGA,EAAQ,cACXA,EAAOC,KAAO,CACV,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,YAEVD,EAAOE,aAAe,GACtBF,EAAOG,aAAe,GACtBH,EAAOI,OAAQ,GAEf,eAAGJ,EAAQ,kBACXA,EAAOK,WAAWC,oBAAsB,GACxCN,EAAOK,WAAWE,qBAAuB,GACzCP,EAAOK,WAAWG,uBAAyB,GAC3CR,EAAOK,WAAWI,wBAA0B,IAE5C,eAAGT,EAAQ,aACXA,EAAOU,kBAAoB,MAGpB,K,wJCvC0G,EAAK,W,IAAuCC,EAAM,K,EAAC,EAAK,S,OAAI,UAAE,YAAOC,OAAoCD,MAAM,CAAC,cAAoC,+BAAG,MAAKE,CAAuBC,UAAyC,wBAAE,MAAMC,CAAuCC,cAAa,GAACF,MAAW,aAAiB,iBAAG,YAAUG,CAAcC,YAAY,mB,CAAaC,KAAO,0BAAS,S,IAACC,U,YAAsD,CAAgC,iBAAQ,QAAQ,EAAE,Q,WAAQ,EAAU,KAAM,OAAG,iBAAIC,OAAO,6BAChoB,2CAGD,MAASC,C,yQC0BTC,OAAiBA,QAEF,OACfC,iCACAC,gBACA,OACAb,cACAc,aACAC,WACAC,SACA,CAAAC,eAAAT,iBACA,CAAAS,gBAAAT,kBACA,CAAAS,aAAAT,kBAIAU,UACAC,wBACA,mCAGAC,yCACAC,iEACAC,0BACA,YACA,qBAGA,IACA,wCACAP,gBACAA,oBACAA,4BACAA,2CAEA,SACA,KACAQ,wBACA,6BACAC,wBAGA,SACAD,wBACA,wBACAE,mBAIAA,uBACA,kDACA,GACAC,QACA,eACAC,SAEA,IACA,IACAC,uBACA,IACA,8BACAC,YAEAC,eAGAC,kBACAA,aACAlB,aAGAE,SAEA,+BACAiB,8BACAA,qBACAA,oCACA,+BACAC,uBAEA,gCACAC,+BACAA,iCACAA,oBACAA,aACAA,oCACAA,2DAEA,aACA,SACAC,iBAGAC,mBAAA,WACA,iBACA,mBACA,OACAC,qBACAC,+CACAC,4BACAC,4CAGAC,OACAC,YACAC,kBACAC,mBACAA,6BACAA,mBAEAC,mBACAD,cACAA,qBAIAE,0BACA,kCAGAC,OACAC,mBACA,gBAEAC,wBACA,iBAGAC,mBACA,gBAEAC,yBACA,YACA,uBCnK4W,I,wBCQxWC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAD,E","file":"js/chunk-e3b4c41a.65f88e3f.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!./comisiones_generales.vue?vue&type=style&index=0&id=ad9d9cb0&prod&scope=true&lang=css\"","import { is } from \"../core/Registry\";\r\nimport { color } from \"../core/utils/Color\";\r\nvar theme = function (object) {\r\n    if (is(object, \"ColorSet\")) {\r\n        object.list = [\r\n            color(\"#F44336\"),\r\n            color(\"#E91E63\"),\r\n            color(\"#9C27B0\"),\r\n            color(\"#673AB7\"),\r\n            color(\"#3F51B5\"),\r\n            color(\"#2196F3\"),\r\n            color(\"#03A9F4\"),\r\n            color(\"#00BCD4\"),\r\n            color(\"#009688\"),\r\n            color(\"#4CAF50\"),\r\n            color(\"#8BC34A\"),\r\n            color(\"#CDDC39\"),\r\n            color(\"#FFEB3B\"),\r\n            color(\"#FFC107\"),\r\n            color(\"#FF9800\"),\r\n            color(\"#FF5722\"),\r\n            color(\"#795548\"),\r\n            color(\"#9E9E9E\"),\r\n            color(\"#607D8B\")\r\n        ];\r\n        object.minLightness = 0.2;\r\n        object.maxLightness = 0.7;\r\n        object.reuse = true;\r\n    }\r\n    if (is(object, \"ResizeButton\")) {\r\n        object.background.cornerRadiusTopLeft = 20;\r\n        object.background.cornerRadiusTopRight = 20;\r\n        object.background.cornerRadiusBottomLeft = 20;\r\n        object.background.cornerRadiusBottomRight = 20;\r\n    }\r\n    if (is(object, \"Tooltip\")) {\r\n        object.animationDuration = 800;\r\n    }\r\n};\r\nexport default theme;\r\n//# sourceMappingURL=material.js.map","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"ma-2\",attrs:{\"outlined\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{attrs:{\"xs\":\"12\"}},[(_vm.processing)?_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_vm._e(),_c('v-subheader',{staticStyle:{\"font-size\":\"16px!important\"}},[_vm._v(\"Comisiones Generales\")]),_c('div',{ref:\"amchart\",staticStyle:{\"height\":\"45vh\"}}),_c('br'),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.processing && _vm.isChartEmpty),expression:\"!processing && isChartEmpty\"}],attrs:{\"dense\":\"\",\"type\":\"warning\",\"text\":\"\"}},[_vm._v(\"No existe información para esta gráfica\")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card outlined class=\"ma-2\">\r\n    <v-card-text>\r\n      <v-row>\r\n        <v-col xs=\"12\">\r\n          <v-progress-linear indeterminate color=\"primary\" v-if=\"processing\"></v-progress-linear>\r\n          <v-subheader style=\"font-size: 16px!important;\">Comisiones Generales</v-subheader>\r\n          <div ref=\"amchart\" style=\"height: 45vh;\"></div>\r\n          <br />\r\n          <v-alert\r\n            dense\r\n            type=\"warning\"\r\n            text\r\n            v-show=\"!processing && isChartEmpty\"\r\n          >No existe información para esta gráfica</v-alert>\r\n        </v-col>\r\n      </v-row>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport apiDashboard from \"../../api/dashboards\";\r\nimport { mapActions } from \"vuex\";\r\nimport * as am4core from \"@amcharts/amcharts4/core\";\r\nimport * as am4charts from \"@amcharts/amcharts4/charts\";\r\nimport am4themesAnimated from \"@amcharts/amcharts4/themes/material\";\r\nimport { store } from \"../../store\";\r\nimport helper from \"../../filters/helper\";\r\n\r\nam4core.useTheme(am4themesAnimated);\r\n\r\nexport default {\r\n  props: [\"corteId\", \"tipoProducto\"],\r\n  data() {\r\n    return {\r\n      processing: false,\r\n      chartData: [],\r\n      chart: null,\r\n      headers: [\r\n        { text: \"PERIODO\", value: \"Periodo\" },\r\n        { text: \"CONCEPTO\", value: \"Concepto\" },\r\n        { text: \"VALOR\", value: \"Monto\" }\r\n      ]\r\n    };\r\n  },\r\n  computed: {\r\n    isChartEmpty() {\r\n      return this.chartData.length === 0;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setError\", \"setErrorMessage\", \"setMessage\"]),\r\n    generateChart(dataParam) {\r\n      if (this.chart) {\r\n        this.chart.dispose();\r\n      }\r\n\r\n      try {\r\n        let chart = am4core.create(this.$refs.amchart, am4charts.XYChart);\r\n        chart.colors.step = 9;\r\n        chart.legend = new am4charts.Legend();\r\n        chart.exporting.menu = new am4core.ExportMenu();\r\n        chart.numberFormatter.numberFormat = \"$#,###.##\";\r\n\r\n        let data = [];\r\n        let componentes = [];\r\n        dataParam.forEach(function(row) {\r\n          if (componentes.indexOf(row.Componente) === -1) {\r\n            componentes.push(row.Componente);\r\n          }\r\n        });\r\n        var cortes = [];\r\n        dataParam.forEach(function(row) {\r\n          if (cortes.indexOf(row.Corte) === -1) {\r\n            cortes.push(row.Corte);\r\n          }\r\n        });\r\n\r\n        cortes.forEach(function(d) {\r\n          let rows = dataParam.filter(f => f.Corte === d);\r\n          let newRow = {\r\n            Corte: d,\r\n            \"Total Neto\": 0,\r\n            Total: 0,\r\n          };\r\n          let total = 0;\r\n          let totalNeto = 0;\r\n          rows.forEach(function(c) {\r\n            if (c) {\r\n              if (c.Componente !== \"Descuentos\") {\r\n                total += c.Monto;\r\n              }\r\n              totalNeto += c.Monto;\r\n            }\r\n          });\r\n          newRow[\"Total Neto\"] = total;\r\n          newRow[\"Total\"] = totalNeto;\r\n          data.push(newRow);\r\n        });\r\n\r\n        chart.data = data;\r\n\r\n        var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());\r\n        categoryAxis.dataFields.category = \"Corte\";\r\n        categoryAxis.title.text = \"Corte\";\r\n        categoryAxis.renderer.grid.template.location = 0;\r\n        let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\r\n        valueAxis.renderer.minWidth = 35;\r\n\r\n        let series = chart.series.push(new am4charts.ColumnSeries());\r\n        series.dataFields.categoryX = \"Corte\";\r\n        series.dataFields.valueY = \"Total Neto\";\r\n        series.name = \"Total Neto\";\r\n        series.stacked = true;\r\n        series.columns.template.width = am4core.percent(80);\r\n        series.columns.template.tooltipText = \"{name}: [bold]{valueY}[/]\";       \r\n\r\n        this.chart = chart;\r\n      } catch (e) {\r\n        console.log(e);\r\n      }\r\n    },\r\n    refresh() {\r\n      if (this.corteId) {\r\n        this.processing = true;\r\n        let param = {\r\n          CorteId: this.corteId,\r\n          TipoProductoList: Array.from(this.tipoProducto),\r\n          Chart: \"LiquidezSinDeposito\",\r\n          AsociadoId: store.getters.user.asociado.id\r\n        };\r\n\r\n        apiDashboard\r\n          .getChart(param)\r\n          .then(response => {\r\n            this.chartData = response.data;\r\n            this.generateChart(this.chartData);\r\n            this.processing = false;\r\n          })\r\n          .catch(error => {\r\n            this.setError(error);\r\n            this.processing = false;\r\n          });\r\n      }\r\n    },\r\n    getName(list, id, value, text) {\r\n      return helper.getName(list, id, value, text);\r\n    }\r\n  },\r\n  watch: {\r\n    corteId: function() {\r\n      this.refresh();\r\n    },\r\n    tipoProducto: function() {\r\n      this.refresh();\r\n    }\r\n  },\r\n  mounted() {\r\n    this.refresh();\r\n  },\r\n  beforeDestroy() {\r\n    if (this.chart) {\r\n      this.chart.dispose();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scope>\r\n.v-alert.v-sheet.theme--dark.v-alert--dense.warning {\r\n  margin-bottom: 0;\r\n}\r\n</style>","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!./comisiones_generales.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!./comisiones_generales.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./comisiones_generales.vue?vue&type=template&id=ad9d9cb0\"\nimport script from \"./comisiones_generales.vue?vue&type=script&lang=js\"\nexport * from \"./comisiones_generales.vue?vue&type=script&lang=js\"\nimport style0 from \"./comisiones_generales.vue?vue&type=style&index=0&id=ad9d9cb0&prod&scope=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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}