-
-
-
Top Inconformidades
-
-
-
-
+
diff --git a/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/css/dashconforme.css b/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/css/dashconforme.css
index f90ef0e..0eeb097 100644
--- a/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/css/dashconforme.css
+++ b/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/css/dashconforme.css
@@ -1,3 +1,25 @@
-div[id^="dashConforme_"] canvas {
- max-height: 420px;
+div[id^="dashConforme_"] .dconf-card {
+ background: #ececed;
+ border-radius: 24px;
+ padding: 10px 14px;
+ min-height: 230px;
+}
+
+div[id^="dashConforme_"] .dconf-title {
+ color: #004a6a;
+ font-size: 18px;
+ font-weight: 800;
+ text-align: center;
+ margin-bottom: 4px;
+}
+
+div[id^="dashConforme_"] canvas {
+ min-height: 165px;
+ max-height: 180px;
+}
+
+@media (max-width: 1300px) {
+ div[id^="dashConforme_"] .dconf-title {
+ font-size: 24px;
+ }
}
diff --git a/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/js/dashconforme.js b/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/js/dashconforme.js
index 009c5fa..8f692c6 100644
--- a/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/js/dashconforme.js
+++ b/Auditoria_checklist/wcm/widget/dashconforme/src/main/webapp/resources/js/dashconforme.js
@@ -1,149 +1,129 @@
var DashConforme = SuperWidget.extend({
- chart:null,
+ chart: null,
- init:function(){
-
- var self=this;
- this.renderAmostra();
-
- window.addEventListener("dashboardData",function(e){
+ init: function () {
+ var self = this;
+ this.render([]);
+ window.addEventListener("dashboardData", function (e) {
self.render(e.detail || []);
-
});
-
},
- render:function(dados){
-
+ render: function (dados) {
var mapa = {};
- dados.forEach(function(item){
- var lista = String(item.listaNaoConforme || "").trim();
- if(!lista){
- return;
+ dados.forEach(function (item) {
+ var loja = String(item.loja || "Sem loja").trim();
+ if (!mapa[loja]) {
+ mapa[loja] = { total: 0, conforme: 0 };
+ }
+ mapa[loja].total += 1;
+ if (normalizaStatus(item) === "CONFORME") {
+ mapa[loja].conforme += 1;
}
-
- lista.split("|").forEach(function(indicador){
- var chave = String(indicador || "").trim();
- if(!chave){
- return;
- }
- if(!mapa[chave]){
- mapa[chave] = 0;
- }
- mapa[chave] += 1;
- });
});
- var pares = Object.keys(mapa).map(function(k){
- return {nome:k,valor:mapa[k]};
+ var pares = Object.keys(mapa).map(function (nome) {
+ var total = mapa[nome].total;
+ var pct = total ? (mapa[nome].conforme / total) * 100 : 0;
+ return { nome: nome, pct: Number(pct.toFixed(2)) };
});
- pares.sort(function(a,b){
- return b.valor - a.valor;
+ pares.sort(function (a, b) {
+ return b.pct - a.pct;
});
- pares = pares.slice(0,10);
-
- var labels = pares.map(function(p){ return p.nome; });
- var valores = pares.map(function(p){ return p.valor; });
-
- if(!labels.length){
- labels = ["Aguardando filtro"];
- valores = [0];
+ if (!pares.length) {
+ pares = [{ nome: "Aguardando filtro", pct: 0 }];
}
- var ctx = document.getElementById("graficoConforme_"+this.instanceId);
- if(!ctx){
- return;
- }
+ var labels = pares.map(function (p) { return p.nome; });
+ var valores = pares.map(function (p) { return p.pct; });
- if(this.chart){
- this.chart.destroy();
- }
+ var ctx = document.getElementById("graficoConforme_" + this.instanceId);
+ if (!ctx) return;
- this.chart = new Chart(ctx,{
- type:"bar",
- data:{
- labels:labels,
- datasets:[{
- label:"Ocorrências",
- data:valores,
- backgroundColor:"#f39c12"
+ if (this.chart) this.chart.destroy();
+
+ var valueLabelsPlugin = {
+ id: "valueLabelsPlugin",
+ afterDatasetsDraw: function (chart) {
+ var c = chart.ctx;
+ c.save();
+ c.font = "700 10px Arial";
+ c.textAlign = "center";
+
+ chart.data.datasets.forEach(function (dataset, datasetIndex) {
+ var meta = chart.getDatasetMeta(datasetIndex);
+ meta.data.forEach(function (bar, index) {
+ var value = dataset.data[index];
+ if (value == null || Number(value) === 0) return;
+
+ var y = bar.y - 4;
+ var baseline = "bottom";
+ if (y < chart.chartArea.top + 12) {
+ y = bar.y + 10;
+ baseline = "top";
+ }
+
+ c.textBaseline = baseline;
+ c.fillStyle = baseline === "top" ? "#ffffff" : "#111111";
+ c.fillText(String(value).replace(".", ",") + "%", bar.x, y);
+ });
+ });
+
+ c.restore();
+ }
+ };
+
+ this.chart = new Chart(ctx, {
+ type: "bar",
+ plugins: [valueLabelsPlugin],
+ data: {
+ labels: labels,
+ datasets: [{
+ data: valores,
+ backgroundColor: "#0a5d82"
}]
},
- options:{
- responsive:true,
- maintainAspectRatio:false,
- indexAxis:"x",
- plugins:{
- legend:{display:false},
- tooltip:{
- callbacks:{
- title:function(items){
- if(labels.length === 1 && labels[0] === "Aguardando filtro"){
- return "Aguardando filtro";
- }
- return items && items.length ? labels[items[0].dataIndex] : "";
- }
- }
+ options: {
+ responsive: true,
+ layout: {
+ padding: {
+ top: 14
}
},
- scales:{
- x:{
- ticks:{
- autoSkip:false,
- maxRotation:35,
- minRotation:0,
- callback:function(value,index){
+ plugins: { legend: { display: false } },
+ scales: {
+ x: {
+ ticks: {
+ autoSkip: false,
+ maxRotation: 28,
+ minRotation: 10,
+ callback: function (value, index) {
var txt = labels[index] || "";
- return txt.length > 38 ? txt.substring(0,38) + "..." : txt;
+ return txt.length > 22 ? txt.substring(0, 22) + "..." : txt;
}
}
},
- y:{
- beginAtZero:true,
- precision:0
+ y: {
+ beginAtZero: true,
+ max: 100,
+ ticks: {
+ callback: function (value) {
+ return value + "%";
+ }
+ }
}
}
}
});
-
- },
-
- renderAmostra:function(){
- var ctx = document.getElementById("graficoConforme_"+this.instanceId);
- if(!ctx){
- return;
- }
-
- if(this.chart){
- this.chart.destroy();
- }
-
- this.chart = new Chart(ctx,{
- type:"bar",
- data:{
- labels:["Aguardando filtro"],
- datasets:[{
- label:"Ocorrências",
- data:[0],
- backgroundColor:"#cfd8dc"
- }]
- },
- options:{
- responsive:true,
- maintainAspectRatio:false,
- plugins:{legend:{display:false}},
- scales:{
- x:{ticks:{autoSkip:false,maxRotation:0,minRotation:0}},
- y:{beginAtZero:true,precision:0}
- }
- }
- });
-
}
});
+
+function normalizaStatus(item) {
+ return String(item.saidaAnalise || item.status || "").trim().toUpperCase();
+}
diff --git a/Auditoria_checklist/wcm/widget/dashdata/src/main/webapp/resources/js/dashdata.js b/Auditoria_checklist/wcm/widget/dashdata/src/main/webapp/resources/js/dashdata.js
index d91b443..ed9c657 100644
--- a/Auditoria_checklist/wcm/widget/dashdata/src/main/webapp/resources/js/dashdata.js
+++ b/Auditoria_checklist/wcm/widget/dashdata/src/main/webapp/resources/js/dashdata.js
@@ -1,123 +1,95 @@
var DashData = SuperWidget.extend({
- init:function(){
-
- console.log("DashData carregado");
-
- var self=this;
-
- window.addEventListener("dashboardFiltro",function(e){
-
- console.log("DashData recebeu filtros:",e.detail);
-
- self.carregar(e.detail);
+ init: function () {
+ var self = this;
+ window.addEventListener("dashboardFiltro", function (e) {
+ self.carregar(e.detail || {});
});
+ this.carregar({});
},
- carregar:function(filtros){
-
- console.log("Consultando dataset...", filtros);
-
- var self=this;
-
+ carregar: function (filtros) {
$.ajax({
-
- url:"/api/public/ecm/dataset/search",
- type:"POST",
- contentType:"application/json",
-
- data:JSON.stringify({
- datasetId:"ds_dashboard_checklist"
+ url: "/api/public/ecm/dataset/search",
+ type: "POST",
+ contentType: "application/json",
+ data: JSON.stringify({
+ datasetId: "ds_dashboard_checklist"
}),
-
- success:function(res){
-
- console.log("Resposta dataset:",res);
-
- var dados=res.content || [];
-
- console.log("Quantidade registros:", dados.length);
-
- // FILTRO POR LOJA
- if(filtros.loja){
-
- dados = dados.filter(function(item){
-
- return normalizaTexto(item.loja) === normalizaTexto(filtros.loja);
-
- });
-
- }
-
- // FILTRO POR DATA
- if(filtros.dataInicio || filtros.dataFim){
-
- dados = dados.filter(function(item){
-
- var dataInicioAuditoria = normalizaData(item.dataAuditoria);
- var dataLimite = normalizaData(item.dataLimite);
- var inicioFiltro = normalizaData(filtros.dataInicio);
- var fimFiltro = normalizaData(filtros.dataFim);
-
- // Mantem quando data de auditoria OU data limite estiver na faixa filtrada
- return dataNaFaixa(dataInicioAuditoria, inicioFiltro, fimFiltro) ||
- dataNaFaixa(dataLimite, inicioFiltro, fimFiltro);
-
- });
-
- }
-
- // Mantem somente auditorias com status final (evita divergencia entre total e KPIs)
- var antesStatus = dados.length;
- dados = dados.filter(function(item){
+ success: function (res) {
+ var dados = (res.content || []).filter(function (item) {
var st = normalizaTexto(item.saidaAnalise || item.status || "");
return st === "CONFORME" || st === "NAO_CONFORME";
});
- console.log("Registros com status final:", dados.length, "de", antesStatus);
- // Ordena por data de auditoria mais recente
- dados.sort(function(a,b){
+ dados = dados.filter(function (item) {
+ if (!matchMulti(item.ciclo, filtros.ciclo)) {
+ return false;
+ }
+ if (!matchMulti(item.regional, filtros.regional)) {
+ return false;
+ }
+ var sup = item.responsavelLoja;
+ if (!matchMulti(sup, filtros.supervisao)) {
+ return false;
+ }
+
+ if (filtros.dataInicio || filtros.dataFim) {
+ var dataAuditoria = normalizaData(item.dataAuditoria);
+ var dataLimite = normalizaData(item.dataLimite);
+ var inicio = normalizaData(filtros.dataInicio);
+ var fim = normalizaData(filtros.dataFim);
+ return dataNaFaixa(dataAuditoria, inicio, fim) || dataNaFaixa(dataLimite, inicio, fim);
+ }
+
+ return true;
+ });
+
+ dados.sort(function (a, b) {
var da = normalizaData(a.dataAuditoria);
var db = normalizaData(b.dataAuditoria);
- if(da < db) return 1;
- if(da > db) return -1;
+ if (da < db) return 1;
+ if (da > db) return -1;
return 0;
});
- console.log("Registros filtrados:", dados);
-
- window.dispatchEvent(
- new CustomEvent("dashboardData",{detail:dados})
- );
-
+ window.dispatchEvent(new CustomEvent("dashboardData", { detail: dados }));
+ },
+ error: function () {
+ window.dispatchEvent(new CustomEvent("dashboardData", { detail: [] }));
}
-
});
-
}
});
-function normalizaTexto(valor){
+function normalizaTexto(valor) {
return String(valor || "").trim().toUpperCase();
}
-function normalizaData(valor){
- var v = String(valor || "").trim();
- return v;
+function normalizaData(valor) {
+ return String(valor || "").trim();
}
-function dataNaFaixa(data, inicio, fim){
- if(!data){
- return false;
- }
- if(inicio && data < inicio){
- return false;
- }
- if(fim && data > fim){
- return false;
- }
+function dataNaFaixa(data, inicio, fim) {
+ if (!data) return false;
+ if (inicio && data < inicio) return false;
+ if (fim && data > fim) return false;
return true;
}
+
+function matchMulti(valorAtual, selecionados) {
+ if (!selecionados || !selecionados.length) {
+ return true;
+ }
+
+ var atual = normalizaTexto(valorAtual);
+ for (var i = 0; i < selecionados.length; i++) {
+ if (atual === normalizaTexto(selecionados[i])) {
+ return true;
+ }
+ }
+ return false;
+}
diff --git a/Auditoria_checklist/wcm/widget/dashgrafico/src/main/resources/view.ftl b/Auditoria_checklist/wcm/widget/dashgrafico/src/main/resources/view.ftl
index ba1313f..36e23f9 100644
--- a/Auditoria_checklist/wcm/widget/dashgrafico/src/main/resources/view.ftl
+++ b/Auditoria_checklist/wcm/widget/dashgrafico/src/main/resources/view.ftl
@@ -1,9 +1,9 @@
diff --git a/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/css/dashgrafico.css b/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/css/dashgrafico.css
index a23359a..86f6e5c 100644
--- a/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/css/dashgrafico.css
+++ b/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/css/dashgrafico.css
@@ -1 +1,25 @@
-/* Coloque aqui seu codigo CSS */
+div[id^="dashGrafico_"] .dgf-card {
+ background: #ececed;
+ border-radius: 24px;
+ padding: 10px 14px;
+ min-height: 230px;
+}
+
+div[id^="dashGrafico_"] .dgf-title {
+ color: #004a6a;
+ font-size: 18px;
+ font-weight: 800;
+ text-align: center;
+ margin-bottom: 4px;
+}
+
+div[id^="dashGrafico_"] canvas {
+ min-height: 165px;
+ max-height: 180px;
+}
+
+@media (max-width: 1300px) {
+ div[id^="dashGrafico_"] .dgf-title {
+ font-size: 24px;
+ }
+}
diff --git a/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/js/dashgrafico.js b/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/js/dashgrafico.js
index 75d6797..e4431e3 100644
--- a/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/js/dashgrafico.js
+++ b/Auditoria_checklist/wcm/widget/dashgrafico/src/main/webapp/resources/js/dashgrafico.js
@@ -1,91 +1,149 @@
var DashGrafico = SuperWidget.extend({
-chart:null,
+ chart: null,
-init:function(){
+ init: function () {
+ var self = this;
+ this.render([]);
-var self=this;
-this.renderAmostra();
+ window.addEventListener("dashboardData", function (e) {
+ self.render(e.detail || []);
+ });
+ },
-window.addEventListener("dashboardData",function(e){
+ render: function (dados) {
+ var mapa = {};
-self.render(e.detail);
+ dados.forEach(function (item) {
+ var regiao = String(item.regional || "Sem regiao").trim();
+ if (!mapa[regiao]) {
+ mapa[regiao] = { total: 0, conforme: 0, naoConforme: 0 };
+ }
+ mapa[regiao].total += 1;
+ if (normalizaStatus(item) === "CONFORME") {
+ mapa[regiao].conforme += 1;
+ } else {
+ mapa[regiao].naoConforme += 1;
+ }
+ });
+
+ var labels = Object.keys(mapa).sort(function (a, b) { return a.localeCompare(b); });
+ if (!labels.length) {
+ labels = ["Aguardando filtro"];
+ this.plot(labels, [0], [0]);
+ return;
+ }
+
+ var atingimento = labels.map(function (l) {
+ var r = mapa[l];
+ return r.total ? Number(((r.conforme / r.total) * 100).toFixed(2)) : 0;
+ });
+
+ var ncMedio = labels.map(function (l) {
+ var r = mapa[l];
+ return r.total ? Number(((r.naoConforme / r.total) * 100).toFixed(2)) : 0;
+ });
+
+ this.plot(labels, atingimento, ncMedio);
+ },
+
+ plot: function (labels, atingimento, ncMedio) {
+ var canvas = document.getElementById("grafico_" + this.instanceId);
+ if (!canvas) return;
+
+ if (this.chart) {
+ this.chart.destroy();
+ }
+
+ var valueLabelsPlugin = {
+ id: "valueLabelsPlugin",
+ afterDatasetsDraw: function (chart) {
+ var c = chart.ctx;
+ c.save();
+ c.font = "700 10px Arial";
+ c.textAlign = "center";
+
+ chart.data.datasets.forEach(function (dataset, datasetIndex) {
+ var meta = chart.getDatasetMeta(datasetIndex);
+ meta.data.forEach(function (bar, index) {
+ var value = dataset.data[index];
+ if (value == null || Number(value) === 0) return;
+
+ var y = bar.y - 4;
+ var baseline = "bottom";
+ if (y < chart.chartArea.top + 12) {
+ y = bar.y + 10;
+ baseline = "top";
+ }
+
+ c.textBaseline = baseline;
+ c.fillStyle = baseline === "top" ? "#ffffff" : "#111111";
+ c.fillText(String(value).replace(".", ",") + "%", bar.x, y);
+ });
+ });
+
+ c.restore();
+ }
+ };
+
+ this.chart = new Chart(canvas, {
+ type: "bar",
+ plugins: [valueLabelsPlugin],
+ data: {
+ labels: labels,
+ datasets: [
+ {
+ label: "Atingimento (%)",
+ data: atingimento,
+ backgroundColor: "#0a5d82"
+ },
+ {
+ label: "Nao conforme (%)",
+ data: ncMedio,
+ backgroundColor: "#88a5b8"
+ }
+ ]
+ },
+ options: {
+ responsive: true,
+ layout: {
+ padding: {
+ top: 14
+ }
+ },
+ plugins: {
+ legend: {
+ position: "top"
+ }
+ },
+ scales: {
+ x: {
+ ticks: {
+ autoSkip: false,
+ maxRotation: 20,
+ minRotation: 0,
+ callback: function (value, index) {
+ var txt = labels[index] || "";
+ return txt.length > 18 ? txt.substring(0, 18) + "..." : txt;
+ }
+ }
+ },
+ y: {
+ beginAtZero: true,
+ max: 100,
+ ticks: {
+ callback: function (value) {
+ return value + "%";
+ }
+ }
+ }
+ }
+ }
+ });
+ }
});
-},
-
-render:function(dados){
-
-var conforme=dados.filter(function(i){
-return normalizaStatus(i)=="CONFORME";
-}).length;
-
-var nao=dados.filter(function(i){
-return normalizaStatus(i)=="NAO_CONFORME";
-}).length;
-
-var ctx=document.getElementById("grafico_"+this.instanceId);
-
-if(this.chart){
-this.chart.destroy();
+function normalizaStatus(item) {
+ return String(item.saidaAnalise || item.status || "").trim().toUpperCase();
}
-
-this.chart=new Chart(ctx,{
-
-type:'doughnut',
-
-data:{
-labels:["Conforme ("+conforme+")","Não Conforme ("+nao+")"],
-datasets:[{
-data:[conforme,nao],
-backgroundColor:["#2ecc71","#e74c3c"]
-}]
-},
-options:{
-responsive:true,
-maintainAspectRatio:false,
-cutout:"48%"
-}
-
-});
-
-function normalizaStatus(item){
-var raw = item.saidaAnalise || item.status || "";
-return String(raw).trim().toUpperCase();
-}
-
-},
-
-renderAmostra:function(){
-var ctx=document.getElementById("grafico_"+this.instanceId);
-if(!ctx){
-return;
-}
-
-if(this.chart){
-this.chart.destroy();
-}
-
-this.chart=new Chart(ctx,{
-type:'doughnut',
-data:{
-labels:["Conforme (0)","Não Conforme (0)"],
-datasets:[{
-data:[1,0],
-backgroundColor:["#cfd8dc","#eceff1"]
-}]
-},
-options:{
-responsive:true,
-maintainAspectRatio:false,
-cutout:"48%",
-plugins:{
-tooltip:{enabled:false}
-}
-}
-});
-
-}
-
-});
diff --git a/Auditoria_checklist/wcm/widget/dashkpi/src/main/resources/view.ftl b/Auditoria_checklist/wcm/widget/dashkpi/src/main/resources/view.ftl
index 489808a..e7b173c 100644
--- a/Auditoria_checklist/wcm/widget/dashkpi/src/main/resources/view.ftl
+++ b/Auditoria_checklist/wcm/widget/dashkpi/src/main/resources/view.ftl
@@ -1,44 +1,21 @@