订单监控加分页&驾驶舱样式调整

This commit is contained in:
朱菊兰 2024-01-12 11:23:14 +08:00
parent 1438a1ff8b
commit cd416d7d01
11 changed files with 51 additions and 99 deletions

View File

@ -25,58 +25,8 @@ const state = {
israWeekStatistic: [],//缺陷统计 israWeekStatistic: [],//缺陷统计
israMonthStatistic: [],//缺陷统计 israMonthStatistic: [],//缺陷统计
israYearStatistic: [],//缺陷统计 israYearStatistic: [],//缺陷统计
productline: [{ productline: [], // SJG产线产量及良品率
"creator": "1", sjgEquipment:[],// SJG设备报警
"sumOutputNum": 15,
"outputNum": 15,
"passRate": 0.6,
"lineName": "3#深加工",
"updateTime": "2024-01-04T16:00:19",
"updater": "1",
"inputNum": 15,
"deleted": false,
"recordTime": "2023-12-25T20:00:00",
"createTime": "2023-10-13T10:44:27",
"tenantId": 1,
"id": 1712660539187441666,
"productionLineId": 1737313260027285506,
"sumInputNum": 15
}, {
"creator": "1",
"sumOutputNum": 49,
"outputNum": 16,
"passRate": 0.3,
"lineName": "2#深加工",
"updateTime": "2024-01-04T16:00:19",
"updater": "1",
"inputNum": 17,
"deleted": false,
"recordTime": "2023-12-25T20:00:00",
"createTime": "2023-10-13T10:44:27",
"tenantId": 1,
"id": 1712660539187441665,
"productionLineId": 1737313119178362881,
"sumInputNum": 47
}, {
"creator": "1",
"sumOutputNum": 29,
"outputNum": 18,
"passRate": 0.5,
"lineName": "1#深加工",
"updateTime": "2024-01-04T16:00:19",
"updater": "1",
"inputNum": 20,
"deleted": false,
"recordTime": "2023-12-25T20:00:00",
"createTime": "2023-10-13T10:43:17",
"tenantId": 1,
"id": 1712660244285927426,
"productionLineId": 1737312466842456065,
"sumInputNum": 27
}], // SJG产线产量及良品率
sjgEquipment:[
{name: 'sadd', error:false,code: 'EQ202312121624540000072',status: "正常"}
],// SJG设备报警
workOrder: [], // 工单监控 workOrder: [], // 工单监控
defectSum: [], // 缺陷汇总 defectSum: [], // 缺陷汇总
order: [],// 订单完成情况 order: [],// 订单完成情况

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<NotMsg v-show="notMsg"/> <NotMsg v-show="notMsg"/>
<div id='flueGasChart' class="flue-gas-chart" style="width:600px;height:250px;" v-show='!notMsg'></div> <div id='flueGasChart' class="flue-gas-chart" style="width:575px;height:250px;" v-show='!notMsg'></div>
</div> </div>
</template> </template>
@ -149,8 +149,8 @@ export default {
} }
temp2.map(i => { temp2.map(i => {
xData.push(i.time) xData.push(i.time)
yData.push(i.value) yData.push((i.value)?(Number(i.value)).toFixed(2):null)
}) })
if (yData.length == 0) { if (yData.length == 0) {
seriesData = [] seriesData = []
}else { }else {

View File

@ -29,7 +29,7 @@ export default {
if (newVal === oldVal) { if (newVal === oldVal) {
return false return false
} }
// this.updateChart() this.updateChart()
} }
} }
}, },

View File

@ -26,7 +26,8 @@ export default {
evenRowBGC: 'rgba(14, 32, 62, 0.8)', evenRowBGC: 'rgba(14, 32, 62, 0.8)',
columnWidth: [60], columnWidth: [60],
align: ['center'], align: ['center'],
data: [[1, 'Y61', '破损','10','气泡']], data: [],
// data: [[1, 'Y61', '','10','']],
rowNum: 10 rowNum: 10
} }
} }

View File

