fix icon user
This commit is contained in:
@@ -576,7 +576,7 @@
|
||||
visibility: visible;
|
||||
width: 77px;
|
||||
border-right: solid 1px @color-label-grey;
|
||||
.active{
|
||||
&.active{
|
||||
background-color: @color-white;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3755,7 +3755,7 @@ footer .container button.big:before {
|
||||
width: 77px;
|
||||
border-right: solid 1px #979797;
|
||||
}
|
||||
.card-axes-production .second-box-axes .tabs .tab .active {
|
||||
.card-axes-production .second-box-axes .tabs .tab.active {
|
||||
background-color: #fff;
|
||||
}
|
||||
.card-axes-production .second-box-axes .tabs .tab:last-child {
|
||||
|
||||
@@ -39,8 +39,8 @@
|
||||
<td colspan="1"><maintenance-progress :class="{selected: selectedMaintenance == m}" :progress="m.percentageOfCompletion"></maintenance-progress></td>
|
||||
<td colspan="1">{{expirationDate(m.type, m.missingDays)}}</td>
|
||||
<td colspan="1">{{getState(m.percentageOfCompletion)}}</td>
|
||||
<td colspan="1" v-if="m.createdByCms"><i class="fa fa-user"></i></td>
|
||||
<td colspan="1" v-if="!m.createdByCms"></td>
|
||||
<td colspan="1" v-if="!m.createdByCms"><i class="fa fa-user"></i></td>
|
||||
<td colspan="1" v-if="m.createdByCms"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
|
||||
@@ -45,9 +45,9 @@
|
||||
</div>
|
||||
<div class="second-box-axes">
|
||||
<div class="tabs">
|
||||
<button class="tab"></button>
|
||||
<button class="tab"></button>
|
||||
<button class="tab"></button>
|
||||
<button class="tab" :class="{'active': enableOm}" @click="selectTab('OM')">OM</button>
|
||||
<button class="tab" :class="{'active': enableGoto}" @click="selectTab('GOTO')">GOTO</button>
|
||||
<button class="tab" :class="{'active': enableErr}" @click="selectTab('ERR')">ERR</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,6 +62,38 @@ export default {
|
||||
numberZ: {default: 0},
|
||||
numberA: {default: 0},
|
||||
numberB: {default: 0}
|
||||
},
|
||||
data: function(){
|
||||
return{
|
||||
enableOm: false,
|
||||
enableGoto: false,
|
||||
enableErr: false
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
selectTab(tab){
|
||||
debugger
|
||||
if(tab == "OM"){
|
||||
this.enableOm = true;
|
||||
this.enableGoto = false;
|
||||
this.enableErr = false;
|
||||
}
|
||||
else if(tab == "GOTO"){
|
||||
this.enableOm = false;
|
||||
this.enableGoto = true;
|
||||
this.enableErr = false;
|
||||
}
|
||||
else if(tab == "ERR"){
|
||||
this.enableOm = false;
|
||||
this.enableGoto = false;
|
||||
this.enableErr = true;
|
||||
}
|
||||
else{
|
||||
this.enableOm = true;
|
||||
this.enableGoto = false;
|
||||
this.enableErr = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user