fixed styles
This commit is contained in:
francesco.guerrieri
@@ -0,0 +1,47 @@
|
||||
// out: false, sourceMap: false, main: ../style.less
|
||||
@import "grid-system.less";
|
||||
@import "colors.less";
|
||||
@import "fonts.less";
|
||||
|
||||
.@{modal}.drawing-info {
|
||||
width: 1820px;
|
||||
height: 980px;
|
||||
header {
|
||||
background-color: @color-white;
|
||||
color: @color-darkish-blue;
|
||||
font-family: Lato;
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
text-align: left;
|
||||
padding: 0px 23px;
|
||||
}
|
||||
.icon-dues{
|
||||
margin: 5px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.box-select-drawing{
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.graph-drawing{
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.container-graph{
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.box-graph{
|
||||
border: solid 4px #848484;
|
||||
width: 490px;
|
||||
height: 280px;
|
||||
background-color: #e5f3ff;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -11,6 +11,7 @@
|
||||
@import "raffreddamento.less";
|
||||
@import "controstamposetup.less";
|
||||
@import "quote-velocita.less";
|
||||
@import "imbutitura.less";
|
||||
@import "estrazione.less";
|
||||
@import "popups.less";
|
||||
@import "grid-system.less";
|
||||
|
||||
@@ -4662,6 +4662,41 @@ img {
|
||||
border: solid 1px #001e48;
|
||||
background-image: linear-gradient(to bottom, #1756ad, #002680);
|
||||
}
|
||||
.modal.drawing-info {
|
||||
width: 1820px;
|
||||
height: 980px;
|
||||
}
|
||||
.modal.drawing-info header {
|
||||
background-color: #fff;
|
||||
color: #002680;
|
||||
font-family: Lato;
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
text-align: left;
|
||||
padding: 0px 23px;
|
||||
}
|
||||
.modal.drawing-info .icon-dues {
|
||||
margin: 5px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
object-fit: contain;
|
||||
}
|
||||
.modal.drawing-info .box-select-drawing {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.modal.drawing-info .graph-drawing {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.modal.drawing-info .container-graph {
|
||||
margin-left: 16px;
|
||||
}
|
||||
.modal.drawing-info .box-graph {
|
||||
border: solid 4px #848484;
|
||||
width: 490px;
|
||||
height: 280px;
|
||||
background-color: #e5f3ff;
|
||||
padding: 20px;
|
||||
}
|
||||
.modal.estrazione-info {
|
||||
margin-top: 100px;
|
||||
width: 1370px;
|
||||
|
||||
@@ -14,6 +14,7 @@ import ShowControstampoInfo from "@/app_modules_thermo/controstampo_setup/compon
|
||||
import ShowQuoteVelocitaInfo from "@/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue";
|
||||
import ShowEstrazioneInfo from "@/app_modules_thermo/estrazione/components/show-estrazione-info.vue";
|
||||
import ShowVuotoInfo from "@/app_modules_thermo/vuoto/show-vuoto-info.vue";
|
||||
import ShowImbutituraInfo from "@/app_modules_thermo/imbutitura/show-imbutitura-info.vue";
|
||||
// import { DataService } from "./services/dataService";
|
||||
// import { ToolingService } from "./services/toolingService";
|
||||
// import { DepotService } from "./services/depotService";
|
||||
@@ -60,6 +61,8 @@ messageService.subscribeToChannel("show-pirometro-info", () => { ModalHelper.Sho
|
||||
messageService.subscribeToChannel("show-user-info", () => { ModalHelper.ShowModal(UserInfoDialog); });
|
||||
messageService.subscribeToChannel("show-machine-info", () => { ModalHelper.ShowModal(MachineInfoDialog); });
|
||||
messageService.subscribeToChannel("show-contact-info", () => { ModalHelper.ShowModal(ContactInfoDialog); });
|
||||
messageService.subscribeToChannel("show-imbutitura-info", () => { ModalHelper.ShowModal(ShowImbutituraInfo); });
|
||||
|
||||
// messageService.subscribeToChannel("show-axes-calibration", () => { ModalHelper.ShowNcModal(AxesCalibration); });
|
||||
// messageService.subscribeToChannel("hide-axes-calibration", () => { ModalHelper.HideNcModal(AxesCalibration); });
|
||||
// messageService.subscribeToChannel("show-m155-questions", () => { ModalHelper.ShowNextM155Modal(); });
|
||||
|
||||
@@ -0,0 +1,56 @@
|
||||
import Vue from "vue";
|
||||
import { Modal, ModalHelper } from "@/components/modals";
|
||||
import { Factory, messageService, awaiter } from "@/_base";
|
||||
import Component from "vue-class-component";
|
||||
import StepFooter from "@/app_modules_thermo/setup/components/step-footer.vue"
|
||||
import { Prop } from "vue-property-decorator";
|
||||
import Slider from "@/app_modules_thermo/components/slider.vue";
|
||||
|
||||
@Component({
|
||||
components: {
|
||||
modal: Modal,
|
||||
slider: Slider,
|
||||
stepfooter:StepFooter
|
||||
}
|
||||
})
|
||||
export default class ShowImbutituraInfo extends Vue {
|
||||
|
||||
@Prop({default:0})
|
||||
ritardo:number;
|
||||
@Prop({default:0})
|
||||
altBolla:number;
|
||||
@Prop({default:0})
|
||||
portMantenimento:number;
|
||||
@Prop({default:0})
|
||||
portManuale:number;
|
||||
@Prop({default:0})
|
||||
portata:number;
|
||||
@Prop({default:0})
|
||||
durata:number;
|
||||
|
||||
|
||||
annulla(){
|
||||
ModalHelper.HideModal();
|
||||
};
|
||||
|
||||
conferma(){
|
||||
ModalHelper.HideModal();
|
||||
};
|
||||
|
||||
async beforeMount() {
|
||||
// this.contactInfo = await awaiter(new machineService().getContactConfiguration());
|
||||
messageService.subscribeToChannel("esc_pressed", args => {
|
||||
this.close();
|
||||
});
|
||||
}
|
||||
|
||||
beforeDestroy() {
|
||||
messageService.deleteChannel("esc_pressed");
|
||||
}
|
||||
|
||||
close() {
|
||||
messageService.deleteChannel("esc_pressed");
|
||||
ModalHelper.HideModal();
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<div class="setup">
|
||||
<modal type="drawing-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">
|
||||
<div class="input-area">
|
||||
<img class="icon-dues" src="assets/icons/png/clessidra.png">
|
||||
<label>Ritardo</label>
|
||||
<div class="rect">{{ritardo}} mm</div>
|
||||
</div>
|
||||
<slider :min="0" :max="10" v-model="ritardo"></slider>
|
||||
<hr>
|
||||
<div class="input-area box-select-drawing">
|
||||
<label>Tipo</label>
|
||||
<select>
|
||||
<option class="opzione" value="A tempo">A tempo</option>
|
||||
<option class="opzione" value="Mantenuta">Mantenuta</option>
|
||||
<option class="opzione" value="Negativa">Negativa</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-area box-select-drawing">
|
||||
<label>Fotocellula</label>
|
||||
<select>
|
||||
<option class="opzione" value="Label opzioni">Label opzioni</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-area">
|
||||
<label>Altezza bolla</label>
|
||||
<div class="rect">{{altBolla}} mm</div>
|
||||
</div>
|
||||
<slider :min="0" :max="500" v-model="altBolla"></slider>
|
||||
<div class="input-area">
|
||||
<label>Portata mantenimento</label>
|
||||
<div class="rect">{{portMantenimento}} %</div>
|
||||
</div>
|
||||
<slider :min="0" :max="100" v-model="portMantenimento"></slider>
|
||||
<div class="input-area">
|
||||
<label>Portata manuale</label>
|
||||
<div class="rect">{{portManuale}} %</div>
|
||||
</div>
|
||||
<slider :min="0" :max="100" v-model="portManuale"></slider>
|
||||
</aside>
|
||||
<div class="specific graph-drawing">
|
||||
<div class="container-graph">
|
||||
<div class="box-graph">
|
||||
<div class="input-area">
|
||||
<label>Portata</label>
|
||||
<div class="rect">{{portata}}</div>
|
||||
</div>
|
||||
<slider :min="0" :max="10" v-model="portata"></slider>
|
||||
<div class="input-area">
|
||||
<label>Durata</label>
|
||||
<div class="rect">{{durata}} s</div>
|
||||
</div>
|
||||
<slider :min="0" :max="2" v-model="durata"></slider>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 />
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./show-imbutitura-info.ts"></script>
|
||||
@@ -38,7 +38,7 @@
|
||||
></setup-button>
|
||||
|
||||
<setup-button
|
||||
@click="sendMessage('show-imbutitura')"
|
||||
@click="sendMessage('show-imbutitura-info')"
|
||||
:phase="6"
|
||||
title="Imbutitura"
|
||||
statusImage="fa fa-minus-circle"
|
||||
|
||||
Reference in New Issue
Block a user