admin/40097-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Autosave: 20260523-181632

Browse Source
This commit is contained in:
Flatlogic Bot 2026-05-23 18:16:33 +00:00
parent 709ff2f0d0
commit 37cd8f837c
5 changed files with 99 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
assets/css/style.css
View File

@ -180,11 +180,12 @@ h1, .h1 {
/* Table Styles */
.table-responsive {
overflow-x: auto;
border-radius: 8px;
overflow: hidden; /* This is important to make border-radius work on tables */
border: 1px solid #dee2e6;
}
.table {
margin-bottom: 0;
min-width: 600px; /* Prevent table from collapsing too much */
}
.table thead th {
@ -258,6 +259,78 @@ h1, .h1 {
color: #333;
}
/* Excel-like table for specific pages */
.excel-container {
overflow: auto !important;
max-height: 75vh;
border: 1px solid #dee2e6;
border-radius: 8px;
position: relative;
}
.excel-container .table {
min-width: 1200px; /* Ancho más moderado para que se vea más compacto */
margin-bottom: 0;
border-collapse: separate;
border-spacing: 0;
table-layout: fixed; /* Ayuda a controlar mejor los anchos de columna */
}
.excel-container th {
position: sticky;
top: 0;
z-index: 20;
background-color: #f8f9fa !important;
white-space: nowrap;
box-shadow: inset 0 -1px 0 #dee2e6;
font-size: 0.85rem;
padding: 8px 10px !important;
}
/* Fijar primera columna (ID) */
.excel-container th:first-child,
.excel-container td:first-child {
position: sticky;
left: 0;
z-index: 15;
background-color: #f8f9fa !important;
box-shadow: inset -1px 0 0 #dee2e6;
width: 60px; /* Ancho fijo para el ID */
}
.excel-container th:first-child {
z-index: 30; /* Esquina superior izquierda */
}
.excel-container td {
white-space: normal; /* Permitir que el texto baje a la siguiente línea */
word-wrap: break-word;
padding: 6px 10px !important; /* Padding más reducido */
vertical-align: middle;
background-color: #fff;
font-size: 0.85rem; /* Fuente más pequeña como en Pedidos Rotulados */
line-height: 1.2;
}
.excel-container tr:nth-of-type(odd) td {
background-color: #f9f9f9;
}
.excel-container tr:nth-of-type(odd) td:first-child {
background-color: #f1f1f1 !important;
}
/* Barras de desplazamiento siempre visibles y más gruesas */
.excel-container::-webkit-scrollbar {
width: 14px;
height: 14px;
}
.excel-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.excel-container::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
border: 3px solid #f1f1f1;
}
.excel-container::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Custom Search Table Styles */
.custom-search-table {
border-collapse: separate;
@ -288,13 +361,6 @@ h1, .h1 {
background-color: #f8f9fa; /* Subtle hover effect */
}
/* Add rounded corners to the container of the table */
.table-responsive {
border-radius: 8px;
overflow: hidden; /* This is important to make border-radius work on tables */
border: 1px solid #dee2e6;
}
/* Submenu Styles */
.sidebar .submenu {
display: none;

BIN
assets/uploads/vouchers/6a11debddf593-967.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 317 KiB

1
gestiones.php
View File

@ -221,7 +221,6 @@ include 'layout_header.php';
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php if (empty($pedidos)): ?>
<p class="text-center">No hay pedidos que coincidan con el filtro.</p>
<?php endif; ?>

1
pedidos.php
View File

@ -221,7 +221,6 @@ include 'layout_header.php';
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php if (empty($pedidos)): ?>
<p class="text-center">No hay pedidos que coincidan con el filtro.</p>
<?php endif; ?>

48
ruta_contraentrega.php
View File

@ -179,33 +179,33 @@ include 'layout_header.php';
</div>
<div class="card">
<div class="card-body">
<div class="table-responsive">
<table id="pedidos-table" class="table table-striped">
<div class="card-body p-0">
<div class="excel-container">
<table id="pedidos-table" class="table table-striped table-hover">
<thead>
<tr>
<th>ID</th>
<th>Seguimiento</th>
<th>Paquete</th>
<th>Estado</th>
<th>Cliente</th>
<th style="width: 60px;">ID</th>
<th style="width: 120px;">Seguimiento</th>
<th style="width: 130px;">Paquete</th>
<th style="width: 150px;">Estado</th>
<th style="width: 180px;">Cliente</th>
<th>Celular</th>
<th>Dirección</th>
<th>Referencia</th>
<th>Ciudad</th>
<th>Provincia/Distrito</th>
<th>Coordenadas</th>
<th>Producto</th>
<th>Cantidad</th>
<th style="width: 120px;">Celular</th>
<th style="width: 250px;">Dirección</th>
<th style="width: 200px;">Referencia</th>
<th style="width: 120px;">Ciudad</th>
<th style="width: 150px;">Provincia/Distrito</th>
<th style="width: 150px;">Coordenadas</th>
<th style="width: 200px;">Producto</th>
<th style="width: 80px;">Cant.</th>
<?php if ($user_role !== 'Logistica'): ?>
<th>Monto Total</th>
<th>Monto Debe</th>
<th style="width: 100px;">Total</th>
<th style="width: 100px;">Debe</th>
<?php endif; ?>
<th>Fecha de Entrega</th>
<?php if ($user_role !== 'Asesor'): ?><th>Asesor</th><?php endif; ?>
<th>Fecha Creación</th>
<th>Acciones</th>
<th style="width: 120px;">F. Entrega</th>
<?php if ($user_role !== 'Asesor'): ?><th style="width: 120px;">Asesor</th><?php endif; ?>
<th style="width: 150px;">F. Creación</th>
<th style="width: 120px;">Acciones</th>
</tr>
</thead>
<tbody>
@ -283,7 +283,6 @@ include 'layout_header.php';
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php if (empty($pedidos)): ?>
<p class="text-center">No hay pedidos que coincidan con el filtro.</p>
<?php endif; ?>
@ -348,7 +347,8 @@ $(document).ready(function() {
"order": [[ 0, "desc" ]],
"paging": false,
"lengthChange": false,
"info": false
"info": false,
"scrollX": false // Desactivamos scrollX de DataTables para usar nuestro excel-container
});
});