From 366ba040d2447bacd3455299425e3166f1f992bb Mon Sep 17 00:00:00 2001
From: huang <1532065656@qq.com>
Date: 星期四, 20 十一月 2025 14:38:32 +0800
Subject: [PATCH] 添加大车、大理片笼以及多设备串行/并行执行写入基础逻辑
---
mes-web/src/views/plcTest/components/DeviceGroup/GroupList.vue | 34 ++++++++++++++++++++++++++++++++--
1 files changed, 32 insertions(+), 2 deletions(-)
diff --git a/mes-web/src/views/plcTest/components/DeviceGroup/GroupList.vue b/mes-web/src/views/plcTest/components/DeviceGroup/GroupList.vue
index bcccb89..62107a9 100644
--- a/mes-web/src/views/plcTest/components/DeviceGroup/GroupList.vue
+++ b/mes-web/src/views/plcTest/components/DeviceGroup/GroupList.vue
@@ -1,7 +1,7 @@
<template>
<div class="group-list-panel">
<div class="panel-header">
- <div>
+ <div class="header-title">
<h3>璁惧缁勫垪琛�</h3>
<p>閫夋嫨涓�涓澶囩粍杩涜缂栨帓娴嬭瘯</p>
</div>
@@ -113,28 +113,58 @@
.panel-header {
display: flex;
justify-content: space-between;
- align-items: center;
+ align-items: flex-start;
+ gap: 16px;
+ flex-wrap: wrap;
+}
+
+.header-title {
+ flex: 0 0 auto;
+ min-width: 0;
}
.panel-header h3 {
margin: 0;
font-size: 18px;
+ white-space: nowrap;
}
.panel-header p {
margin: 2px 0 0;
color: #909399;
font-size: 13px;
+ white-space: nowrap;
+ word-break: keep-all;
}
.actions {
display: flex;
align-items: center;
gap: 12px;
+ flex-shrink: 0;
}
.search-input {
width: 240px;
+ min-width: 200px;
+}
+
+/* 灏忓睆骞曟椂锛屾搷浣滃尯鍩熸崲琛� */
+@media (max-width: 768px) {
+ .panel-header {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .actions {
+ width: 100%;
+ justify-content: flex-end;
+ }
+
+ .search-input {
+ flex: 1;
+ min-width: 0;
+ }
}
.group-table {
--
Gitblit v1.8.0