{"version":3,"sources":["webpack:///./src/views/dashboard/graficos/Comercial/PieChart2.vue?b8a7","webpack:///src/views/dashboard/graficos/Comercial/PieChart2.vue","webpack:///./src/views/dashboard/graficos/Comercial/PieChart2.vue?4da1","webpack:///./src/views/dashboard/graficos/Comercial/PieChart2.vue?d20b","webpack:///./src/views/dashboard/graficos/Comercial/PieChart2.vue?5d29","webpack:///./src/views/dashboard/graficos/Comercial/PieChart2.vue?2b0b"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","attrs","staticClass","_v","_s","error","_e","title","staticRenderFns","styleObject","color","localStorage","corPrimaria","myChart","primeiroDia","dataFinal","select","supervisor","receita","text","montarGrafico","loading","component","VIcon"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAW,QAAEI,EAAG,MAAM,CAACE,MAAON,EAAe,YAAEO,MAAM,CAAC,GAAK,iBAAiB,CAACH,EAAG,SAAS,CAACI,YAAY,gBAAgBF,MAAON,EAAe,YAAEO,MAAM,CAAC,MAAQ,KAAK,CAACP,EAAIS,GAAG,kBAAkBT,EAAIS,GAAG,0BAA0B,GAAIT,EAAS,MAAEI,EAAG,MAAM,CAACI,YAAY,sBAAsB,CAACR,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,OAAO,OAAOX,EAAIY,KAAKR,EAAG,MAAM,CAACA,EAAG,SAAS,CAACI,YAAY,cAAcD,MAAM,CAAC,GAAK,WAAW,MAAQ,KAAK,OAAS,QAAQH,EAAG,OAAO,CAACI,YAAY,sBAAsBD,MAAM,CAAC,GAAK,YAAY,CAACP,EAAIS,GAAGT,EAAIU,GAAGV,EAAIa,eAC3mBC,EAAkB,G,6GCyCtB,GACE,KAAF,gBACE,KAAF,WAAI,MAAJ,CACMC,YAAa,CACXC,MAAOC,aAAaC,aAEtBL,MAAO,GACPM,QAAS,GACTC,YAAa,IAAnB,kFACMC,UAAW,IAAjB,oFACMC,OAAQ,GACRC,WAAY,GACZC,QAAS,GACTC,KAAM,KACNC,eAAe,EACfC,SAAS,EACThB,MAAO,OAGX,MAAF,CACI,OADJ,WACM,IAAN,OACA,cACM,KAAN,YAEM,YAAN,WAAQ,OAAR,eAEM,KAAN,cAIE,QA9BF,WA+BI,EAAJ,iDAGE,cAlCF,WAmCI,EAAJ,kDAGE,QAAF,CACI,kBADJ,SACA,WACM,KAAN,cACM,KAAN,YACM,KAAN,SACM,KAAN,aACM,KAAN,UAEM,KAAN,mBAGI,gBAXJ,WAWM,IAAN,OAAM,OAAN,6IACA,aAEA,gBACA,oBAJA,SAOA,sJACA,kBACA,sEAEA,2DAEA,qBACA,gBACA,MACA,8BACA,UACA,CACA,oBACA,gEACA,iBACA,UACA,cAKA,SACA,QACA,YAEA,cACA,kBACA,cACA,oBACA,UACA,mBAIA,4DACA,gBACA,mBAEA,gBACA,oBAGA,4EAEA,mBACA,8BACA,kBACA,kEAEA,qCAxDA,gDC3FgY,I,mECS5XiB,EAAY,eACd,EACA7B,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAc,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,QAAA,Q,6DCzB9B,yBAA8hB,EAAG,G,2DCAjiB,yBAA6kB,EAAG","file":"js/chunk-290394e4.f7591d42.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.loading)?_c('div',{style:(_vm.styleObject),attrs:{\"id\":\"carregaDados\"}},[_c('v-icon',{staticClass:\"custom-loader\",style:(_vm.styleObject),attrs:{\"light\":\"\"}},[_vm._v(\" mdi-cached \")]),_vm._v(\" Carregando Dados... \")],1):(_vm.error)?_c('div',{staticClass:\"alert alert-danger\"},[_vm._v(\" \"+_vm._s(_vm.error)+\" \")]):_vm._e(),_c('div',[_c('canvas',{staticClass:\"text-center\",attrs:{\"id\":\"myChart3\",\"width\":\"60\",\"height\":\"40\"}}),_c('span',{staticClass:\"text-center titulo3\",attrs:{\"id\":\"titulo3\"}},[_vm._v(_vm._s(_vm.title))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      v-if=\"loading\"\r\n      id=\"carregaDados\"\r\n      :style=\"styleObject\"\r\n    >\r\n      <v-icon\r\n        light\r\n        :style=\"styleObject\"\r\n        class=\"custom-loader\"\r\n      >\r\n        mdi-cached\r\n      </v-icon>\r\n      Carregando Dados...\r\n    </div>\r\n    <div\r\n      v-else-if=\"error\"\r\n      class=\"alert alert-danger\"\r\n    >\r\n      {{ error }}\r\n    </div>\r\n    <div>\r\n      <canvas\r\n        id=\"myChart3\"\r\n        class=\"text-center\"\r\n        width=\"60\"\r\n        height=\"40\"\r\n      />\r\n      <span\r\n        id=\"titulo3\"\r\n        class=\"text-center titulo3\"\r\n      >{{ title }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Chart from 'chart.js'\r\n  import Comercial from '../../../../services/comercial'\r\n  import eventEmit from '../../components/core/EventoEmit'\r\n\r\n  export default {\r\n    name: 'DashboardPie2',\r\n    data: () => ({\r\n      styleObject: {\r\n        color: localStorage.corPrimaria,\r\n      },\r\n      title: '',\r\n      myChart: {},\r\n      primeiroDia: (new Date(new Date().getFullYear(), new Date().getMonth(), 1)).toISOString().substr(0, 10),\r\n      dataFinal: (new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0)).toISOString().substr(0, 10),\r\n      select: [],\r\n      supervisor: [],\r\n      receita: [],\r\n      text: null,\r\n      montarGrafico: true,\r\n      loading: false,\r\n      error: null,\r\n    }),\r\n\r\n    watch: {\r\n      loader () {\r\n        const l = this.loader\r\n        this[l] = !this[l]\r\n\r\n        setTimeout(() => (this[l] = false), 3000)\r\n\r\n        this.loader = null\r\n      },\r\n    },\r\n\r\n    created () {\r\n      eventEmit.$on('update-datas', this.handleUpdateDados)\r\n    },\r\n\r\n    beforeDestroy () {\r\n      eventEmit.$off('update-datas', this.handleUpdateDados)\r\n    },\r\n\r\n    methods: {\r\n      handleUpdateDados (primeiroDia, dataFinal, select, supervisor, receita) {\r\n        this.primeiroDia = primeiroDia\r\n        this.dataFinal = dataFinal\r\n        this.select = select\r\n        this.supervisor = supervisor\r\n        this.receita = receita\r\n\r\n        this.atualizaGrafico()\r\n      },\r\n\r\n      async atualizaGrafico () {\r\n        this.loading = true\r\n\r\n        if (this.myChart.data) {\r\n          this.myChart.destroy()\r\n        }\r\n\r\n        await Comercial.showDadosGraficoFaturamentoMesAnterior(this.primeiroDia, this.dataFinal, this.select, this.supervisor, this.receita, localStorage.tokencontrato).then(resposta => {\r\n          if (resposta.data.status) {\r\n            this.title = resposta.data.porcentagemFaturamento.toString().replace('.', ',') + '%'\r\n\r\n            const ctx = document.getElementById('myChart3').getContext('2d')\r\n\r\n            this.myChart = new Chart(ctx, {\r\n              type: 'doughnut',\r\n              data: {\r\n                labels: ['Faturamento', 'Meta'],\r\n                datasets: [\r\n                  {\r\n                    label: 'Faturamento',\r\n                    data: [resposta.data.porcentagemFaturamento, resposta.data.porcentagemAnterior],\r\n                    backgroundColor: [\r\n                      '#4780b8',\r\n                      '#cadaed',\r\n                    ],\r\n                  },\r\n                ],\r\n              },\r\n              options: {\r\n                legend: {\r\n                  display: false,\r\n                },\r\n                responsive: true,\r\n                circumference: 3.1,\r\n                rotation: 3.15,\r\n                cutoutPercentage: 65,\r\n                tooltips: {\r\n                  enabled: false,\r\n                },\r\n              },\r\n            })\r\n          } else if (resposta.data.text === 'Não há faturamento no período selecionado') {\r\n            this.title = '0,0 %'\r\n            this.text = resposta.data.text\r\n\r\n            if (this.myChart.data) {\r\n              this.myChart.destroy()\r\n            }\r\n\r\n            this.showSnackbar('error', 3000, 'Não há faturamento no período selecionado')\r\n          }\r\n        }).catch(e => {\r\n          if (e.message === 'Network Error') {\r\n            this.error = e.message\r\n            this.showSnackbar('error', 3000, 'Falha na conexão com a internet')\r\n          }\r\n        }).finally(f => { this.loading = false })\r\n      },\r\n    },\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .custom-loader {\r\n    animation: loader 1s infinite;\r\n    display: flex;\r\n    @-moz-keyframes loader\r\n      from\r\n        transform: rotate(0)\r\n\r\n      to\r\n        transform: rotate(360deg)\r\n\r\n    @-webkit-keyframes loader\r\n      from\r\n        transform: rotate(0)\r\n\r\n      to\r\n        transform: rotate(360deg)\r\n\r\n    @-o-keyframes loader\r\n      from\r\n        transform: rotate(0)\r\n\r\n      to\r\n        transform: rotate(360deg)\r\n\r\n    @keyframes loader\r\n      from\r\n        transform: rotate(0)\r\n\r\n      to\r\n        transform: rotate(360deg)\r\n  }\r\n\r\n  @media screen\r\n  and (min-device-width : 320px)\r\n  and (max-device-width : 600px) {\r\n    #myChart3 {\r\n      font-size: 16px;\r\n      margin: -9rem 0 0 0rem !important;\r\n      display: grid;\r\n      width: 80px !important;\r\n      height: 53px !important;\r\n    }\r\n\r\n    #titulo3 {\r\n      font-size: 12px;\r\n      margin: -1.3rem 0 0 -4rem !important;\r\n      display: grid;\r\n    }\r\n  }\r\n\r\n  @media screen\r\n  and (min-width : 601px)\r\n  and (max-width : 1000px)\r\n  and (-webkit-min-device-pixel-ratio: 1) {\r\n    #myChart3 {\r\n      font-size: 20px;\r\n      margin: -0.6rem 0 0 0 !important;\r\n      display: grid;\r\n    }\r\n\r\n    #titulo3 {\r\n      font-size: 14px;\r\n      margin: -1.8rem 0 0 -13rem !important;\r\n      display: grid;\r\n    }\r\n  }\r\n\r\n  @media screen and (min-width: 1380px) and (max-width: 1800px) {\r\n    #myChart3 {\r\n      margin: -1rem 0 0 0rem !important;\r\n    }\r\n\r\n    #titulo3 {\r\n      margin: -1.8rem 0 0 -8rem !important;\r\n    }\r\n  }\r\n\r\n  @media screen\r\n  and (min-width: 1801px) {\r\n    #myChart3 {\r\n      margin: 0rem 0 0 14rem !important;\r\n    }\r\n\r\n    #titulo3 {\r\n      margin: -1.8rem 0 0 12.5rem !important;\r\n    }\r\n  }\r\n</style>\r\n\r\n<style lang=\"sass\">\r\n  #myChart3\r\n    margin: 3rem 0 0 -1rem !important\r\n    display: grid\r\n    width: 110px !important\r\n    height: 73px !important\r\n\r\n  #titulo3\r\n    font-size: 16px\r\n    display: grid\r\n    align-items: center\r\n    font-weight: bold\r\n    margin: -2rem 0 0 -1rem !important\r\n\r\n</style>\r\n","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!./PieChart2.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!./PieChart2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PieChart2.vue?vue&type=template&id=0178a635&scoped=true&\"\nimport script from \"./PieChart2.vue?vue&type=script&lang=js&\"\nexport * from \"./PieChart2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PieChart2.vue?vue&type=style&index=0&id=0178a635&scoped=true&lang=css&\"\nimport style1 from \"./PieChart2.vue?vue&type=style&index=1&lang=sass&\"\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  \"0178a635\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieChart2.vue?vue&type=style&index=0&id=0178a635&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieChart2.vue?vue&type=style&index=0&id=0178a635&scoped=true&lang=css&\"","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieChart2.vue?vue&type=style&index=1&lang=sass&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieChart2.vue?vue&type=style&index=1&lang=sass&\""],"sourceRoot":""}