diff --git a/ry-vue3/src/views/manager/MeetingNew.vue b/ry-vue3/src/views/manager/MeetingNew.vue index d65ae2a..1321d47 100644 --- a/ry-vue3/src/views/manager/MeetingNew.vue +++ b/ry-vue3/src/views/manager/MeetingNew.vue @@ -27,13 +27,10 @@ {{ snap.createUserName }} - + - - - @@ -42,16 +39,19 @@ + + + + + + - - - - + @@ -102,18 +102,18 @@ const snap = reactive({ createUserName: '' }) -// ========== 表单 (右列 7 项可编辑) ========== +// ========== 表单 (右列 6 项可编辑 + 备注 1 项, 顺序跟 template 对齐) ========== const form = reactive({ projectId: null, projectNo: '', projectName: '', - meetingName: '', - periodNo: 1, - projectForm: '', - startTime: '', - endTime: '', - totalPeriods: 1, - remark: '' + meetingName: '', // 1. 会议名称 + projectForm: '', // 2. 项目形式 + periodNo: 1, // 3. 期数 + totalPeriods: 1, // 4. 总期数 + startTime: '', // 5. 会议开始时间 + endTime: '', // 6. 会议结束时间 + remark: '' // 7. 备注 (跨双列) }) const rules = { @@ -233,7 +233,7 @@ onMounted(async () => { margin-bottom: 24px; } -/* === 2 列布局 (跟原型 .form-grid 一致, grid-auto-flow: column 让左 6 右 7 对齐) === */ +/* === 2 列布局 (跟原型 .form-grid 一致, grid-auto-flow: column 让左 6 右 6 + 备注 1 项, 共 7 行) === */ .form-grid { display: grid; grid-template-columns: 1fr 1fr; @@ -246,9 +246,9 @@ onMounted(async () => { .form-grid :deep(.el-form-item) { margin-bottom: 0; } -/* 备注占满整行 (第 7 项右列最后一行, 跨 2 列) */ +/* 备注占满整行 (跨双列), 放在 form 末尾, 视觉上独占一行 */ .form-grid :deep(.full-row) { - grid-column: 2 / 3; + grid-column: 1 / -1; } /* 只读值样式 */