fix grafici
This commit is contained in:
@@ -1,79 +1,79 @@
|
||||
// out: false, sourceMap: false, main: ../style.less
|
||||
|
||||
.piece_info{
|
||||
.piece_info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
height: 84px;
|
||||
border-bottom: 2px solid black;
|
||||
|
||||
label {
|
||||
font-size: 54px;
|
||||
font-weight: 500;
|
||||
text-align: right;
|
||||
color: #4b4b4b;
|
||||
}
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
height: 84px;
|
||||
border-bottom: 2px solid black;
|
||||
flex-flow: column;
|
||||
|
||||
span {
|
||||
font-family: "Work Sans";
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-align: center;
|
||||
color: #4b4b4b;
|
||||
|
||||
&:first-of-type {
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
label{
|
||||
font-size: 54px;
|
||||
font-weight: 500;
|
||||
text-align: right;
|
||||
color: #4b4b4b;
|
||||
}
|
||||
}
|
||||
|
||||
div{
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
|
||||
span{
|
||||
font-family: "Work Sans";
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-align: center;
|
||||
color: #4b4b4b;
|
||||
|
||||
&:first-of-type{
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
&:last-of-type{
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
button{
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background-color: black;
|
||||
}
|
||||
button {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.sub_menu{
|
||||
margin-left: 250px;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(3,60px);
|
||||
.sub_menu {
|
||||
margin-left: 250px;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(3, 60px);
|
||||
|
||||
.piece_info{
|
||||
height: 60px;
|
||||
|
||||
button{
|
||||
background-color: white;
|
||||
border-color: black;
|
||||
border-radius: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
.piece_info {
|
||||
height: 60px;
|
||||
|
||||
button {
|
||||
background-color: white;
|
||||
border-color: black;
|
||||
border-radius: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.row_1{
|
||||
grid-row: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.row_2{
|
||||
grid-row: 2;
|
||||
}
|
||||
.row_1 {
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.row_3{
|
||||
grid-row: 3;
|
||||
}
|
||||
.row_2 {
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.row_3 {
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
}
|
||||
+27
-21
@@ -4,25 +4,25 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.upperplate_air_enable.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_air_enable'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.upperplate_air_enable.status.enabled"></toggle-button>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_air_enable'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.upperplate_air_enable.status.enabled"></toggle-button>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.upperplate_air_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'upperplate_air_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.upperplate_air_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_air_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'upperplate_air_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.upperplate_air_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_air_delay"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.upperplate_air_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_air_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.upperplate_air_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_air_delay"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_air_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.upperplate_air_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_air_delay"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -46,15 +46,21 @@
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars" :unitx="'s'"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:unitx="'s'"
|
||||
:max-x="recipe.upperplate_air_1_chart_setpointy.range.max + recipe.upperplate_air_2_chart_setpointy.range.max +recipe.upperplate_air_3_chart_setpointy.range.max"
|
||||
:max-y="Math.max(recipe.upperplate_air_1_chart_setpointx.range.max,recipe.upperplate_air_2_chart_setpointx.range.max,recipe.upperplate_air_3_chart_setpointx.range.max)"
|
||||
></svg-chart>
|
||||
<div class="box transparent center box-500">
|
||||
<div class="body">
|
||||
<template v-if="recipe.upperplate_air_max_time.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.upperplate_air_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_air_max_time"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.upperplate_air_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_air_max_time"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+22
-17
@@ -4,25 +4,25 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.upperplate_extraction_enable.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.upperplate_extraction_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.upperplate_extraction_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_extraction_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.upperplate_extraction_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_extraction_delay"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.upperplate_extraction_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.upperplate_extraction_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_extraction_delay"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.upperplate_extraction_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_extraction_delay"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -30,13 +30,18 @@
|
||||
<hr />
|
||||
<article class="shrink ml-10">
|
||||
<scheda
|
||||
class="box-500 color_3"
|
||||
class="box-500 color_3"
|
||||
:portata="recipe.upperplate_extraction_1_chart_setpointx"
|
||||
:durata="recipe.upperplate_extraction_1_chart_setpointy"
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.upperplate_extraction_1_chart_setpointy.range.max"
|
||||
:max-y="recipe.upperplate_extraction_1_chart_setpointx.range.max"
|
||||
></svg-chart>
|
||||
</article>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
+26
-21
@@ -4,25 +4,25 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.upperplate_vacuum_enable.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.upperplate_vacuum_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.upperplate_vacuum_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.upperplate_vacuum_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.upperplate_vacuum_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.upperplate_vacuum_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.upperplate_vacuum_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -46,15 +46,20 @@
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.upperplate_vacuum_1_chart_setpointy.range.max + recipe.upperplate_vacuum_2_chart_setpointy.range.max +recipe.upperplate_vacuum_3_chart_setpointy.range.max"
|
||||
:max-y="Math.max(recipe.upperplate_vacuum_1_chart_setpointx.range.max,recipe.upperplate_vacuum_2_chart_setpointx.range.max,recipe.upperplate_vacuum_3_chart_setpointx.range.max)"
|
||||
></svg-chart>
|
||||
<div class="box transparent center box-500">
|
||||
<div class="body">
|
||||
<template v-if="recipe.upperplate_vacuum_max_time.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.upperplate_vacuum_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_vacuum_max_time"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.upperplate_vacuum_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.upperplate_vacuum_max_time"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+26
-21
@@ -4,32 +4,32 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.extraction_main_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'extraction_main_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.extraction_main_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_main_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'extraction_main_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.extraction_main_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_main_delay"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.extraction_main_type.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_main_type'|localize('Tipo')}}</label>
|
||||
<select class="form-control" v-model="recipe.extraction_main_type"></select>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_main_type'|localize('Tipo')}}</label>
|
||||
<select class="form-control" v-model="recipe.extraction_main_type"></select>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.extraction_main_mould_dw_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_main_mould_dw_delay'|localize('Ritardo discesa stampo')}}</label>
|
||||
<numeric v-model="recipe.extraction_main_mould_dw_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_main_mould_dw_delay"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_main_mould_dw_delay'|localize('Ritardo discesa stampo')}}</label>
|
||||
<numeric v-model="recipe.extraction_main_mould_dw_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_main_mould_dw_delay"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.extraction_main_manual.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_main_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.extraction_main_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_main_manual"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_main_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.extraction_main_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_main_manual"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -43,7 +43,12 @@
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.extraction_main_1_chart_setpointy.range.max"
|
||||
:max-y="recipe.extraction_main_1_chart_setpointx.range.max"
|
||||
></svg-chart>
|
||||
</article>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
+21
-16
@@ -4,25 +4,25 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.extraction_aux_enabled.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_aux_enabled'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.extraction_aux_enabled.status.enabled"></toggle-button>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_aux_enabled'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.extraction_aux_enabled.status.enabled"></toggle-button>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.extraction_aux_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'extraction_aux_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.extraction_aux_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_aux_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'extraction_aux_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.extraction_aux_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_aux_delay"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.extraction_aux_manual.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_aux_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.extraction_aux_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_aux_manual"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'extraction_aux_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.extraction_aux_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.extraction_aux_manual"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -36,7 +36,12 @@
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.extraction_aux_1_chart_setpointy.range.max"
|
||||
:max-y="recipe.extraction_aux_1_chart_setpointx.range.max"
|
||||
></svg-chart>
|
||||
</article>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
+91
-86
@@ -1,90 +1,95 @@
|
||||
<template>
|
||||
<div class="setup">
|
||||
<modal type="imbutitura-info" :title="'drawinginfo_lbl_title' | localize('Imbutitura')">
|
||||
<div slot="header-buttons">
|
||||
<button class="modal-close" @click="close()">
|
||||
<i class="fa fa-remove"></i>
|
||||
</button>
|
||||
</div>
|
||||
<section>
|
||||
<aside class="scrollable auto">
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.drawing_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'drawing_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.drawing_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_delay"></slider>
|
||||
</template>
|
||||
<hr />
|
||||
<template v-if="recipe.drawing_type.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_type'|localize('Tipo')}}</label>
|
||||
<select class="form-control" v-model="recipe.drawing_type"></select>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_photocell.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_photocell'|localize('Scelta fotocellula')}}</label>
|
||||
<select class="form-control" v-model="recipe.drawing_photocell"></select>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_height.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_height'|localize('Altezza bolla')}}</label>
|
||||
<numeric v-model="recipe.drawing_height" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_height"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_mantaining_flow.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_mantaining_flow'|localize('Portata mantenimento')}}</label>
|
||||
<numeric v-model="recipe.drawing_mantaining_flow" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_mantaining_flow"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_manual.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.drawing_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_manual"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_mould_up_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_mould_up_delay'|localize('Ritardo salita stampo')}}</label>
|
||||
<numeric v-model="recipe.drawing_mould_up_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_mould_up_delay"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<hr />
|
||||
<article class="shrink ml-10">
|
||||
<scheda
|
||||
class="box-500 color_3"
|
||||
:portata="recipe.drawing_1_chart_setpointx"
|
||||
:durata="recipe.drawing_1_chart_setpointy"
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
</article>
|
||||
</section>
|
||||
<footer>
|
||||
<button class="btn" @click="annulla()">
|
||||
<label>Annulla</label>
|
||||
</button>
|
||||
<button class="btn btn-success" @click="conferma()">
|
||||
<label>Conferma</label>
|
||||
</button>
|
||||
</footer>
|
||||
</modal>
|
||||
<stepfooter :current="5" @click="goTo"></stepfooter>
|
||||
</div>
|
||||
<div class="setup">
|
||||
<modal type="imbutitura-info" :title="'drawinginfo_lbl_title' | localize('Imbutitura')">
|
||||
<div slot="header-buttons">
|
||||
<button class="modal-close" @click="close()">
|
||||
<i class="fa fa-remove"></i>
|
||||
</button>
|
||||
</div>
|
||||
<section>
|
||||
<aside class="scrollable auto">
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.drawing_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'drawing_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.drawing_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_delay"></slider>
|
||||
</template>
|
||||
<hr />
|
||||
<template v-if="recipe.drawing_type.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_type'|localize('Tipo')}}</label>
|
||||
<select class="form-control" v-model="recipe.drawing_type"></select>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_photocell.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_photocell'|localize('Scelta fotocellula')}}</label>
|
||||
<select class="form-control" v-model="recipe.drawing_photocell"></select>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_height.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_height'|localize('Altezza bolla')}}</label>
|
||||
<numeric v-model="recipe.drawing_height" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_height"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_mantaining_flow.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_mantaining_flow'|localize('Portata mantenimento')}}</label>
|
||||
<numeric v-model="recipe.drawing_mantaining_flow" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_mantaining_flow"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_manual.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.drawing_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_manual"></slider>
|
||||
</template>
|
||||
<template v-if="recipe.drawing_mould_up_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'drawing_mould_up_delay'|localize('Ritardo salita stampo')}}</label>
|
||||
<numeric v-model="recipe.drawing_mould_up_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.drawing_mould_up_delay"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<hr />
|
||||
<article class="shrink ml-10">
|
||||
<scheda
|
||||
class="box-500 color_3"
|
||||
:portata="recipe.drawing_1_chart_setpointx"
|
||||
:durata="recipe.drawing_1_chart_setpointy"
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.drawing_1_chart_setpointy.range.max"
|
||||
:max-y="recipe.drawing_1_chart_setpointx.range.max"
|
||||
></svg-chart>
|
||||
</article>
|
||||
</section>
|
||||
<footer>
|
||||
<button class="btn" @click="annulla()">
|
||||
<label>Annulla</label>
|
||||
</button>
|
||||
<button class="btn btn-success" @click="conferma()">
|
||||
<label>Conferma</label>
|
||||
</button>
|
||||
</footer>
|
||||
</modal>
|
||||
<stepfooter :current="5" @click="goTo"></stepfooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./show-imbutitura-info.ts"></script>
|
||||
+21
-16
@@ -4,19 +4,19 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.vacuum_pre_enabled.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_pre_enabled'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.vacuum_pre_enabled.status.enabled"></toggle-button>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_pre_enabled'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.vacuum_pre_enabled.status.enabled"></toggle-button>
|
||||
</div>
|
||||
</template>
|
||||
<hr />
|
||||
<template v-if="recipe.vacuum_pre_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'vacuum_pre_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.vacuum_pre_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_pre_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'vacuum_pre_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.vacuum_pre_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_pre_delay"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -40,15 +40,20 @@
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.vacuum_pre_1_chart_setpointy.range.max + recipe.vacuum_pre_2_chart_setpointy.range.max +recipe.vacuum_pre_3_chart_setpointy.range.max"
|
||||
:max-y="Math.max(recipe.vacuum_pre_1_chart_setpointx.range.max,recipe.vacuum_pre_2_chart_setpointx.range.max,recipe.vacuum_pre_3_chart_setpointx.range.max)"
|
||||
></svg-chart>
|
||||
<div class="box transparent box-500 center">
|
||||
<div class="body">
|
||||
<template v-if="recipe.vacuum_pre_max_time.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_pre_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.vacuum_pre_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_pre_max_time"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_pre_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.vacuum_pre_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_pre_max_time"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+26
-21
@@ -4,27 +4,27 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.vacuum_aux_enabled.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled"></toggle-button>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
|
||||
<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled"></toggle-button>
|
||||
</div>
|
||||
</template>
|
||||
<hr />
|
||||
<template v-if="recipe.vacuum_aux_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'vacuum_aux_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.vacuum_aux_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_aux_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'vacuum_aux_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.vacuum_aux_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_aux_delay"></slider>
|
||||
</template>
|
||||
<hr />
|
||||
<template v-if="recipe.vacuum_aux_manual.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_aux_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.vacuum_aux_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_aux_manual"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_aux_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.vacuum_aux_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_aux_manual"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -48,15 +48,20 @@
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.vacuum_aux_1_chart_setpointy.range.max + recipe.vacuum_aux_2_chart_setpointy.range.max +recipe.vacuum_aux_3_chart_setpointy.range.max"
|
||||
:max-y="Math.max(recipe.vacuum_aux_1_chart_setpointx.range.max,recipe.vacuum_aux_2_chart_setpointx.range.max,recipe.vacuum_aux_3_chart_setpointx.range.max)"
|
||||
></svg-chart>
|
||||
<div class="box box-500 transparent center">
|
||||
<div class="body">
|
||||
<template v-if="recipe.vacuum_aux_max_time.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_aux_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.vacuum_aux_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_aux_max_time"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_aux_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.vacuum_aux_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_aux_max_time"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+26
-21
@@ -4,27 +4,27 @@
|
||||
<div class="box transparent">
|
||||
<div class="body">
|
||||
<template v-if="recipe.vacuum_main_start.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
|
||||
<select class="form-control" v-model="recipe.vacuum_main_start"></select>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
|
||||
<select class="form-control" v-model="recipe.vacuum_main_start"></select>
|
||||
</div>
|
||||
</template>
|
||||
<hr />
|
||||
<template v-if="recipe.vacuum_main_delay.status.visible">
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'vacuum_main_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.vacuum_main_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_main_delay"></slider>
|
||||
<div class="input-area">
|
||||
<img src="assets/icons/png/clessidra.png" />
|
||||
<label>{{'vacuum_main_delay'|localize('Ritardo')}}</label>
|
||||
<numeric v-model="recipe.vacuum_main_delay" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_main_delay"></slider>
|
||||
</template>
|
||||
<hr />
|
||||
<template v-if="recipe.vacuum_main_manual.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_main_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.vacuum_main_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_main_manual"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_main_manual'|localize('Portata manuale')}}</label>
|
||||
<numeric v-model="recipe.vacuum_main_manual" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_main_manual"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -48,15 +48,20 @@
|
||||
></scheda>
|
||||
</article>
|
||||
<article>
|
||||
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
|
||||
<svg-chart
|
||||
line-bar-color="#848484"
|
||||
:bars="bars"
|
||||
:max-x="recipe.vacuum_main_1_chart_setpointy.range.max + recipe.vacuum_main_2_chart_setpointy.range.max +recipe.vacuum_main_3_chart_setpointy.range.max"
|
||||
:max-y="Math.max(recipe.vacuum_main_1_chart_setpointx.range.max,recipe.vacuum_main_2_chart_setpointx.range.max,recipe.vacuum_main_3_chart_setpointx.range.max)"
|
||||
></svg-chart>
|
||||
<div class="box transparent box-500 center">
|
||||
<div class="body">
|
||||
<template v-if="recipe.vacuum_main_max_time.status.visible">
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_main_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.vacuum_main_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_main_max_time"></slider>
|
||||
<div class="input-area">
|
||||
<label>{{'vacuum_main_max_time'|localize('Durata massima')}}</label>
|
||||
<numeric v-model="recipe.vacuum_main_max_time" />
|
||||
</div>
|
||||
<slider v-model="recipe.vacuum_main_max_time"></slider>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user