\n
${lojasCount}\n
Período: ${shortCut}\n
Data: ${personalizadoRangeDate}\n
Inclui Hoje: ${Hoje}\n
Documentos: ${documentos}\n ${this.isMoney ? `
Tipo de valor: ${tipoValor}` : ''}\n
\n `;\n },\n docType() {\n return this.isPanel\n ? this.tipoDeDocumentoOptionsPanel\n : this.tipoDeDocumentoOptions;\n }\n },\n watch: {\n IsPossibleToAddOneDay(value) {\n if (!value) {\n this.incluirHoje = false;\n }\n }\n }\n})\nexport default class Filtro extends FiltroProps {\n [DashboardActions.ADICIONAR_FILTRO_LOCAL]: (filtro: IFiltroLocal) => void\n [DashboardActions.REMOVER_FILTRO_LOCAL]: (id: number | string) => void\n [DashboardGetters.FIND_LOCAL_FILTER]: (id: number | string) => IFiltroLocal\n\n periodo = 'None';\n widGetIdentity = 0;\n persistido = false;\n isLocalFilter = false; // deve ser definido pelo vuex\n empresas = [] as string[];\n documentos = [] as string[];\n incluirHoje = false;\n tipoValorSelecionado = 0;\n vendasSelect = 30;\n periodoOptions = [\n { title: 'Personalizado', key: 'Avancado' },\n { title: 'Período automático', key: 'None' },\n { title: 'Hoje', key: 5 },\n { title: 'Ontem', key: 0 },\n { title: 'Ultimos 7 dias', key: 1 },\n { title: 'Últimos 15 dias', key: 6 },\n { title: 'Últimos 28 dias', key: 7 },\n { title: 'Últimos 30 dias', key: 8 },\n { title: 'Esta semana(Começa no domingo)', key: 9 },\n { title: 'Esta semana(Começa na segunda-feira)', key: 10 },\n { title: 'Semana passada(Começa na segunda-feira)', key: 11 },\n { title: 'Semana passada(Começa no domingo)', key: 12 },\n { title: 'Trimestre passado', key: 13 },\n { title: 'Este trimestre, até agora', key: 14 },\n { title: 'Mês Atual', key: 2 },\n { title: 'Mês passado', key: 3 },\n { title: 'Este ano', key: 15 },\n { title: 'Ano passado', key: 16 },\n { title: 'Acumulado ano', key: 4 }\n ];\n\n $refs!: {\n dropdown: HTMLInputElement & IDropDown\n }\n\n closeDropDown() {\n const el = this.$refs.dropdown;\n try {\n el.hide();\n } catch (e) {\n\n }\n }\n\n salvarFiltro({ documentos, empresas, periodo, i, incluirHoje, dataFilterTemp, tipoValorSelecionado }: IFiltroLocal) {\n const widgetFilter = { documentos, empresas, periodo, i, incluirHoje, dataFilterTemp, tipoValorSelecionado };\n const itemToBeUpdated = this.getWidGetToBeUpdated(i);\n // @ts-ignore\n if (periodo === 'Avancado' && (!dataFilterTemp.rangeDate.start || !dataFilterTemp.rangeDate.end)) {\n // @ts-ignore\n this.$Message.warn('Por favor, selecione um periodo antes de aplicar o filtro');\n return;\n }\n\n if (!this.persistido) {\n this[DashboardActions.ADICIONAR_FILTRO_LOCAL](widgetFilter);\n }\n this.$root.$emit('filtro-local-selecionado', { id: i });\n const { id: widgetId } = itemToBeUpdated;\n // @ts-ignore\n if (this.isEditorMode) return;\n\n if (itemToBeUpdated.tipo === 'CARD') {\n const parms = this.getParms('card', widgetFilter);\n // @ts-ignore\n if (this.canEdit) {\n // @ts-ignore\n R.DashBoardEditor.AlterarFiltrosCard(widgetId, parms)\n // @ts-ignore\n .then(res => {\n if (res.ok) {\n // @ts-ignore\n this.$Message('Filtro local salvo');\n }\n })\n .catch(err => console.log(err));\n }\n return;\n }\n\n const parms = this.getParms('chart', widgetFilter);\n // @ts-ignore\n if (this.canEdit) {\n // @ts-ignore\n R.DashBoardEditor.AlterarFiltrosChartLike(widgetId, parms)\n // @ts-ignore\n .then(res => {\n if (res.ok) {\n // @ts-ignore\n this.$Message('Filtro local salvo');\n }\n })\n .catch(err => console.log(err));\n }\n }\n\n clearRefInput() {\n const ref = this.$refs as any;\n\n const el = ref[`sumoselect-${this.id}`];\n const el2 = ref[`sumoselect-d${this.id}`];\n\n if (el) el.$el.sumo.unSelectAll();\n if (el2) el2.$el.sumo.unSelectAll();\n }\n\n limparInformacoes() {\n this.periodo = 'None';\n this.empresas = [];\n this.documentos = [];\n this.tipoValorSelecionado = 0;\n this.clearRefInput();\n }\n\n async aplicarFiltro() {\n if (this.isPanel) {\n this.$emit('atualizarQuantidadeVendas', this.vendasSelect);\n }\n // @ts-ignore\n let { documentos, empresas, periodo, id, incluirHoje, dataFilterTemp, tipoValorSelecionado } = this;\n const itemToBeUpdated = this.getWidGetToBeUpdated(id);\n\n if (!documentos.length || !empresas.length) {\n // @ts-ignore\n if (typeof this.shotcutDate.paramsEnvio.stipoDocumento === 'string') {\n documentos = documentos.length\n ? documentos\n // @ts-ignore\n : this.shotcutDate.paramsEnvio.stipoDocumento.length\n // @ts-ignore\n ? this.shotcutDate.paramsEnvio.stipoDocumento.split(',')\n : [];\n }\n // @ts-ignore\n if (typeof this.shotcutDate.paramsEnvio.empresasIds === 'string') {\n empresas = empresas.length\n ? empresas\n // @ts-ignore\n : this.shotcutDate.paramsEnvio.empresasIds.length\n // @ts-ignore\n ? this.shotcutDate.paramsEnvio.empresasIds.split(',')\n : [];\n }\n\n const filter = {\n documentos,\n empresas,\n periodo: periodo !== 'None' ? periodo : 'None',\n i: this.widGetIdentity,\n incluirHoje,\n dataFilterTemp,\n tipoValorSelecionado\n };\n\n this.salvarFiltro(filter);\n }\n this.salvarFiltro({\n documentos,\n empresas,\n periodo,\n i: this.widGetIdentity,\n incluirHoje,\n dataFilterTemp,\n tipoValorSelecionado\n });\n\n if (itemToBeUpdated.tipo) { this.isLocalFilter = true; }\n this.closeDropDown();\n }\n\n async aplicarFiltroPersistido() {\n // @ts-ignore\n let { documentos, empresas, periodo, id, incluirHoje, dataFilterTemp, tipoValorSelecionado } = this;\n const filter = {\n documentos,\n empresas,\n periodo: periodo !== 'None' ? periodo : 'None',\n i: this.widGetIdentity,\n incluirHoje,\n dataFilterTemp,\n tipoValorSelecionado\n };\n\n this[DashboardActions.ADICIONAR_FILTRO_LOCAL](filter);\n\n this.$root.$emit('filtro-local-selecionado', { id });\n\n this.isLocalFilter = true;\n }\n\n getWidGetToBeUpdated(i) {\n // @ts-ignore\n const currentDashboard = this.dashboardList\n // @ts-ignore\n .find((dash) => dash.key === this.currentDash);\n const itemToBeUpdated = currentDashboard.layout\n .find(widget => widget.i === i);\n return itemToBeUpdated;\n }\n\n isFilled(itemFilter) {\n if (!itemFilter) return false;\n const {\n tipoValor,\n idEmpresas,\n incluirHoje,\n sTipoDocumento,\n selectedPeriodShortCut } = itemFilter;\n\n const filter = [\n tipoValor,\n idEmpresas,\n incluirHoje,\n sTipoDocumento,\n selectedPeriodShortCut];\n\n return filter.some(f => Boolean(f));\n }\n\n async limparFiltro(alterarDb = true, isGlobal) {\n // @ts-ignore\n const { documentos, empresas, periodo, id, incluirHoje, dataFilterTemp, tipoValorSelecionado } = this;\n\n const itemToBeUpdated = this.getWidGetToBeUpdated(this.id);\n const { id: widgetId } = itemToBeUpdated;\n // @ts-ignore\n if (this.canEdit) {\n // @ts-ignore\n const remove = await R.DashBoardEditor.removeFiltro(widgetId);\n if (remove.ok && !isGlobal) {\n // @ts-ignore\n this.$Message('Filtro local removido');\n }\n } else {\n // @ts-ignore\n this.$Message('Filtro local removido');\n }\n\n // @ts-ignore\n this[DashboardActions.REMOVER_FILTRO_LOCAL](this.id);\n // @ts-ignore\n const dashboardToUpdate = this.dashboardList\n // @ts-ignore\n .find(d => d.key === this.currentDash);\n\n const { layout } = dashboardToUpdate;\n const newLayout = layout.map(w => {\n if (w.i === this.id) {\n w.itemFilter = null;\n }\n return w;\n });\n // @ts-ignore\n this[DashboardMutations.ATUALIZAR_LAYOUT]({\n // @ts-ignore\n id: this.currentDash,\n layout: newLayout\n });\n\n this.isLocalFilter = false;\n this.persistido = false;\n this.limparInformacoes();\n this.closeDropDown();\n }\n\n getParms(action, widgetFilter) {\n const strategy = {\n card: [\n {\n 'op': 'replace',\n 'path': 'DataInicial',\n // @ts-ignore\n 'value': this.shotcutDate.paramsEnvio.dataInicial\n },\n {\n 'op': 'replace',\n 'path': 'DataFinal',\n // @ts-ignore\n 'value': this.shotcutDate.paramsEnvio.dataFinal\n },\n {\n 'op': 'replace',\n 'path': 'DataComparacaoInicial',\n // @ts-ignore\n 'value': this.shotcutDate.paramsEnvio.dataComparacaoInicial\n },\n {\n 'op': 'replace',\n 'path': 'DataComparacaoFinal',\n // @ts-ignore\n 'value': this.shotcutDate.paramsEnvio.dataComparacaoFinal\n },\n {\n 'op': 'replace',\n 'path': 'IdEmpresas',\n 'value': widgetFilter.empresas.join(',')\n },\n {\n 'op': 'replace',\n 'path': 'STipoDocumento',\n 'value': widgetFilter.documentos.length\n ? widgetFilter.documentos.join(',')\n : '1,2,3,4'\n },\n {\n 'op': 'replace',\n 'path': 'selectedPeriodShortCut',\n 'value': widgetFilter.periodo\n },\n {\n 'op': 'replace',\n 'path': 'TipoValor',\n 'value': widgetFilter.tipoValorSelecionado\n },\n {\n 'op': 'replace ',\n 'path': 'incluirHoje',\n 'value': widgetFilter.incluirHoje\n }\n ],\n chart: [\n {\n 'op': 'replace',\n 'path': 'DataInicial',\n // @ts-ignore\n 'value': this.dataFilterTemp.rangeDate.start || this.shotcutDate.paramsEnvio.dataInicial\n },\n {\n 'op': 'replace',\n 'path': 'DataFinal',\n // @ts-ignore\n 'value': this.dataFilterTemp.rangeDate.end || this.shotcutDate.paramsEnvio.dataFinal\n },\n {\n 'op': 'replace',\n 'path': 'DataComparacaoInicial',\n // @ts-ignore\n 'value': this.shotcutDate.paramsEnvio.dataComparacaoInicial\n },\n {\n 'op': 'replace',\n 'path': 'DataComparacaoFinal',\n // @ts-ignore\n 'value': this.shotcutDate.paramsEnvio.dataComparacaoFinal\n },\n {\n 'op': 'replace',\n 'path': 'IdEmpresas',\n 'value': widgetFilter.empresas.join(',')\n },\n {\n 'op': 'replace',\n 'path': 'STipoDocumento',\n 'value': widgetFilter.documentos.length\n ? widgetFilter.documentos.join(',')\n : '1,2,3,4'\n },\n {\n 'op': 'replace',\n 'path': 'selectedPeriodShortCut',\n 'value': widgetFilter.periodo\n },\n {\n 'op': 'replace',\n 'path': 'TipoValor',\n 'value': Number(widgetFilter.tipoValorSelecionado)\n },\n {\n 'op': 'replace ',\n 'path': 'incluirHoje',\n 'value': Boolean(widgetFilter.incluirHoje)\n }\n ]\n };\n return strategy[action];\n }\n\n get handleColor(): string {\n return this.isLocalFilter ? 'filtro-preenchido' : 'filtro-desselecionado';\n }\n\n get temValorNaLabel(): boolean {\n // @ts-ignore\n return !Utils.isNullOrEmpty(this.label);\n }\n mounted() {\n // @ts-ignore\n if (this.isEditorMode) {\n this.limparInformacoes();\n return;\n }\n const { id } = this;\n const widGet = this.getWidGetToBeUpdated(id);\n if (!widGet) return;\n const { i } = widGet;\n this.widGetIdentity = i;\n\n // @ts-ignore\n const filtrosVuex = this.filtrosLocaisPreenchidos\n .find(f => f.i === this.widGetIdentity);\n\n let { itemFilter } = widGet;\n if (!itemFilter && !filtrosVuex) return;\n\n if (filtrosVuex) {\n itemFilter = {};\n itemFilter.tipoValor = filtrosVuex.tipoValorSelecionado || 0;\n itemFilter.incluirHoje = filtrosVuex.incluirHoje;\n itemFilter.idEmpresas = filtrosVuex.empresas.length\n ? filtrosVuex.empresas.join(',')\n : '';\n itemFilter.sTipoDocumento = filtrosVuex.documentos.length\n ? filtrosVuex.documentos.join(',')\n : '';\n itemFilter.selectedPeriodShortCut = filtrosVuex.periodo || 'None';\n }\n this.isLocalFilter = this.isFilled(itemFilter);\n\n if (this.isLocalFilter) {\n const formatDataPiker = (date) => {\n return date.split('-').reverse().join('/');\n };\n\n if (itemFilter.selectedPeriodShortCut === 'Avancado') {\n filtrosVuex\n // @ts-ignore\n ? this.dataFilterTemp.rangeDate = filtrosVuex.dataFilterTemp.rangeDate\n // @ts-ignore\n : this.dataFilterTemp.rangeDate = {\n 'start': formatDataPiker(itemFilter.dataInicial),\n 'end': formatDataPiker(itemFilter.dataFinal)\n };\n }\n\n this.incluirHoje = itemFilter.incluirHoje;\n this.tipoValorSelecionado = itemFilter.tipoValor || 0;\n this.periodo = itemFilter.selectedPeriodShortCut !== null\n ? itemFilter.selectedPeriodShortCut\n : 2;\n this.empresas = itemFilter.idEmpresas.split(',') || [];\n this.documentos = itemFilter.sTipoDocumento.split(',') || [1, 2];\n\n this.aplicarFiltroPersistido();\n }\n }\n updated() {\n const vm = this;\n eventBus.$on('limparFiltros', () => {\n if (!this.isLocalFilter) return;\n vm.limparFiltro(true, true);\n });\n }\n\n beforeDestroy() {\n eventBus.$off('limparFiltros');\n }\n};\n","import Humanize from 'humanize-plus';\n\n/***\n * Formatação dos parâmetros necessários para os charts\n * @param Vue // this vue\n * @param {object} // Opt Options do createChart ou Opt.date\n * @returns {object} // Parametros em objeto\n */\n\nmoment.locale('pt_BR');\n\nexport default class Chart {\n constructor(Vue, opt) {\n this.Vue = Vue;\n this.title = opt.title; // nome do chart\n this.tipo = opt.tipo; // tipo = Vendedor | Loja | LojaVendedor | ''\n this.prop = opt.prop; // propriedades para dimensões retorno = Array\n this.isCompare = opt.isCompare; // propriedades retorno = Array\n this.data = opt.data; // Data da requisição\n this.date = opt.date; // Date do filtro\n this.dateCompare = opt.dateCompare; // Date Comparação do filtro\n this.ocultarAcumulado = opt.ocultarAcumulado;\n this.money = opt.money;\n this.percent = opt.percent;\n this.reference = opt.ref;\n }\n\n getLabelName(label) {\n const types = {\n QuantidadeMediaItensBoleto: 'mediaItensCupom',\n ValorMedioPorBoleto: 'valorMedioCupom',\n precoMedio: 'valorMedioProduto',\n precoMedioDiario: 'valorMedioProduto',\n ChartValorMedioDiarioBoleto: 'valorMedioCupom'\n };\n\n const key = Object.entries(types).find(type => type[0].toLocaleLowerCase() === label.toLocaleLowerCase());\n\n if (key) {\n return key[1];\n }\n\n return key;\n }\n\n propsSeries = {}\n\n /** *\n * // Unifica o dataSource para o mesmo padrão (comparacao e não comparação) e adiciona index\n * @returns {[]}\n */\n dataSource() {\n const ctx = this;\n const data = ctx.data;\n const isCompare = ctx.isCompare;\n\n if (Utils.isNullOrEmpty(data)) { return false; }\n\n let dataSource = [];\n if (isCompare) { // Caso chart seja de comparação\n if (data.periodosComparacao) {\n data.periodosComparacao.forEach((dt, i) => {\n dataSource.push({\n vendas: (dt || { }).vendas ? dt.vendas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n vendasAcumuladas: (dt || { }).vendasAcumuladas ? dt.vendasAcumuladas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n metas: (dt || { }).metas ? dt.metas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n metasAcumuladas: (dt || { }).metasAcumuladas ? dt.metasAcumuladas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n metasVendedor: (dt || { }).metasVendedor ? dt.metasVendedor.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : []\n });\n });\n return dataSource;\n }\n }\n\n dataSource.push({\n vendas: (data || { }).vendas ? data.vendas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n vendasAcumuladas: (data || { }).vendasAcumuladas ? data.vendasAcumuladas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n metas: (data || { }).metas ? data.metas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n metasAcumuladas: (data || { }).metasAcumuladas ? data.metasAcumuladas.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : [],\n metasVendedor: (data || { }).metasVendedor ? data.metasVendedor.map((obj, idx) => {\n obj.index = idx;\n return obj;\n }) : []\n });\n\n return dataSource;\n }\n\n /** *\n * // Dimensões do eCharts, Array com a sequência das propriedades\n * @params {isMeta} Boolean\n * @returns {[]}\n */\n dimensions(isMeta) {\n const tipo = this.tipo;\n if (tipo == 'Vendedor' || tipo == 'Loja' || tipo == 'LojaVendedor' || tipo == 'LojaSubEstrutura' || tipo == 'LojaSubEstruturaRevendedor') {\n if (isMeta) {\n if (this.dataSource()[0].metasVendedor.length > 0) {\n return ['nome', 'receita'];\n } else {\n return ['descricao', 'objetivo'];\n }\n }\n return ['descricao', ...this.prop];\n } else {\n if (isMeta) {\n return ['index', 'objetivo', 'dataFormatada'];\n }\n return ['index', ...this.prop];\n }\n }\n\n /** *\n * // Gera o source do eCharts com as dimensóes e dataSource formatado\n * @returns {[]}\n */\n source() {\n const dimensions = this.dimensions();\n const metaDimensions = this.dimensions(true);\n\n let source = [];\n this.dataSource().forEach((dt, i) => {\n source.push(\n { dimensions: dimensions, source: dt.vendas || [] },\n { dimensions: dimensions, source: dt.vendasAcumuladas || [] }\n );\n });\n // Add meta\n source.push({ dimensions: metaDimensions, source: this.dataSource()[0].metas || [] });\n return source;\n }\n\n /** *\n * // Define o formateDate de acordo com o tipo do filtro\n * @returns {String}\n */\n dateFormat(date) {\n if (moment(date, 'DD/MM/YYYY', true).isValid()) {\n return 'DD/MM/YYYY';\n } else if (moment(date, 'MM/YYYY', true).isValid()) {\n return 'MM/YYYY';\n } else {\n return 'DD/MM/YYYY';\n }\n }\n\n /** *\n * // Resgatar as datas atuais formatadas\n * @returns {Object}\n */\n getDateLabel(formatLabel) {\n return {\n date: this.date ? moment(this.date.start, this.dateFormat(this.date.start)).format(formatLabel) : null,\n dateCompare: this.dateCompare ? moment(this.dateCompare.start, this.dateFormat(this.dateCompare.start)).format(formatLabel) : null\n };\n }\n\n /** *\n * // Series para o echarts\n * @returns {[]}\n */\n series() {\n const ctx = this;\n let itens = [];\n let dates = ctx.getDateLabel('YYYY');\n\n if (ctx.dataSource().length > 1) {\n // barra segunda data\n itens.push({\n name: dates.dateCompare,\n type: 'bar',\n barGap: '10%',\n datasetIndex: 2,\n itemStyle: { color: '#efefef', barBorderColor: '#d0d0d0' },\n emphasis: {\n itemStyle: { color: '#bfbfbf' }\n }\n });\n\n // linha segunda data acumulada\n if (!ctx.ocultarAcumulado) {\n itens.push({\n name: 'Acumulado ' + dates.dateCompare,\n type: 'line',\n yAxisIndex: 1,\n datasetIndex: 3,\n itemStyle: { color: '#a0a0a0' },\n smooth: false,\n symbolSize: 3\n });\n }\n\n // barra primeira data\n itens.push({\n name: dates.date,\n type: 'bar',\n barGap: '10%',\n datasetIndex: 0,\n itemStyle: { color: '#ffab75', barBorderColor: '#ffab75' },\n emphasis: {\n itemStyle: {\n color: '#f7853c'\n }\n }\n });\n\n // linha primeira data acumulada\n if (!ctx.ocultarAcumulado) {\n itens.push({\n name: 'Acumulado ' + dates.date,\n type: 'line',\n yAxisIndex: 1,\n datasetIndex: 1,\n itemStyle: { color: '#c65308' },\n smooth: false,\n symbolSize: 3\n });\n }\n } else {\n itens.push({\n name: dates.date,\n type: 'bar',\n barGap: '10%',\n itemStyle: {\n color: '#ff8b41'\n }\n });\n\n if (!ctx.ocultarAcumulado) {\n if (!Utils.isNullOrEmpty(ctx.dataSource()[0].vendasAcumuladas)) {\n itens.push({\n name: 'Acumulado ' + dates.date,\n type: 'line',\n yAxisIndex: 1,\n datasetIndex: 1,\n smooth: false,\n symbolSize: 3,\n itemStyle: {\n color: '#c65308'\n }\n });\n }\n }\n }\n\n // Add Metas\n if (!Utils.isNullOrEmpty(ctx.dataSource()[0].metas)) {\n itens.push({\n name: 'Meta',\n type: 'bar',\n datasetIndex: ctx.dataSource().length > 1 ? 4 : 2,\n itemStyle: {\n color: '#149b80'\n }\n });\n }\n\n return itens;\n }\n\n /***\n * retorna objeto de parametros\n * @param {object} // chart Options do createChart\n */\n draw(exportar) {\n const ctx = this;\n\n const dataLength = ctx.dataSource()\n ? ctx.dataSource()[0].vendas.length\n : 0;\n\n const showAction = () => {\n if (ctx.Vue.is_mobile) return false;\n return !(ctx.Vue.nivelGrafico === 'SubEstrutura' ||\n ctx.Vue.nivelGrafico === 'LojaSubEstruturaRevendedor');\n };\n\n if (dataLength > 366) {\n ctx.Vue.limiteSeriesChart = true;\n return {};\n } else {\n ctx.Vue.limiteSeriesChart = false;\n }\n\n return {\n baseOption: {\n legend: { x: 'center', bottom: 132, inactiveColor: 'rgba(50,50,50, 0.1)' },\n grid: { x: '6%', y: '10%', width: '88%', height: '38%' },\n tooltip: {\n trigger: 'axis',\n triggerOn: 'mousemove',\n formatter: function (params) {\n let res = '';\n\n if (ctx.tipo == '') { // caso primeiro nível de datas\n const l = params.length;\n for (let idx = 0; idx < l; idx++) {\n res += `
${\n params[idx].seriesType == 'bar' && params[idx].seriesName !== 'Meta' ? params[idx].data['dataVendaFormatada'] : ''\n } ${idx == 0 ? '-' : ''}`;\n }\n\n for (let i = 0; i < l; i++) {\n if (i % 2 == 0) {\n res += '
' + '
⬤ ' + params[i].seriesName + ': ';\n if (ctx.money) {\n res += params[i].data.objetivo == undefined ? Utils.toMoney(params[i].value[ctx.prop[0]] || 0) : Utils.toMoney(params[i].data.objetivo || 0);\n } else {\n res += params[i].data.objetivo == undefined ? params[i].value[ctx.prop[0]] || 0 : Humanize.compactInteger(Math.round(params[i].data.objetivo), 2);\n }\n }\n }\n for (let i = 0; i < l; i++) {\n if (i % 2 == 1) {\n res += '
' + '
⬤ ' + params[i].seriesName + ': ';\n if (ctx.money) {\n res += params[i].data.objetivo == undefined ? Utils.toMoney(params[i].value[ctx.prop[0]] || 0) : Utils.toMoney(params[i].data.objetivo || 0);\n } else {\n res += params[i].data.objetivo == undefined ? params[i].value[ctx.prop[0]] || 0 : Humanize.compactInteger(params[i].data.objetivo, 2);\n }\n }\n }\n } else { // caso segundo/terceiro nível de textos\n res += `
${params[0].data.descricao || params[0].data.nome || params[0].data.dataVendaFormatada}`; // título legenda\n for (var i = 0, l = params.length; i < l; i++) {\n res += '
' + '
⬤ ' + params[i].seriesName + ': ';\n if (ctx.money) {\n res += params[i].data.objetivo == undefined ? Utils.toMoney(params[i].value[ctx.prop[0]] || params[i].data.receita || 0) : Utils.toMoney(params[i].data.objetivo || 0);\n } else {\n const chartTitle = ctx.title;\n const labelName = ctx.getLabelName(chartTitle);\n res += params[i].value[labelName] || (params[i].data.objetivo == undefined ? params[i].value[ctx.prop[0]] || params[i].value.qtdCupom || 0 : params[i].data.objetivo);\n }\n }\n }\n return res;\n },\n axisPointer: {\n type: 'shadow',\n shadowStyle: {\n color: 'rgba(114, 120, 121, 0.08)'\n }\n },\n backgroundColor: 'rgba(248, 248, 248, 0.9)',\n borderWidth: 1,\n borderColor: '#ccc',\n padding: 10,\n textStyle: {\n color: '#000'\n },\n extraCssText: 'box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);'\n },\n toolbox: { // Add botões de ações sobre o chart\n top: -7,\n right: 100,\n feature: {\n myTool1: {\n show: showAction(),\n title: 'Exportar para Excel',\n icon: 'path://M 28.875 0 C 28.855469 0.0078125 28.832031 0.0195313 28.8125 0.03125 L 0.8125 5.34375 C 0.335938 5.433594 -0.0078125 5.855469 0 6.34375 L 0 43.65625 C -0.0078125 44.144531 0.335938 44.566406 0.8125 44.65625 L 28.8125 49.96875 C 29.101563 50.023438 29.402344 49.949219 29.632813 49.761719 C 29.859375 49.574219 29.996094 49.296875 30 49 L 30 44 L 47 44 C 48.09375 44 49 43.09375 49 42 L 49 8 C 49 6.90625 48.09375 6 47 6 L 30 6 L 30 1 C 30.003906 0.710938 29.878906 0.4375 29.664063 0.246094 C 29.449219 0.0546875 29.160156 -0.0351563 28.875 0 Z M 28 2.1875 L 28 6.53125 C 27.867188 6.808594 27.867188 7.128906 28 7.40625 L 28 42.8125 C 27.972656 42.945313 27.972656 43.085938 28 43.21875 L 28 47.8125 L 2 42.84375 L 2 7.15625 Z M 30 8 L 47 8 L 47 42 L 30 42 L 30 37 L 34 37 L 34 35 L 30 35 L 30 29 L 34 29 L 34 27 L 30 27 L 30 22 L 34 22 L 34 20 L 30 20 L 30 15 L 34 15 L 34 13 L 30 13 Z M 36 13 L 36 15 L 44 15 L 44 13 Z M 6.6875 15.6875 L 12.15625 25.03125 L 6.1875 34.375 L 11.1875 34.375 L 14.4375 28.34375 C 14.664063 27.761719 14.8125 27.316406 14.875 27.03125 L 14.90625 27.03125 C 15.035156 27.640625 15.160156 28.054688 15.28125 28.28125 L 18.53125 34.375 L 23.5 34.375 L 17.75 24.9375 L 23.34375 15.6875 L 18.65625 15.6875 L 15.6875 21.21875 C 15.402344 21.941406 15.199219 22.511719 15.09375 22.875 L 15.0625 22.875 C 14.898438 22.265625 14.710938 21.722656 14.5 21.28125 L 11.8125 15.6875 Z M 36 20 L 36 22 L 44 22 L 44 20 Z M 36 27 L 36 29 L 44 29 L 44 27 Z M 36 35 L 36 37 L 44 37 L 44 35 Z ',\n onclick: function () {\n if (exportar) {\n exportar('xls');\n }\n }\n },\n myTool2: {\n show: showAction(),\n title: 'Exportar para Pdf',\n icon: 'path://M 7 2 L 7 48 L 43 48 L 43 15.410156 L 29.183594 2 Z M 9 4 L 28 4 L 28 17 L 41 17 L 41 46 L 9 46 Z M 30 5.578125 L 39.707031 15 L 30 15 Z M 23.769531 19.875 C 23.019531 19.875 22.242188 20.300781 21.902344 20.933594 C 21.558594 21.5625 21.535156 22.238281 21.621094 22.941406 C 21.753906 24.050781 22.257813 25.304688 22.910156 26.589844 C 22.585938 27.683594 22.429688 28.636719 21.941406 29.804688 C 21.320313 31.292969 20.558594 32.472656 19.828125 33.710938 C 18.875 34.15625 17.671875 34.554688 16.96875 35.015625 C 16.179688 35.535156 15.554688 36 15.1875 36.738281 C 15.007813 37.105469 14.914063 37.628906 15.09375 38.101563 C 15.273438 38.574219 15.648438 38.882813 16.035156 39.082031 C 16.855469 39.515625 17.800781 39.246094 18.484375 38.785156 C 19.167969 38.324219 19.777344 37.648438 20.390625 36.824219 C 20.699219 36.40625 20.945313 35.730469 21.25 35.242188 C 22.230469 34.808594 22.925781 34.359375 24.039063 33.976563 C 25.542969 33.457031 26.882813 33.238281 28.289063 32.933594 C 29.464844 33.726563 30.714844 34.34375 32.082031 34.34375 C 32.855469 34.34375 33.453125 34.308594 34.035156 33.992188 C 34.621094 33.675781 34.972656 32.914063 34.972656 32.332031 C 34.972656 31.859375 34.765625 31.355469 34.4375 31.03125 C 34.105469 30.707031 33.714844 30.535156 33.3125 30.425781 C 32.515625 30.210938 31.609375 30.226563 30.566406 30.332031 C 30.015625 30.390625 29.277344 30.683594 28.664063 30.796875 C 28.582031 30.734375 28.503906 30.707031 28.421875 30.636719 C 27.175781 29.5625 26.007813 28.078125 25.140625 26.601563 C 25.089844 26.511719 25.097656 26.449219 25.046875 26.359375 C 25.257813 25.570313 25.671875 24.652344 25.765625 23.960938 C 25.894531 23.003906 25.921875 22.167969 25.691406 21.402344 C 25.574219 21.019531 25.378906 20.632813 25.039063 20.335938 C 24.699219 20.039063 24.21875 19.875 23.769531 19.875 Z M 23.6875 21.867188 C 23.699219 21.867188 23.71875 21.875 23.734375 21.878906 C 23.738281 21.886719 23.746094 21.882813 23.777344 21.980469 C 23.832031 22.164063 23.800781 22.683594 23.78125 23.144531 C 23.757813 23.027344 23.621094 22.808594 23.609375 22.703125 C 23.550781 22.238281 23.625 21.941406 23.65625 21.890625 C 23.664063 21.871094 23.675781 21.867188 23.6875 21.867188 Z M 24.292969 28.882813 C 24.910156 29.769531 25.59375 30.597656 26.359375 31.359375 C 25.335938 31.632813 24.417969 31.730469 23.386719 32.085938 C 23.167969 32.160156 23.042969 32.265625 22.828125 32.34375 C 23.132813 31.707031 23.511719 31.234375 23.785156 30.578125 C 24.035156 29.980469 24.078125 29.476563 24.292969 28.882813 Z ',\n onclick: function () {\n if (exportar) {\n exportar('pdf');\n }\n }\n },\n myTool3: {\n show: true,\n title: 'Recarregar Gráfico',\n icon: 'path://M7 9h-7v-7h1v5.2c1.853-4.237 6.083-7.2 11-7.2 6.623 0 12 5.377 12 12s-5.377 12-12 12c-6.286 0-11.45-4.844-11.959-11h1.004c.506 5.603 5.221 10 10.955 10 6.071 0 11-4.929 11-11s-4.929-11-11-11c-4.66 0-8.647 2.904-10.249 7h5.249v1z',\n onclick: function () {\n const compararDatas = ctx.Vue.$root.compararDatas;\n const intervalo = ctx.Vue.$root.intervalo;\n let rangeShortcut = {};\n\n if (intervalo) {\n rangeShortcut = ctx.Vue.ajustarComparacaoShortcut(intervalo, compararDatas);\n }\n\n const {\n empresasIds,\n stipoDocumento,\n tipoValorSelecionado\n } = ctx.Vue.shotcutDate;\n\n const dataRequest = {\n rangeShortcut: intervalo\n ? rangeShortcut\n : false,\n filtrosAvancados: tipoValorSelecionado,\n 'periodo': ctx.Vue.agruparPor,\n compararDatas,\n selectLojas: empresasIds.length\n ? empresasIds.split(',')\n : '',\n tipoDocumento: stipoDocumento.length\n ? stipoDocumento.split(',')\n : ''\n };\n ctx.Vue.atualizarInformacoes(dataRequest, ctx.Vue);\n }\n },\n saveAsImage: {\n title: 'Salvar imagem',\n backgroundColor: '#fff',\n show: true,\n pixelRatio: 2,\n type: 'jpeg',\n name: ctx.title\n }\n },\n emphasis: {\n iconStyle: {\n borderColor: '#1b64ef'\n }\n }\n },\n dataset: ctx.source(),\n dataZoom: [{\n type: 'inside',\n start: 0,\n end: 100,\n zoomLock: true\n },\n {\n show: true,\n type: 'slider',\n filterMode: 'none',\n realtime: false,\n height: 10,\n bottom: 123,\n handleIcon: 'path://path://M100, 100m -75, 0a75,75 0 1,0 150,0a75,75 0 1,0 -150,0',\n handleSize: '120%',\n handleStyle: {\n color: '#fff',\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 2\n },\n textStyle: {\n color: 'transparent'\n },\n borderColor: 'transparent',\n backgroundColor: '#fcfeff',\n dataBackground: {\n lineStyle: {\n width: 0\n },\n areaStyle: {\n color: 'transparent'\n }\n },\n fillerColor: '#ffdfca',\n labelFormatter: ''\n }],\n xAxis: [(() => {\n const dataSource = this.dataSource();\n return {\n type: 'category',\n axisLabel: {\n interval: 0,\n rotate: 60,\n padding: [0, -5],\n margin: 10,\n color: '#000',\n fontSize: 10,\n formatter: function (value) {\n let idx = value || 0;\n if (/^\\+?\\d+$/.test(idx)) { // verifica se é number\n if (dataSource[0].vendas[idx]) {\n let isValidDate = moment(dataSource[0].vendas[idx]['dataVendaFormatada'], 'DD/MM/YYYY', true).isValid();\n\n if (isValidDate) {\n return moment(dataSource[0].vendas[idx]['dataVendaFormatada'], 'DD/MM/YYYY', true).format('DD/MM');\n } else {\n let isValidMonth = moment(dataSource[0].vendas[idx]['dataVendaFormatada'], 'MM/YYYY', true).isValid();\n return isValidMonth && Utils.isNullOrEmpty(dataSource[0].vendas[idx]['descricao']) ? moment(dataSource[0].vendas[idx]['dataVendaFormatada'], 'MM/YYYY', true).format('MMM/YYYY') : value;\n }\n } else {\n return '';\n }\n }\n return value;\n }\n },\n axisTick: {\n show: true\n },\n splitLine: {\n show: false\n }\n };\n })(),\n {\n type: 'category',\n splitLine: {\n show: false\n }\n }],\n yAxis: [{\n splitLine: {\n lineStyle: {\n type: 'dashed'\n }\n },\n axisLabel: {\n formatter: (value) => {\n let isMoney = ctx.money; // add mais opções caso, novas\n let isPercent = ctx.percent;\n\n if (isMoney) { return Utils.toMoney(value); }\n if (isPercent) { return Utils.toPercent(value / 100, 0); }\n\n return value; // Humanize.compactInteger},\n },\n color: '#000'\n }\n }, {\n splitLine: {\n show: false\n },\n axisLabel: {\n formatter: (value) => {\n let isMoney = ctx.money; // add mais opções caso, novas\n let isPercent = ctx.percent;\n\n if (isMoney) { return Utils.toMoney(value); }\n if (isPercent) { return Utils.toPercent(value / 100, 0); }\n\n return value; // Humanize.compactInteger},\n },\n color: '#000'\n }\n }],\n series: ctx.series()\n },\n media: [ // Media queries chart\n {\n query: { maxAspectRatio: 4 },\n option: {\n dataZoom: [{\n type: 'inside',\n zoomLock: true\n }]\n }\n },\n {\n query: { maxAspectRatio: 1 },\n option: {\n dataZoom: [{\n type: 'inside',\n zoomLock: false\n }]\n }\n },\n {\n query: { maxWidth: 1900 },\n option: {\n grid: { x: '6%', y: '10%', width: '88%', height: '38%' },\n dataZoom: [{\n type: 'inside',\n start: 0,\n end: (() => {\n let perc = 100;\n if (dataLength <= 35) {\n perc = 100;\n } else if (dataLength <= 65) {\n perc = 80;\n } else if (dataLength <= 80) {\n perc = 60;\n } else {\n perc = 40;\n }\n return perc;\n })()\n }]\n }\n },\n {\n query: { maxWidth: 1400 },\n option: {\n grid: { x: '6%', y: '10%', width: '88%', height: '38%' },\n dataZoom: [{\n type: 'inside',\n start: 0,\n end: (() => {\n let perc = 100;\n if (dataLength <= 30) {\n perc = 100;\n } else if (dataLength <= 60) {\n perc = 80;\n } else if (dataLength <= 80) {\n perc = 60;\n } else {\n perc = 30;\n }\n return perc;\n })()\n }]\n }\n },\n {\n query: { maxWidth: 900 },\n option: {\n grid: { x: '10%', y: '10%', width: '80%' },\n dataZoom: [{\n type: 'inside',\n start: 0,\n end: (() => {\n let perc = 100;\n if (dataLength <= 20) {\n perc = 100;\n } else if (dataLength <= 35) {\n perc = 70;\n } else if (dataLength <= 50) {\n perc = 60;\n } else {\n perc = 30;\n }\n return perc;\n })()\n }]\n }\n },\n {\n query: { maxWidth: 600 },\n option: {\n grid: { x: '17%', y: '10%', width: '68%' }\n }\n },\n {\n query: { maxWidth: 400 },\n option: {\n grid: { x: '20%', y: '10%', width: '58%' },\n dataZoom: [{\n type: 'inside',\n start: 0,\n end: (() => {\n let perc = 100;\n if (dataLength <= 10) {\n perc = 100;\n } else if (dataLength <= 20) {\n perc = 60;\n } else if (dataLength <= 30) {\n perc = 30;\n } else if (dataLength <= 40) {\n perc = 25;\n } else if (dataLength <= 50) {\n perc = 20;\n } else {\n perc = 15;\n }\n return perc;\n })()\n }],\n tooltip: {\n position: [5, 5]\n }\n }\n }\n ]\n };\n }\n\n /***\n * Verifica o ref do chart e add eventos (click)\n */\n applyEvent() {\n const ctx = this;\n\n Utils.getReference(ctx.Vue, ctx.reference).then((ref) => {\n const echart = ref.chart;\n\n echart.off('click'); // remove eventos de click antes de inicializar um novo\n\n echart.on('click', function (dt) {\n if (ctx.Vue.nivelGrafico === 'LojaSubEstruturaRevendedor') {\n return false;\n }\n\n echart.dispatchAction({ type: 'hideTip' });\n if (dt.seriesType == 'line') { return false; }\n\n const dataIndex = dt.data.index;\n const requestData = ctx.dataSource();\n\n let seriesSelected = [];\n requestData.forEach((item, i) => {\n seriesSelected.push(item.vendas[dataIndex]);\n });\n\n if (!seriesSelected[0]) {\n seriesSelected = [];\n seriesSelected.push(dt.data);\n }\n\n // formata as datas\n const formatDates = () => {\n const typeDate = Utils.getLocal('v360.typeDateFilter') || 'date';\n let dates = {}; // data principal\n dates.datesCompare = {}; // comparação\n const formatDataCompleta = 'DD/MM/YYYY';\n const getGlobalFilterRangeDate = () => {\n const { start, end } = ctx.Vue.dataDeGlobalFilters;\n\n const globaDates = {\n start: moment(start, formatDataCompleta).format(formatDataCompleta),\n end: moment(end, formatDataCompleta).format(formatDataCompleta)\n };\n const datesCompare = {\n start: moment(start, formatDataCompleta).subtract(1, 'years').format(formatDataCompleta),\n end: moment(end, formatDataCompleta).subtract(1, 'years').format(formatDataCompleta)\n };\n return { ...globaDates, datesCompare };\n };\n\n if (typeDate == 'date') { // se tipo de data for DIA\n dates.start = seriesSelected[0].dataVendaFormatada;\n dates.end = seriesSelected[0].dataVendaFormatada;\n if (seriesSelected.length > 1) {\n if (seriesSelected[1]) {\n dates.datesCompare.start = seriesSelected[1].dataVendaFormatada;\n dates.datesCompare.end = seriesSelected[1].dataVendaFormatada;\n }\n }\n } else {\n const formatDataMes = seriesSelected[0].dataVendaFormatada.split('/').length > 2 ? 'DD/MM/YYYY' : 'MM/YYYY';\n\n dates.start = moment(seriesSelected[0].dataVendaFormatada, formatDataMes).startOf('month').format(formatDataCompleta);\n dates.end = moment(seriesSelected[0].dataVendaFormatada, formatDataMes).endOf('month').format(formatDataCompleta);\n if (seriesSelected.length > 1 && seriesSelected[1]) {\n dates.datesCompare.start = moment(seriesSelected[1].dataVendaFormatada, formatDataMes).startOf('month').format(formatDataCompleta);\n dates.datesCompare.end = moment(seriesSelected[1].dataVendaFormatada, formatDataMes).endOf('month').format(formatDataCompleta);\n }\n }\n\n // variáveis que identifica se o chart é do tipo \"Por Loja\" e o próxico nivel de gráfico é vendedor\n // caso true irá atribuir o valor do filtro global para a próxima chamada a api\n const ajustarDatasChartLoja = !ctx.Vue.evolucao && ctx.Vue.nivelGrafico === 'Loja';\n\n if (ajustarDatasChartLoja) {\n dates = getGlobalFilterRangeDate();\n }\n\n return dates;\n };\n\n const formatedDates = formatDates();\n const ctxVue = ctx.Vue;\n\n ctxVue.filter.rangeDatesAtual = formatedDates;\n ctxVue.filter.rangeDatesAtualComparacao = formatedDates.datesCompare;\n\n if (Utils.isNullOrEmpty(seriesSelected[0][ctx.prop[0]])) { return false; }\n if (ctxVue.nivelGrafico === 'SubEstrutura') {\n ctxVue.tipo = 'LojaSubEstruturaRevendedor';\n const { tipoValorSelecionado } = ctx.Vue.shotcutDate;\n ctxVue.createChart({\n tipo: ctxVue.tipo,\n date: ctxVue.filter.rangeDatesAtual,\n dateCompare: ctxVue.filter.rangeDatesAtualComparacao,\n selectLojas: ctxVue.$root.selectLojas,\n tipoDocumento: ctxVue.$root.tipoDocumento,\n isCompare: ctx.isCompare,\n modeloNivel: ctxVue.$root.modeloNivel,\n tipoValorSelecionado: tipoValorSelecionado,\n cluster: dt.data,\n moreLvl: true\n });\n\n return;\n }\n\n let moreLvl = ctxVue.chart.breadCrumb.length > 2; // se existire mais de 2 níveis de breadcrumb\n if (moreLvl) {\n if (Utils.isNullOrEmpty(seriesSelected[0]._idObjeto)) {\n ctxVue.chart.tipo = 'Loja';\n ctxVue.chart.breadCrumb[moreLvl ? 1 : 0].name = ctxVue.filter.typeDate == 'month' ? moment(formatedDates.start, 'DD/MM/YYYY').format('MM/YYYY') : formatedDates.start;\n ctxVue.chart.idLoja = '';\n const { tipoValorSelecionado } = ctx.Vue.shotcutDate;\n ctxVue.createChart({\n tipo: 'Loja',\n date: ctxVue.filter.rangeDatesAtual,\n dateCompare: ctxVue.filter.rangeDatesAtualComparacao,\n selectLojas: ctxVue.$root.selectLojas,\n tipoDocumento: ctxVue.$root.tipoDocumento,\n isCompare: ctx.isCompare,\n modeloNivel: ctxVue.$root.modeloNivel,\n tipoValorSelecionado: tipoValorSelecionado,\n moreLvl: true\n });\n return;\n }\n }\n if (!!seriesSelected[0]._idObjeto && typeof seriesSelected[0]._idObjeto == 'object') {\n if (seriesSelected[0]._idObjeto.collectionName == 'Empresa') {\n const { tipoValorSelecionado } = ctx.Vue.shotcutDate;\n ctxVue.chart.tipo = 'LojaVendedor';\n ctxVue.chart.breadCrumb[moreLvl ? 2 : 1].name = seriesSelected[0].descricao;\n ctxVue.chart.idLoja = seriesSelected[0]._idObjeto.id;\n ctxVue.createChart({\n tipo: 'LojaVendedor',\n date: moreLvl ? ctxVue.filter.rangeDatesAtual : ctxVue.dataDeGlobalFilters,\n idLoja: seriesSelected[0]._idObjeto.id,\n isCompare: false,\n modeloNivel: ctxVue.$root.modeloNivel,\n tipoValorSelecionado: tipoValorSelecionado,\n moreLvl: true\n });\n }\n if (seriesSelected[0]._idObjeto.collectionName == 'Vendedor') {\n return false;\n }\n } else {\n return false;\n }\n });\n });\n }\n}\n","import moment from 'cypress/node_modules/moment';\nimport { createNamespacedHelpers } from 'vuex';\nimport { DashboardGetters } from '../../js/vuex/modules/dashboard/types';\n\nconst { mapGetters, mapState } = createNamespacedHelpers('dashboard');\n\nconst FiltroLocal = {\n mounted() {\n const filtro = this[DashboardGetters.FIND_LOCAL_FILTER](this.id);\n },\n data() {\n return {\n filtroDashPersonalizada: {}\n };\n },\n methods: {\n dataComparacao(range) {\n const regexMes = /^(0[1-9]|1[0-2])\\/(19|2[0-1])\\d{2}$/gm;\n const format = regexMes.test(range.start)\n ? 'MM/YYYY'\n : 'DD/MM/YYYY';\n\n if (format === 'DD/MM/YYYY') {\n return {\n start: Utils.compararDataAnterior(moment(range.start, 'DD/MM/YYYY').toDate()),\n end: Utils.compararDataAnterior(moment(range.end, 'DD/MM/YYYY').toDate())\n };\n } else {\n return {\n start: Utils.compararDataAnterior(moment(range.start, 'MM/YYYY').toDate()),\n end: Utils.compararDataAnterior(moment(range.end, 'MM/YYYY').toDate())\n };\n }\n },\n getFormat(data) {\n const regexMes = /^(0[1-9]|1[0-2])\\/(19|2[0-1])\\d{2}$/gm;\n const format = regexMes.test(data)\n ? 'MM/YYYY'\n : 'DD/MM/YYYY';\n\n return format;\n },\n getDataFormat(data) {\n const isString = (typeof data === 'string');\n if (!data || !isString) return {};\n const array = data.split('/');\n return array.reverse().join('-');\n },\n ApplyDailyEvolutionDateRange(opts) {\n const { date } = opts;\n const { datesCompare } = date;\n const compareData = (opts.isCompare && datesCompare.start) ? {\n dataComparacaoFinal: this.getDataFormat(datesCompare.end),\n dataComparacaoInicial: this.getDataFormat(datesCompare.start)\n } : {};\n\n const newRange = {\n ...compareData,\n dataFinal: this.getDataFormat(date.end),\n dataInicial: this.getDataFormat(date.start)\n };\n\n return newRange;\n },\n ApplyDailyEvolutionDateRangeDownload(filter) {\n const { rangeDatesAtual } = filter;\n if (rangeDatesAtual.start && this.chart.tipo) {\n const { datesCompare } = rangeDatesAtual;\n const dates = { datesCompare, date: { start: rangeDatesAtual.start, end: rangeDatesAtual.end } };\n return this.ApplyDailyEvolutionDateRange(dates);\n }\n if (this.filtrosFormatados) {\n return this.filtrosFormatados;\n }\n return false;\n }\n },\n computed: {\n ...mapState({\n filtrosLocais: (state) => state.filtrosLocaisPreenchidos\n }),\n ...mapGetters([\n DashboardGetters.FIND_LOCAL_FILTER\n ]),\n filtrosFormatados() {\n let datas;\n\n if (!this.filtroPreenchido) return false;\n const periodo = this.filtroPreenchido.periodo;\n if (periodo === 'None' || !periodo) return false;\n\n // Pega o shortcut da store conforme o periodo\n // ou seta o valor personalizado\n (this.filtroPreenchido.periodo !== 'Avancado')\n ? datas = this.$store.state.dateOptions.shortcutsFiltroLocal[periodo]\n .value(this.filtroPreenchido.incluirHoje)\n : datas = this.filtroPreenchido.dataFilterTemp.rangeDate;\n\n const dataCompare = this.dataComparacao(datas);\n const compareStart = moment(dataCompare.start).format(this.getFormat(datas.start));\n const compareEnd = moment(dataCompare.end).format(this.getFormat(datas.end));\n\n return {\n dataInicial: this.getDataFormat(datas.start),\n dataFinal: this.getDataFormat(datas.end),\n dataComparacaoInicial: this.getDataFormat(compareStart),\n dataComparacaoFinal: this.getDataFormat(compareEnd)\n };\n },\n filtroPreenchido() {\n return this[DashboardGetters.FIND_LOCAL_FILTER](this.id);\n }\n },\n watch: {\n filtrosLocais: {\n deep: true,\n immediate: true,\n handler(value) {\n const filtro = this.filtroPreenchido;\n if (!filtro) return;\n this.filtroDashPersonalizada = filtro;\n }\n }\n }\n\n};\n\nexport default FiltroLocal;\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingVendedor.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-panel\",class:_vm.windowSize,attrs:{\"id\":\"v-step-1\"}},[_c('div',{staticClass:\"h-panel-bar\"},[_c('span',{staticClass:\"h-panel-title\"},[_vm._v(_vm._s(_vm.label))]),_c('div',{staticClass:\"h-panel-right\"},[_c('max-window',{model:{value:(_vm.windowSize),callback:function ($$v) {_vm.windowSize=$$v},expression:\"windowSize\"}}),(_vm.podeEditarFiltros)?_c('FiltroDashboard',{attrs:{\"isMoney\":\"\",\"filtrosPersonalizados\":_vm.filtrosPersonalizados,\"id\":_vm.id}}):_vm._e()],1)]),_c('div',{staticClass:\"h-panel-body\"},[(_vm.isNullOrEmpty(_vm.chart.data) && _vm.chart.dataLoading == false && _vm.nadaEncontrado == true)?_c('error-content',{attrs:{\"limit\":_vm.limiteSeriesChart,\"error\":_vm.errorMessage}}):_vm._e(),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('chart-bread-crumb',{attrs:{\"links\":_vm.chart.breadCrumb},on:{\"clickBreadLink\":_vm.chartBreadCrumbClick}}),_c('chart',{ref:\"chartEvolucaoReceitas\",attrs:{\"options\":_vm.chart.data,\"init-options\":_vm.initOptions,\"theme\":\"ovilia-green\",\"autoresize\":\"\"}})],1),_c('Loading',{attrs:{\"text\":\"Carregando\",\"loading\":_vm.chart.dataLoading}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EvolucaoReceitas.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EvolucaoReceitas.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EvolucaoReceitas.vue?vue&type=template&id=38d13897&scoped=true&\"\nimport script from \"./EvolucaoReceitas.vue?vue&type=script&lang=js&\"\nexport * from \"./EvolucaoReceitas.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EvolucaoReceitas.vue?vue&type=style&index=0&id=38d13897&scoped=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 \"38d13897\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"error-content\",class:_vm.error ? 'error-contentalert' : ''},[_c('div',{staticClass:\"error-icon\"},[_c('span',{staticClass:\"er-window\"},[_c('span',{staticClass:\"er-ops\"},[_vm._v(\"Ops !\")]),_vm._m(0),(_vm.vincular)?_c('i',{staticClass:\"fas fa-ban permission\"}):_vm._e(),_c('span',{staticClass:\"er-eye er-eye1\"}),_c('span',{staticClass:\"er-eye er-eye2\"}),_c('span',{staticClass:\"er-mouth\"})]),_c('span',{staticClass:\"er-num\"}),_c('span',{staticClass:\"er-text\"})]),_c('div',{staticClass:\"error-message\"},[(_vm.limit)?_c('div',{staticClass:\"info-estrutura\"},[_c('p',[_vm._v(\"Os Resultados Excederam o Limite de Colunas, por favor, tente com outro filtro ou crie estruturas na tela de empresas.\")])]):_c('p',[_vm._v(_vm._s(_vm.error ? _vm.error : 'Nada encontrado !'))]),_c('a',{staticClass:\"h-btn h-btn-text-primary\",attrs:{\"href\":_vm.limit ? '/#/empresas' :'/#/arquivos/upload'}},[_vm._v(\"\\n \"+_vm._s(_vm.limit ? 'Criar uma estutura de venda direta' : 'Importar um arquivo para o período.')+\"\\n \")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"er-header\"},[_c('span'),_c('span'),_c('span')])}]\n\nexport { render, staticRenderFns }","
\n \n
\n \n Ops !\n \n \n \n \n \n \n \n \n
\n
\n
\n\n\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ErrorContent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ErrorContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ErrorContent.vue?vue&type=template&id=4bc4cf4a&\"\nimport script from \"./ErrorContent.vue?vue&type=script&lang=js&\"\nexport * from \"./ErrorContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ErrorContent.vue?vue&type=style&index=0&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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PainelVendas.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Filtro.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Filtro.vue?vue&type=script&lang=ts&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ValorMedioBoleto.vue?vue&type=style&index=0&id=30748870&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ValorMedioDiarioBoleto.vue?vue&type=style&index=0&id=26ea20f8&scoped=true&lang=css&\"","import Chart from 'service/dashboard/Chart';\n\nexport default class ChartPrecoMedio extends Chart {\n constructor(Vue, opt) {\n super(Vue, opt);\n\n this.colors = opt.colors;\n this.colorsCompare = opt.colorsCompare;\n this.colorsHover = opt.colorsHover;\n }\n\n source() {\n const dimensions = this.dimensions();\n const metaDimensions = this.dimensions(true);\n\n let source = [];\n this.dataSource().forEach((dt, i) => {\n source.push(\n { dimensions: dimensions, source: dt.vendas || [] },\n { dimensions: dimensions, source: dt.vendasAcumuladas || [] }\n );\n });\n // Add meta\n\n const [{ metas, metasVendedor, metasAcumuladas }] = this.dataSource();\n\n source.push({ dimensions: metaDimensions, source: metas || [] });\n source.push({ dimensions: metaDimensions, source: metasAcumuladas || [] });\n\n source.push({ dimensions: ['nome', 'valorMedioProduto'], source: metasVendedor || [] });\n\n return source;\n }\n\n series() {\n const ctx = this;\n let itens = [];\n let dates = ctx.getDateLabel('YYYY');\n\n if (ctx.dataSource().length > 1) {\n // barra segunda data\n itens.push({\n name: dates.dateCompare,\n type: 'bar',\n barGap: '10%',\n datasetIndex: 2,\n itemStyle: { color: '#efefef', barBorderColor: '#d0d0d0' },\n emphasis: {\n itemStyle: { color: '#bfbfbf' }\n }\n });\n\n // linha segunda data acumulada\n if (!ctx.ocultarAcumulado) {\n itens.push({\n name: 'Acumulado ' + dates.dateCompare,\n type: 'line',\n yAxisIndex: 1,\n datasetIndex: 3,\n itemStyle: { color: '#a0a0a0' },\n smooth: false,\n symbolSize: 3\n });\n }\n\n // barra primeira data\n itens.push({\n name: dates.date,\n type: 'bar',\n barGap: '10%',\n datasetIndex: 0,\n itemStyle: { color: '#ffab75', barBorderColor: '#ffab75' },\n emphasis: {\n itemStyle: {\n color: '#f7853c'\n }\n }\n });\n\n // linha primeira data acumulada\n if (!ctx.ocultarAcumulado) {\n itens.push({\n name: 'Acumulado ' + dates.date,\n type: 'line',\n yAxisIndex: 1,\n datasetIndex: 1,\n itemStyle: { color: '#c65308' },\n smooth: false,\n symbolSize: 3\n });\n }\n } else {\n itens.push({\n name: dates.date,\n type: 'bar',\n barGap: '10%',\n itemStyle: {\n color: '#ff8b41'\n }\n });\n\n if (!ctx.ocultarAcumulado) {\n if (!Utils.isNullOrEmpty(ctx.dataSource()[0].vendasAcumuladas)) {\n itens.push({\n name: 'Acumulado ' + dates.date,\n type: 'line',\n yAxisIndex: 1,\n datasetIndex: 1,\n smooth: false,\n symbolSize: 3,\n itemStyle: {\n color: '#c65308'\n }\n });\n }\n }\n }\n\n // Add Metas\n if (!Utils.isNullOrEmpty(ctx.dataSource()[0].metas)) {\n itens.push({\n name: 'Meta',\n type: 'bar',\n datasetIndex: ctx.dataSource().length > 1 ? 4 : 2,\n itemStyle: {\n color: '#33d9b2'\n }\n });\n }\n\n if (!Utils.isNullOrEmpty(ctx.dataSource()[0].metasVendedor)) {\n const indices = Object.keys(this.dataSource()[0]).map((item, index) => {\n if (item === 'metasVendedor') return index;\n });\n\n const index = Utils.removeElementsBySpecifiedValue(indices, undefined)[0] || false;\n\n if (index === false) return;\n\n itens.push({\n name: 'Meta',\n type: 'bar',\n datasetIndex: index,\n itemStyle: {\n color: '#33d9b2'\n }\n });\n }\n\n return itens;\n }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-panel\",class:_vm.windowSize},[_c('div',{staticClass:\"h-panel-bar\"},[(_vm.label)?_c('span',{staticClass:\"h-panel-title\"},[_vm._v(\" \"+_vm._s(_vm.label)+\" \")]):_c('span',{staticClass:\"h-panel-title\"},[_vm._v(\"Painel Ultimas vendas \")]),_c('div',{staticClass:\"h-panel-right\"},[_c('max-window',{attrs:{\"chartEventsReference\":_vm.eventsReference},model:{value:(_vm.windowSize),callback:function ($$v) {_vm.windowSize=$$v},expression:\"windowSize\"}}),(_vm.podeEditarFiltros)?_c('FiltroDashboard',{attrs:{\"isPanel\":\"\",\"filtrosPersonalizados\":_vm.filtrosPersonalizados,\"id\":_vm.id},on:{\"atualizarQuantidadeVendas\":_vm.updateSalesQtd}}):_vm._e()],1)]),_c('div',{class:!_vm.windowSize ? 'table-body h-panel-body' : 'table-body-full h-panel-body',staticStyle:{\"overflow\":\"scroll\"}},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('Row',{attrs:{\"space\":4}},[_c('Cell',{staticClass:\"tools-Painel\",attrs:{\"width\":\"24\"}},[_c('SwitchTable',{on:{\"updateSales\":_vm.updateSalesPanel,\"showColumns\":_vm.handleShowColumns}}),_c('PainelVendasTools',{on:{\"reload\":_vm.reload,\"Excel\":_vm.downloadExcel,\"Pdf\":_vm.downloadPdf,\"Img\":_vm.downloadIMG}})],1)],1),_c('Row',{attrs:{\"space\":4}},[_c('Cell',{attrs:{\"width\":\"24\"}},[_c('TablePainel',{attrs:{\"salesQtd\":_vm.salesQtd,\"sales\":_vm.sales,\"windowSize\":_vm.windowSize,\"showDatails\":_vm.seeDatails}})],1)],1)],1),_c('Loading',{attrs:{\"text\":\"Carregando\",\"loading\":_vm.isLoading}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.windowSize ? 'wrapper-painel-full' : 'wrapper-painel-table'},[_c('Table',{attrs:{\"border\":\"\",\"datas\":_vm.sales,\"stripe\":\"\",\"className\":\"painel-table\"}},[_c('TableItem',{attrs:{\"width\":95,\"className\":\"painel-table\",\"title\":\"Número\",\"prop\":\"numero\",\"align\":\"center\"}}),_c('TableItem',{attrs:{\"width\":95,\"className\":\"painel-table\",\"title\":\"Data da Venda\",\"render\":_vm.getFormatSaleDate,\"prop\":\"dataVenda\",\"sort\":\"auto\",\"align\":\"center\"}}),_c('TableItem',{attrs:{\"width\":80,\"className\":\"painel-table\",\"title\":\"Valor\",\"render\":_vm.getFormatMoney,\"prop\":\"valor\",\"sort\":\"auto\",\"align\":\"right\"}}),(_vm.showDatails)?_c('TableItem',{attrs:{\"width\":80,\"className\":\"painel-table\",\"title\":\"Desconto\",\"render\":_vm.getFormatDiscount,\"prop\":\"desconto\",\"align\":\"right\"}}):_vm._e(),(_vm.showDatails)?_c('TableItem',{attrs:{\"width\":40,\"className\":\"painel-table\",\"title\":\"Itens\",\"prop\":\"itens\",\"align\":\"center\"}}):_vm._e(),_c('TableItem',{attrs:{\"width\":95,\"className\":\"painel-table\",\"title\":\"Loja\",\"sort\":\"auto\",\"prop\":\"empresa\",\"align\":\"center\"}}),_c('TableItem',{attrs:{\"width\":110,\"className\":\"painel-table longText\",\"title\":\"Vendedor\",\"render\":_vm.getFormatSellers,\"prop\":\"vendedor\",\"align\":\"center\"}}),_c('TableItem',{attrs:{\"width\":150,\"className\":\"painel-table longText\",\"title\":\"Origem\",\"prop\":\"origem\",\"align\":\"center\"}}),(_vm.showDatails)?_c('TableItem',{attrs:{\"width\":95,\"className\":\"painel-table longText\",\"title\":\"Criado em\",\"prop\":\"criadoEm\",\"render\":_vm.getFormatCreatedAt,\"sort\":\"auto\",\"align\":\"center\"}}):_vm._e(),_c('div',{attrs:{\"slot\":\"empty\"},slot:\"empty\"},[_c('p',[_vm._v(\"\\n Não existem vendas.\\n \")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","
\n\n
\n \n \n \n \n \n \n \n \n \n \n
\n Não existem vendas.\n
\n
\n
\n\n\n","import mod from \"-!../../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TablePainel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TablePainel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TablePainel.vue?vue&type=template&id=e63e92c0&\"\nimport script from \"./TablePainel.vue?vue&type=script&lang=js&\"\nexport * from \"./TablePainel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TablePainel.vue?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Row',{attrs:{\"space\":10}},[_c('Cell',{staticClass:\"menuPainelVendas\"},[_c('Button',{class:_vm.handleActive,on:{\"click\":_vm.hideColumns}},[_vm._v(\"\\n \"+_vm._s(_vm.btnAction)+\"\\n \")]),_c('Button',{attrs:{\"color\":\"green\"},on:{\"click\":_vm.syncSales}},[_c('i',{staticClass:\"fas fa-sync-alt\"}),_vm._v(\" Sincronizar informações\\n \")]),_c('span',{staticClass:\"h-tag h-tag-blue infoSync\"},[_c('i',{staticClass:\"fas fa-clock\"}),_vm._v(\"\\n \"+_vm._s(_vm.updatedAt)+\"\\n \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","
\n \n \n
\n\n\n\n","import mod from \"-!../../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwitchTable.vue?vue&type=template&id=3edfc134&scoped=true&\"\nimport script from \"./SwitchTable.vue?vue&type=script&lang=js&\"\nexport * from \"./SwitchTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SwitchTable.vue?vue&type=style&index=0&id=3edfc134&scoped=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 \"3edfc134\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toolBoxContainer\"},[_vm._l((_vm.buttons),function(button){return [_c('Tooltip',{key:button.title,attrs:{\"theme\":\"white\",\"className\":\"tooltip5-demo\",\"placement\":\"top\"}},[_c('div',{attrs:{\"slot\":\"content\"},slot:\"content\"},[_vm._v(\"\\n \"+_vm._s(button.title)+\"\\n \")]),_c('button',{staticClass:\"exportBtn\",attrs:{\"aria-label\":\"Exportar relatório\"},on:{\"click\":button.onclick}},[_c('i',{class:button.icon}),_vm._v(\" Relatorios\\n \")])])]})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","
\n \n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PainelVendasTools.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-plugin-typescript/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/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PainelVendasTools.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PainelVendasTools.vue?vue&type=template&id=fdb56968&scoped=true&\"\nimport script from \"./PainelVendasTools.vue?vue&type=script&lang=js&\"\nexport * from \"./PainelVendasTools.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PainelVendasTools.vue?vue&type=style&index=0&id=fdb56968&scoped=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 \"fdb56968\",\n null\n \n)\n\nexport default component.exports","
\n \n \n
{{label}} \n
Painel Ultimas vendas \n
\n \n \n
\n
\n
\n | \n \n \n | \n
\n
\n | \n \n | \n
\n
![\"Fx](\"https://www.fxdata.com.br/images/FX_Logo.svg\" "\\"FX"){kind=logo}
\n ![](\"https://i.gifer.com/t9n.gif\")
\n