admin/guoju0808
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(meetings): 调表单右列顺序 (会议名称→项目形式→期数→总期数→开始→结束→备注), 备注跨双列, form 字段顺序同步

Browse Source
This commit is contained in:
郭庆泰
2026-08-18 23:41:41 +08:00
parent 936256df2b
commit ba34f04432
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ry-vue3/src/views/manager/MeetingNew.vue
+19 -19
View File
@@ -27,13 +27,10 @@
<span class="form-value">{{ snap.createUserName }}</span>
</el-form-item>
<!-- 右列 7 项可编辑: meetingName/periodNo/projectForm/startTime/endTime/totalPeriods/remark -->
<!-- 右列 6 项可编辑 + 备注 (跨双列): 会议名称/项目形式/期数/总期数/开始/结束/备注 -->
<el-form-item label="会议名称" prop="meetingName">
<el-input v-model="form.meetingName" placeholder="请输入会议名称" />
</el-form-item>
<el-form-item label="期数" prop="periodNo">
<el-input-number v-model="form.periodNo" :min="1" :precision="0" placeholder="请填写第几期" />
</el-form-item>
<el-form-item label="项目形式" prop="projectForm">
<el-select v-model="form.projectForm" placeholder="请选择项目形式" style="width:100%">
<el-option label="线上" value="线上" />
@@ -42,16 +39,19 @@
<el-option label="其他" value="其他" />
</el-select>
</el-form-item>
<el-form-item label="期数" prop="periodNo">
<el-input-number v-model="form.periodNo" :min="1" :precision="0" placeholder="请填写第几期" />
</el-form-item>
<el-form-item label="总期数" prop="totalPeriods">
<el-input-number v-model="form.totalPeriods" :min="1" :precision="0" />
</el-form-item>
<el-form-item label="会议开始时间" prop="startTime">
<el-date-picker v-model="form.startTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择开始时间" />
</el-form-item>
<el-form-item label="会议结束时间" prop="endTime">
<el-date-picker v-model="form.endTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择结束时间" />
</el-form-item>
<el-form-item label="总期数" prop="totalPeriods">
<el-input-number v-model="form.totalPeriods" :min="1" :precision="0" />
</el-form-item>
<el-form-item label="备注" class="full-row">
<el-form-item label="备注" class="full-row" prop="remark">
<el-input v-model="form.remark" type="textarea" :rows="3" placeholder="请输入备注" />
</el-form-item>
</div>
@@ -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;
}
/* 只读值样式 */