add filed .ts for cards
This commit is contained in:
Alessio
@@ -0,0 +1,19 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class CardAssitedTooling extends Vue{
|
||||
|
||||
@Prop({default: 0})
|
||||
magId:number;
|
||||
@Prop({default: 0})
|
||||
posId:number;
|
||||
@Prop({default:"../assets/icons/Tools/Tools.png"})
|
||||
imgSource:string;
|
||||
@Prop({default: false})
|
||||
isUp:boolean;
|
||||
@Prop({default: false})
|
||||
isDown:boolean;
|
||||
|
||||
}
|
||||
@@ -20,14 +20,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
magId: {default: 0},
|
||||
posId: {default: 0},
|
||||
imgSource: {default:"../assets/icons/Tools/Tools.png"},
|
||||
isUp: {default: false},
|
||||
isDown: {default: false}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./card-assisted-tooling.ts"></script>
|
||||
@@ -0,0 +1,13 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class CardBusyDepot extends Vue{
|
||||
|
||||
@Prop({default:4})
|
||||
type:number;
|
||||
@Prop({default:false})
|
||||
toolInSpindle:boolean;
|
||||
|
||||
}
|
||||
@@ -26,13 +26,5 @@
|
||||
</div>
|
||||
</span>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
type: {default:4},
|
||||
toolInSpindle: {default:false}
|
||||
},
|
||||
methods:{
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./card-busy-depot.ts"></script>
|
||||
@@ -0,0 +1,29 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class CardFolderPath extends Vue{
|
||||
|
||||
@Prop({ default: "/assets/icons/_png/folder-closed-25x25.png"})
|
||||
imgSource:string;
|
||||
@Prop({ default: "PC"})
|
||||
name:string;
|
||||
@Prop({default: true})
|
||||
withArrow:boolean;
|
||||
@Prop({default: "FOLDER"})
|
||||
iconType:string;
|
||||
@Prop({default: false})
|
||||
disabled:boolean;
|
||||
@Prop({default: false})
|
||||
selected:boolean;
|
||||
@Prop({default: true})
|
||||
fileExist:boolean;
|
||||
|
||||
|
||||
onClick(){
|
||||
if(!this.disabled)
|
||||
this.$emit("click");
|
||||
};
|
||||
|
||||
}
|
||||
@@ -19,22 +19,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
imgSource: { default: "/assets/icons/_png/folder-closed-25x25.png"},
|
||||
name:{ default: "PC"},
|
||||
withArrow: {default: true},
|
||||
iconType: {default: "FOLDER"},
|
||||
disabled: {default: false},
|
||||
selected: {default: false},
|
||||
fileExist: {default: true}
|
||||
},
|
||||
methods:{
|
||||
onClick(){
|
||||
if(!this.disabled)
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./card-folder-path.ts"></script>
|
||||
@@ -0,0 +1,16 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class CardReport extends Vue{
|
||||
|
||||
@Prop({default: ""})
|
||||
title:string;
|
||||
|
||||
|
||||
onClick(){
|
||||
this.$emit("click");
|
||||
};
|
||||
|
||||
}
|
||||
@@ -9,15 +9,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
title: {default: ""},
|
||||
}, methods:{
|
||||
onClick: function(){
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<script lang="ts" src="./card-report.ts"></script>
|
||||
@@ -0,0 +1,28 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class CardToolDepot extends Vue{
|
||||
|
||||
@Prop({default:"E13"})
|
||||
code:string;
|
||||
@Prop({default:"Utensile XYZ"})
|
||||
title:string;
|
||||
@Prop({default:"../assets/icons/_png/fresa-raggiatura-104x104.png"})
|
||||
imgSource:string;
|
||||
@Prop({default:false})
|
||||
editable:boolean;
|
||||
@Prop({default:0})
|
||||
headId:number;
|
||||
|
||||
|
||||
onClick(){
|
||||
this.$emit("click");
|
||||
};
|
||||
|
||||
onClickInfo(){
|
||||
this.$emit("clickinfo");
|
||||
};
|
||||
|
||||
}
|
||||
@@ -18,22 +18,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
code: {default:"E13"},
|
||||
title: {default:"Utensile XYZ"},
|
||||
imgSource: {default:"../assets/icons/_png/fresa-raggiatura-104x104.png"},
|
||||
editable: false,
|
||||
headId: {default:0}
|
||||
},
|
||||
methods:{
|
||||
onClick(){
|
||||
this.$emit("click");
|
||||
},
|
||||
onClickInfo(){
|
||||
this.$emit("clickinfo");
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./card-tool-depot.ts"></script>
|
||||
@@ -0,0 +1,20 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class CardUtilities extends Vue{
|
||||
|
||||
@Prop({default:""})
|
||||
title:string;
|
||||
@Prop({default:""})
|
||||
letters:string;
|
||||
@Prop({default:""})
|
||||
image:string;
|
||||
|
||||
|
||||
clickEvent(){
|
||||
this.$emit("on-click-event");
|
||||
};
|
||||
|
||||
}
|
||||
@@ -13,17 +13,5 @@
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
title: {default:""},
|
||||
letters: {default:""},
|
||||
image: {default:""}
|
||||
},
|
||||
methods:{
|
||||
clickEvent(){
|
||||
this.$emit("on-click-event");
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./card-utilities.ts"></script>
|
||||
@@ -0,0 +1,20 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class Card extends Vue{
|
||||
|
||||
@Prop({default: ""})
|
||||
title:string;
|
||||
@Prop({default:""})
|
||||
imgSource:string;
|
||||
@Prop({default:false})
|
||||
locked:boolean;
|
||||
|
||||
|
||||
onClick(){
|
||||
this.$emit("click");
|
||||
};
|
||||
|
||||
}
|
||||
@@ -12,17 +12,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
title: {default: ""},
|
||||
imgSource: {default:""},
|
||||
locked: {default:false}
|
||||
}, methods:{
|
||||
onClick: function(){
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<script lang="ts" src="./card.ts"></script>
|
||||
@@ -0,0 +1,38 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class DetailCard extends Vue{
|
||||
|
||||
@Prop({default:0})
|
||||
posId:number;
|
||||
@Prop({default:""})
|
||||
label:string;
|
||||
@Prop({default:1})
|
||||
physicalType:number;
|
||||
@Prop({default:1})
|
||||
type:number;
|
||||
@Prop({ default: false })
|
||||
magposOccupied:boolean;
|
||||
@Prop({ default: false })
|
||||
toolMounted:boolean;
|
||||
@Prop({ default: false })
|
||||
editable:boolean;
|
||||
@Prop({ default: false })
|
||||
disabled:boolean;
|
||||
@Prop({default: false})
|
||||
assistedTooling:boolean;
|
||||
@Prop({default: false})
|
||||
magazineLocked:boolean;
|
||||
|
||||
|
||||
onClick(action){
|
||||
this.$emit("click", action, this.posId, this.type);
|
||||
};
|
||||
|
||||
isOdd(num){
|
||||
return (num %2 == 1);
|
||||
};
|
||||
|
||||
}
|
||||
@@ -21,27 +21,5 @@
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
posId:{default:0},
|
||||
label:{default:""},
|
||||
physicalType:{default:1},
|
||||
type:{default:1},
|
||||
magposOccupied:{ default: false },
|
||||
toolMounted:{ default: false },
|
||||
editable:{ default: false },
|
||||
disabled:{ default: false },
|
||||
assistedTooling: {default: false},
|
||||
magazineLocked: {default: false}
|
||||
},
|
||||
methods:{
|
||||
onClick(action){
|
||||
this.$emit("click", action, this.posId, this.type);
|
||||
},
|
||||
isOdd(num){
|
||||
return (num %2 == 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./detail-card.ts"></script>
|
||||
|
||||
@@ -0,0 +1,26 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class Equipment extends Vue{
|
||||
|
||||
@Prop({default: ""})
|
||||
code:string;
|
||||
@Prop({default: "Utensile XYZ"})
|
||||
title:string;
|
||||
@Prop({default:""})
|
||||
imgSource:string;
|
||||
@Prop({default: null})
|
||||
magPosition;
|
||||
@Prop({default: null})
|
||||
shankPosition;
|
||||
@Prop({default: 0})
|
||||
headId:number;
|
||||
|
||||
|
||||
onClick(){
|
||||
this.$emit("click");
|
||||
};
|
||||
|
||||
}
|
||||
@@ -20,20 +20,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
code: {default: ""},
|
||||
title: {default: "Utensile XYZ"},
|
||||
imgSource: {default:""},
|
||||
magPosition: {default: null},
|
||||
shankPosition: {default: null},
|
||||
headId: {default: 0}
|
||||
},
|
||||
methods:{
|
||||
onClick(){
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./equipment.ts"></script>
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class LoadEquipment extends Vue{
|
||||
|
||||
@Prop({default: ""})
|
||||
code:string;
|
||||
@Prop({default: ""})
|
||||
title:string;
|
||||
@Prop({default:""})
|
||||
imgSource:string;
|
||||
@Prop({default: false})
|
||||
isUp:boolean;
|
||||
@Prop({default: false})
|
||||
isDown:boolean;
|
||||
|
||||
}
|
||||
@@ -14,14 +14,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
code: {default: ""},
|
||||
title: {default: ""},
|
||||
imgSource: {default:""},
|
||||
isUp: {default: false},
|
||||
isDown: {default: false}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lamg="ts" src="./load-equipment.ts"></script>
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class MissingTool extends Vue{
|
||||
|
||||
@Prop({ default: "E23" })
|
||||
code:string;
|
||||
@Prop({ default: "Utensile ABC" })
|
||||
title:string;
|
||||
@Prop({ default: "Non presente in macchina" })
|
||||
error:string;
|
||||
@Prop({ default: "../assets/icons/Tools/Saw.png" })
|
||||
imgSource:string;
|
||||
|
||||
|
||||
onClick() {
|
||||
this.$emit("click");
|
||||
};
|
||||
|
||||
}
|
||||
@@ -16,18 +16,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
code: { default: "E23" },
|
||||
title: { default: "Utensile ABC" },
|
||||
error: { default: "Non presente in macchina" },
|
||||
imgSource: { default: "../assets/icons/Tools/Saw.png" }
|
||||
},
|
||||
methods: {
|
||||
onClick: function() {
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./missin-tool.ts"></script>
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class ObjectJob extends Vue{
|
||||
// imgSource: {default:"../assets/icons/_png/keyboard-dots-24x48.png"},
|
||||
@Prop({ default: "" })
|
||||
title:string;
|
||||
@Prop({ default: false })
|
||||
min:boolean;
|
||||
@Prop({ default: false })
|
||||
expanded:boolean;
|
||||
|
||||
get imgSource() {
|
||||
if (this.min) return "../assets/icons/_png/keyboard-dots-24x24.png";
|
||||
return "../assets/icons/_png/keyboard-dots-24x48.png";
|
||||
};
|
||||
|
||||
}
|
||||
@@ -14,20 +14,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
// imgSource: {default:"../assets/icons/_png/keyboard-dots-24x48.png"},
|
||||
title: { default: "" },
|
||||
min: { default: false },
|
||||
expanded: { default: false }
|
||||
},
|
||||
computed: {
|
||||
imgSource: function() {
|
||||
if (this.min) return "../assets/icons/_png/keyboard-dots-24x24.png";
|
||||
return "../assets/icons/_png/keyboard-dots-24x48.png";
|
||||
}
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./objects-job.ts"></script>
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
import { Hub } from "src/services/hub";
|
||||
import { processModelActions } from "src/store/runningProcess.store";
|
||||
|
||||
@Component({})
|
||||
export default class ProcessSelectionMaintenance extends Vue{
|
||||
|
||||
// data: function(){
|
||||
// return {
|
||||
// selectedProcess: 1
|
||||
// }
|
||||
// },
|
||||
|
||||
get processes() {
|
||||
return this.$store.state.process.process;
|
||||
};
|
||||
|
||||
get selectedProcess() {
|
||||
return this.$store.state.process.selectedProcess;
|
||||
};
|
||||
|
||||
|
||||
selectProcess(id) {
|
||||
if(this.selectedProcess != id){
|
||||
Hub.Current.selectProcess(id);
|
||||
}
|
||||
};
|
||||
|
||||
}
|
||||
@@ -1,37 +1,12 @@
|
||||
<template>
|
||||
<div class="process-selection-maintenance" v-if="processes.length > 1 && checkSecurityEnabled('processCmd')">
|
||||
<div class="process" v-for="p in processes" :key="p.id" v-if="p.type != 'AUX'" :class="{selected: p.id == selectedProcess, 'small': p.id != selectedProcess, 'error' : p.isInAlarm}" @click="selectProcess(p.id)" :title="'process_tooltip_select' | localize('Select NC-Process %d',p.id)">
|
||||
<span>{{p.id}}</span>
|
||||
<div class="process" v-for="p in processes" :key="p.id" :class="{selected: p.id == selectedProcess, 'small': p.id != selectedProcess, 'error' : p.isInAlarm}" @click="selectProcess(p.id)" :title="'process_tooltip_select' | localize('Select NC-Process %d',p.id)">
|
||||
<span v-if="p.type != 'AUX'">{{p.id}}</span>
|
||||
<!-- <small v-if="p.type == 'AUX'">AUX</small> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import { Hub } from "src/services/hub";
|
||||
import { processModelActions } from "src/store/runningProcess.store";
|
||||
export default {
|
||||
// data: function(){
|
||||
// return {
|
||||
// selectedProcess: 1
|
||||
// }
|
||||
// },
|
||||
computed: {
|
||||
processes: function() {
|
||||
return this.$store.state.process.process;
|
||||
},
|
||||
selectedProcess: function() {
|
||||
return this.$store.state.process.selectedProcess;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
selectProcess: function(id) {
|
||||
if(this.selectedProcess != id){
|
||||
Hub.Current.selectProcess(id);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<script lang="ts" src="./process-selection-maintenance.ts"></script>
|
||||
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
import {Prop} from 'vue-property-decorator';
|
||||
|
||||
@Component({})
|
||||
export default class Tool extends Vue{
|
||||
|
||||
@Prop({default: ""})
|
||||
code:string;
|
||||
@Prop({default: ""})
|
||||
title:string;
|
||||
@Prop({default: "Mag. 5"})
|
||||
store:string;
|
||||
@Prop({default:""})
|
||||
imgSource:string ;
|
||||
|
||||
|
||||
onClick(){
|
||||
this.$emit("click");
|
||||
};
|
||||
}
|
||||
@@ -21,19 +21,5 @@
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
code: {default: ""},
|
||||
title: {default: ""},
|
||||
store: {default: "Mag. 5"},
|
||||
imgSource: {default:""}
|
||||
}
|
||||
, methods:{
|
||||
onClick: function(){
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<script lang="ts" src="./tool.ts"></script>
|
||||
|
||||
Reference in New Issue
Block a user