style: refine teacher question dialog layout

fix/exam-question-access-material-excel-delete-draft
chenyuan 3 weeks ago
parent aa967aeaca
commit 20d7c7c29e

@ -411,6 +411,9 @@ router.beforeEach((to, from, next) => {
.teacher-dialog.el-dialog, .teacher-dialog.el-dialog,
.teacher-dialog .el-dialog { .teacher-dialog .el-dialog {
width: min(760px, calc(100vw - 32px));
max-height: calc(100vh - 32px);
overflow: hidden;
border: 1px solid rgba(52, 177, 238, 0.42); border: 1px solid rgba(52, 177, 238, 0.42);
border-radius: 12px; border-radius: 12px;
background: linear-gradient(135deg, rgba(6, 24, 38, 0.98), rgba(4, 13, 24, 0.98)); background: linear-gradient(135deg, rgba(6, 24, 38, 0.98), rgba(4, 13, 24, 0.98));
@ -437,6 +440,8 @@ router.beforeEach((to, from, next) => {
} }
.teacher-dialog .el-dialog__body { .teacher-dialog .el-dialog__body {
min-height: 0;
overflow-y: auto;
color: #d9efff; color: #d9efff;
background: transparent; background: transparent;
} }

@ -64,7 +64,7 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<el-dialog v-model="questionDialog" :title="questionForm.id ? '编辑题目' : '新增题目'" width="720px" custom-class="teacher-dialog" destroy-on-close> <el-dialog v-model="questionDialog" :title="questionForm.id ? '编辑题目' : '新增题目'" width="760px" class="teacher-dialog" destroy-on-close>
<el-form ref="questionFormRef" :model="questionForm" :rules="questionRules" label-width="92px"> <el-form ref="questionFormRef" :model="questionForm" :rules="questionRules" label-width="92px">
<el-form-item label="题型" prop="type"><el-radio-group v-model="questionForm.type" @change="resetAnswer"><el-radio-button v-for="item in typeOptions" :key="item.value" :label="item.value">{{ item.label }}</el-radio-button></el-radio-group></el-form-item> <el-form-item label="题型" prop="type"><el-radio-group v-model="questionForm.type" @change="resetAnswer"><el-radio-button v-for="item in typeOptions" :key="item.value" :label="item.value">{{ item.label }}</el-radio-button></el-radio-group></el-form-item>
<el-form-item label="题干" prop="stem"><el-input v-model="questionForm.stem" type="textarea" :rows="4" maxlength="2000" show-word-limit /></el-form-item> <el-form-item label="题干" prop="stem"><el-input v-model="questionForm.stem" type="textarea" :rows="4" maxlength="2000" show-word-limit /></el-form-item>
@ -327,9 +327,9 @@ function formatTime(value) { return value ? new Date(value).toLocaleString("zh-C
.option-row { .option-row {
display: grid; display: grid;
grid-template-columns: 28px 42px 1fr 36px; grid-template-columns: 28px minmax(0, 1fr) 36px;
align-items: center; align-items: center;
gap: 6px; gap: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }

Loading…
Cancel
Save