Yangwl
/
LJ-UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

刷新时间

Browse Source
yangwl
Yangwl 2 months ago
parent 7d9b2e83f8
commit 2388a02e4c
3 changed files with 80 additions and 72 deletions
Show Stats Download Patch File Download Diff File

2
src/views/cs/index.vue
Unescape Escape View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="bg"> <div class="bg">
<div class="title1">白坯车间生产监控看板</div> <div class="title1">黑蚊香车间生产监控看板</div>
<div class="floorNum floorNum1">1F</div> <div class="floorNum floorNum1">1F</div>
<div class="floorNum floorNum2">2F</div> <div class="floorNum floorNum2">2F</div>
<div class="floorNum floorNum3">3F</div> <div class="floorNum floorNum3">3F</div>

5
src/views/cs/index2.vue
Unescape Escape View File

@ -392,10 +392,11 @@ export default {
this.getAgvLocation() this.getAgvLocation()
let time = 2 * 1000 let time = 2 * 1000
setInterval(() => { setInterval(() => {
this.getData()
this.updateAGVLocation(time) this.updateAGVLocation(time)
}, time) }, time)
setInterval(() => {
this.getData()
}, 1000*60)
setInterval(() => { setInterval(() => {
this.loopIndex = (this.loopIndex + 1) % 26 this.loopIndex = (this.loopIndex + 1) % 26
}, 1000 * 5) }, 1000 * 5)

145
src/views/cs/index3.vue
Unescape Escape View File

@ -43,6 +43,9 @@
<div class="scrollTable" style="font-weight: bold;"> <div class="scrollTable" style="font-weight: bold;">
在生产 在生产
</div> </div>
<div class="scrollTable" style="font-weight: bold;">
标准能耗
</div>
<div class="scrollTable" style="font-weight: bold;"> <div class="scrollTable" style="font-weight: bold;">
单车耗能 单车耗能
</div> </div>
@ -75,6 +78,10 @@
class="scrollTable" style="color:#49b2fc"> class="scrollTable" style="color:#49b2fc">
{{ item.Intheoven }} {{ item.Intheoven }}
</div> </div>
<div
class="scrollTable" style="color:#49b2fc">
40KWh
</div>
<div <div
class="scrollTable" style="color:#49b2fc"> class="scrollTable" style="color:#49b2fc">
{{ (parseFloat(item.expend / item.yield) || 0).toFixed(2) }}KWh {{ (parseFloat(item.expend / item.yield) || 0).toFixed(2) }}KWh
@ -132,7 +139,7 @@ export default {
this.getData() this.getData()
setInterval(() => { setInterval(() => {
this.getData() this.getData()
}, 5 * 1000) }, 60 * 1000)
}, },
methods: { methods: {
getData() { getData() {
@ -331,31 +338,31 @@ export default {
} }
}, },
yAxis: [ yAxis: [
{ // {
type: 'value', // type: 'value',
name: '合格数', // name: '合格数',
nameTextStyle: { // nameTextStyle: {
color: '#fff' // color: '#fff'
}, // },
splitLine: { // splitLine: {
show: false // show: false
}, // },
axisTick: { // axisTick: {
show: true // show: true
}, // },
axisLine: { // axisLine: {
show: true, // show: true,
lineStyle: { // lineStyle: {
color: '#fff' // color: '#fff'
} // }
}, // },
axisLabel: { // axisLabel: {
show: true, // show: true,
textStyle: { // textStyle: {
color: '#fff' // color: '#fff'
} // }
} // }
}, // },
{ {
type: 'value', type: 'value',
name: '合格率', name: '合格率',
@ -392,7 +399,7 @@ export default {
}, },
name: '合格率', name: '合格率',
type: 'line', type: 'line',
yAxisIndex: 1, yAxisIndex: 0,
smooth: true, //平滑曲线显示 smooth: true, //平滑曲线显示
showAllSymbol: true, //显示所有图形。 showAllSymbol: true, //显示所有图形。
symbol: "emptyCircle", //标记的图形为实心圆 symbol: "emptyCircle", //标记的图形为实心圆
@ -409,47 +416,47 @@ export default {
// }, // },
data: e.map(v => ((parseFloat(v.okQuality) / parseFloat(v.quality)) * 100).toFixed(2)), data: e.map(v => ((parseFloat(v.okQuality) / parseFloat(v.quality)) * 100).toFixed(2)),
}, },
{ // {
label: { // label: {
show: true, // show: true,
position: 'top', // position: 'top',
formatter: "{c}", // formatter: "{c}",
color: "#fff" // color: "#fff"
}, // },
//
itemStyle: { // itemStyle: {
color: { // color: {
type: 'linear', // type: 'linear',
x: 0, // x: 0,
y: 1, // y: 1,
x2: 0, // x2: 0,
y2: 0, // y2: 0,
colorStops: [{ // colorStops: [{
offset: 0, color: '#1e60f2' // 0% 处的颜色 // offset: 0, color: '#1e60f2' // 0% 处的颜色
}, { // }, {
offset: 1, color: '#00b9ff' // 100% 处的颜色 // offset: 1, color: '#00b9ff' // 100% 处的颜色
}], // }],
global: false // 缺省为 false // global: false // 缺省为 false
} // }
}, // },
name: '合格数', // name: '合格数',
type: 'bar', // type: 'bar',
smooth: true, //平滑曲线显示 // smooth: true, //平滑曲线显示
showAllSymbol: true, //显示所有图形。 // showAllSymbol: true, //显示所有图形。
symbol: "emptyCircle", //标记的图形为实心圆 // symbol: "emptyCircle", //标记的图形为实心圆
symbolSize: 5, //标记的大小 // symbolSize: 5, //标记的大小
// itemStyle: { // // itemStyle: {
// //折线拐点标志的样式 // // //折线拐点标志的样式
// color: "#058cff", // // color: "#058cff",
// }, // // },
// lineStyle: { // // lineStyle: {
// color: "#058cff", // // color: "#058cff",
// }, // // },
// areaStyle: { // // areaStyle: {
// color: "rgba(5,140,255, 0.2)", // // color: "rgba(5,140,255, 0.2)",
// }, // // },
data: e.map(v => parseFloat(v.quality)), // data: e.map(v => parseFloat(v.quality)),
}, // },
] ]
}; };
// let option = { // let option = {
@ -737,7 +744,7 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
width: 20%; width: 16.6%;
} }
.table1 { .table1 {

Write Preview
Loading…
Cancel
Save