fix pirometro inferiore

This commit is contained in:
=
2020-06-19 10:45:48 +02:00
parent eedd1bee1f
commit daf9c93309
3 changed files with 47 additions and 62 deletions
@@ -2,8 +2,9 @@ import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import termoChart from "./termoChart.vue";
import controlBox from "./controlBox.vue";
@Component({ name: 'svgtermoinferiore', components: { termoChart } })
@Component({ components: { termoChart, controlBox } })
export default class SVGTermoregolazioneInferiore extends Vue {
@Prop()
@@ -1,68 +1,52 @@
<template>
<div class="svg-area">
<termo-chart></termo-chart>
<div
class="borded_label"
id="quota1"
v-focus-on="pyrometer_lowerthermoregulator_sleep_percentage"
<div class="svg-area pirometro">
<termo-chart
:max-y="recipe.pyrometer_lowerthermoregulator_max_percentage.range.max"
:max-x="recipe.pyrometer_lowerthermoregulator_end_adjustment.range.max"
:y1="recipe.pyrometer_lowerthermoregulator_sleep_percentage.setpointHMI"
:y2="recipe.pyrometer_lowerthermoregulator_min_percentage.setpointHMI"
:y3="recipe.pyrometer_lowerthermoregulator_max_percentage.setpointHMI"
:x1="10"
:x2="recipe.pyrometer_lowerthermoregulator_start_adjustment.setpointHMI"
:x3="recipe.pyrometer_lowerthermoregulator_end_adjustment.setpointHMI"
>
<div>
<span>{{recipe.pyrometer_lowerthermoregulator_sleep_percentage.setpointHMI}}</span>
<small>{{recipe.pyrometer_lowerthermoregulator_sleep_percentage.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota2" v-focus-on="pyrometer_lowerthermoregulator_min_percentage">
<div>
<span>{{recipe.pyrometer_lowerthermoregulator_min_percentage.setpointHMI}}</span>
<small>{{recipe.pyrometer_lowerthermoregulator_min_percentage.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota3" v-focus-on="pyrometer_lowerthermoregulator_max_percentage">
<div>
<span>{{recipe.pyrometer_lowerthermoregulator_max_percentage.setpointHMI}}</span>
<small>{{recipe.pyrometer_lowerthermoregulator_max_percentage.unitMeasure}}</small>
</div>
</div>
<div
class="borded_label"
id="quota4"
v-focus-on="pyrometer_lowerthermoregulator_start_adjustment"
>
<div>
<img src="assets/icons/png/temperatura.png" />
<span>{{recipe.pyrometer_lowerthermoregulator_start_adjustment.setpointHMI}}</span>
<small>{{recipe.pyrometer_lowerthermoregulator_start_adjustment.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota5" v-focus-on="pyrometer_lowerthermoregulator_end_adjustment">
<div>
<img src="assets/icons/png/temperatura.png" />
<span>{{recipe.pyrometer_lowerthermoregulator_end_adjustment.setpointHMI}}</span>
<small>{{recipe.pyrometer_lowerthermoregulator_end_adjustment.unitMeasure}}</small>
</div>
</div>
<control-box
v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"
slot="y1"
:move-vertical="true"
:scale="0.2"
></control-box>
<control-box
v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"
slot="y2"
:move-vertical="true"
:scale="0.2"
></control-box>
<control-box
v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"
slot="y3"
:move-vertical="true"
:scale="0.2"
></control-box>
<control-box
v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"
slot="x2"
:move-horizontal="true"
:scale="0.3"
></control-box>
<control-box
v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"
slot="x3"
:move-horizontal="true"
:scale="0.3"
></control-box>
</termo-chart>
</div>
</template>
<style scoped>
#quota1 {
top: 605px;
left: 0px;
}
#quota2 {
top: 455px;
left: 0px;
}
#quota3 {
top: 145px;
left: 0px;
}
#quota4 {
top: 718px;
left: 548px;
}
#quota5 {
top: 718px;
left: 953px;
.svg-area.pirometro {
padding: 50px;
width: calc(100% - 100px) !important;
}
</style>
<script lang="ts" src="./SVG-termo-inferiore.ts"></script>
@@ -4,7 +4,7 @@ import { Prop } from 'vue-property-decorator';
import termoChart from "./termoChart.vue";
import controlBox from "./controlBox.vue";
@Component({ name: 'svgtermosuperiore', components: { termoChart, controlBox } })
@Component({ components: { termoChart, controlBox } })
export default class SVGTermoregolazioneSuperiore extends Vue {
@Prop()