mt-fe-group/yudao-dev
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update more 设备24小时记录

Browse Source
This commit is contained in:
lb 2023-08-30 11:37:11 +08:00
parent 0f5e4b8368
commit bf52db3b6a
1 changed files with 252 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

345
src/views/monitoring/equipmentRecentHours/index.vue
View File

@ -44,14 +44,7 @@ export default {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
}, },
// jsondemo: '',
list: [ list: [
// {
// inspectionContent: '检测内容1',
// '2023-03-18T00:00:00-产线1': '产线1-asdf',
// '2023-03-18T01:00:00-产线2': '产线2-kldf',
// '2023-03-18T02:00:00-产线1': '产线1-vasdkj',
// },
{ {
productLine: '产线1', productLine: '产线1',
specification: ['80*11', '100*10'].join(','), specification: ['80*11', '100*10'].join(','),
@ -192,7 +185,6 @@ export default {
{ prop: 'equipmentName', label: '设备', align: 'center' }, { prop: 'equipmentName', label: '设备', align: 'center' },
{ prop: 'totalQuantity', label: '生产总数', align: 'center' }, { prop: 'totalQuantity', label: '生产总数', align: 'center' },
{ {
prop: 'l-1',
label: 'l-1', label: 'l-1',
align: 'center', align: 'center',
children: [ children: [
@ -203,7 +195,6 @@ export default {
], ],
}, },
{ {
prop: 'l-2',
label: 'l-2', label: 'l-2',
align: 'center', align: 'center',
children: [ children: [
@ -214,7 +205,6 @@ export default {
], ],
}, },
{ {
prop: 'l-3',
label: 'l-3', label: 'l-3',
align: 'center', align: 'center',
children: [ children: [
@ -224,75 +214,17 @@ export default {
{ prop: 'l-3__ratio', label: '报废率', align: 'center' }, { prop: 'l-3__ratio', label: '报废率', align: 'center' },
], ],
}, },
],
equipments: [
{ id: 1, name: '上片机' },
{ id: 2, name: '打磨机' },
{ id: 3, name: '清洗机' },
{ id: 4, name: '打孔机' },
],
products: [
{ id: 'p1', name: '产品1', spec: '100*80' },
{ id: 'p2', name: '产品2', spec: '99*99' },
{ id: 'p3', name: '产品3', spec: '1*100' },
],
res: {
code: 0,
msg: '',
data: [
{ {
equipmentId: 1, label: 'l-4',
equipmentName: '上片机', align: 'center',
lineId: 'mock-line-id-1', children: [
lineName: '产线1', { prop: 'l-4__in', label: '进数据', align: 'center' },
sectionId: 'mock-section-id-1', { prop: 'l-4__out', label: '出数据', align: 'center' },
sectionName: '工段1', { prop: 'l-4__nok', label: '报废数据', align: 'center' },
inQuantity: 100, { prop: 'l-4__ratio', label: '报废率', align: 'center' },
outQuantity: 99,
okQuantity: 99,
nokQuantity: 1,
scrapRation: 0.01,
passRate: 99,
recordTime: 1675180800000,
productIds: ['p1', 'p2'],
},
{
equipmentId: 2,
equipmentName: '打磨机',
lineId: 'mock-line-id-1',
lineName: '产线1',
sectionId: 'mock-section-id-1',
sectionName: '工段1',
inQuantity: 100,
outQuantity: 99,
okQuantity: 99,
nokQuantity: 1,
scrapRation: 0.01,
passRate: 99,
recordTime: 1675180800000,
productIds: ['p3', 'p2'],
},
{
equipmentId: 3,
equipmentName: '清洗机',
lineId: 'mock-line-id-1',
lineName: '产线1',
sectionId: 'mock-section-id-1',
sectionName: '工段1',
inQuantity: 100,
outQuantity: 99,
okQuantity: 99,
nokQuantity: 1,
scrapRation: 0.01,
passRate: 99,
recordTime: 1675180800000,
productIds: ['p1', 'p3'],
},
], ],
}, },
],
HTTPResponse: { HTTPResponse: {
code: 0, code: 0,
@ -358,6 +290,170 @@ export default {
}, },
], ],
}, },
res: {
code: 0,
msg: 'success',
data: [
{
productLine: '产线22',
specification: ['1000*29*1', '898'],
data: [
{
equipmentName: '下片机',
totalQuantity: 15,
hourData: {
'2023-08-29T09:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T10:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T11:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T12:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T13:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T14:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T15:24:09.878': {
inQuantity: 9,
nokQuantity: 6,
outQuantity: 8,
scrapRatio: 0.46153846,
},
'2023-08-29T16:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T17:24:09.878': {
inQuantity: 1,
nokQuantity: 1,
outQuantity: 1,
scrapRatio: 0.5,
},
'2023-08-29T18:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T19:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T20:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T21:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T22:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-29T23:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T00:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T01:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T02:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T03:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T04:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T05:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T06:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T07:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
'2023-08-30T08:24:09.878': {
inQuantity: 0,
nokQuantity: 0,
outQuantity: 0,
scrapRatio: 0.0,
},
},
},
],
},
],
},
spanInfo: {}, spanInfo: {},
}; };
}, },
@ -368,46 +464,99 @@ export default {
methods: { methods: {
/** 构建tableProps - 依据第一个元素所提供的信息 */ /** 构建tableProps - 依据第一个元素所提供的信息 */
buildProps(item) { buildProps(item) {
const { data, productLine, specification } = item; const {
const props = [{ prop: 'productLine', label: '产线', align: 'center' }]; data: [{ hourData }],
} = item;
const props = [
{ prop: 'productLine', label: '产线', align: 'center' },
{ prop: 'specification', label: '规格', align: 'center' },
{ prop: 'equipmentName', label: '设备', align: 'center' },
{ prop: 'totalQuantity', label: '生产总数', align: 'center' },
];
for (const key of Object.keys(hourData).sort()) {
const subprop = {
label: key,
align: 'center',
children: [
{ prop: key + '__in', label: '进数据', align: 'center' },
{ prop: key + '__out', label: '出数据', align: 'center' },
{ prop: key + '__nok', label: '报废数据', align: 'center' },
{ prop: key + '__ratio', label: '报废率', align: 'center' },
],
};
props.push(subprop);
}
this.tableProps = props; this.tableProps = props;
}, },
/** 把 list 里的数据转换成 tableProps 对应的格式 */ /** 把 list 里的数据转换成 tableProps 对应的格式 */
convertList() { convertList(list) {
const row = 0; // 记录处理到的行号，并在恰当的时候加入到 this.spanInfo 中 this.list.splice(0);
let row = {};
let rowIndex = 0;
for (const line of list) {
const { productLine, specification, data } = line;
// 设置span的行数
this.spanInfo[rowIndex] = data.length;
for (const equipment of data) {
rowIndex+=1
for (const [key, hourData] of Object.entries(equipment.hourData)) {
const { equipmentName, totalQuantity } = equipment;
const { inQuantity, outQuantity, nokQuantity, scrapRatio } =
hourData;
row = {
productLine,
specification: specification.join('、'),
equipmentName,
totalQuantity,
};
row[key + '__in'] = inQuantity;
row[key + '__out'] = outQuantity;
row[key + '__nok'] = nokQuantity;
row[key + '__ratio'] = scrapRatio;
console.log('row', row);
return;
this.list.push(row);
}
return;
}
}
},
buildData(data) {
this.convertList(data);
}, },
/** 合并table列的规则 */ /** 合并table列的规则 */
mergeColumnHandler({ row, column, rowIndex, columnIndex }) { mergeColumnHandler({ row, column, rowIndex, columnIndex }) {
console.log('handle merge column', row, column, rowIndex, columnIndex); // console.log('handle merge column', row, column, rowIndex, columnIndex);
if (columnIndex == 0 || columnIndex == 1 || columnIndex == 3) { if (columnIndex == 0 || columnIndex == 1 || columnIndex == 3) {
if (rowIndex % 3 == 0) {
return [ return [
this.spanInfo[rowIndex], // row span 3, // this.spanInfo[rowIndex], // row span
1, // col span 1, // col span
]; ];
} else {
return [0, 0];
} }
return { rowspan: 3, colspan: 1 }; }
// return { rowspan: 3, colspan: 1 };
}, },
async getList() { async getList() {
const { data } = await this.$axios({ // const { data } = await this.$axios({
url: '/monitoring/equipment-monitor/recent-24-hours', // url: '/monitoring/equipment-monitor/recent-24-hours',
method: 'get', // method: 'get',
}); // });
console.log('recent-24', data);
// const {
// // data: { nameData },
// code,
// } = response;
// this.jsondemo = hljs.highlight(
// 'json',
// JSON.stringify(response, null, 2),
// true
// ).value;
// this.buildProps(data[0]); const data = this.res.data;
console.log('recent-24', data);
this.buildProps(data[0]);
this.buildData(data);
// this.initing = true; // this.initing = true;
// const dynamicProps = handleNameData(nameData); // const dynamicProps = handleNameData(nameData);