From 857d25488b4ef232f7b72d9b068436e87ff61512 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <2178503051@qq.com>
Date: Wed, 13 May 2026 09:59:06 +0800
Subject: [PATCH] =?UTF-8?q?style(mes/roll/grind):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=BE=8A=E7=A3=A8=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E6=BA=A2?=
 =?UTF-8?q?=E5=87=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 移除grind-layout的align-items: flex-start样式
2. 给el-card卡片body添加滚动和隐藏横向溢出样式
3. 调整roll-list的最小高度和内边距样式
---
 klp-ui/src/views/mes/roll/grind/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/klp-ui/src/views/mes/roll/grind/index.vue b/klp-ui/src/views/mes/roll/grind/index.vue
index 44a30e59..37807924 100644
--- a/klp-ui/src/views/mes/roll/grind/index.vue
+++ b/klp-ui/src/views/mes/roll/grind/index.vue
@@ -426,7 +426,7 @@ export default {
 
 <style scoped>
 .grind-page   { background: #f4f5f7; height: 100%; }
-.grind-layout { display: flex; gap: 12px; height: 100%; align-items: flex-start; }
+.grind-layout { display: flex; gap: 12px; height: 100%; }
 
 /* 左侧 */
 .grind-left  { width: 240px; flex-shrink: 0; }
@@ -440,7 +440,11 @@ export default {
 
 /* 辊列表 */
 .roll-filter { padding: 0 0 4px; }
-.roll-list   { overflow-y: auto; flex: 1; margin: 0 -12px; }
+::v-deep .el-card .el-card__body {
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+.roll-list   { overflow-y: auto; flex: 1; min-height: 0; padding: 0; }
 .roll-item   { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f0f2f5; }
 .roll-item:hover     { background: #f5f7fa; }
 .roll-item--active   { background: #e8f4ff !important; border-left: 3px solid #409eff; }