-
@@ -10,18 +10,18 @@
@@ -227,30 +285,36 @@ const changePlate = (index: number) => {
padding: 0;
position: relative;
display: flex;
- justify-content: space-between;
+ flex-direction: column;
+ // justify-content: space-between;
width: 100%;
+ .info-show-area {
+ display: flex;
+ }
.title {
font-size: 20px;
/* 统一设置标题大小 */
font-weight: bold;
}
+ .load-consumables {
+ margin: 0 8px;
+ padding: 0;
+ height: 100px;
+ font-size: 40px;
+ border-radius: 10px;
+ margin-bottom: 15px;
+ }
+
.move-liquid-area {
width: 70%;
display: flex;
flex-direction: column;
margin-left: 10px;
gap: 9px;
-
- .load-consumables {
- width: 98%;
- padding: 0;
- height: 100px;
- font-size: 40px;
- border-radius: 10px;
- margin-bottom: 15px;
- }
+ background-color: #f6f6f6;
+ border-radius: 10px;
.move-liquid-title {
width: 100%;
@@ -270,6 +334,7 @@ const changePlate = (index: number) => {
.move-liquid-controller {
display: flex;
+ justify-content: space-between;
flex-wrap: nowrap;
.controller {
@@ -289,10 +354,11 @@ const changePlate = (index: number) => {
}
.controller-number {
- font-size: 32px;
+ font-size: 30px;
font-weight: 600;
border-radius: 10px;
border: 3px solid #54a4e8;
+ padding: 0 4px;
}
}
@@ -312,16 +378,15 @@ const changePlate = (index: number) => {
width: 30%;
display: flex;
flex-direction: column;
- justify-content: start;
- height: 49.1875rem;
- gap: 20px;
+ justify-content: stretch;
+ padding-left: 8px;
+ gap: 6px;
.emergency-area,
.id-area,
.waste-area,
.buffer-area {
width: 90%;
- margin: 11px 0;
}
.emergency-title,
diff --git a/src/pages/Index/components/Consumables/Plate.vue b/src/pages/Index/components/Consumables/Plate.vue
index 96bbe31..7c638a3 100644
--- a/src/pages/Index/components/Consumables/Plate.vue
+++ b/src/pages/Index/components/Consumables/Plate.vue
@@ -10,7 +10,6 @@
+
+
diff --git a/src/pages/Index/components/Consumables/SpttingPlates.vue b/src/pages/Index/components/Consumables/SpttingPlates.vue
index 3928405..a71a426 100644
--- a/src/pages/Index/components/Consumables/SpttingPlates.vue
+++ b/src/pages/Index/components/Consumables/SpttingPlates.vue
@@ -7,65 +7,131 @@
反应板夹区