+
+
+
+
+ {{ snap.projectNo }}
+
+
+ {{ snap.projectName }}
+
+
+ {{ snap.totalSessions }}
+
+
+ {{ snap.sponsorOrgName }}
+
+
+ {{ snap.createTime }}
+
+
+ {{ snap.createBy }}
+
-
-
- {{ form.meetingName }}
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ {{ form.meetingName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
保存
取消
@@ -161,7 +164,21 @@ onMounted(async () => {
line-height: 1.8;
}
-/* 只读值样式 (跟 el-form-item 的 input 同高, 让布局对齐) */
+/* === 2 列布局 (跟原型 .form-grid 一致, grid-auto-flow: column 让左 6 右 5 对齐) === */
+.form-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-flow: column;
+ grid-template-rows: repeat(6, auto);
+ gap: 20px 32px;
+ max-width: 900px;
+}
+/* grid 内的 el-form-item 不再加默认 margin-bottom (由 grid 控制间距) */
+.form-grid :deep(.el-form-item) {
+ margin-bottom: 0;
+}
+
+/* 只读值样式 */
.form-value {
font-size: 14px;
color: #333;
@@ -171,4 +188,20 @@ onMounted(async () => {
font-family: ui-monospace, "Courier New", monospace;
color: var(--brand-primary);
}
+
+/* 底部按钮 (skill: 用 el-form-item 包裹, 不用 div.form-actions) */
+.form-actions {
+ margin-top: 24px;
+ padding-top: 24px;
+ border-top: 1px solid #f0f0f0;
+}
+/* 按钮所在 form-item 不显示 label 列 (skill form-actions 包裹的标准做法) */
+.form-actions :deep(.el-form-item__label) {
+ display: none;
+}
+.form-actions :deep(.el-form-item__content) {
+ margin-left: 0 !important;
+ display: flex;
+ gap: 12px;
+}
\ No newline at end of file