diff --git a/src/views/system/jd-instruction/index.vue b/src/views/system/jd-instruction/index.vue index f2416aa..870b23e 100644 --- a/src/views/system/jd-instruction/index.vue +++ b/src/views/system/jd-instruction/index.vue @@ -553,6 +553,8 @@ export default { .button-group { gap: 8px; margin-bottom: 12px; + display: grid !important; + width: 100% !important; } .button-group .el-button { @@ -560,33 +562,50 @@ export default { font-size: 13px; height: 44px; /* 增大触摸目标 */ line-height: 1.2; + width: 100% !important; + margin: 0 !important; + flex: none !important; + min-width: 0 !important; + max-width: 100% !important; } /* 第一行按钮组(执行、清空、慢单、生)- 每行2个 */ .button-group-primary { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 8px; + display: grid !important; + grid-template-columns: repeat(2, 1fr) !important; + gap: 8px !important; + width: 100% !important; } .button-group-primary .el-button { - width: 100%; - margin: 0; + width: 100% !important; + max-width: 100% !important; } /* 第二行按钮组(腾峰、凡、纹等)- 每行3个 */ .button-group-secondary { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 8px; + display: grid !important; + grid-template-columns: repeat(3, 1fr) !important; + gap: 8px !important; + width: 100% !important; } .button-group-secondary .el-button { - width: 100%; - margin: 0; + width: 100% !important; + max-width: 100% !important; padding: 10px 4px; font-size: 12px; } + + /* 确保el-form-item不会影响布局 */ + .button-group.el-form-item { + margin-bottom: 12px !important; + } + + .button-group.el-form-item ::v-deep .el-form-item__content { + margin-left: 0 !important; + width: 100% !important; + } } /* 历史记录控制条 */