fix pirometro inferiore
This commit is contained in:
+2
-1
@@ -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()
|
||||
|
||||
+44
-60
@@ -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>
|
||||
+1
-1
@@ -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()
|
||||
|
||||
Reference in New Issue
Block a user