From b7cf0a445d23575f4b71997ba5da9ee757e08436 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 12 Apr 2025 10:42:13 +0800
Subject: [PATCH] feat: 机巢详情分页优化
---
src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/MachineTableDetails.vue | 17 ++++++++++++-----
1 files changed, 12 insertions(+), 5 deletions(-)
diff --git a/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/MachineTableDetails.vue b/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/MachineTableDetails.vue
index 70035eb..2d2e393 100644
--- a/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/MachineTableDetails.vue
+++ b/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/MachineTableDetails.vue
@@ -6,6 +6,7 @@
:width="pxToRem(1500)"
:close-on-click-modal="false"
:destroy-on-close="true"
+
>
<template #header="{ titleId, titleClass }">
<div class="my-header">
@@ -17,7 +18,7 @@
<div class="machineTableDetailsTitle"><span>详情</span></div>
<div class="infoBox">
<div class="itemBox" v-for="(item, index) in infoList" :key="index">
- <div class="itemTitle">{{ item.name }}:</div>
+ <div class="itemTitle">{{ item.name }} : </div>
<div
:class="{
active: item.value === 'WORKING',
@@ -28,7 +29,7 @@
>
{{ item.value === 'OFFLINE' ? '离线中' : item.value === 'WORKING' ? '作业中' : '空闲中' }}
</div>
- <div class="itemValue" v-else>{{ item.value }}</div>
+ <div class="itemValue" v-else> {{ item.value }}</div>
</div>
</div>
</div>
@@ -67,7 +68,8 @@
<style lang="scss">
.machineTableDetails {
- height: 1002px;
+width: 1270px;
+ height: 856px;
background: #0f1929;
box-shadow: inset 0px -50px 50px 0px rgba(27, 148, 255, 0.13);
border-radius: 20px 0px 0px 0px;
@@ -84,13 +86,14 @@
2 2;
.el-pagination {
text-align: left;
- padding: 20px;
+ padding: 20px 20px 0 20px;
}
.my-header {
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
+
/* 头部 */
.el-dialog__header {
width: 1270px;
@@ -129,16 +132,20 @@
</style>
<style lang="scss" scoped>
+
.infoBox {
display: flex;
justify-content: space-between;
align-items: center;
- margin-bottom: 24px;
+ margin-bottom: 14px;
font-size: 14px;
color: #ffffff;
.itemBox {
display: flex;
align-items: center;
+ .itemTitle {
+ margin-right: 5px;
+ }
}
.flystatus {
--
Gitblit v1.9.3