修改弹窗布局

src/modules/teach/posts/components/AddPostDialog.vue

@@ -198,8 +198,8 @@ const beforeUploadFiles = (file: any) => {
 }
 </script>
 <template>
-  <el-dialog :model-value="isShowAddDialog" title="新建帖子" :before-close="handleCancel" width="40%">
-    <div style="height: 65vh; overflow-y: auto">
+  <el-dialog :model-value="isShowAddDialog" title="新建帖子" :before-close="handleCancel">
+    <div style="max-height: 65vh; padding-right: 20px; overflow-y: auto">
       <el-form
         :model="form"
         label-position="right"
@@ -208,70 +208,93 @@ const beforeUploadFiles = (file: any) => {
         ref="ruleFormRef"
         label-suffix="："
       >
-        <el-form-item label="所属机构" prop="organ_id">
-          <el-select
-            clearable
-            v-model="form.organ_id"
-            placeholder="所属机构"
-            style="width: 100%"
-            @change="handleChangeOrgan"
-          >
-            <el-option v-for="item in departmentList" :key="item.id" :label="item.name" :value="item.id" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="所属学期" prop="semester_id">
-          <el-select
-            clearable
-            v-model="form.semester_id"
-            placeholder="所属学期"
-            style="width: 100%"
-            @change="handleChangeSemester"
-            no-data-text="请先选择所属机构"
-          >
-            <el-option v-for="item in semesterList" :key="item.id" :label="item.name" :value="item.id" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="所属班级" prop="class_id">
-          <el-select
-            clearable
-            v-model="form.class_id"
-            placeholder="所属班级"
-            style="width: 100%"
-            @change="handleChangeClass"
-            no-data-text="请先选择所属学期"
-          >
-            <el-option v-for="item in classList" :key="item.id" :label="item.name" :value="item.id" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="所属课程" prop="course_id">
-          <el-select
-            clearable
-            v-model="form.course_id"
-            placeholder="所属课程"
-            style="width: 100%"
-            @change="handleChangeCourse"
-            no-data-text="请先选择所属班级"
-          >
-            <el-option v-for="item in courseList" :key="item.id" :label="item.name" :value="item.id" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="所属章节" prop="chapter_id">
-          <el-select
-            clearable
-            v-model="form.chapter_id"
-            placeholder="所属章节"
-            style="width: 100%"
-            no-data-text="请先选择所属课程"
-          >
-            <el-option v-for="item in chapterList" :key="item.id" :label="item.name" :value="item.id" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="类型" prop="type">
-          <el-select clearable v-model="form.type" placeholder="类型" style="width: 100%">
-            <el-option v-for="item in typeList" :key="item.id" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
+        <el-row>
+          <el-col :span="11">
+            <el-form-item label="所属机构" prop="organ_id">
+              <el-select
+                clearable
+                v-model="form.organ_id"
+                placeholder="所属机构"
+                @change="handleChangeOrgan"
+                style="width: 100%"
+              >
+                <el-option v-for="item in departmentList" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="2"> </el-col>
+
+          <el-col :span="11">
+            <el-form-item label="所属学期" prop="semester_id">
+              <el-select
+                clearable
+                v-model="form.semester_id"
+                placeholder="所属学期"
+                @change="handleChangeSemester"
+                no-data-text="请先选择所属机构"
+                style="width: 100%"
+              >
+                <el-option v-for="item in semesterList" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="11">
+            <el-form-item label="所属班级" prop="class_id">
+              <el-select
+                clearable
+                v-model="form.class_id"
+                placeholder="所属班级"
+                @change="handleChangeClass"
+                no-data-text="请先选择所属学期"
+                style="width: 100%"
+              >
+                <el-option v-for="item in classList" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="2"> </el-col>
+
+          <el-col :span="11">
+            <el-form-item label="所属课程" prop="course_id">
+              <el-select
+                clearable
+                v-model="form.course_id"
+                placeholder="所属课程"
+                @change="handleChangeCourse"
+                no-data-text="请先选择所属班级"
+                style="width: 100%"
+              >
+                <el-option v-for="item in courseList" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="11">
+            <el-form-item label="所属章节" prop="chapter_id">
+              <el-select
+                clearable
+                v-model="form.chapter_id"
+                placeholder="所属章节"
+                no-data-text="请先选择所属课程"
+                style="width: 100%"
+              >
+                <el-option v-for="item in chapterList" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="2"> </el-col>
 
+          <el-col :span="11">
+            <el-form-item label="类型" prop="type">
+              <el-select clearable v-model="form.type" placeholder="类型" style="width: 100%">
+                <el-option v-for="item in typeList" :key="item.id" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="标题" prop="title">
           <el-input v-model="form.title" placeholder="标题" />
         </el-form-item>

src/modules/teach/posts/components/ReplyPostDialog.vue

@@ -80,8 +80,8 @@ const handleConfirm = async (formEl: FormInstance | undefined) => {
 }
 </script>
 <template>
-  <el-dialog :model-value="isShowReplyDialog" draggable title="回复新楼层" :before-close="handleCancel" width="30%">
-    <div style="height: 30vh; overflow-y: auto">
+  <el-dialog :model-value="isShowReplyDialog" draggable title="回复新楼层" :before-close="handleCancel">
+    <div style="max-height: 35vh; padding-right: 20px; overflow-y: auto">
       <el-form
         :model="form"
         label-position="right"