@ -26,38 +26,39 @@ export default {
evenRowBGC: 'rgba(14, 32, 62, 0.8)', evenRowBGC: 'rgba(14, 32, 62, 0.8)',
columnWidth: [60, 150, 190], columnWidth: [60, 150, 190],
align: ['center'], align: ['center'],
data: [ data: [],
[1, '四大线3小线铺纸机', 'EQ20240110130909000255', '正常', '否'], // data: [
[2, '四大线2小线铺纸机', 'EQ20240110130848000254', '正常', '否'], // [1, '线3线', 'EQ20240110130909000255', '', ''],
[3, '四大线1小线铺纸机', 'EQ20240110130832000253', '正常', '否'], // [2, '线2线', 'EQ20240110130848000254', '', ''],
[4, '12线下片台', 'EQ20240110130817000252', '正常', '否'], // [3, '线1线', 'EQ20240110130832000253', '', ''],
[5, '11线下片台', ' EQ20240110130743000250', '正常', '否'], // [4, '12线', 'EQ20240110130817000252', '', ''],
[6, '10线下片台', ' EQ20240110130743000250', '正常', '否'], // [5, '11线', ' EQ20240110130743000250', '', ''],
[7, '4大线五区自动连线柜', 'EQ20240110130731000249', '正常', '否'], // [6, '10线', ' EQ20240110130743000250', '', ''],
[8, '四大线四区2小线清洗机', 'EQ20240110112716000248', '正常', '否'], // [7, '4线线', 'EQ20240110130731000249', '', ''],
[9, '四大线四区1小线清洗机', 'EQ20240110112700000247', '正常', '否'], // [8, '线2线', 'EQ20240110112716000248', '', ''],
[10, '4大线四区自动连线柜', 'EQ20240110112646000246', '正常', '否'] // [9, '线1线', 'EQ20240110112700000247', '', ''],
], // [10, '4线线', 'EQ20240110112646000246', '', '']
// ],
rowNum: 10 rowNum: 10
} }
} }
}, },
mounted(){ mounted(){
}, },
// watch:{ watch:{
// sjgEquipment: { sjgEquipment: {
// handler(newVal, oldVal) { handler(newVal, oldVal) {
// let outArr = this.sjgEquipment.map((item, index) => [ let outArr = this.sjgEquipment.map((item, index) => [
// index+1, index+1,
// item.name, `<span title=${item.name || ''}>${item.name || ''}</span>`,
// item.code, `<span title=${item.code || ''}>${item.code || ''}</span>`,
// item.status, item.status,
// item.error? '': '' item.error? '是': '否'
// ]); ]);
// this.config.data = outArr this.config.data = outArr
// this.$refs['eqScrollBoard'].updateRows(outArr) this.$refs['eqScrollBoard'].updateRows(outArr)
// } }
// } }
// } }
} }
</script> </script>

View File

@ -37,10 +37,10 @@ export default {
handler(newVal, oldVal) { handler(newVal, oldVal) {
let outArr = this.order.map((item, index) => [ let outArr = this.order.map((item, index) => [
index+1, index+1,
item.name, `<span title=${item.name || ''}>${item.name || ''}</span>`,
item.specifications, item.specifications,
item.lines, item.lines,
['等待','已下发','已完成'][item.status], this.getDictDatas(this.DICT_TYPE.ORDER_STATUS)[item.status]?.label,
formatDate(item.planFinishTime), formatDate(item.planFinishTime),
item.planQuantity, item.planQuantity,
item.planAssignQuantity item.planAssignQuantity

View File

@ -133,10 +133,10 @@ export default {
console.log('非全屏') console.log('非全屏')
console.log(this.$store.state.app.sidebar.opened) console.log(this.$store.state.app.sidebar.opened)
if (this.$store.state.app.sidebar.opened) { if (this.$store.state.app.sidebar.opened) {
wx = (rw-264) / bw wx = (rw-280) / bw
hx = (rh-116) / bh hx = (rh-116) / bh
}else{ }else{
wx = (rw-78) / bw wx = (rw-85) / bw
hx = (rh-116) / bh hx = (rh-116) / bh
} }
} }

View File

@ -126,10 +126,10 @@ export default {
console.log('非全屏') console.log('非全屏')
console.log(this.$store.state.app.sidebar.opened) console.log(this.$store.state.app.sidebar.opened)
if (this.$store.state.app.sidebar.opened) { if (this.$store.state.app.sidebar.opened) {
wx = (rw-264) / bw wx = (rw-280) / bw
hx = (rh-116) / bh hx = (rh-116) / bh
}else{ }else{
wx = (rw-78) / bw wx = (rw-85) / bw
hx = (rh-116) / bh hx = (rh-116) / bh
} }
} }

View File

@ -123,10 +123,10 @@ export default {
console.log('非全屏') console.log('非全屏')
console.log(this.$store.state.app.sidebar.opened) console.log(this.$store.state.app.sidebar.opened)
if (this.$store.state.app.sidebar.opened) { if (this.$store.state.app.sidebar.opened) {
wx = (rw-264) / bw wx = (rw-280) / bw
hx = (rh-116) / bh hx = (rh-116) / bh
}else{ }else{
wx = (rw-78) / bw wx = (rw-85) / bw
hx = (rh-116) / bh hx = (rh-116) / bh
} }
} }

View File

@ -132,7 +132,7 @@ export default {
.chartBox { .chartBox {
width: 100%; width: 100%;
padding-right: 6px; padding-right: 6px;
height: calc(100vh - 310px); height: calc(100vh - 356px);
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
overflow: auto; overflow: auto;

View File

@ -28,15 +28,15 @@
@clickBtn="handleClick" @clickBtn="handleClick"
/> />
</base-table> </base-table>
<pagination
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
:total="total"
@pagination="getPage"
/>
</div> </div>
<!-- --> <!-- -->
<monitoring-ring-charts ref='monitoringRingCharts' v-else :chart-list='chartList'/> <monitoring-ring-charts ref='monitoringRingCharts' v-else :chart-list='chartList'/>
<pagination
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
:total="total"
@pagination="getPage"
/>
</div> </div>
</template> </template>
<script> <script>