att
This commit is contained in:
Andrey Cunha
@@ -7,6 +7,7 @@
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" type="text/css" href="/style-guide/css/fluig-style-guide.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="compras_design_system.css">
|
||||
<link rel="stylesheet" type="text/css" href="comprasV2.css">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
|
||||
@@ -16,6 +17,7 @@
|
||||
<script src="/resources/js/mustache/mustache-min.js"></script>
|
||||
<script src="/style-guide/js/fluig-style-guide.min.js"></script>
|
||||
<script type="text/javascript" src="/webdesk/vcXMLRPC.js"></script>
|
||||
<script type="text/javascript" src="compras_config.js"></script>
|
||||
<script type="text/javascript" src="compras_digital.js"></script>
|
||||
<script type="text/javascript" src="anexos.js"></script>
|
||||
|
||||
@@ -159,10 +161,61 @@
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* Exibe apenas texto (sem fundo) nos status resumidos */
|
||||
/* Oculta todas as seções de atividade por padrão.
|
||||
O script.js revela apenas a(s) correta(s) via .show().
|
||||
Isso evita que todas apareçam antes do $(document).ready executar. */
|
||||
/* Atividades futuras são ocultadas via JS — não via CSS global */
|
||||
|
||||
/* Tabela de itens dentro do card */
|
||||
.card-compras .table-compras { margin-bottom: 0; }
|
||||
.card-compras { overflow-x: auto; }
|
||||
|
||||
/* ── Accordion de histórico de atividades ─────────────────── */
|
||||
.activity-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 14px;
|
||||
margin-bottom: 4px;
|
||||
background: #f0f7fb;
|
||||
border: 1px solid #cde0ea;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
transition: background .15s;
|
||||
user-select: none;
|
||||
}
|
||||
.activity-header:hover { background: #deeef7; }
|
||||
.activity-header-check {
|
||||
width: 20px; height: 20px;
|
||||
border-radius: 50%;
|
||||
background: #0e9f6e;
|
||||
color: #fff;
|
||||
font-size: 11px; font-weight: 700;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.activity-header-titulo {
|
||||
font-size: 13px; font-weight: 700;
|
||||
color: #04506b;
|
||||
}
|
||||
.activity-header-resumo {
|
||||
font-size: 12px; color: #6b7280;
|
||||
flex: 1; overflow: hidden;
|
||||
white-space: nowrap; text-overflow: ellipsis;
|
||||
}
|
||||
.activity-header-caret {
|
||||
font-size: 10px; color: #9ca3af;
|
||||
transition: transform .2s;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.activity.is-collapsed .activity-header-caret { transform: rotate(-90deg); }
|
||||
.activity.is-collapsed .activity-body { display: none; }
|
||||
.activity.accordion-pronto { margin-bottom: 6px; }
|
||||
/* ──────────────────────────────────────────────────────────── */
|
||||
|
||||
/* Exibe apenas texto (sem fundo) nos cards de resumo do topo — intencional */
|
||||
#statusSCProtheus_label,
|
||||
#statusSC_label,
|
||||
#cotacaoResultado_label {
|
||||
#statusSC_label {
|
||||
background: transparent !important;
|
||||
border-radius: 0 !important;
|
||||
min-height: 0 !important;
|
||||
@@ -199,6 +252,9 @@
|
||||
gap: 12px;
|
||||
align-items: start;
|
||||
}
|
||||
.sc-timeline-layout > div:last-child {
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.sc-timeline-panel {
|
||||
padding: 12px;
|
||||
@@ -723,10 +779,11 @@
|
||||
</div>
|
||||
|
||||
<!-- Painel Itens -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><strong>Itens</strong></div>
|
||||
<div class="panel-body">
|
||||
<table id="tbItens" tablename="tbItens" class="table table-bordered" noaddbutton="true" nodeletebutton="true">
|
||||
<div class="card-compras">
|
||||
<div class="card-compras-header">
|
||||
<span class="card-compras-title"><i class="fluigicon fluigicon-shopping-cart" aria-hidden="true"></i> Itens da Solicitação</span>
|
||||
</div>
|
||||
<table id="tbItens" tablename="tbItens" class="table-compras" noaddbutton="true" nodeletebutton="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
@@ -760,7 +817,6 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Linha 5 - Anexo + Observações -->
|
||||
<div class="row">
|
||||
@@ -835,10 +891,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /activity-4 -->
|
||||
</div><!-- /activity-121 -->
|
||||
|
||||
<!-- DADOS DO DOCUMENTO -->
|
||||
<div class="activity activity-114">
|
||||
<div class="activity activity-18 activity-121 activity-24">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2><i class="flaticon flaticon-totvs-forms icon-md" aria-hidden="true"></i>Dados da Solicitação</h2>
|
||||
@@ -866,11 +922,11 @@
|
||||
<div class="sc-secondary-grid">
|
||||
<div class="sc-info sc-info--secondary">
|
||||
<div class="sc-label">Status Cadastro</div>
|
||||
<span class="sc-value badge bg-secondary" id="statusSCProtheus_label">-</span>
|
||||
<span class="sc-value badge-status badge-waiting" id="statusSCProtheus_label">-</span>
|
||||
</div>
|
||||
<div class="sc-info sc-info--secondary">
|
||||
<div class="sc-label">Andamento</div>
|
||||
<span class="sc-value badge bg-secondary" id="statusSC_label">-</span>
|
||||
<span class="sc-value badge-status badge-waiting" id="statusSC_label">-</span>
|
||||
</div>
|
||||
<div class="sc-info sc-info--secondary">
|
||||
<div class="sc-label">Emissão</div>
|
||||
@@ -885,39 +941,41 @@
|
||||
<ul class="sc-timeline" id="scTimeline"></ul>
|
||||
</div>
|
||||
|
||||
<div class="sc-pedido-track">
|
||||
<div class="sc-cotacao-head">
|
||||
<h4 class="sc-timeline-title" style="margin:0;">Aprovação do pedido</h4>
|
||||
<span class="sc-value badge bg-secondary" id="pedidoRastreio_label">Sem pedido</span>
|
||||
<div style="display:flex; flex-direction:column; gap:12px; min-width:0;">
|
||||
<div class="sc-cotacao-track" style="margin-top:0;">
|
||||
<div class="sc-cotacao-head">
|
||||
<h4 class="sc-timeline-title" style="margin:0;">Acompanhamento da cotação</h4>
|
||||
<span class="badge-status badge-waiting" id="cotacaoResultado_label">Sem cotação</span>
|
||||
</div>
|
||||
<div class="sc-cotacao-kpis" id="cotacaoResultadoResumo">
|
||||
<div class="sc-cotacao-kpi">
|
||||
<span class="sc-cotacao-kpi-label">Cotações</span>
|
||||
<span class="sc-cotacao-kpi-value">0</span>
|
||||
</div>
|
||||
<div class="sc-cotacao-kpi">
|
||||
<span class="sc-cotacao-kpi-label">Com pedido</span>
|
||||
<span class="sc-cotacao-kpi-value">0</span>
|
||||
</div>
|
||||
<div class="sc-cotacao-kpi">
|
||||
<span class="sc-cotacao-kpi-label">Menor total</span>
|
||||
<span class="sc-cotacao-kpi-value">-</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sc-cotacao-grid" id="cotacaoResultadoLista">
|
||||
<div class="sc-cotacao-empty">Aguardando vínculo da cotação na SC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sc-pedido-resumo" id="pedidoRastreioResumo">Sem pedido vinculado.</div>
|
||||
<div class="sc-pedido-assinaturas" id="pedidoRastreioAssinaturas">
|
||||
<div class="sc-cotacao-empty">Sem assinaturas para exibir.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sc-cotacao-track">
|
||||
<div class="sc-cotacao-head">
|
||||
<h4 class="sc-timeline-title" style="margin:0;">Acompanhamento da cotação</h4>
|
||||
<span class="sc-value badge bg-secondary" id="cotacaoResultado_label">Sem cotação</span>
|
||||
</div>
|
||||
<div class="sc-cotacao-kpis" id="cotacaoResultadoResumo">
|
||||
<div class="sc-cotacao-kpi">
|
||||
<span class="sc-cotacao-kpi-label">Cotações</span>
|
||||
<span class="sc-cotacao-kpi-value">0</span>
|
||||
<div class="sc-pedido-track" style="margin-top:0;">
|
||||
<div class="sc-cotacao-head">
|
||||
<h4 class="sc-timeline-title" style="margin:0;">Aprovação do pedido</h4>
|
||||
<span class="badge-status badge-waiting" id="pedidoRastreio_label">Sem pedido</span>
|
||||
</div>
|
||||
<div class="sc-pedido-resumo" id="pedidoRastreioResumo">Sem pedido vinculado.</div>
|
||||
<div class="sc-pedido-assinaturas" id="pedidoRastreioAssinaturas">
|
||||
<div class="sc-cotacao-empty">Sem assinaturas para exibir.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sc-cotacao-kpi">
|
||||
<span class="sc-cotacao-kpi-label">Com pedido</span>
|
||||
<span class="sc-cotacao-kpi-value">0</span>
|
||||
</div>
|
||||
<div class="sc-cotacao-kpi">
|
||||
<span class="sc-cotacao-kpi-label">Menor total</span>
|
||||
<span class="sc-cotacao-kpi-value">-</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sc-cotacao-grid" id="cotacaoResultadoLista">
|
||||
<div class="sc-cotacao-empty">Aguardando vínculo da cotação na SC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user