You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
616 lines
12 KiB
PHTML
616 lines
12 KiB
PHTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Prueba </title>
|
|
</head>
|
|
|
|
<style>
|
|
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.HeaderTitles {
|
|
width: 100%;
|
|
border: #000;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
}
|
|
|
|
.headerLogo {
|
|
width: 10%;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
}
|
|
|
|
.headerTitle {
|
|
width: 100%;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
}
|
|
|
|
.headerLogo {
|
|
width: 10%;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
}
|
|
|
|
.actasHeader {
|
|
width: 100%;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
}
|
|
|
|
.actasHeaderTotle {
|
|
width: 40%;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
}
|
|
|
|
.actasHeadeCode1 {
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
.actasHeadeCode2 {
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
.contenedor {
|
|
position: relative;
|
|
}
|
|
|
|
/*cuadro para fecha hora */
|
|
|
|
|
|
.date-box_d_m_a {
|
|
border-width: 1px;
|
|
border-color: black;
|
|
border-style: solid;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.header_d_m_a {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
border-bottom: 1px solid gray;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
.content_d_m_a {
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
.date_d_m_a,
|
|
.time_d_m_a {
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
.superpuesta {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.title {
|
|
/* Estilos para el contenedor div */
|
|
font-weight: bold;
|
|
}
|
|
|
|
.title p {
|
|
margin: 0;
|
|
/* Eliminar el margen por defecto de los párrafos */
|
|
}
|
|
|
|
.title_g {
|
|
font-size: 12px;
|
|
margin: 10px auto;
|
|
|
|
}
|
|
|
|
.title_neas {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.title_numero {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.title {
|
|
color: black;
|
|
}
|
|
|
|
.title_1 {
|
|
font-size: 23px;
|
|
}
|
|
|
|
.title_2 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.title_3 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.title_4 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.head {
|
|
margin-top: 1px;
|
|
|
|
}
|
|
|
|
.headerDetaillsCourse {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.head_conten {
|
|
font-size: 13px;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
/* .head_conten_contenido{
|
|
|
|
width: 100%;
|
|
} */
|
|
.head_conten_contenido_celda {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
table.head_conten_contenido {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Eliminar bordes de las celdas */
|
|
table.head_conten_contenido td {
|
|
border: none;
|
|
/* Sin borde en las celdas */
|
|
}
|
|
|
|
.head_1 {
|
|
/* color: red; */
|
|
font-size: 11px;
|
|
}
|
|
|
|
.head_2 {
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.rightHeader .head_conten {
|
|
font-size: 11px;
|
|
text-align: left;
|
|
margin-top: -8px;
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.leftHeader1 .head_conten {
|
|
font-size: 11px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.leftHeader2 .head_conten {
|
|
font-size: 11px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.leftHeader3 .head_conten {
|
|
font-size: 11px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
/* header */
|
|
.anio_header2 {
|
|
width: 100%;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.header_conten1 {
|
|
|
|
width: 11%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.header_conten2 {
|
|
|
|
width: 30%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.header_conten3 {
|
|
|
|
width: 6%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.header_conten4 {
|
|
|
|
width: 10%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.header_conten5 {
|
|
|
|
width: 10%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.header_conten6 {
|
|
|
|
width: 10%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.header_conten1_1 {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
.header_conten1_2 {
|
|
|
|
width: 25%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.head_sub_almacen {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.header_conten1_3 {
|
|
|
|
width: 25%;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.referencias_oficio {
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
/* */
|
|
.rightHeader {
|
|
width: 30%;
|
|
font-size: 11px;
|
|
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
.leftHeader1 {
|
|
width: 50%;
|
|
font-size: 11px;
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
.leftHeader2 {
|
|
width: 30%;
|
|
font-size: 11px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
.leftHeader3 {
|
|
width: 20%;
|
|
font-size: 11px;
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
.headContend {
|
|
float: left;
|
|
/* Flotar a la izquierda */
|
|
/* width: 70%; */
|
|
/* Ocupar el 50% del ancho */
|
|
box-sizing: border-box;
|
|
/* Incluye el padding y border en el ancho */
|
|
font-size: 12px;
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.headContend_right {
|
|
float: right;
|
|
/* Flotar a la derecha */
|
|
width: 30%;
|
|
/* Ocupar el 50% del ancho */
|
|
box-sizing: border-box;
|
|
/* Incluye el padding y border en el ancho */
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
|
|
.paginate {
|
|
margin-right: 0;
|
|
/* Puedes ajustar el margen para el elemento paginate si es necesario */
|
|
}
|
|
|
|
.container1 {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.col {
|
|
width: 100%;
|
|
/* Ajusta el ancho según sea necesario */
|
|
}
|
|
|
|
.contenDetaill {
|
|
width: 100%;
|
|
/* Cambiado a 100% para que se ajuste al ancho de .col */
|
|
border-collapse: collapse;
|
|
/* Esto elimina el espacio entre las celdas de la tabla */
|
|
}
|
|
|
|
.in-p {
|
|
font-size: 10px;
|
|
text-align: left;
|
|
/* Esto alineará el texto a la izquierda */
|
|
}
|
|
|
|
|
|
.table_head {
|
|
color: #000;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
|
|
.table_contend {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.table_contend,
|
|
.th,
|
|
.td {
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black;
|
|
padding: 5px 6px;
|
|
word-wrap: break-word;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.th {
|
|
text-align: center;
|
|
}
|
|
|
|
.index {
|
|
width: 3%;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.code {
|
|
width: 9%;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.status {
|
|
width: 5%;
|
|
}
|
|
|
|
.names {
|
|
width: 40%;
|
|
}
|
|
|
|
.groups {
|
|
width: 5%;
|
|
}
|
|
|
|
.promedioPracial {
|
|
width: 13%;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.promedioFinal {
|
|
width: 11%;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.promedio {
|
|
width: 100px;
|
|
}
|
|
|
|
|
|
|
|
.promedioString {
|
|
width: 50px;
|
|
}
|
|
|
|
.promedio1 {
|
|
width: 15%;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.promedioString {
|
|
width: 15%;
|
|
}
|
|
|
|
/* Footer */
|
|
.formulaFooter {
|
|
width: 100%;
|
|
|
|
|
|
font-size: 11px;
|
|
}
|
|
|
|
.formula1 {
|
|
width: 5%;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.formula2 {
|
|
width: 38%;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black;
|
|
padding: 3px 4px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.formula3 {
|
|
width: 50%;
|
|
text-align: right;
|
|
}
|
|
|
|
.formula1_d {
|
|
width: 5%;
|
|
font-size: 7px;
|
|
text-align: left;
|
|
}
|
|
|
|
.formula2_d {
|
|
width: 38%;
|
|
}
|
|
|
|
.formula3_d {
|
|
width: 50%;
|
|
text-align: right;
|
|
}
|
|
|
|
.firmaFooter {
|
|
width: 100%;
|
|
}
|
|
|
|
.firma0 {
|
|
width: 10%;
|
|
}
|
|
|
|
.descripcion {
|
|
width: 40%;
|
|
}
|
|
|
|
.firmaall {
|
|
width: 80%;
|
|
text-align: center;
|
|
/* border: 1px solid black;
|
|
border-collapse: collapse;
|
|
border-color: black; */
|
|
padding: 43px 14px;
|
|
word-wrap: break-word;
|
|
font-size: 30px;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<div class="body_cont">
|
|
<div class="table_head">
|
|
<table class="table_contend">
|
|
<thead class="table_thead">
|
|
<tr class="tr">
|
|
<th style="padding: 10px 0;" scope="col" style="border: 1px solid; width: 5%;">
|
|
N°
|
|
</th>
|
|
<th scope="col" style="border: 1px solid; width: 10%;">
|
|
CANTIDAD
|
|
</th>
|
|
<th scope="col" style="border: 1px solid; width: 40%;">
|
|
DESCRIPCIÓN
|
|
</th>
|
|
<th scope="col" style="border: 1px solid; width: 10%;">
|
|
U. MEDIDA
|
|
</th>
|
|
|
|
<th scope="col" style="border: 1px solid; width: 5%;">
|
|
FTE/FTO
|
|
</th>
|
|
<th scope="col" style="border: 1px solid; width: 10%;">
|
|
C. CONTABLE
|
|
</th>
|
|
<th scope="col" style="border: 1px solid; width: 10%;">
|
|
MARCA
|
|
</th>
|
|
<th scope="col" style="border: 1px solid; width: 10%;">
|
|
P. UNITARIO
|
|
</th>
|
|
<th scope="col" style="border: 1px solid; width: 10%;">
|
|
VALOR TOTAL
|
|
</th>
|
|
</tr>
|
|
|
|
</thead>
|
|
<tbody>
|
|
@foreach($pageData as $i => $data)
|
|
<tr>
|
|
<td style="border: 1px solid; width: 5%; text-align:center;">{{ $startIndex + $i }}</td>
|
|
<td style="border: 1px solid; width: 10%; text-align:center;">{{ $data->cantidad_inicial }}</td>
|
|
<td style="border: 1px solid; width: 40%;">{{ $data->descripcion }} - {{ $data->observacion}}</td>
|
|
<td style="border: 1px solid; width: 10%; text-align:center;">{{ $data->nombre_medida }}</td>
|
|
<td style="border: 1px solid; width: 5%; text-align:center;">{{ $data->fte_fto }}</td>
|
|
<td style="border: 1px solid; width: 10%; text-align:center;">{{ $data->cuenta_contable }}</td>
|
|
<td style="border: 1px solid; width: 10%; text-align:center;">{{ $data->marca }}</td>
|
|
<td style="border: 1px solid; width: 10%; text-align:center;">{{ $data->precio }}</td>
|
|
<td style="border: 1px solid; width: 10%; text-align:center;">{{ $data->precio_total }}</td>
|
|
</tr>
|
|
@endforeach
|
|
<tr>
|
|
<td class="index td" colspan="6">Sub Total S/ </td>
|
|
<td class="total_name td" colspan="2">{{ $totalPrecio }}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
|
<!-- <img src="{{ asset('assets/images/logoPosGrado.png') }}" alt="Tu Imagen" width="300" height="200"> -->
|