{"version":3,"sources":["webpack:///./node_modules/@amcharts/amcharts4/.internal/themes/material.js","webpack:///./src/components/dashboards/calidad_servicio_movil.vue?2fb5","webpack:///./node_modules/core-js/internals/array-fill.js","webpack:///./node_modules/core-js/modules/es.array.fill.js","webpack:///./src/components/dashboards/calidad_servicio_movil.vue","webpack:///src/components/dashboards/calidad_servicio_movil.vue","webpack:///./src/components/dashboards/calidad_servicio_movil.vue?4b0b","webpack:///./src/components/dashboards/calidad_servicio_movil.vue?3373"],"names":["theme","object","list","minLightness","maxLightness","reuse","background","cornerRadiusTopLeft","cornerRadiusTopRight","cornerRadiusBottomLeft","cornerRadiusBottomRight","animationDuration","toObject","toAbsoluteIndex","lengthOfArrayLike","module","exports","value","O","this","length","argumentsLength","arguments","index","undefined","end","endPos","$","fill","addToUnscopables","target","proto","attrs","processing","_vm","staticStyle","_v","staticClass","model","callback","tipoProductoSelected","expression","_c","name","staticRenderFns","am4core","props","data","chartData","chart","tipoProductoOptions","label","computed","isChartEmpty","methods","mapActions","generateChart","dataParam","periodo","Periodo","Canal","CAC","Asociado","rows","tasaCanal","tasaCAC","tasaAsociado","newRow","categoryAxis","valueAxis","series","lineSeries","circleBullet","lineSeriesCAC","circleBullletCAC","refresh","FechaFin","TipoProducto","CodigoAsociado","Chart","apiDashboard","getChartCalidadVenta","then","_this","catch","watch","fechaFin","mounted","beforeDestroy","component"],"mappings":"gLAEIA,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,oCCvCf,W,oCCCA,IAAIC,EAAW,EAAQ,QACnBC,EAAkB,EAAQ,QAC1BC,EAAoB,EAAQ,QAIhCC,EAAOC,QAAU,SAAcC,GAC7B,IAAIC,EAAIN,EAASO,MACbC,EAASN,EAAkBI,GAC3BG,EAAkBC,UAAUF,OAC5BG,EAAQV,EAAgBQ,EAAkB,EAAIC,UAAU,QAAKE,EAAWJ,GACxEK,EAAMJ,EAAkB,EAAIC,UAAU,QAAKE,EAC3CE,OAAiBF,IAARC,EAAoBL,EAASP,EAAgBY,EAAKL,GAC/D,MAAOM,EAASH,EAAOL,EAAEK,KAAWN,EACpC,OAAOC,I,8CCfT,IAAIS,EAAI,EAAQ,QACZC,EAAO,EAAQ,QACfC,EAAmB,EAAQ,QAI/BF,EAAE,CAAEG,OAAQ,QAASC,OAAO,GAAQ,CAClCH,KAAMA,IAIRC,EAAiB,S,6ICX+JG,EAAM,W,IAAC,EAAK,KAAI,aAAC,OAAO,EAACC,QAAoCD,YAAM,sB,MAAC,CAAmB,KAAO,KAAa,GAACE,OAAY,aAAa,OAAC,CAACC,OAAa,UAA+B,CAACD,EAAIE,WAAG,UAAiEC,OAAmBL,cAAM,GAAC,MAAQ,aAAgD,OAAW,EAAC,OAAO,C,YAAC,CAAqB,+BAAwE,4DAACM,YAAM,O,MAAM,CAA4BC,MAAQ,gB,MAAqBC,sBAAwB,YAAC,QAACC,aAAW,QAAsB,oCAAIC,cAAS,uBAAeP,OAAa,QAAS,qBAAM,qBAAM,EAAC,qBAAU,GAAcQ,WAAW,0BAAkB1B,QAAQiB,C,IAAoCO,UAAwC,YAAE,CAACT,OAAM,UAAY,SAAO,C,WAAiB,EAAE,YAAIE,QAAO,SACj/B,oCACGU,2C,yRCuCJC,OAAiBA,QAEF,OACfC,mBACAC,gBACA,OACAd,cACAe,aACAC,WACAT,0BACAU,qBACA,CAAAC,cAAAlC,2BACA,CAAAkC,oBAAAlC,qBACA,CAAAkC,gBAAAlC,iBACA,CAAAkC,cAAAlC,eACA,CAAAkC,iBAAAlC,qBAIAmC,UACAC,wBACA,mCAGAC,yCACAC,iEACAC,0BACA,YACA,qBAGA,IACA,wCACAP,gBACAA,oBACAA,4BACAA,2CAEA,SACA,KACAQ,wBACA,wBACAC,0CAIAA,uBACA,gBACA,yDAEA,GACAC,UACAC,QACAC,MACAC,YAEA,IACA,IACA,IAEAC,uBACA,IACA,sBACAC,SACA,sBACAC,SAEAC,aAIAC,8BACAA,4BACAA,iCACApB,aAGAE,SAEA,+BACAmB,gCACAA,uBACAA,8BACA,+BACAC,uBACAA,2DACA,gBAGA,gCACAC,iCACAA,4BACAA,iCACAA,aACAA,0CACAA,4CACAA,oCAEAA,4DACAA,aAEA,gCACAC,iCACAA,+BACAA,kCACAA,gBACA,qBACA,YAEAC,+BACAA,2CAEA,gCACAC,iCACAA,0BACAA,2BACAA,gBACA,qBACA,YAEAC,+BACAA,2CAEA,aACA,YAIAC,mBAAA,WACA,6CACA,mBACA,OACAC,uBACAC,uCACAC,mDACAC,uBAGAC,OACAC,wBACAC,kBACAC,mBACAA,6BACAA,mBAEAC,mBACAD,cACAA,uBAKAE,OACAC,oBACA,gBAEA9C,gCACA,iBAGA+C,mBACA,4DACA,gBAEAC,yBACA,YACA,uBC/M8W,I,wBCQ1WC,EAAY,eACd,EACA,EACA7C,GACA,EACA,KACA,KACA,MAIa,aAAA6C,E","file":"js/chunk-4e069ac8.174885e6.js","sourcesContent":["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","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!./calidad_servicio_movil.vue?vue&type=style&index=0&id=10f3d1e2&prod&scope=true&lang=css\"","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = lengthOfArrayLike(O);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.es/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"mb-2 pa-2 lighten-5\",attrs:{\"flat\":\"\"}},[_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(\"Servicios Móviles (% Bajas a 180 días)\")]),_c('v-autocomplete',{staticClass:\"pa-3\",attrs:{\"label\":\"Tipo producto\",\"items\":_vm.tipoProductoOptions,\"item-text\":\"label\",\"item-value\":\"value\",\"prepend-inner-icon\":\"scatter_plot\",\"append-icon\":\"keyboard_arrow_down\"},model:{value:(_vm.tipoProductoSelected),callback:function ($$v) {_vm.tipoProductoSelected=$$v},expression:\"tipoProductoSelected\"}}),_c('div',{ref:\"amchart\",staticStyle:{\"height\":\"45vh\"}}),_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 flat class=\"mb-2 pa-2  lighten-5\">\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;\">Servicios Móviles (% Bajas a 180 días)</v-subheader>\r\n          <v-autocomplete\r\n            label=\"Tipo producto\"\r\n            v-model=\"tipoProductoSelected\"\r\n            :items=\"tipoProductoOptions\"\r\n            item-text=\"label\"\r\n            item-value=\"value\"\r\n            prepend-inner-icon=\"scatter_plot\"\r\n            append-icon=\"keyboard_arrow_down\"\r\n            class=\"pa-3\"\r\n          ></v-autocomplete>\r\n\r\n          <div ref=\"amchart\" style=\"height: 45vh;\"></div>\r\n\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 moment from \"moment\";\r\n\r\nam4core.useTheme(am4themesAnimated);\r\n\r\nexport default {\r\n  props: [\"fechaFin\"],\r\n  data() {\r\n    return {\r\n      processing: false,\r\n      chartData: [],\r\n      chart: null,\r\n      tipoProductoSelected: null,\r\n      tipoProductoOptions: [\r\n        { label: \"Todos\", value: \"SERVICIOS MOVILES\" },\r\n        { label: \"Banda Ancha\", value: \"BANDA ANCHA\" },\r\n        { label: \"Control\", value: \"CONTROL\" },\r\n        { label: \"Flota\", value: \"FLOTA\" },\r\n        { label: \"PostPago\", value: \"POSTPAGO\" }\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 = 7;\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        var periodo = [];\r\n        dataParam.forEach(function(row) {\r\n          if (periodo.indexOf(row.Fecha) === -1) {\r\n            periodo.push(moment(row.Fecha).format(\"YYYY-MM\"));\r\n          }\r\n        });\r\n\r\n        periodo.forEach(function(d) {\r\n          let rows = dataParam.filter(\r\n            f => moment(f.Fecha).format(\"YYYY-MM\") === d\r\n          );\r\n          let newRow = {\r\n            Periodo: d,\r\n            Canal: 0,\r\n            CAC: 0,\r\n            Asociado: 0\r\n          };\r\n          let tasaAsociado = 0;\r\n          let tasaCanal = 0;\r\n          let tasaCAC = 0;\r\n\r\n          rows.forEach(function(c) {\r\n            if (c) {\r\n              if (c.CodAsociado === \"DAC\") {\r\n                tasaCanal = c.Tasa;\r\n              } else if (c.CodAsociado === \"CAC\") {\r\n                tasaCAC = c.Tasa;\r\n              } else {\r\n                tasaAsociado = c.Tasa;\r\n              }\r\n            }\r\n          });\r\n          newRow[\"Canal\"] = (tasaCanal * 100).toFixed(2);\r\n          newRow[\"CAC\"] = (tasaCAC * 100).toFixed(2);\r\n          newRow[\"Asociado\"] = (tasaAsociado * 100).toFixed(2);\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 = \"Periodo\";\r\n        categoryAxis.title.text = \"Periodo\";\r\n        categoryAxis.renderer.minGridDistance = 20;\r\n        let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\r\n        valueAxis.renderer.minWidth = 35;\r\n        valueAxis.renderer.labels.template.adapter.add(\"text\", function(text) {\r\n          return text + \"%\";\r\n        });\r\n\r\n        let series = chart.series.push(new am4charts.ColumnSeries());\r\n        series.dataFields.categoryX = \"Periodo\";\r\n        series.dataFields.valueY = \"Canal\";\r\n        series.name = store.getters.user.canal;\r\n        series.stacked = true;\r\n        series.columns.template.fill = am4core.color(\"#F4D03F\");\r\n        series.columns.template.stroke = am4core.color(\"#F4D03F\");\r\n        series.columns.template.width = am4core.percent(80);\r\n\r\n        series.columns.template.tooltipText = \"{name}: [bold]{valueY}%[/]\";\r\n        series.stacked = true;\r\n\r\n        let lineSeries = chart.series.push(new am4charts.LineSeries());\r\n        lineSeries.dataFields.categoryX = \"Periodo\";\r\n        lineSeries.dataFields.valueY = \"Asociado\";\r\n        lineSeries.name = store.getters.user.nombre;\r\n        lineSeries.strokeWidth = 3;\r\n        var circleBullet = lineSeries.bullets.push(\r\n          new am4charts.CircleBullet()\r\n        );\r\n        circleBullet.circle.stroke = am4core.color(\"#fff\");\r\n        circleBullet.tooltipText = \"{name}: [bold]{valueY}%[/]\";\r\n\r\n        let lineSeriesCAC = chart.series.push(new am4charts.LineSeries());\r\n        lineSeriesCAC.dataFields.categoryX = \"Periodo\";\r\n        lineSeriesCAC.dataFields.valueY = \"CAC\";\r\n        lineSeriesCAC.name = \"Mejores Prácticas\";\r\n        lineSeriesCAC.strokeWidth = 3;\r\n        var circleBullletCAC = lineSeriesCAC.bullets.push(\r\n          new am4charts.CircleBullet()\r\n        );\r\n        circleBullletCAC.circle.stroke = am4core.color(\"#fff\");\r\n        circleBullletCAC.tooltipText = \"{name}: [bold]{valueY}%[/]\";\r\n\r\n        this.chart = chart;\r\n      } catch (e) {\r\n        // empty\r\n      }\r\n    },\r\n    refresh() {\r\n      if (this.fechaFin && this.tipoProductoSelected) {\r\n        this.processing = true;\r\n        let param = {\r\n          FechaFin: this.fechaFin,\r\n          TipoProducto: this.tipoProductoSelected,\r\n          CodigoAsociado: store.getters.user.asociado.codigo,\r\n          Chart: \"ServicioMovil\"\r\n        };\r\n\r\n        apiDashboard\r\n          .getChartCalidadVenta(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  },\r\n  watch: {\r\n    fechaFin: function() {\r\n      this.refresh();\r\n    },\r\n    tipoProductoSelected: function() {\r\n      this.refresh();\r\n    }\r\n  },\r\n  mounted() {\r\n    this.tipoProductoSelected = this.tipoProductoOptions[0].value;\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!./calidad_servicio_movil.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!./calidad_servicio_movil.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./calidad_servicio_movil.vue?vue&type=template&id=10f3d1e2\"\nimport script from \"./calidad_servicio_movil.vue?vue&type=script&lang=js\"\nexport * from \"./calidad_servicio_movil.vue?vue&type=script&lang=js\"\nimport style0 from \"./calidad_servicio_movil.vue?vue&type=style&index=0&id=10f3d1e2&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":""}