format and binding of the data for riscaldi modal

This commit is contained in:
Alessio
2020-05-04 09:26:26 +02:00
parent 93544b93a7
commit d99c7b52a6
4 changed files with 178 additions and 18 deletions
@@ -11,12 +11,63 @@ import toggleButton from "@/components/toggleButton.vue";
})
export default class RiscaldiSuperiori extends Vue {
@Prop({ default: 0 })
ritardo: number;
@Prop({ default: 0 })
durata: number;
recipe:Recipe.IRecipe={
heats_upperheaters_max_time:{
range:{
min:4,
max:165
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:159
},
heats_upperheaters_movement_enabled:{
range:{
min:5,
max:157
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:71
},
heats_upperheaters_enabled:{
range:{
min:8,
max:192
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:171
},
heats_upperheaters_oscillation:{
range:{
min:4,
max:150
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:138
},
}
mockD: number = this.durata;
mockR: number = this.ritardo;
}
@@ -8,9 +8,14 @@
<div class="input-area">
<label>Durata massima</label>
<input class="rect" v-model="mockD">
<input class="rect" v-model="recipe.heats_upperheaters_max_time.valueAct">
</div>
<slider :min="40" :max="100" v-model="mockD" :unit-of-measure="'s'"></slider>
<slider
:min="recipe.heats_upperheaters_max_time.range.min"
:max="recipe.heats_upperheaters_max_time.range.max"
v-model="recipe.heats_upperheaters_max_time.valueAct"
:unit-of-measure="'s'">
</slider>
<div class="input-area">
<label>Setpoint ceramica</label>
@@ -7,11 +7,105 @@ import toggleButton from "@/components/toggleButton.vue";
@Component({ name: "sostdecomp", components: { slider: Slider, toggleButton } })
export default class SostDecomp extends Vue {
@Prop({ default: 0 })
portata: number;
@Prop({ default: 0 })
duratamin: number;
recipe:Recipe.IRecipe={
heats_decomsustain_type:{
range:{
min:4,
max:111
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:86
},
heats_decomsustain_decompression_flow:{
range:{
min:9,
max:105
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:35
},
heats_decomsustain_min_blowing_time:{
range:{
min:0,
max:127
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:63
},
heats_decomsustain_sustain_delay:{
range:{
min:6,
max:198
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:159
},
heats_decomsustain_decompression_delay:{
range:{
min:1,
max:163
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:26
},
heats_decomsustain_decompression_duration:{
range:{
min:6,
max:108
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:72
},
heats_decomsustain_smoke_function_enabled:{
range:{
min:5,
max:132
},
status:{
enabled:true,
visible:true,
hasError:false
},
unitMeasure:"",
valueAct:89
},
}
mockP: number = this.portata;
mockDM: number = this.duratamin;
}
@@ -9,14 +9,24 @@
</div>
<div class="input-area">
<label>Portata sostentamento</label>
<input class="rect" v-model="mockP">
<input class="rect" v-model="recipe.heats_decomsustain_decompression_flow.valueAct">
</div>
<slider :min="0" :max="100" v-model="mockP" :unit-of-measure="'%'"></slider>
<slider
:min="recipe.heats_decomsustain_decompression_flow.range.min"
:max="recipe.heats_decomsustain_decompression_flow.range.max"
v-model="recipe.heats_decomsustain_decompression_flow.valueAct"
:unit-of-measure="'%'">
</slider>
<div class="input-area">
<label>Durata minima soffio</label>
<input class="rect" v-model="mockDM">
<input class="rect" v-model="recipe.heats_decomsustain_min_blowing_time.valueAct">
</div>
<slider :min="0" :max="800" v-model="mockDM" :unit-of-measure="'ms'"></slider>
<slider
:min="recipe.heats_decomsustain_min_blowing_time.range.min"
:max="recipe.heats_decomsustain_min_blowing_time.range.max"
v-model="recipe.heats_decomsustain_min_blowing_time.valueAct"
:unit-of-measure="'ms'">
</slider>
<div class="input-area">
<label>Funzione "fumo"</label>
<toggle-button></toggle-button>