565 lines
35 KiB
HTML
565 lines
35 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="es">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<meta name="author" content="Albert Espín" />
|
||
|
|
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
|
||
|
|
<meta http-equiv="pragma" content="no-cache" />
|
||
|
|
<meta http-equiv="expires" content="0" />
|
||
|
|
<title>Auto Control</title>
|
||
|
|
<link rel="stylesheet" href="/assets/css/bulma.css" />
|
||
|
|
<link rel="stylesheet" href="/assets/css/app.css" />
|
||
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" />
|
||
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png" />
|
||
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png" />
|
||
|
|
</head>
|
||
|
|
<style>
|
||
|
|
.vertical-text {
|
||
|
|
writing-mode: vertical-lr;
|
||
|
|
text-orientation: mixed;
|
||
|
|
transform: rotate(180deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilo personalizado para el borde */
|
||
|
|
.custom-border {
|
||
|
|
border-bottom: 2px solid black;
|
||
|
|
/* Borde inferior de 2px de grosor y color negro */
|
||
|
|
}
|
||
|
|
|
||
|
|
.centered-column {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#textInput {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
/*top: 170px;*/
|
||
|
|
top: 275px;
|
||
|
|
/* Ajusta la posición superior según sea necesario */
|
||
|
|
left: 500px;
|
||
|
|
/* Ajusta la posición izquierda según sea necesario */
|
||
|
|
z-index: 1;
|
||
|
|
/* Asegura que el input esté sobre el canvas */
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput2 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 605px;
|
||
|
|
/* Ajusta la posición superior según sea necesario */
|
||
|
|
left: 470px;
|
||
|
|
/* Ajusta la posición izquierda según sea necesario */
|
||
|
|
z-index: 1;
|
||
|
|
/* Asegura que el input esté sobre el canvas */
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput3 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 840px;
|
||
|
|
/* 740px + 80px */
|
||
|
|
/*left: 830px; */
|
||
|
|
left: 795px;
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput4 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 370px;
|
||
|
|
/* 270px + 80px */
|
||
|
|
left: 795px;
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput5 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 840px;
|
||
|
|
/* 740px + 80px */
|
||
|
|
/* left: 300px; */
|
||
|
|
left: 185px;
|
||
|
|
/* 220px + 80px */
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput6 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 370px;
|
||
|
|
/* 270px + 80px */
|
||
|
|
left: 185px;
|
||
|
|
/* 220px + 80px */
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput7 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 750px;
|
||
|
|
/* 650px + 80px */
|
||
|
|
left: 600px;
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput8 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 450px;
|
||
|
|
/* 350px + 80px */
|
||
|
|
left: 600px;
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput9 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 600px;
|
||
|
|
/* 500px + 80px */
|
||
|
|
left: 10px;
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput10 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 600px;
|
||
|
|
/* 500px + 80px */
|
||
|
|
left: 1000px;
|
||
|
|
/* 1010px + 80px */
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput11 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 750px;
|
||
|
|
/* 650px + 80px */
|
||
|
|
left: 360px;
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#textInput12 {
|
||
|
|
width: 110px;
|
||
|
|
position: absolute;
|
||
|
|
top: 450px;
|
||
|
|
/* 350px + 80px */
|
||
|
|
left: 360px;
|
||
|
|
z-index: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #ECF0F1;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<body class="light">
|
||
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||
|
|
<div class="navbar-brand">
|
||
|
|
<a class="navbar-item" href="#">
|
||
|
|
<img src="data:image/png;base64,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
|
||
|
|
width="112" height="28" alt="Grupo CELSA" />
|
||
|
|
</a>
|
||
|
|
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
|
||
|
|
data-target="navbarBasicExample">
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
||
|
|
<div class="navbar-start">
|
||
|
|
<a class="navbar-item" href="/">
|
||
|
|
Inicio
|
||
|
|
</a>
|
||
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
||
|
|
<a class="navbar-link">
|
||
|
|
Mediciones Antes Enderezado
|
||
|
|
</a>
|
||
|
|
<div class="navbar-dropdown">
|
||
|
|
<a class="navbar-item" href="/mediciones/view">
|
||
|
|
Vigas
|
||
|
|
</a>
|
||
|
|
<a class="navbar-item" href="#">
|
||
|
|
Angulares
|
||
|
|
</a>
|
||
|
|
<a class="navbar-item" href="#">
|
||
|
|
Canales
|
||
|
|
</a>
|
||
|
|
<hr class="navbar-divider" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
||
|
|
<a class="navbar-link">
|
||
|
|
Vistas
|
||
|
|
</a>
|
||
|
|
<div class="navbar-dropdown">
|
||
|
|
<a class="navbar-item" href="/vista/get">
|
||
|
|
Antes enderezado
|
||
|
|
</a>
|
||
|
|
<a class="navbar-item" href="#">
|
||
|
|
Después enderezado
|
||
|
|
</a>
|
||
|
|
<hr class="navbar-divider" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
||
|
|
<a class="navbar-link">
|
||
|
|
Configuración
|
||
|
|
</a>
|
||
|
|
<div class="navbar-dropdown">
|
||
|
|
<a class="navbar-item" href="#">
|
||
|
|
Usuarios
|
||
|
|
</a>
|
||
|
|
<hr class="navbar-divider" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-end">
|
||
|
|
<div class="navbar-item">
|
||
|
|
<div class="buttons">
|
||
|
|
<a class="button is-light" href="#">
|
||
|
|
Cerrar sesión
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<br />
|
||
|
|
<div class="columns is-desktop">
|
||
|
|
<div class="column is-4">
|
||
|
|
<nav class="panel is-info">
|
||
|
|
<p class="panel-heading">
|
||
|
|
Pizarra de mediciones
|
||
|
|
</p>
|
||
|
|
<form id="medicion_form">
|
||
|
|
<div class="panel-block">
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="orden_fabricacion">Orden Fabricación</label>
|
||
|
|
<div class="select is-fullwidth is-size-4">
|
||
|
|
<select class="has-text-weight-bold" id="orden_fabricacion"
|
||
|
|
name="orden_fabricacion"></select>
|
||
|
|
</div>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="numero_barra">Número Barra</label>
|
||
|
|
<input class="input is-normal is-size-4 has-text-weight-bold is-fullwidth" type="number"
|
||
|
|
id="numero_barra" name="numero_barra" placeholder="barra" />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="tipo_muestra">Muestra</label>
|
||
|
|
<div class="select is-size-4 has-text-weight-bold is-fullwidth">
|
||
|
|
<select class="has-text-weight-bold" id="tipo_muestra" name="tipo_muestra">
|
||
|
|
<option value="1">Medio</option>
|
||
|
|
<option value="2">Cola</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel-block">
|
||
|
|
<div class="is-fullwidth">
|
||
|
|
<div id="profileCanvas" width="800" height="600">
|
||
|
|
<img src="/assets/img/viga.png" alt="perfil" />
|
||
|
|
</div>
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput" name="h"
|
||
|
|
placeholder="h" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput2" name="s"
|
||
|
|
placeholder="s" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput6"
|
||
|
|
name="t4" placeholder="t4" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput5"
|
||
|
|
name="t3" placeholder="t3" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput4"
|
||
|
|
name="t2" placeholder="t2" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput3"
|
||
|
|
name="t1" placeholder="t1" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput9"
|
||
|
|
name="b1" placeholder="b1" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput10"
|
||
|
|
name="b2" placeholder="b2" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput12"
|
||
|
|
name="e4" placeholder="e4" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput11"
|
||
|
|
name="e3" placeholder="e3" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput8"
|
||
|
|
name="e2" placeholder="e2" required />
|
||
|
|
<input class="input is-normal is-size-4" type="number" step="0.001" id="textInput7"
|
||
|
|
name="e1" placeholder="e1" required />
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel-block">
|
||
|
|
<div class="columns">
|
||
|
|
<input type="text" name="producto" id="producto" hidden>
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="kg-muestra">Peso muestra</label>
|
||
|
|
<input type="number" class="input is-normal is-size-4 has-text-weight-bold"
|
||
|
|
id="kg-muestra" name="kg-muestra" placeholder="g" step="0.001" required />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label for="long-muestra" class="is-size-4">Longitud muestra</label>
|
||
|
|
<input type="number" class="input is-normal is-size-4 has-text-weight-bold"
|
||
|
|
id="long-muestra" name="long-muestra" placeholder="mm" step="0.001" required />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="gmm-muestra">g/mm</label>
|
||
|
|
<input type="number" class="input is-normal is-size-4 has-text-weight-bold"
|
||
|
|
id="gmm-muestra" name="gmm-muestra" placeholder="g/mm" step="0.001" required />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel-block">
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" class="checkbox is-size-4 is-fullwidth">
|
||
|
|
<input type="checkbox" id="enraye" name="enraye" />
|
||
|
|
Enraye
|
||
|
|
</label>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="turno">Turno</label>
|
||
|
|
<div class="select is-size-4 is-fullwidth">
|
||
|
|
<select class="has-text-weight-bold" id="turno" name="turno">
|
||
|
|
<option class="has-text-weight-bold" value="A">A</option>
|
||
|
|
<option class="has-text-weight-bold" value="B">B</option>
|
||
|
|
<option class="has-text-weight-bold" value="C">C</option>
|
||
|
|
<option class="has-text-weight-bold" value="D">D</option>
|
||
|
|
<option class="has-text-weight-bold" value="E">E</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="calidad">Calidad</label>
|
||
|
|
<input class="input is-size-4 has-text-weight-bold" type="text" id="calidad"
|
||
|
|
name="calidad" />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel-block">
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="colada">Colada</label>
|
||
|
|
<input class="input is-normal is-size-4 has-text-weight-bold is-fullwidth" type="text"
|
||
|
|
id="colada" name="colada" placeholder="Colada" required />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="column is-4">
|
||
|
|
<p class="control">
|
||
|
|
<label class="is-size-4" for="usuario">Usuarios</label>
|
||
|
|
<div class="select is-size-4 is-fullwidth">
|
||
|
|
<select class="has-text-weight-bold" id="usuario" name="usuario">
|
||
|
|
<option class="has-text-weight-bold" value="ED">Ernesto Delgado</option>
|
||
|
|
<option class="has-text-weight-bold" value="EE">Enric Estall Caballero</option>
|
||
|
|
<option class="has-text-weight-bold" value="MC">Manel Cardenas Durán</option>
|
||
|
|
<option class="has-text-weight-bold" value="IP">Ismael Piqueras Torcal</option>
|
||
|
|
<option class="has-text-weight-bold" value="JA">Jordi Agüera González</option>
|
||
|
|
<option class="has-text-weight-bold" value="FA">Fermín Aguilar Sánchez</option>
|
||
|
|
<option class="has-text-weight-bold" value="JC">Juan Carlos Salinas Garcia</option>
|
||
|
|
<option class="has-text-weight-bold" value="RA">Rubén Ambrona Sibera</option>
|
||
|
|
<option class="has-text-weight-bold" value="OP">Oscar Perez Lopez</option>
|
||
|
|
<option class="has-text-weight-bold" value="JM">Jose Mª Catasus Vilamos</option>
|
||
|
|
<option class="has-text-weight-bold" value="JG">Jorge Gonzalez Pedrosa</option>
|
||
|
|
<option class="has-text-weight-bold" value="PP">Pedro Piqué</option>
|
||
|
|
<option class="has-text-weight-bold" value="JE">Jose E. Simón Fernández</option>
|
||
|
|
<option class="has-text-weight-bold" value="RG">Raul Gavín Simón</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="column is-4">
|
||
|
|
<label class="is-size-4" class="checkbox is-size-4 is-fullwidth">
|
||
|
|
<input type="checkbox" id="marca" name="marca" />
|
||
|
|
Marca CELSA
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel-block">
|
||
|
|
<div class="control">
|
||
|
|
<label class="is-size-4" for="observaciones">Observaciones</label>
|
||
|
|
<textarea class="textarea is-size-4 has-text-weight-bold" placeholder="observaciones"
|
||
|
|
id="observaciones" name="observaciones" rows="10"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel-block">
|
||
|
|
<div class="control">
|
||
|
|
<button type="button" class="button is-link" onclick="GuardarMedicion()">Guardar</button>
|
||
|
|
<button type="reset" class="button is-danger">Nueva medición</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="column is-8">
|
||
|
|
<nav class="panel is-info">
|
||
|
|
<p class="panel-heading" id="encabezado-mediciones">
|
||
|
|
Mediciones antes del enderezado para el producto
|
||
|
|
</p>
|
||
|
|
<div class="panel-block">
|
||
|
|
<table class="table is-bordered is-narrow">
|
||
|
|
<tr class="custom-border">
|
||
|
|
<th class="vertical has-text-centered is-size-3 vertical-text" rowspan="8">Muestra</th>
|
||
|
|
<th class="vertical has-text-centered is-size-3 vertical-text" rowspan="8">Hora</th>
|
||
|
|
<th class="vertical has-text-centered is-size-3 vertical-text" rowspan="8">Colada</th>
|
||
|
|
<th class="has-text-centered is-size-3" colspan="3">Masa unitaria</th>
|
||
|
|
<th class="has-text-centered is-size-3">Altura Perfil</th>
|
||
|
|
<th class="has-text-centered is-size-3">Espesor Alma</th>
|
||
|
|
<th class="has-text-centered is-size-3" colspan="4">Espesores de las Alas</th>
|
||
|
|
<th class="has-text-centered is-size-3" colspan="2">Anchura de las Alas</th>
|
||
|
|
<th class="has-text-centered is-size-3" colspan="6">Asimetría del Alma</th>
|
||
|
|
</tr>
|
||
|
|
<tr class="custom-border">
|
||
|
|
<th class="is-size-4">Longitud</th>
|
||
|
|
<th class="is-size-4">Peso</th>
|
||
|
|
<th class="has-text-centered is-size-4" rowspan="2">g/mm</th>
|
||
|
|
<th class="has-text-centered is-size-4" r>mm</th>
|
||
|
|
<th class="has-text-centered is-size-4" r>mm</th>
|
||
|
|
<th class="has-text-centered is-size-4" colspan="2">Ala Motor</th>
|
||
|
|
<th class="has-text-centered is-size-4" colspan="2">Ala Operador</th>
|
||
|
|
<th class="has-text-centered is-size-4">Ala Motor</th>
|
||
|
|
<th class="has-text-centered is-size-4">Ala Operador</th>
|
||
|
|
<th class="has-text-centered is-size-4" colspan="3">Ala Motor</th>
|
||
|
|
<th class="has-text-centered is-size-4" colspan="3">Ala Operador</th>
|
||
|
|
</tr>
|
||
|
|
<tr class="custom-border">
|
||
|
|
<th class="has-text-centered is-size-4">mm</th>
|
||
|
|
<th class="has-text-centered is-size-4">g</th>
|
||
|
|
<th class="has-text-centered is-size-4">h</th>
|
||
|
|
<th class="has-text-centered is-size-4">s</th>
|
||
|
|
<th class="has-text-centered is-size-4">sup</th>
|
||
|
|
<th class="has-text-centered is-size-4">inf</th>
|
||
|
|
<th class="has-text-centered is-size-4">sup</th>
|
||
|
|
<th class="has-text-centered is-size-4">inf</th>
|
||
|
|
<th class="has-text-centered is-size-4">b</th>
|
||
|
|
<th class="has-text-centered is-size-4">b'</th>
|
||
|
|
<th class="has-text-centered is-size-4">sup</th>
|
||
|
|
<th class="has-text-centered is-size-4">inf</th>
|
||
|
|
<th class="has-text-centered is-size-4">sup-inf</th>
|
||
|
|
<th class="has-text-centered is-size-4">sup</th>
|
||
|
|
<th class="has-text-centered is-size-4">inf</th>
|
||
|
|
<th class="has-text-centered is-size-4">sup-inf</th>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr id="tol-max" class="custom-border">
|
||
|
|
<th class="is-size-4 has-background-grey-light" colspan="2">Máximo</th>
|
||
|
|
<th class="has-text-centered is-size-4 has-background-grey-light"></th>
|
||
|
|
<th class="has-text-centered is-size-4 has-background-grey-light"></th>
|
||
|
|
<th class="has-text-centered is-size-4 has-background-grey-light"></th>
|
||
|
|
<th class="has-text-centered is-size-4 has-background-grey-light" colspan="4"></th>
|
||
|
|
<th class="has-text-centered is-size-4 has-background-grey-light" colspan="2"></th>
|
||
|
|
<th colspan="2"></th>
|
||
|
|
<th rowspan="2" class="has-text-centered is-size-4"></th>
|
||
|
|
<th colspan="2"></th>
|
||
|
|
<th rowspan="2" class="has-text-centered is-size-4"></th>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr id="tol-max-rec" class="custom-border">
|
||
|
|
<th class="is-size-4 is-italic has-text-weight-normal" colspan="2">Máx. Rec</th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4" colspan="4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4" colspan="2"></th>
|
||
|
|
<th colspan="2"></th>
|
||
|
|
<th colspan="2"></th>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr id="tol-nominal" class="custom-border">
|
||
|
|
<th class="is-size-4 has-background-grey-light" colspan="2">Nominal</th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4" colspan="4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4" colspan="2"></th>
|
||
|
|
<th colspan="6"></th>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr id="tol-min-rec" class="custom-border">
|
||
|
|
<th class="is-size-4 is-italic has-text-weight-normal" colspan="2">Mín.Rec</th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4" colspan="4"></th>
|
||
|
|
<th class="has-text-centered has-text-weight-normal is-italic is-size-4" colspan="2"></th>
|
||
|
|
<th colspan="2"></th>
|
||
|
|
<th rowspan="2" class="has-text-centered is-size-4"></th>
|
||
|
|
<th colspan="2"></th>
|
||
|
|
<th rowspan="2" class="has-text-centered is-size-4"></th>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr id="tol-min">
|
||
|
|
<th class="is-size-4 has-background-grey-light" colspan="2">Mínimo</th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4" colspan="4"></th>
|
||
|
|
<th class="has-text-centered has-background-grey-light is-size-4" colspan="2"></th>
|
||
|
|
<th colspan="6"></th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th class="has-text-centered is-size-4 is-info" rows="6" colspan="20"></th>
|
||
|
|
</tr>
|
||
|
|
<tbody id="mediciones-po"></tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="columns">
|
||
|
|
<div class="column">
|
||
|
|
<footer>
|
||
|
|
<div>© Albert Espín CELSA.SL 2024 - 2024</div>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="/assets/js/jquery.js"></script>
|
||
|
|
<script src="/assets/js/mediciones.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|