Skip to content

C
center-resource
提交 142952d5 authored 作者: matian's avatar matian
浏览文件
操作

修改弹窗布局

上级 0b33538c
隐藏空白字符变更
内嵌 并排
正在显示 包含 90 行增加 和 67 行删除
src/modules/teach/posts/components/AddPostDialog.vue
浏览文件 @ 142952d5
...@@ -198,8 +198,8 @@ const beforeUploadFiles = (file: any) => { ...@@ -198,8 +198,8 @@ const beforeUploadFiles = (file: any) => {
} }
</script> </script>
<template> <template>
<el-dialog :model-value="isShowAddDialog" title="新建帖子" :before-close="handleCancel" width="40%"> <el-dialog :model-value="isShowAddDialog" title="新建帖子" :before-close="handleCancel">
<div style="height: 65vh; overflow-y: auto"> <div style="max-height: 65vh; padding-right: 20px; overflow-y: auto">
<el-form <el-form
:model="form" :model="form"
label-position="right" label-position="right"
...@@ -208,70 +208,93 @@ const beforeUploadFiles = (file: any) => { ...@@ -208,70 +208,93 @@ const beforeUploadFiles = (file: any) => {
ref="ruleFormRef" ref="ruleFormRef"
label-suffix="：" label-suffix="："
> >
<el-form-item label="所属机构" prop="organ_id"> <el-row>
<el-select <el-col :span="11">
clearable <el-form-item label="所属机构" prop="organ_id">
v-model="form.organ_id" <el-select
placeholder="所属机构" clearable
style="width: 100%" v-model="form.organ_id"
@change="handleChangeOrgan" placeholder="所属机构"
> @change="handleChangeOrgan"
<el-option v-for="item in departmentList" :key="item.id" :label="item.name" :value="item.id" /> style="width: 100%"
</el-select> >
</el-form-item> <el-option v-for="item in departmentList" :key="item.id" :label="item.name" :value="item.id" />
<el-form-item label="所属学期" prop="semester_id"> </el-select>
<el-select </el-form-item>
clearable </el-col>
v-model="form.semester_id" <el-col :span="2"> </el-col>
placeholder="所属学期"
style="width: 100%" <el-col :span="11">
@change="handleChangeSemester" <el-form-item label="所属学期" prop="semester_id">
no-data-text="请先选择所属机构" <el-select
> clearable
<el-option v-for="item in semesterList" :key="item.id" :label="item.name" :value="item.id" /> v-model="form.semester_id"
</el-select> placeholder="所属学期"
</el-form-item> @change="handleChangeSemester"
<el-form-item label="所属班级" prop="class_id"> no-data-text="请先选择所属机构"
<el-select style="width: 100%"
clearable >
v-model="form.class_id" <el-option v-for="item in semesterList" :key="item.id" :label="item.name" :value="item.id" />
placeholder="所属班级" </el-select>
style="width: 100%" </el-form-item>
@change="handleChangeClass" </el-col>
no-data-text="请先选择所属学期" </el-row>
> <el-row>
<el-option v-for="item in classList" :key="item.id" :label="item.name" :value="item.id" /> <el-col :span="11">
</el-select> <el-form-item label="所属班级" prop="class_id">
</el-form-item> <el-select
<el-form-item label="所属课程" prop="course_id"> clearable
<el-select v-model="form.class_id"
clearable placeholder="所属班级"
v-model="form.course_id" @change="handleChangeClass"
placeholder="所属课程" no-data-text="请先选择所属学期"
style="width: 100%" style="width: 100%"
@change="handleChangeCourse" >
no-data-text="请先选择所属班级" <el-option v-for="item in classList" :key="item.id" :label="item.name" :value="item.id" />
> </el-select>
<el-option v-for="item in courseList" :key="item.id" :label="item.name" :value="item.id" /> </el-form-item>
</el-select> </el-col>
</el-form-item> <el-col :span="2"> </el-col>
<el-form-item label="所属章节" prop="chapter_id">
<el-select <el-col :span="11">
clearable <el-form-item label="所属课程" prop="course_id">
v-model="form.chapter_id" <el-select
placeholder="所属章节" clearable
style="width: 100%" v-model="form.course_id"
no-data-text="请先选择所属课程" placeholder="所属课程"
> @change="handleChangeCourse"
<el-option v-for="item in chapterList" :key="item.id" :label="item.name" :value="item.id" /> no-data-text="请先选择所属班级"
</el-select> style="width: 100%"
</el-form-item> >
<el-form-item label="类型" prop="type"> <el-option v-for="item in courseList" :key="item.id" :label="item.name" :value="item.id" />
<el-select clearable v-model="form.type" placeholder="类型" style="width: 100%"> </el-select>
<el-option v-for="item in typeList" :key="item.id" :label="item.label" :value="item.value" /> </el-form-item>
</el-select> </el-col>
</el-form-item> </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-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="标题" /> <el-input v-model="form.title" placeholder="标题" />
</el-form-item> </el-form-item>
......
src/modules/teach/posts/components/ReplyPostDialog.vue
浏览文件 @ 142952d5
...@@ -80,8 +80,8 @@ const handleConfirm = async (formEl: FormInstance | undefined) => { ...@@ -80,8 +80,8 @@ const handleConfirm = async (formEl: FormInstance | undefined) => {
} }
</script> </script>
<template> <template>
<el-dialog :model-value="isShowReplyDialog" draggable title="回复新楼层" :before-close="handleCancel" width="30%"> <el-dialog :model-value="isShowReplyDialog" draggable title="回复新楼层" :before-close="handleCancel">
<div style="height: 30vh; overflow-y: auto"> <div style="max-height: 35vh; padding-right: 20px; overflow-y: auto">
<el-form <el-form
:model="form" :model="form"
label-position="right" label-position="right"
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论