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

ry-vue3/src/views/manager/MeetingNew.vue

@@ -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-form-item label="备注" class="full-row" prop="remark">
-          <el-input-number v-model="form.totalPeriods" :min="1" :precision="0" />
-        </el-form-item>
-        <el-form-item label="备注" class="full-row">
           <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: '',
+  meetingName: '',     // 1. 会议名称
-  periodNo: 1,
+  projectForm: '',     // 2. 项目形式
-  projectForm: '',
+  periodNo: 1,         // 3. 期数
-  startTime: '',
+  totalPeriods: 1,     // 4. 总期数
-  endTime: '',
+  startTime: '',       // 5. 会议开始时间
-  totalPeriods: 1,
+  endTime: '',         // 6. 会议结束时间
-  remark: ''
+  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;
 }
 
 /* 只读值样式 */