调整设备监控页面

This commit is contained in:
lsymicc
2026-03-31 10:22:24 +08:00
parent 6600520344
commit a438e20bb1
4 changed files with 25 additions and 16 deletions

View File

@@ -4,6 +4,11 @@
<!-- 7个表格区域 -->
<el-row>
<el-col :span="24">
<div class="floor-title">堆垛机</div>
</el-col>
</el-row>
<el-row :gutter="20" class="table-container">
<el-col :span="24" class="table-col">
<div class="table-card">
@@ -54,7 +59,7 @@
</el-row>
<el-row :gutter="20" class="table-container">
<!-- 表格2:入出库输送机 -->
<el-col :span="12" class="table-col">
<el-col :span="24" class="table-col">
<div class="table-card">
<div class="table-header">
<span class="table-title">入出库输送机</span>
@@ -90,7 +95,7 @@
</el-col>
<!-- 表格3:巷道口输送机 -->
<el-col :span="12" class="table-col">
<el-col :span="24" class="table-col">
<div class="table-card">
<div class="table-header">
<span class="table-title">巷道口输送机</span>
@@ -278,13 +283,13 @@ export default {
})
listSsj(this.queryParams).then(response => {
// this.table1Data = response.rows.filter(item => item.deviceCode === 'G1005')
this.table1Data = response.rows.filter(item => item.deviceCode === 'G1004')
this.table2Data = response.rows.filter(item => item.deviceCode === 'G1004')
// this.table2Data = response.rows.filter(item => item.deviceCode === 'L1001' || item.deviceCode === 'L1003')
// this.table3Data = response.rows.filter(item => item.deviceCode === 'L1002' || item.deviceCode === 'L1004')
// this.table4Data = response.rows.filter(item => item.deviceCode === 'L2004' || item.deviceCode === 'L2006')
// this.table5Data = response.rows.filter(item => item.deviceCode === 'L2002' || item.deviceCode === 'L2008')
// this.table6Data = response.rows.filter(item => item.deviceCode === 'L2001' || item.deviceCode === 'L2003' || item.deviceCode === 'L2005' || item.deviceCode === 'L2007')
this.table1Data = response.rows.filter(item => item.deviceCode === 'L1001')
this.table3Data = response.rows.filter(item => item.deviceCode === 'L1001')
})
listDeviceCar(this.queryParams).then(response => {
@@ -296,7 +301,7 @@ export default {
</script>
<style scoped>
.floor-title {
font-size: 20px;
font-size: 25px;
font-weight: bold;
margin: 20px 0;
}
@@ -340,7 +345,7 @@ export default {
}
.table-title {
font-size: 14px;
font-size: 16px;
font-weight: 600;
}
@@ -383,4 +388,11 @@ export default {
.el-progress {
width: 100%;
}
::v-deep .table-container .el-table th > .cell,
::v-deep .table-container .el-table td > .cell {
text-align: center !important;
}
</style>