update 设备分析-状态时序图
This commit is contained in:
parent
62256b57a5
commit
0158a11644
@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="sequence-graph">
|
<div class="sequence-graph">
|
||||||
<SequenceGraphItem />
|
<SequenceGraphItem v-for="eq in Object.keys(list)" :key="eq" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -23,7 +23,55 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {
|
||||||
|
list: {
|
||||||
|
打孔机: {
|
||||||
|
equipmentId: 1,
|
||||||
|
equipmentName: 'EQ1',
|
||||||
|
status: '',
|
||||||
|
startTime: '',
|
||||||
|
duration: '',
|
||||||
|
startPos: '',
|
||||||
|
relativeDuring: '',
|
||||||
|
},
|
||||||
|
磨边机: {
|
||||||
|
equipmentId: 12,
|
||||||
|
equipmentName: 'EQ2',
|
||||||
|
status: '',
|
||||||
|
startTime: '',
|
||||||
|
duration: '',
|
||||||
|
startPos: '',
|
||||||
|
relativeDuring: '',
|
||||||
|
},
|
||||||
|
清洗机: {
|
||||||
|
equipmentId: 13,
|
||||||
|
equipmentName: 'EQ3',
|
||||||
|
status: '',
|
||||||
|
startTime: '',
|
||||||
|
duration: '',
|
||||||
|
startPos: '',
|
||||||
|
relativeDuring: '',
|
||||||
|
},
|
||||||
|
窑炉: {
|
||||||
|
equipmentId: 14,
|
||||||
|
equipmentName: 'EQ4',
|
||||||
|
status: '',
|
||||||
|
startTime: '',
|
||||||
|
duration: '',
|
||||||
|
startPos: '',
|
||||||
|
relativeDuring: '',
|
||||||
|
},
|
||||||
|
AGV: {
|
||||||
|
equipmentId: 15,
|
||||||
|
equipmentName: 'EQ5',
|
||||||
|
status: '',
|
||||||
|
startTime: '',
|
||||||
|
duration: '',
|
||||||
|
startPos: '',
|
||||||
|
relativeDuring: '',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
methods: {},
|
methods: {},
|
||||||
|
@ -42,6 +42,8 @@ export default {
|
|||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.sequence-graph-item {
|
.sequence-graph-item {
|
||||||
|
background: #fff;
|
||||||
|
padding: 12px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -117,14 +117,15 @@ export default {
|
|||||||
label: '时间段',
|
label: '时间段',
|
||||||
dateType: 'daterange', // datetimerange
|
dateType: 'daterange', // datetimerange
|
||||||
format: 'yyyy-MM-dd HH:mm:ss',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
// valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
|
valueFormat: 'timestamp',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
defaultTime: ['00:00:00', '23:59:59'],
|
defaultTime: ['00:00:00', '23:59:59'],
|
||||||
param: 'timeVal',
|
param: 'timeVal',
|
||||||
width: 350,
|
width: 350,
|
||||||
defaultSelect: [new Date(aWeekAgo), new Date(today)],
|
// defaultSelect: [new Date(aWeekAgo), new Date(today)],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@ -439,9 +440,23 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 查询 */
|
/** 查询 */
|
||||||
handleQuery() {},
|
async handleQuery() {
|
||||||
|
const { data } = this.$axios({
|
||||||
|
url: '/monitoring/equipment-monitor/runLog',
|
||||||
|
method: 'get',
|
||||||
|
params: this.queryParams,
|
||||||
|
});
|
||||||
|
console.log('data', data);
|
||||||
|
},
|
||||||
|
|
||||||
handleSearchBarBtnClick() {},
|
async handleSearchBarBtnClick({ btnName, timeVal }) {
|
||||||
|
if (timeVal && timeVal.length > 0) {
|
||||||
|
this.queryParams.time = timeVal;
|
||||||
|
} else {
|
||||||
|
this.queryParams.time = [];
|
||||||
|
}
|
||||||
|
await this.handleQuery();
|
||||||
|
},
|
||||||
|
|
||||||
handleEmitFun(table, val) {
|
handleEmitFun(table, val) {
|
||||||
console.log('table val', table, val);
|
console.log('table val', table, val);
|
||||||
@ -467,15 +482,9 @@ export default {
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.full-param-page {
|
.full-param-page {
|
||||||
/* overflow-y: auto; */
|
|
||||||
background: lightblue;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .full-param-page >>> .baseTable:not(:last-child) {
|
|
||||||
margin-bottom: 18px;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.tables {
|
.tables {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
@ -483,6 +492,6 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tables >>> .baseTable {
|
.tables >>> .baseTable {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user