707 lines
31 KiB
HTML
707 lines
31 KiB
HTML
<html>
|
|
<head>
|
|
<link type="text/css" rel="stylesheet" href="/style-guide/css/fluig-style-guide.min.css" />
|
|
<script type="text/javascript" src="/portal/resources/js/jquery/jquery.js"></script>
|
|
<script type="text/javascript" src="/portal/resources/js/jquery/jquery-ui.min.js"></script>
|
|
<script type="text/javascript" src="/portal/resources/js/mustache/mustache-min.js"></script>
|
|
<script type="text/javascript" src="/style-guide/js/fluig-style-guide.min.js" charset="utf-8"></script>
|
|
<script type="text/javascript" src="/webdesk/vcXMLRPC.js"></script>
|
|
|
|
<style>
|
|
.transfer-shell {
|
|
max-width: 1180px;
|
|
margin: 0 auto;
|
|
padding: 20px 14px 28px;
|
|
background: #f3f6f9;
|
|
border-radius: 12px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.transfer-status {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.status-pill {
|
|
background: #eef2f6;
|
|
color: #5f7080;
|
|
border: 1px solid #d3dde7;
|
|
padding: 6px 12px;
|
|
border-radius: 999px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
transition: all .2s ease;
|
|
}
|
|
|
|
.status-pill.is-done {
|
|
background: #e8f7ed;
|
|
color: #1f6e3e;
|
|
border-color: #b8e3c4;
|
|
}
|
|
|
|
.status-pill.is-active {
|
|
background: #e8f2ff;
|
|
color: #0e56a2;
|
|
border-color: #8fb8e8;
|
|
box-shadow: 0 0 0 2px rgba(31, 110, 169, 0.12);
|
|
}
|
|
|
|
.status-pill.status-pill--problem.is-active {
|
|
background: #ffecec;
|
|
color: #a12f2f;
|
|
border-color: #efb1b1;
|
|
box-shadow: 0 0 0 2px rgba(199, 58, 58, 0.12);
|
|
}
|
|
|
|
.status-pill.status-pill--problem.is-done {
|
|
background: #fff4e6;
|
|
color: #8a5c12;
|
|
border-color: #f2d3a2;
|
|
}
|
|
|
|
.transfer-main-title {
|
|
margin: 0 0 16px;
|
|
color: #0f3c5c;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.transfer-card {
|
|
background: #fff;
|
|
border: 1px solid #dde6ee;
|
|
border-radius: 12px;
|
|
padding: 18px;
|
|
margin-bottom: 14px;
|
|
box-shadow: 0 4px 14px rgba(15, 60, 92, 0.06);
|
|
}
|
|
|
|
.card-title {
|
|
margin: 0 0 14px;
|
|
color: #0f3c5c;
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
|
|
.transfer-label {
|
|
display: block;
|
|
margin-bottom: 6px;
|
|
color: #45657e;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.03em;
|
|
}
|
|
|
|
.transfer-input {
|
|
border-radius: 8px;
|
|
border: 1px solid #cfdbe7;
|
|
min-height: 38px;
|
|
background: #fbfdff;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.table-modern th {
|
|
background: #eff5fb;
|
|
color: #36556f;
|
|
font-weight: 700;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.btn-add-row {
|
|
margin-top: 8px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.attachment-line {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.attachment-line .descAnexo {
|
|
max-width: 240px;
|
|
}
|
|
|
|
.attachment-line .inputAnexo {
|
|
flex: 1;
|
|
}
|
|
|
|
.transfer-shell .table td,
|
|
.transfer-shell .table th,
|
|
.transfer-shell .btn {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Force override over Fluig style guide defaults */
|
|
.transfer-shell,
|
|
.transfer-shell * {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.transfer-shell .transfer-main-title {
|
|
font-size: 18px !important;
|
|
line-height: 1.2 !important;
|
|
}
|
|
|
|
.transfer-shell .card-title {
|
|
font-size: 11px !important;
|
|
line-height: 1.2 !important;
|
|
letter-spacing: 0.02em !important;
|
|
}
|
|
|
|
.transfer-shell .transfer-label {
|
|
font-size: 10px !important;
|
|
letter-spacing: 0.02em !important;
|
|
}
|
|
|
|
.transfer-shell .status-pill {
|
|
font-size: 10px !important;
|
|
padding: 4px 10px !important;
|
|
}
|
|
|
|
.transfer-shell input.form-control,
|
|
.transfer-shell textarea.form-control,
|
|
.transfer-shell .btn {
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
.transfer-shell .table th,
|
|
.transfer-shell .table td {
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
.excel-import-wrap {
|
|
margin-bottom: 12px;
|
|
padding: 10px;
|
|
border: 1px dashed #cfdbe7;
|
|
border-radius: 8px;
|
|
background: #f8fbff;
|
|
}
|
|
|
|
.excel-import-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
flex-wrap: wrap;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.excel-loading-overlay {
|
|
position: fixed;
|
|
inset: 0;
|
|
background: rgba(255, 255, 255, 0.65);
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.excel-loading-box {
|
|
min-width: 240px;
|
|
padding: 14px 16px;
|
|
border-radius: 10px;
|
|
background: #ffffff;
|
|
border: 1px solid #cfdbe7;
|
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
color: #27445e;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.excel-spinner {
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid #c5d9ea;
|
|
border-top-color: #1f6ea9;
|
|
border-radius: 50%;
|
|
animation: excelSpin 0.75s linear infinite;
|
|
flex: 0 0 18px;
|
|
}
|
|
|
|
@keyframes excelSpin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="excelLoadingOverlay" class="excel-loading-overlay">
|
|
<div class="excel-loading-box">
|
|
<span class="excel-spinner"></span>
|
|
<span>Importando planilha...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fluig-style-guide">
|
|
<form name="form" role="form">
|
|
<div class="container-fluid transfer-shell">
|
|
<div class="transfer-status" id="transferStatus">
|
|
<span class="status-pill" data-order="1" data-activities="0,1">Solicitação</span>
|
|
<span class="status-pill" data-order="2" data-activities="4">Aprovação</span>
|
|
<span class="status-pill" data-order="3" data-activities="6">Emissão NFe</span>
|
|
<span class="status-pill" data-order="4" data-activities="31">Coleta</span>
|
|
<span class="status-pill" data-order="5" data-activities="57">Entrega</span>
|
|
<span class="status-pill" data-order="6" data-activities="18">Recebimento</span>
|
|
<span class="status-pill status-pill--problem" data-order="7" data-activities="24">Verificar Problema</span>
|
|
<span class="status-pill" data-order="8" data-activities="101">Finalizada</span>
|
|
</div>
|
|
|
|
<h1 class="transfer-main-title">Formulário de Transferência de Mercadorias</h1>
|
|
|
|
<section class="transfer-card activity activity-0 activity-1 activity-4 activity-6 activity-18 activity-24 activity-31 activity-57">
|
|
<h2 class="card-title">Dados da Transferência</h2>
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-6">
|
|
<label class="transfer-label" for="requesterName">Usuário de abertura</label>
|
|
<input type="text" class="form-control transfer-input" name="requesterName" id="requesterName" readonly />
|
|
</div>
|
|
<div class="col-md-2 col-sm-6">
|
|
<label class="transfer-label" for="dataAbertura">Data</label>
|
|
<input type="text" class="form-control transfer-input" name="dataAbertura" id="dataAbertura" readonly />
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="emailSolicitante">Email solicitante</label>
|
|
<input type="text" class="form-control transfer-input" name="emailSolicitante" id="emailSolicitante" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="estabelecimento">Filial origem</label>
|
|
<input type="zoom" class="form-control transfer-input" name="estabelecimento" id="estabelecimento" data-zoom="{
|
|
'displayKey':'LOJA',
|
|
'datasetId':'ds_LojasTransf',
|
|
'maximumSelectionLength':'1',
|
|
'placeholder':'Selecione a filial de origem',
|
|
'fields':[
|
|
{'field':'PDV','label':'Loja'},
|
|
{'field':'RESPONSAVEL_LOJA','label':'Gestor'},
|
|
{'field':'UF','label':'UF'},
|
|
{'field':'LOGIN_LOJA','label':'Login','visible':'false'},
|
|
{'field':'COLLEAGUE_ID','label':'Colleague','visible':'false'}
|
|
]
|
|
}" />
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="centroCusto">Filial destino</label>
|
|
<input type="zoom" class="form-control transfer-input" name="centroCusto" id="centroCusto" data-zoom="{
|
|
'displayKey':'LOJA',
|
|
'datasetId':'ds_LojasTransf',
|
|
'maximumSelectionLength':'1',
|
|
'placeholder':'Selecione a filial de destino',
|
|
'fields':[
|
|
{'field':'PDV','label':'Loja'},
|
|
{'field':'RESPONSAVEL_LOJA','label':'Gestor'},
|
|
{'field':'UF','label':'UF'},
|
|
{'field':'LOGIN_LOJA','label':'Login','visible':'false'},
|
|
{'field':'COLLEAGUE_ID','label':'Colleague','visible':'false'}
|
|
]
|
|
}" />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-2 col-sm-4">
|
|
<label class="transfer-label" for="ufOrigem">UF origem</label>
|
|
<input type="text" class="form-control transfer-input" name="ufOrigem" id="ufOrigem" readonly />
|
|
</div>
|
|
<div class="col-md-2 col-sm-4">
|
|
<label class="transfer-label" for="ufDestino">UF destino</label>
|
|
<input type="text" class="form-control transfer-input" name="ufDestino" id="ufDestino" readonly />
|
|
</div>
|
|
<div class="col-md-2 col-sm-4">
|
|
<label class="transfer-label" for="analistasup">Analista solicitante</label>
|
|
<input type="text" class="form-control transfer-input" name="analistasup" id="analistasup" required />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="transfer-card activity activity-0 activity-1 activity-4 activity-6 activity-18 activity-24 activity-31 activity-57">
|
|
<h2 class="card-title">Itens da Transferência</h2>
|
|
<div class="excel-import-wrap">
|
|
<label class="transfer-label">Importar itens via Excel</label>
|
|
<small>Colunas esperadas: codigo e quantidade. Coloque a planilha no botão verde com seta para cima.</small>
|
|
<div class="excel-import-actions">
|
|
<button type="button" id="btnAdicionarExcel" class="btn btn-default">
|
|
<i class="fluigicon fluigicon-file-upload"></i> Importar planilha
|
|
</button>
|
|
<button type="button" id="btnRemoverExcel" class="btn btn-default" style="display:none;">
|
|
<i class="fluigicon fluigicon-trash"></i> Remover arquivo
|
|
</button>
|
|
<span id="nomeArquivoExcel">Nenhum arquivo selecionado</span>
|
|
<div class="componentAnexo" style="min-width:320px;flex:1;">
|
|
<input type="hidden" class="descAnexo" name="descAnexo_PlanilhaItens" id="descAnexo_PlanilhaItens" value="Planilha de Itens Excel" />
|
|
<input type="text" class="form-control transfer-input inputAnexo" name="fnAnexo_PlanilhaItens" id="fnAnexo_PlanilhaItens" placeholder="Nenhuma planilha anexada" readonly />
|
|
</div>
|
|
</div>
|
|
<input type="file" id="excelUpload" name="excelUpload" accept=".xlsx,.xls" style="display:none;" />
|
|
</div>
|
|
<table tablename="tabelaItens" class="table table-striped table-modern" id="tabelaItens" noaddbutton="true" nodeletebutton="true">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:70px;">#</th>
|
|
<th style="width:12%;">Código do item</th>
|
|
<th style="width:12%;">Quantidade</th>
|
|
<th>Descrição</th>
|
|
<th style="width:16%;">Categoria</th>
|
|
<th style="width:70px;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><span class="tabela_itens_id">1</span></td>
|
|
<td>
|
|
<input type="zoom" class="form-control transfer-input" name="descricao" data-zoom="{
|
|
'displayKey':'Code',
|
|
'datasetId':'ds_rgb_products_v2',
|
|
'maximumSelectionLength':'1',
|
|
'fields':[
|
|
{'field':'Code','label':'Codigo'},
|
|
{'field':'Description','label':'Descricao'},
|
|
{'field':'categoria','label':'Categoria'},
|
|
{'field':'descricao','label':'Descricao item'},
|
|
{'field':'id','label':'ID','visible':'false'}
|
|
]
|
|
}" />
|
|
</td>
|
|
<td>
|
|
<input type="number" min="1" class="form-control transfer-input" name="quantidadeItem" />
|
|
<input type="hidden" name="quantidadeAprovadaGestor" />
|
|
</td>
|
|
<td>
|
|
<input type="text" class="form-control transfer-input" name="codigoItem" readonly />
|
|
<input type="hidden" name="productIdItem" />
|
|
<input type="hidden" name="codigoProdutoItem" />
|
|
</td>
|
|
<td>
|
|
<input type="text" class="form-control transfer-input" name="categoriaItem" readonly />
|
|
</td>
|
|
<td>
|
|
<button type="button" class="btn btn-default hideButton" onclick="remove_row(this)">
|
|
<i class="fluigicon fluigicon-trash"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<button type="button" class="btn btn-primary btn-add-row hideButton" onclick="add_new_row('tabelaItens')">
|
|
<i class="fluigicon fluigicon-plus"></i> Adicionar item
|
|
</button>
|
|
</section>
|
|
|
|
<section class="transfer-card activity activity-0 activity-1 activity-4 activity-6 activity-18 activity-24 activity-31 activity-57">
|
|
<h2 class="card-title">Justificativa</h2>
|
|
<textarea class="form-control transfer-input" rows="4" name="justificativa" id="justificativa" placeholder="Descreva o motivo da transferencia"></textarea>
|
|
</section>
|
|
|
|
<section class="transfer-card activity activity-4 activity-6 activity-18 activity-24 activity-31 activity-57 justificativa-activity-4">
|
|
<h2 class="card-title">Aprovação Filial Emitente</h2>
|
|
<div class="row hint-qtd-aprov-gestor" style="margin-bottom:10px;">
|
|
<div class="col-md-12">
|
|
<div class="alert alert-info" style="margin-bottom:0;">
|
|
Se a quantidade de algum item estiver diferente, preencha a coluna <strong>Qtd. aprovada gestor</strong> nesta validação.
|
|
Campo em branco = mesma quantidade solicitada. Valor <strong>0 = sem estoque</strong>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-12">
|
|
<label class="transfer-label">Validação de itens e quantidades de saída</label>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-modern" id="tabelaAprovacaoGestorItens">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:60px;">#</th>
|
|
<th>Item</th>
|
|
<th style="width:140px;">Qtd. solicitada</th>
|
|
<th style="width:170px;">Qtd. aprovada gestor</th>
|
|
<th style="width:120px;">Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tabelaAprovacaoGestorItensBody">
|
|
<tr>
|
|
<td colspan="5">Sem itens para validação.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="userValidacaoGestor">Nome aprovação filial emitente</label>
|
|
<input type="text" class="form-control transfer-input" name="userValidacaoGestor" id="userValidacaoGestor" readonly />
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="dataValidacaoGestor">Data da aprovação</label>
|
|
<input type="text" class="form-control transfer-input" name="dataValidacaoGestor" id="dataValidacaoGestor" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-12">
|
|
<label class="transfer-label" for="justificativaDecisaoGestor">Justificativa da decisão</label>
|
|
<textarea class="form-control transfer-input" rows="3" name="justificativaDecisaoGestor" id="justificativaDecisaoGestor" placeholder="Preencha a justificativa ao reprovar"></textarea>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="transfer-card activity activity-6 activity-18 activity-31 activity-57">
|
|
<h2 class="card-title">Emissão da NFe</h2>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="usuarioEmissorNfe">Usuário emissor da NFe</label>
|
|
<input type="text" class="form-control transfer-input" name="usuarioEmissorNfe" id="usuarioEmissorNfe" readonly />
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="dataEmissaoNfe">Data da emissão</label>
|
|
<input type="text" class="form-control transfer-input" name="dataEmissaoNfe" id="dataEmissaoNfe" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-12 col-sm-12">
|
|
<label class="transfer-label" for="fnAnexo_Nfe">Anexo da Nota Fiscal</label>
|
|
<input type="text" class="form-control transfer-input inputAnexo" name="fnAnexo_Nfe" id="fnAnexo_Nfe" placeholder="Nenhum anexo selecionado" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-9 col-sm-12">
|
|
<label class="transfer-label" for="chaveNfe">Chave de acesso para consulta</label>
|
|
<input type="text" class="form-control transfer-input" name="chaveNfe" id="chaveNfe" maxlength="54" placeholder="Informe a chave de acesso da NFe" oninput="this.value.replace(/[^\d\s]/g, '').replace(/\s{2,}/g, ' ')" />
|
|
<small>Campo rastreável para consulta posterior da nota fiscal.</small>
|
|
</div>
|
|
<div class="col-md-3 col-sm-12">
|
|
<label class="transfer-label"> </label>
|
|
<button type="button" class="btn btn-primary btn-block" id="btnConsultarChaveNfe">Consultar chave</button>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-12">
|
|
<div id="consultaNfeFeedback" class="alert" style="display:none;margin-bottom:0;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-3 col-sm-6">
|
|
<label class="transfer-label" for="numeroNfeConsulta">Número da NFe</label>
|
|
<input type="text" class="form-control transfer-input" name="numeroNfeConsulta" id="numeroNfeConsulta" readonly />
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<label class="transfer-label" for="serieNfeConsulta">Série</label>
|
|
<input type="text" class="form-control transfer-input" name="serieNfeConsulta" id="serieNfeConsulta" readonly />
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<label class="transfer-label" for="dataEmissaoApiNfe">Data da nota</label>
|
|
<input type="text" class="form-control transfer-input" name="dataEmissaoApiNfe" id="dataEmissaoApiNfe" readonly />
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<label class="transfer-label" for="situacaoNfeConsulta">Situação</label>
|
|
<input type="text" class="form-control transfer-input" name="situacaoNfeConsulta" id="situacaoNfeConsulta" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="fornecedorNfeConsulta">Fornecedor/Emitente</label>
|
|
<input type="text" class="form-control transfer-input" name="fornecedorNfeConsulta" id="fornecedorNfeConsulta" readonly />
|
|
</div>
|
|
<div class="col-md-2 col-sm-6">
|
|
<label class="transfer-label" for="valorNfeConsulta">Valor do documento</label>
|
|
<input type="text" class="form-control transfer-input" name="valorNfeConsulta" id="valorNfeConsulta" readonly />
|
|
</div>
|
|
<div class="col-md-2 col-sm-6">
|
|
<label class="transfer-label" for="dataEntradaNfeConsulta">Data de entrada</label>
|
|
<input type="text" class="form-control transfer-input" name="dataEntradaNfeConsulta" id="dataEntradaNfeConsulta" readonly />
|
|
</div>
|
|
<div class="col-md-2 col-sm-6">
|
|
<label class="transfer-label" for="itensNfeConsulta">Qtd. de itens</label>
|
|
<input type="text" class="form-control transfer-input" name="itensNfeConsulta" id="itensNfeConsulta" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-9 col-sm-12">
|
|
<label class="transfer-label" for="operacaoNfeConsulta">Operação fiscal</label>
|
|
<input type="text" class="form-control transfer-input" name="operacaoNfeConsulta" id="operacaoNfeConsulta" readonly />
|
|
</div>
|
|
<div class="col-md-3 col-sm-12">
|
|
<label class="transfer-label" for="lojaNfeConsulta">Loja da NFe</label>
|
|
<input type="text" class="form-control transfer-input" name="lojaNfeConsulta" id="lojaNfeConsulta" readonly />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="transfer-card activity activity-31 activity-57">
|
|
<h2 class="card-title">Rastreabilidade de Motorista - Coleta</h2>
|
|
<div class="row" style="margin-bottom:10px;">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="motoristaColetaNome">Motorista responsável pela coleta</label>
|
|
<input type="text" class="form-control transfer-input" name="motoristaColetaNome" id="motoristaColetaNome" readonly />
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="dataColeta">Data da coleta</label>
|
|
<input type="text" class="form-control transfer-input" name="dataColeta" id="dataColeta" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-bottom:10px;">
|
|
<div class="col-md-12 col-sm-12">
|
|
<label class="transfer-label" for="fdAnexo_Coleta">Anexo da Coleta</label>
|
|
<input type="text" class="form-control transfer-input inputAnexo" name="fdAnexo_Coleta" id="fdAnexo_Coleta" placeholder="Nenhum anexo selecionado" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" id="blocoTipoMotoristaEntrega" style="margin-bottom:10px;">
|
|
<div class="col-md-12 col-sm-12">
|
|
<label class="transfer-label">Quem vai fazer a entrega?</label>
|
|
<div>
|
|
<label class="radio-inline" style="margin-right:15px;">
|
|
<input type="radio" name="tipoMotoristaEntrega" id="tipoMotoristaEntregaMesmo" value="mesmo" />
|
|
Eu
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="tipoMotoristaEntrega" id="tipoMotoristaEntregaOutro" value="outro" />
|
|
Outro motorista
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="blocoOutroMotoristaEntrega" style="margin-bottom:10px; display:none;">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="motoristaEntregaSelecionado">Selecionar outro motorista</label>
|
|
<select class="form-control transfer-input" name="motoristaEntregaSelecionado" id="motoristaEntregaSelecionado">
|
|
<option value="">Selecione o motorista</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="transfer-card activity activity-57">
|
|
<h2 class="card-title">Rastreabilidade de Motorista - Entrega</h2>
|
|
<div class="row" style="margin-bottom:18px;">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="motoristaEntregaNome">Motorista responsável pela entrega</label>
|
|
<input type="text" class="form-control transfer-input" name="motoristaEntregaNome" id="motoristaEntregaNome" readonly />
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="dataEntrega">Data da entrega</label>
|
|
<input type="text" class="form-control transfer-input" name="dataEntrega" id="dataEntrega" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-bottom:10px;">
|
|
<div class="col-md-12 col-sm-12">
|
|
<label class="transfer-label" for="fdAnexo_Entrega">Anexo da Entrega</label>
|
|
<input type="text" class="form-control transfer-input inputAnexo" name="fdAnexo_Entrega" id="fdAnexo_Entrega" placeholder="Nenhum anexo selecionado" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-12">
|
|
<label class="transfer-label" for="nomerecebedor">Nome de quem recebeu a mercadoria:</label>
|
|
<input type="text" class="form-control transfer-input" name="nomerecebedor" id="nomerecebedor" required />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="transfer-card activity activity-18">
|
|
<h2 class="card-title">Validação do Recebimento</h2>
|
|
<div class="row" style="margin-top:16px;" id="blocoConferenciaNfe">
|
|
<div class="col-md-12">
|
|
<h3 class="transfer-label" style="margin:0 0 8px 0;">Conferência da NFe x Base Aprovada</h3>
|
|
<div id="resumoConferenciaNfe" class="alert alert-info" style="margin-bottom:10px;">
|
|
Consulte a chave da NFe para gerar o confronto dos itens.
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-modern">
|
|
<thead>
|
|
<tr>
|
|
<th>Item base</th>
|
|
<th>Qtd. base</th>
|
|
<th>Item emitido na NFe</th>
|
|
<th>Qtd. emitida na NFe</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tabelaConferenciaNfeBody">
|
|
<tr>
|
|
<td colspan="5">Sem conferência.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<label class="transfer-label">Todos os produtos chegaram na loja conforme a solicitação?</label>
|
|
<div>
|
|
<label class="radio-inline" style="margin-right:15px;">
|
|
<input type="radio" name="validacaoItens" value="entregue" />
|
|
Sim, conferido e recebido
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="validacaoItens" value="divergencia" />
|
|
Não, existe divergência
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:10px;">
|
|
<div class="col-md-12 col-sm-12">
|
|
<label class="transfer-label" for="fdAnexo_recebimento">Anexo de Validação do Recebimento</label>
|
|
<input type="text" class="form-control transfer-input inputAnexo" name="fdAnexo_recebimento" id="fdAnexo_recebimento" placeholder="Nenhum anexo selecionado" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="row justificativaDecisaoItens" style="display:none;margin-top:10px;">
|
|
<div class="col-md-12">
|
|
<label class="transfer-label" for="justificativaDecisaoItens">Descreva a divergência encontrada</label>
|
|
<textarea class="form-control transfer-input" rows="3" name="justificativaDecisaoItens" id="justificativaDecisaoItens" placeholder="Informe quais itens/quantidades divergiram"></textarea>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<input type="hidden" name="WKNumProces" id="WKNumProces" value="" />
|
|
<input type="hidden" name="activity" id="activity" value="" />
|
|
<input type="hidden" name="formMode" id="formMode" value="" />
|
|
<input type="hidden" name="requesterMail" id="requesterMail" value="" />
|
|
<input type="hidden" name="requesterId" id="requesterId" value="" />
|
|
<input type="hidden" name="currentUserName" id="currentUserName" value="" />
|
|
<input type="hidden" name="currentUsermail" id="currentUsermail" value="" />
|
|
<input type="hidden" name="currentUserId" id="currentUserId" value="" />
|
|
<input type="hidden" name="gestorNome" id="gestorNome" value="" />
|
|
<input type="hidden" name="gestorEmail" id="gestorEmail" value="" />
|
|
<input type="hidden" name="gestor_cc" id="gestor_cc" value="" />
|
|
<input type="hidden" name="gestorNomeE" id="gestorNomeE" value="" />
|
|
<input type="hidden" name="gestorEmailE" id="gestorEmailE" value="" />
|
|
<input type="hidden" name="gestor_cce" id="gestor_cce" value="" />
|
|
<input type="hidden" name="invoiceIdNfeConsulta" id="invoiceIdNfeConsulta" value="" />
|
|
<input type="hidden" name="storeIdNfeConsulta" id="storeIdNfeConsulta" value="" />
|
|
<input type="hidden" name="itensNfeJson" id="itensNfeJson" value="" />
|
|
<input type="hidden" name="qtdDivergenciasNfe" id="qtdDivergenciasNfe" value="0" />
|
|
<input type="hidden" name="qtdDivergenciasGestor" id="qtdDivergenciasGestor" value="0" />
|
|
<input type="hidden" name="motoristaColetaLogin" id="motoristaColetaLogin" value="" />
|
|
<input type="hidden" name="motoristaEntregaLogin" id="motoristaEntregaLogin" value="" />
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="./excel.js"></script>
|
|
<script type="text/javascript" src="./fluigFormAttachment.js"></script>
|
|
<script type="text/javascript" src="./script.js"></script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|