This commit is contained in:
liulujia@meswork.com
2020-02-07 17:05:42 +08:00
6 changed files with 608 additions and 555 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 B

View File

@@ -1,4 +1,5 @@
<template>
<div>
<el-card class="cardSBJK">
<div class="process">
<el-tooltip :enterable="false" :id="OPNAME137" placement="top" @mouseover.native.prevent="changeActive($event)">
@@ -548,7 +549,33 @@
</div>
</el-tooltip>
</div>
<el-card style="position: absolute;background: #ffffff;margin-top: -825px;margin-left: 1540px;height: 130px;width: 120px">
<div style="margin-top: 6px">
<div class="circle4" style="margin-top: 3px"/>
<el-tooltip>
<div slot="content">设备开机<br/>电流计正常工作<br/>工控机关机</div>
<span style="margin-left: 5px">电脑关机</span>
</el-tooltip>
</div>
<div style="margin-top: 6px">
<div class="circle" style="margin-top: 3px"/>
<span style="margin-left: 5px">设备开机</span>
</div>
<div style="margin-top: 6px">
<div class="circle1" style="margin-top: 3px"/>
<span style="margin-left: 5px">设备工作</span>
</div>
<div style="margin-top: 6px">
<div class="circle2" style="margin-top: 3px"/>
<span style="margin-left: 5px">设备关机</span>
</div>
<div style="margin-top: 6px">
<div class="circle3" style="margin-top: 3px"/>
<span style="margin-left: 5px">电流计故障</span>
</div>
</el-card>
</el-card>
</div>
</template>
<script>
@@ -684,6 +711,7 @@ export default {
},
// 工位电流值
// 1停机灰色 2开机黄色 3运行绿色 4报警红色
// 0 电流计故障 蓝闪 1 设备关机 灰闪 2 设备开机 黄闪 3 设备工作 绿闪 10断网或电脑关机 灰色
getOP_state() {
getOP_state().then(response => {
for (let i = 0; i < response.data.length; i++) {
@@ -691,22 +719,32 @@ export default {
$('#' + response.data[i].工位号 + '_circle').removeClass('circle')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
$('#' + response.data[i].工位号 + '_circle').addClass('circle1')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
$('#' + response.data[i].工位号 + '_circle').addClass('circle1') // 黄色闪
} else if (response.data[i].状态代码 === '3') {
$('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
$('#' + response.data[i].工位号 + '_circle').addClass('circle')
} else if (response.data[i].状态代码 === '4') {
$('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
$('#' + response.data[i].工位号 + '_circle').addClass('circle') // 绿色闪
} else if (response.data[i].状态代码 === '0') {
$('#' + response.data[i].工位号 + '_circle').removeClass('circle')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
$('#' + response.data[i].工位号 + '_circle').addClass('circle3')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
$('#' + response.data[i].工位号 + '_circle').addClass('circle3') // 蓝色闪
} else if (response.data[i].状态代码 === '1') {
$('#' + response.data[i].工位号 + '_circle').removeClass('circle')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
$('#' + response.data[i].工位号 + '_circle').addClass('circle2') // 灰色闪
} else {
$('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle')
$('#' + response.data[i].工位号 + '_circle').addClass('circle2')
$('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
$('#' + response.data[i].工位号 + '_circle').addClass('circle4') // 灰色
}
}
})
@@ -922,7 +960,7 @@ export default {
background-size:100% 100%;-moz-background-size:100% 100%;
overflow: hidden;
}
/*绿色*/
/*绿色*/
.circle{
float: left;
width: 10px;
@@ -931,8 +969,9 @@ export default {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: url('../../../assets/img/greenTwinkle.gif');
}
/*黄色*/
/*黄色*/
.circle1{
float: left;
width: 10px;
@@ -941,8 +980,9 @@ export default {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: url('../../../assets/img/yellowTwinkle.gif');
}
/*灰色*/
/*灰色*/
.circle2{
float: left;
width: 10px;
@@ -951,13 +991,25 @@ export default {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: url('../../../assets/img/grayTwinkle.gif');
}
/*红色*/
/*蓝色闪*/
.circle3{
float: left;
width: 10px;
height: 10px;
background-color:red;
background-color:dodgerblue;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: url('../../../assets/img/blueTwinkle.gif');
}
/*灰色*/
.circle4{
float: left;
width: 10px;
height: 10px;
background-color:gray;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;

View File

@@ -669,6 +669,7 @@ export default {
const _this = this
if (route.name === 'PartAssignment') {
_this.fetchData()
_this.DeliveryTime = ''
}
}
}