rimozione del tastierino ovunque

This commit is contained in:
=
2020-06-10 11:40:31 +02:00
parent e29358c4ef
commit 0d042b8698
30 changed files with 213 additions and 433 deletions
@@ -1,52 +1,44 @@
import Vue from 'vue';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Component from 'vue-class-component';
@Component({name:"tastierino"})
export default class Tastierino extends Vue{
@Component({ name: "tastierino" })
export default class Tastierino extends Vue {
@Prop()
actualValue:Recipe.IValue;
@Prop()
actualValue: Recipe.IValue;
temp:string;
point:string;
temp: string;
point: string;
@Prop()
value: string;
@Prop()
value: string;
get showtast() {
return this.value;
del() {
this.actualValue.valueAct = 0;
}
canc() {
this.temp = String(this.actualValue.valueAct);
this.actualValue.valueAct = Number(this.temp.slice(0, -1))
}
add(num: string) {
if (this.point) {
this.point += num;
this.actualValue.valueAct = Number(this.point)
} else {
this.temp = String(this.actualValue.valueAct);
this.temp += num;
this.actualValue.valueAct = Number(this.temp)
}
}
set showtast(v: string) {
this.$emit('input', v);
}
del(){
this.actualValue.valueAct=0;
}
canc(){
this.temp=String(this.actualValue.valueAct);
this.actualValue.valueAct=Number(this.temp.slice(0,-1))
}
add(num:string){
if(this.point){
this.point+=num;
this.actualValue.valueAct=Number(this.point)
}else{
this.temp=String(this.actualValue.valueAct);
this.temp+=num;
this.actualValue.valueAct=Number(this.temp)
}
}
addpoint(){
if(!this.point){
this.point=String(this.actualValue.valueAct);
this.point+=".";
}
addpoint() {
if (!this.point) {
this.point = String(this.actualValue.valueAct);
this.point += ".";
}
}
}
@@ -1,21 +1,9 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({})
export default class ControstampoSVG extends Vue{
@Prop()
value: string;
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
alt:Recipe.IValue;
export default class ControstampoSVG extends Vue {
@Prop({ default: 0 })
alt: Recipe.IValue;
}
@@ -2,7 +2,7 @@
<div class="svg-area">
<img class="disegnoControstampo" src="assets/icons/svg/disegno-controstampo.svg" />
<div class="input-circles border-controstampo">
<div class="circle circle1" @click="showtast='controstampo-alt'">
<div class="circle circle1">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="alt.valueAct" />
<label>mm</label>
@@ -1,23 +1,12 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({})
export default class CorniceSVG extends Vue{
@Prop()
value: string;
export default class CorniceSVG extends Vue {
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
x:Recipe.IValue;
@Prop({default:0})
y:Recipe.IValue;
@Prop({ default: 0 })
x: Recipe.IValue;
@Prop({ default: 0 })
y: Recipe.IValue;
}
@@ -2,12 +2,12 @@
<div class="svg-area">
<img class="disegnoCornice" src="assets/icons/svg/disegno-cornice.svg" />
<div class="input-circles border-cornice">
<div class="circle circle1" @click="showtast='cornice-y'">
<div class="circle circle1">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="y.valueAct" />
<label>mm</label>
</div>
<div class="circle circle2" @click="showtast='cornice-x'">
<div class="circle circle2">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="x.valueAct" />
<label>mm</label>
@@ -1,26 +1,16 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({})
export default class LastraSVG extends Vue{
export default class LastraSVG extends Vue {
@Prop()
value: string;
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
x:Recipe.IValue;
@Prop({default:0})
y:Recipe.IValue;
@Prop({default:0})
spes:Recipe.IValue;
@Prop({ default: 0 })
x: Recipe.IValue;
@Prop({ default: 0 })
y: Recipe.IValue;
@Prop({ default: 0 })
spes: Recipe.IValue;
}
@@ -2,17 +2,17 @@
<div class="svg-area">
<img class="disegnoLastra" src="assets/icons/svg/disegno-lastra.svg" />
<div class="input-circles border-lastra">
<div class="circle circle1" @click="showtast='lastra-spes'">
<div class="circle circle1">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="spes.valueAct" />
<label>mm</label>
</div>
<div class="circle circle2" @click="showtast='lastra-x'">
<div class="circle circle2">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="x.valueAct" />
<label>mm</label>
</div>
<div class="circle circle3" @click="showtast='lastra-y'">
<div class="circle circle3">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="y.valueAct" />
<label>mm</label>
@@ -1,23 +1,13 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({})
export default class PiastraSVG extends Vue{
export default class PiastraSVG extends Vue {
@Prop()
value: string;
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
x:Recipe.IValue;
@Prop({default:0})
y:Recipe.IValue;
@Prop({ default: 0 })
x: Recipe.IValue;
@Prop({ default: 0 })
y: Recipe.IValue;
}
@@ -2,12 +2,12 @@
<div class="svg-area">
<img class="disegnoPiastra" src="assets/icons/svg/disegno-piastra-riduzione.svg" />
<div class="input-circles border-piastra">
<div class="circle circle1" @click="showtast='piastra-y'">
<div class="circle circle1">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="y.valueAct" />
<label>mm</label>
</div>
<div class="circle circle2" @click="showtast='piastra-x'">
<div class="circle circle2">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="x.valueAct" />
<label>mm</label>
@@ -5,25 +5,15 @@ import { Prop } from 'vue-property-decorator';
@Component({})
export default class StampoSVG extends Vue {
@Prop()
value: string;
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({ default: 0 })
x: Recipe.IValue;
@Prop({ default: 0 })
y: Recipe.IValue;
@Prop({ default: 0 })
alt: number;
@Prop({ default: 0 })
altB: Recipe.IValue;
@Prop({ default: 0 })
stampoNeg: number;
@Prop({ default: 0 })
x: Recipe.IValue;
@Prop({ default: 0 })
y: Recipe.IValue;
@Prop({ default: 0 })
alt: number;
@Prop({ default: 0 })
altB: Recipe.IValue;
@Prop({ default: 0 })
stampoNeg: number;
}
@@ -2,27 +2,27 @@
<div class="svg-area">
<img class="disegnoStampo" src="assets/icons/svg/disegno-stampo.svg" />
<div class="input-circles border-stampo">
<div class="circle circle1" @click="showtast='stampo-alt'">
<div class="circle circle1">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="alt" />
<label>mm</label>
</div>
<div class="circle circle2" @click="showtast='stampo-altB'">
<div class="circle circle2">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="altB.valueAct" />
<label>mm</label>
</div>
<div class="circle circle3" @click="showtast='stampo-x'">
<div class="circle circle3">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="x.valueAct" />
<label>mm</label>
</div>
<div class="circle circle4" @click="showtast='stampo-y'">
<div class="circle circle4">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="y.valueAct" />
<label>mm</label>
</div>
<div class="circle circle5" @click="showtast='stampo-stamponeg'">
<div class="circle circle5">
<img src="assets/icons/png/quota.png" />
<input type="number" v-model.number="stampoNeg" />
<label>mm</label>
@@ -26,7 +26,6 @@ import { store } from "@/store";
piastra: Piastra,
cornice: Cornice,
controstampo: Controstampo,
tastierino: Tastierino,
stampoSVG: StampoSVG,
lastraSVG: LastraSVG,
piastraSVG: PiastraSVG,
@@ -39,37 +38,12 @@ export default class ShowFormatoInfo extends Vue {
recipe: Recipe.IRecipe = this.$store.getters.getCurrent();
show: string = "placeholder";
showtast: string = '';
@Prop({ default: 0 })
stamponeg: number;
@Prop({ default: 0 })
altezza: number;
get TastActualValue(): Recipe.IValue {
if (!this.showtast)
return null;
switch (this.showtast) {
case 'stampo-x': return this.recipe.general_sizes_mould_dim_x;
case 'stampo-y': return this.recipe.general_sizes_mould_dim_y;
// case 'stampo-alt': return this.altezza;
// case 'stampo-stamponeg': return this.stamponeg;
case 'stampo-altB': return this.recipe.general_sizes_mould_base_height;
case 'piastra-y': return this.recipe.general_sizes_plate_dim_y;
case 'piastra-x': return this.recipe.general_sizes_plate_dim_x;
case 'lastra-spes': return this.recipe.general_sizes_sheet_thickness;
case 'lastra-x': return this.recipe.general_sizes_sheet_dim_x;
case 'lastra-y': return this.recipe.general_sizes_sheet_dim_y;
case 'cornice-x': return this.recipe.general_sizes_frame_dim_x;
case 'cornice-y': return this.recipe.general_sizes_frame_dim_y;
case 'controstampo-alt': return this.recipe.general_sizes_upperplate_max_height;
default:
return null;
}
}
annulla() {
ModalHelper.HideModal();
};
@@ -36,7 +36,6 @@
<div class="specific">
<div v-if="show=='placeholder'" class="svg-area"></div>
<stampoSVG
v-model="showtast"
v-if="show=='stampo'"
:x="recipe.general_sizes_mould_dim_x"
:y="recipe.general_sizes_mould_dim_y"
@@ -46,28 +45,21 @@
></stampoSVG>
<lastraSVG
v-if="show=='lastra'"
v-model="showtast"
:x="recipe.general_sizes_sheet_dim_x"
:y="recipe.general_sizes_sheet_dim_y"
:spes="recipe.general_sizes_sheet_thickness"
></lastraSVG>
<piastraSVG
v-if="show=='piastra'"
v-model="showtast"
:x="recipe.general_sizes_plate_dim_x"
:y="recipe.general_sizes_plate_dim_y"
></piastraSVG>
<corniceSVG
v-if="show=='cornice'"
v-model="showtast"
:x="recipe.general_sizes_frame_dim_x"
:y="recipe.general_sizes_frame_dim_y"
></corniceSVG>
<controstampoSVG
v-if="show=='controstampo'"
v-model="showtast"
:alt="recipe.general_sizes_upperplate_max_height"
></controstampoSVG>
<controstampoSVG v-if="show=='controstampo'" :alt="recipe.general_sizes_upperplate_max_height"></controstampoSVG>
<div class="slides">
<img
@click="show='stampo'"
@@ -96,7 +88,6 @@
/>
</div>
</div>
<tastierino v-if="showtast" v-model="showtast" :actualValue="TastActualValue"></tastierino>
</section>
<footer>
<button class="btn" @click="annulla()">Annulla</button>
@@ -3,18 +3,18 @@ import Component from "vue-class-component";
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue"
@Component({name:"stampo", components:{slider:Slider} })
@Component({ name: "stampo" })
export default class Stampo extends Vue {
@Prop({default:0})
x:Recipe.IValue;
@Prop({default:0})
y:Recipe.IValue;
@Prop({default:0})
alt:number;
@Prop({default:0})
altB:Recipe.IValue;
@Prop({default:0})
stampoNeg:number;
@Prop()
x: Recipe.IValue;
@Prop()
y: Recipe.IValue;
@Prop()
alt: number;
@Prop()
altB: Recipe.IValue;
@Prop()
stampoNeg: number;
}
@@ -8,47 +8,27 @@
<label>Dimensione X</label>
<numeric v-model.number="x" />
</div>
<slider
:min="x.range.min"
:max="x.range.max"
v-model.number="x.valueAct"
></slider>
<slider :min="x.range.min" :max="x.range.max" v-model.number="x.valueAct"></slider>
<div class="input-area">
<label>Dimensione Y</label>
<numeric v-model.number="y" />
</div>
<slider
:min="y.range.min"
:max="y.range.max"
v-model.number="y.valueAct"
></slider>
<slider :min="y.range.min" :max="y.range.max" v-model.number="y.valueAct"></slider>
<div class="input-area">
<label>Altezza</label>
<numeric v-model.number="alt" />
</div>
<slider
:min="0"
:max="100"
v-model.number="alt"
></slider>
<slider :min="0" :max="100" v-model.number="alt"></slider>
<div class="input-area">
<label>Altezza base</label>
<numeric v-model.number="altB.valueAct" />
</div>
<slider
:min="altB.range.min"
:max="altB.range.max"
v-model.number="altB.valueAct"
></slider>
<slider :min="altB.range.min" :max="altB.range.max" v-model.number="altB.valueAct"></slider>
<div class="input-area">
<label>Stampo negativo</label>
<numeric v-model.number="stampoNeg" />
</div>
<slider
:min="0"
:max="100"
v-model.number="stampoNeg"
></slider>
<slider :min="0" :max="100" v-model.number="stampoNeg"></slider>
</div>
</div>
</template>
@@ -1,30 +1,20 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({name:'svgtermosuperiore'})
export default class SVGTermoregolazioneSuperiore extends Vue{
@Component({ name: 'svgtermosuperiore' })
export default class SVGTermoregolazioneSuperiore extends Vue {
@Prop()
value: string;
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
max:Recipe.IValue;
@Prop({default:0})
min:Recipe.IValue;
@Prop({default:0})
inizio:Recipe.IValue;
@Prop({default:0})
fine:Recipe.IValue;
@Prop({default:0})
perc_riposo:Recipe.IValue;
@Prop({ default: 0 })
max: Recipe.IValue;
@Prop({ default: 0 })
min: Recipe.IValue;
@Prop({ default: 0 })
inizio: Recipe.IValue;
@Prop({ default: 0 })
fine: Recipe.IValue;
@Prop({ default: 0 })
perc_riposo: Recipe.IValue;
}
@@ -2,24 +2,24 @@
<div class="svg-area">
<img class="disegnoTermoSuperiore" src="assets/icons/svg/disegno-termosuperiore.svg" />
<div class="input-circles border-termo-superiore">
<div class="circle circle1" @click="showtast='termo-max'">
<div class="circle circle1">
<input type="number" v-model.number="max.valueAct" />
<label>%</label>
</div>
<div class="circle circle2" @click="showtast='termo-min'">
<div class="circle circle2">
<input type="number" v-model.number="min.valueAct" />
<label>%</label>
</div>
<div class="circle circle3" @click="showtast='termo-percriposo'">
<div class="circle circle3">
<input type="number" v-model.number="perc_riposo.valueAct" />
<label>%</label>
</div>
<div class="circle circle4" @click="showtast='termo-inizio'">
<div class="circle circle4">
<img src="assets/icons/png/temperatura.png" />
<input type="number" v-model.number="inizio.valueAct" />
<label>°C</label>
</div>
<div class="circle circle5" @click="showtast='termo-fine'">
<div class="circle circle5">
<img src="assets/icons/png/temperatura.png" />
<input type="number" v-model.number="fine.valueAct" />
<label>°C</label>
@@ -1,39 +1,25 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
import SVGTermoregolazioneSuperiore from './SVG_Components/SVG-termo-superiore.vue';
import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
@Component({name:'termosuperiore',
components: {
slider:Slider,
ToggleButton,
svgtermosuperiore:SVGTermoregolazioneSuperiore,
tastierino:Tastierino
}})
export default class TermoregolazioneSuperiore extends Vue{
@Component({
name: 'termosuperiore',
components: {
slider: Slider,
ToggleButton,
svgtermosuperiore: SVGTermoregolazioneSuperiore,
}
})
export default class TermoregolazioneSuperiore extends Vue {
showtast:string='';
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
get TastActualValue(): Recipe.IValue{
if(!this.showtast)
return null;
switch (this.showtast) {
case 'termo-max': return this.recipe.pyrometer_upperthermoregulator_max_percentage;
case 'termo-min': return this.recipe.pyrometer_upperthermoregulator_min_percentage;
case 'termo-percriposo': return this.recipe.pyrometer_upperthermoregulator_sleep_percentage;
case 'termo-inizio': return this.recipe.pyrometer_upperthermoregulator_start_adjustment;
case 'termo-fine': return this.recipe.pyrometer_upperthermoregulator_end_adjustment;
default:
return null;
}
}
}
@@ -85,7 +85,6 @@
<hr />
<div class="specific termospecific">
<svgtermosuperiore
v-model="showtast"
:max="recipe.pyrometer_upperthermoregulator_max_percentage"
:min="recipe.pyrometer_upperthermoregulator_min_percentage"
:perc_riposo="recipe.pyrometer_upperthermoregulator_sleep_percentage"
@@ -96,7 +95,6 @@
<img src="assets/icons/png/double.png" />
</button>
</div>
<tastierino v-if="showtast" v-model="showtast" :actualValue="TastActualValue"></tastierino>
</section>
</template>
@@ -1,28 +1,18 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({})
export default class QuoteVelocita extends Vue{
@Prop()
value: string;
export default class QuoteVelocita extends Vue {
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
corsa:Recipe.IValue;
@Prop({default:0})
vel_salita:Recipe.IValue;
@Prop({default:0})
vel_salita_lenta:number;
@Prop({default:0})
rall_salita:number;
@Prop({ default: 0 })
corsa: Recipe.IValue;
@Prop({ default: 0 })
vel_salita: Recipe.IValue;
@Prop({ default: 0 })
vel_salita_lenta: number;
@Prop({ default: 0 })
rall_salita: number;
}
@@ -3,24 +3,24 @@
<img class="disegnoQuoteVelocita" src="assets/icons/svg/disegno-quote-velocita.svg" />
<div class="input-circles">
<div class="circle circle1">
<div @click="showtast='quote-rallsalita'">
<div>
<img src="assets/icons/png/salita.png" />
<input type="number" v-model.number="rall_salita" />
<label>mm</label>
</div>
<div @click="showtast='quote-velsalitalenta'">
<div>
<img src="assets/icons/png/bassa.png" />
<input type="number" v-model.number="vel_salita_lenta" />
<label>mm/s</label>
</div>
</div>
<div class="circle circle2">
<div @click="showtast='quote-corsa'">
<div>
<img src="assets/icons/png/salita.png" />
<input type="number" v-model.number="corsa.valueAct" />
<label>mm</label>
</div>
<div @click="showtast='quote-velsalita'">
<div>
<img src="assets/icons/png/alta.png" />
<input type="number" v-model.number="vel_salita.valueAct" />
<label>mm/s</label>
@@ -29,43 +29,43 @@
<div class="circle circle3">
<div>
<img src="assets/icons/png/discesa.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle4">
<div>
<img src="assets/icons/png/quota.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm</label>
</div>
</div>
<div class="circle circle5">
<div>
<img src="assets/icons/png/discesa.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle6">
<div>
<img src="assets/icons/png/discesa.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/bassa.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm/s</label>
</div>
</div>
@@ -1,28 +1,19 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({})
export default class QuoteVelocita extends Vue{
export default class QuoteVelocita extends Vue {
@Prop()
value: string;
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
corsa:Recipe.IValue;
@Prop({default:0})
vel_salita:Recipe.IValue;
@Prop({default:0})
vel_salita_lenta:Recipe.IValue;
@Prop({default:0})
rall_salita:Recipe.IValue;
@Prop({ default: 0 })
corsa: Recipe.IValue;
@Prop({ default: 0 })
vel_salita: Recipe.IValue;
@Prop({ default: 0 })
vel_salita_lenta: Recipe.IValue;
@Prop({ default: 0 })
rall_salita: Recipe.IValue;
}
@@ -1,28 +1,19 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
@Component({})
export default class Controstamposvg extends Vue{
@Prop()
value: string;
export default class Controstamposvg extends Vue {
get showtast() {
return this.value;
}
set showtast(v: string) {
this.$emit('input', v);
}
@Prop({default:0})
corsa:Recipe.IValue;
@Prop({default:0})
vel_discesa:Recipe.IValue;
@Prop({default:0})
vel_discesa_lenta:number;
@Prop({default:0})
rall_discesa:number;
@Prop({ default: 0 })
corsa: Recipe.IValue;
@Prop({ default: 0 })
vel_discesa: Recipe.IValue;
@Prop({ default: 0 })
vel_discesa_lenta: number;
@Prop({ default: 0 })
rall_discesa: number;
}
@@ -8,46 +8,46 @@ e<template>
<div class="circle circle-controstampo-1">
<div>
<img src="assets/icons/png/salita.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle-controstampo-2">
<div>
<img src="assets/icons/png/salita.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/bassa.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle-controstampo-3">
<div @click="showtast='controstampo-ralldiscesa'">
<div>
<img src="assets/icons/png/discesa.png" />
<input type="number" v-model.number="rall_discesa" />
<label>mm</label>
</div>
<div @click="showtast='controstampo-veldiscesalenta'">
<div>
<img src="assets/icons/png/bassa.png" />
<input type="number" v-model.number="vel_discesa_lenta" />
<label>mm/s</label>
</div>
</div>
<div class="circle circle-controstampo-4">
<div @click="showtast='controstampo-corsa'">
<div>
<img src="assets/icons/png/discesa.png" />
<input type="number" v-model.number="corsa.valueAct" />
<label>mm</label>
</div>
<div @click="showtast='controstampo-veldiscesa'">
<div>
<img src="assets/icons/png/alta.png" />
<input type="number" v-model.number="vel_discesa.valueAct" />
<label>mm/s</label>
@@ -56,7 +56,7 @@ e<template>
<div class="circle circle-controstampo-5">
<div>
<img src="assets/icons/png/quota.png" />
<!-- <input type="number" v-model.number="" @click="showtast=true"> mancante -->
<!-- <input type="number" v-model.number="" > mancante -->
<label>mm</label>
</div>
</div>
@@ -1,48 +1,37 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import Scheda from "@/app_modules_thermo/components/scheda.vue";
import Controstamposvg from "./SVG_Components/svgcontrostampo.vue";
import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
@Component({name:"controstampo",
components: { scheda:Scheda,
slider:Slider,svgcontrostampo:Controstamposvg,tastierino:Tastierino
}
@Component({
name: "controstampo",
components: {
scheda: Scheda,
svgcontrostampo: Controstamposvg
}
})
export default class Controstampo extends Vue {
showtast:string='';
get TastActualValue(): Recipe.IValue{
if(!this.showtast)
return null;
switch (this.showtast) {
case 'controstampo-corsa': return this.recipe.positions_upperplate_lower_position;
case 'controstampo-veldiscesa': return this.recipe.positions_upperplate_lower_speed;
default:
return null;
}
}
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
@Prop({default:0})
ritardo:number;
@Prop({ default: 0 })
ritardo: number;
mockR:number=this.ritardo;
mockR: number = this.ritardo;
@Prop({default:0})
rallentamento_discesa:number;
@Prop({ default: 0 })
rallentamento_discesa: number;
mockRD:number=this.rallentamento_discesa;
mockRD: number = this.rallentamento_discesa;
@Prop({default:0})
velocità_discesa_lenta:number;
@Prop({ default: 0 })
velocità_discesa_lenta: number;
mockVDL:number=this.velocità_discesa_lenta;
mockVDL: number = this.velocità_discesa_lenta;
}
@@ -64,7 +64,6 @@
<hr />
<div class="specific">
<svgcontrostampo
v-model="showtast"
:corsa="recipe.positions_upperplate_lower_position"
:vel_discesa="recipe.positions_upperplate_lower_speed"
></svgcontrostampo>
@@ -72,7 +71,6 @@
<img src="assets/icons/png/w.png" />
</button>
</div>
<tastierino v-if="showtast" v-model="showtast" :actualValue="TastActualValue"></tastierino>
</section>
</template>
@@ -5,36 +5,22 @@ import Slider from "@/app_modules_thermo/components/slider.vue";
import QuoteVelocitaSVG from "./SVG_Components/quote-velocita.vue";
import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
@Component({name:"discesacornice", components:{quoteVelocitaSVG: QuoteVelocitaSVG,slider:Slider,tastierino:Tastierino}})
@Component({ name: "discesacornice", components: { quoteVelocitaSVG: QuoteVelocitaSVG } })
export default class DiscesaCornice extends Vue {
showtast:string='';
get TastActualValue(): Recipe.IValue{
if(!this.showtast)
return null;
switch (this.showtast) {
case 'quote-corsa': return this.recipe.positions_frame_upper_position;
case 'quote-velsalita': return this.recipe.positions_frame_upper_speed;
default:
return null;
}
}
@Prop()
recipe:Recipe.IRecipe;
@Prop({default:0})
ritardo:number;
@Prop({default:0})
ralSalita:number;
@Prop({default:0})
velSalitaLenta:number;
@Prop()
recipe: Recipe.IRecipe;
mock_ritardo:number=this.ritardo;
mock_ralSalita:number=this.ralSalita;
mock_velSalitaLenta:number=this.velSalitaLenta;
@Prop({ default: 0 })
ritardo: number;
@Prop({ default: 0 })
ralSalita: number;
@Prop({ default: 0 })
velSalitaLenta: number;
mock_ritardo: number = this.ritardo;
mock_ralSalita: number = this.ralSalita;
mock_velSalitaLenta: number = this.velSalitaLenta;
}
@@ -64,7 +64,6 @@
<hr />
<div class="specific">
<quoteVelocitaSVG
v-model="showtast"
:corsa="recipe.positions_frame_upper_position"
:vel_salita="recipe.positions_frame_upper_speed"
></quoteVelocitaSVG>
@@ -72,7 +71,6 @@
<img src="assets/icons/png/w.png" />
</button>
</div>
<tastierino v-if="showtast" v-model="showtast" :actualValue="TastActualValue"></tastierino>
</section>
</template>
@@ -5,32 +5,13 @@ import Slider from "@/app_modules_thermo/components/slider.vue"
import StampoSVG from "./SVG_Components/stampo.vue";
import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
@Component({name:"salita-stampo", components:{slider:Slider, tastierino:Tastierino, stampoSVG: StampoSVG}})
@Component({ name: "salita-stampo", components: { stampoSVG: StampoSVG } })
export default class DiscesaCornice extends Vue {
@Prop({default:0})
ritardo:number;
showtast:string='';
get TastActualValue(): Recipe.IValue{
if(!this.showtast)
return null;
switch (this.showtast) {
case 'stampo-rallsalita': return this.recipe.positions_mould_upperdeceleration_position;
case 'stampo-velsalitalenta': return this.recipe.positions_mould_upperdeceleration_speed;
case 'stampo-corsa': return this.recipe.positions_mould_upper_position;
case 'stampo-velsalita': return this.recipe.positions_mould_upper_speed;
default:
return null;
}
}
mock_ritardo:number=this.ritardo;
@Prop({ default: 0 })
ritardo: number;
@Prop()
recipe:Recipe.IRecipe;
recipe: Recipe.IRecipe;
}
@@ -80,7 +80,6 @@
<hr />
<div class="specific">
<stampoSVG
v-model="showtast"
:corsa="recipe.positions_mould_upper_position"
:vel_salita="recipe.positions_mould_upper_speed"
:rall_salita="recipe.positions_mould_upperdeceleration_position"
@@ -90,7 +89,6 @@
<img src="assets/icons/png/w.png" />
</button>
</div>
<tastierino v-if="showtast" v-model="showtast" :actualValue="TastActualValue"></tastierino>
</section>
</template>