|
@ -22,7 +22,7 @@ |
|
|
:style="{ |
|
|
:style="{ |
|
|
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3], |
|
|
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3], |
|
|
}"> |
|
|
}"> |
|
|
{{ ['A号门', 'B号门', 'C号门', 'D号门'][index % 3] }} |
|
|
{{ item.deviceInfoName }} |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</div> |
|
|
</div> |
|
@ -44,7 +44,7 @@ |
|
|
:style="{ |
|
|
:style="{ |
|
|
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3], |
|
|
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3], |
|
|
}"> |
|
|
}"> |
|
|
{{ ['A号门', 'B号门', 'C号门', 'D号门'][index % 3] }} |
|
|
{{ item.deviceInfoName }} |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</div> |
|
|
</div> |
|
@ -75,12 +75,17 @@ |
|
|
:style="{ |
|
|
:style="{ |
|
|
border: |
|
|
border: |
|
|
'1px solid ' + |
|
|
'1px solid ' + |
|
|
{ '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu], |
|
|
{ '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.record.EGstRu], |
|
|
color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu], |
|
|
color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[ |
|
|
|
|
|
record.record.EGstRu |
|
|
|
|
|
], |
|
|
}"> |
|
|
}"> |
|
|
{{ record.runMode.label }} |
|
|
{{ record.record.runMode.label }} |
|
|
</a-tag> |
|
|
</a-tag> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
<template v-if="column.dataIndex === 'time'"> |
|
|
|
|
|
{{ record.record.time.substring(11, 19) }} |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</a-table> |
|
|
</a-table> |
|
|
</div> |
|
|
</div> |
|
@ -101,7 +106,7 @@ |
|
|
x |
|
|
x |
|
|
</div> |
|
|
</div> |
|
|
<div style="color: rgb(53, 205, 0); font-size: 20px; font-weight: 700"> |
|
|
<div style="color: rgb(53, 205, 0); font-size: 20px; font-weight: 700"> |
|
|
{{ infoObject.name }} |
|
|
{{ infoObject.deviceInfoName }} |
|
|
</div> |
|
|
</div> |
|
|
<img |
|
|
<img |
|
|
style="width: 100%; margin-top: -10px" |
|
|
style="width: 100%; margin-top: -10px" |
|
@ -159,7 +164,7 @@ |
|
|
// 处理点击事件 |
|
|
// 处理点击事件 |
|
|
detailed.value = !detailed.value; |
|
|
detailed.value = !detailed.value; |
|
|
infoObject.value = record; |
|
|
infoObject.value = record; |
|
|
tables.value.toggle(record); |
|
|
tables.value.toggle(record.record); |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}; |
|
|
}; |
|
@ -168,24 +173,22 @@ |
|
|
const columns = [ |
|
|
const columns = [ |
|
|
{ |
|
|
{ |
|
|
title: '序号', |
|
|
title: '序号', |
|
|
dataIndex: 'name', |
|
|
dataIndex: 'deviceInfoName', |
|
|
key: 'name', |
|
|
key: 'deviceInfoName', |
|
|
width: 100, |
|
|
width: 100, |
|
|
|
|
|
ellipsis: true, |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: '执行时间', |
|
|
title: '执行时间', |
|
|
dataIndex: 'time', |
|
|
dataIndex: 'time', |
|
|
key: 'time', |
|
|
key: 'time', |
|
|
width: 100, |
|
|
width: 80, |
|
|
customRender: ({ value }: any) => { |
|
|
|
|
|
return value.substring(11, 19); |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: '状态', |
|
|
title: '状态', |
|
|
dataIndex: 'EGstRu', |
|
|
dataIndex: 'EGstRu', |
|
|
key: 'EGstRu', |
|
|
key: 'EGstRu', |
|
|
width: 160, |
|
|
width: 110, |
|
|
}, |
|
|
}, |
|
|
]; |
|
|
]; |
|
|
const dataSource = ref([]); |
|
|
const dataSource = ref([]); |
|
|