root/screen-chaowei
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
蔡玲
2024-10-16 10:49:02 +08:00
parent f3a9d79852
commit 5441474692
5 changed files with 141 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/pages/modules/home/index.vue
View File

@@ -39,7 +39,39 @@
</div>
</div>
</div>
<div class="r_wraper"></div>
<div class="relative r_wraper">
<div class="absolute status_wrap">
<div class="status_item">
<div class="status_tip green"></div>
<div class="status_name">运行中</div>
</div>
<div class="status_item">
<div class="status_tip yellow"></div>
<div class="status_name">待机</div>
</div>
<div class="status_item">
<div class="status_tip gray"></div>
<div class="status_name">关机</div>
</div>
<div class="status_item">
<div class="status_tip red"></div>
<div class="status_name">故障</div>
</div>
</div>
<div class="area_t_a">1#车间监控</div>
<div class="relative area_a">
<div class="absolute hw_wrap">
<div class="hw_item green" v-for="(e, i) in dataList" :key="i"></div>
</div>
<div class="absolute hw_wrap hw_wrap_1">
<div class="hw_item green" v-for="(e, i) in dataList" :key="i"></div>
</div>
<div class="absolute hw_wrap hw_wrap_2">
<div class="hw_item green" v-for="(e, i) in dataList" :key="i"></div>
</div>
<div class="absolute status_icon green" :style="{'left': e.x, 'top': e.y}" v-for="(e, i) in machineData" :key="i"></div>
</div>
</div>
</div>
<div class="n_wraper">
<div class="l_wraper">
@@ -73,7 +105,33 @@
</div>
</div>
</div>
<div class="r_wraper"></div>
<div class="relative r_wraper">
<div class="absolute status_wrap">
<div class="status_item">
<div class="status_tip green"></div>
<div class="status_name">运行中</div>
</div>
<div class="status_item">
<div class="status_tip yellow"></div>
<div class="status_name">待机</div>
</div>
<div class="status_item">
<div class="status_tip gray"></div>
<div class="status_name">关机</div>
</div>
<div class="status_item">
<div class="status_tip red"></div>
<div class="status_name">故障</div>
</div>
</div>
<div class="area_t_a area_t_b">2#车间监控</div>
<div class="relative area_b">
<div class="absolute hw_wrap hw_wrap_3">
<div class="hw_item green" v-for="(e, i) in dataList1" :key="i"></div>
</div>
<div class="absolute status_icon green" :style="{'left': e.x, 'top': e.y}" v-for="(e, i) in machineData1" :key="i"></div>
</div>
</div>
</div>
</div>
</div>
@@ -87,15 +145,12 @@ export default {
return {
interTime: this.$store.getters.setTime,
timer: null,
materList: [], // 原料库存
curList: [], // 当日出入
historyList: [], // 历史分析
statisList: [], // 当日生产统计
loadList: [], // 当日车间上下料
taskList: [], // 当日搬运任务
agvList: [],
rgvList: [],
stateStatistics: {}, // 设备运行统计
dataList: [],
dataList1: [],
machineData: [{x: '10%', y: '10%'}, {x: '10%', y: '32%'}, {x: '10%', y: '53%'}, {x: '10%', y: '79%'}, {x: '75%', y: '71%'}, {x: '80%', y: '71%'}, {x: '85.4%', y: '71%'}, {x: '90.4%', y: '71%'}, {x: '95.6%', y: '71%'}],
machineData1: [{x: '10%', y: '19%'}, {x: '10%', y: '36%'}, {x: '10%', y: '63%'}, {x: '10%', y: '81%'}],
myChart1: null,
myChart2: null,
myChart3: null,
@@ -104,6 +159,8 @@ export default {
},
created () {
this.refresh()
this.dataList = new Array(50)
this.dataList1 = new Array(140)
},
mounted () {
this.myChart1 = this.$echarts.init(this.$refs.echartsRef1)
@@ -157,7 +214,6 @@ export default {
},
async _getAllBigScreen () {
let res = await getAllBigScreen()
this.materList = [...res.inventoryAnalysis]
this.curList = [...res.inventoryIOAnalysis]
res.stateStatistics.fourState.map(el => {
let rate = Number(el.status) * 100 / Number(res.stateStatistics.count)