Exam/pengchen-exam-vue
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

【修改】优化选择题、wps知识点等其它前端字段

Browse Source
This commit is contained in:
YOHO\20373
2025-06-09 13:30:45 +08:00
parent 41e5324bb9
commit 14b7732a10
3 changed files with 306 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/views/paper/question/ChoiceForm.vue
View File

@@ -16,45 +16,46 @@
<el-input v-model="formData.specialtyName" placeholder="请输入专业" disabled/>
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-col :span="12">
<el-form-item label="试题名称" prop="quBankName">
<el-input v-model="formData.quBankName" placeholder="请试题名称" />
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="章节名称" prop="chapteridDictText">
<el-input v-model="formData.chapteridDictTextVo" placeholder="请输入章节名称" disabled/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<!-- <el-col :span="12">
<el-form-item label="题库" prop="required">
<el-input v-model="formData.required" placeholder="请选择题库" />
</el-form-item>
</el-col> -->
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="课程" prop="courseName">
<el-input v-model="formData.courseName" placeholder="请输入课程" disabled/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="题库" prop="required">
<el-input v-model="formData.required" placeholder="请选择题库" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="题型难度" prop="quLevel">
<el-input v-model="formData.quLevel" placeholder="请输入题型难度" disabled/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="章节名称" prop="chapteridDictText">
<el-input v-model="formData.chapteridDictText" placeholder="请输入章节名称" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="知识点" prop="pointNames">
<el-input v-model="formData.pointNames" placeholder="请输入知识点" disabled/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核状态" prop="audit">
<el-input v-model="formData.audit" placeholder="请输入审核状态" />
<el-select
v-model="formData.quLevel"
placeholder="请选择题型难度"
clearable
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.EXAM_QUE_DIFF)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
@@ -64,6 +65,38 @@
<el-input v-model="formData.subjectName" placeholder="请输入题型" disabled/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="知识点" prop="pointNames">
<el-input
v-model="formData.pointNamesVo"
placeholder="请选择知识点"
readonly
@click="openPoints()"
/>
</el-form-item>
</el-col>
<el-dialog v-model="dialogVisiblePoints" title="选择知识点" width="30%">
<el-tree
ref="treeRef"
:data="deptList"
node-key="id"
:props="{ label: 'name', children: 'children' }"
highlight-current
default-expand-all
@node-click="handleNodeClick"
/>
</el-dialog>
<!-- <el-col :span="12">
<el-form-item label="审核状态" prop="audit">
<el-input v-model="formData.audit" placeholder="请输入审核状态" />
</el-form-item>
</el-col> -->
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="启用状态" prop="status">
<el-radio-group v-model="formData.status">
@@ -73,13 +106,13 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<!-- <el-row>
<el-col :span="12">
<el-form-item label="来源" prop="resourceValue">
<el-input v-model="formData.resourceValue" placeholder="请输入来源" />
</el-form-item>
</el-col>
</el-row>
</el-row> -->
</el-form>
<div class="edit-bottom">
<div class="edit-left bottom-common">
@@ -278,7 +311,8 @@
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import { FormRules } from 'element-plus'
import * as QuestionApi from '@/api/paper/question'
import * as SpecialtyApi from '@/api/points'
import { defaultProps, handleTree } from '@/utils/tree'
defineOptions({ name: 'ChoiceForm' })
const { t } = useI18n() // 国际化
@@ -289,6 +323,8 @@ const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formData = ref({
pointNamesVo:'',
chapteridDictTextVo:'',
content: '',
specialtyName: '',
courseName: '',
@@ -296,7 +332,7 @@ const formData = ref({
required: '',
chapteridDictText: '',
analysis: '',
quLevel: '',
quLevel: 0,
pointNames: '',
audit: '',
subjectName: '',
@@ -466,7 +502,7 @@ const resetForm = () => {
required: '',
chapteridDictText: '',
analysis: '',
quLevel: '',
quLevel: 0,
pointNames: '',
audit: '',
subjectName: '',
@@ -475,6 +511,57 @@ const resetForm = () => {
}
formRef.value?.resetFields()
}
const dialogVisiblePoints = ref(false)
const openPoints = async () => {
await getTree();
dialogVisiblePoints.value = true;
}
// 只允许点击第三级节点
const treeRef = ref() // 引用 el-tree
const handleNodeClick = (data, node) => {
if (data.level === 3) {
formData.value.pointNames = data.id
formData.value.pointNamesVo = data.name
// 获取父节点（章节名称）
const currentNode = treeRef.value.getNode(data)
const parentNode = currentNode.parent
if (parentNode && parentNode.data) {
formData.value.chapteridDictTextVo = parentNode.data.name
formData.value.chapteridDictText = parentNode.data.id
} else {
formData.value.chapteridDictText = ''
}
dialogVisiblePoints.value = false
} else {
}
}
const deptList = ref<Tree[]>([]) // 树形结构
/** 获得部门树 */
const getTree = async () => {
const res = await SpecialtyApi.listPoints()
const tree = handleTree(res)
deptList.value = []
deptList.value = handleTreeWithLevel(tree)
}
// 添加层级信息
const handleTreeWithLevel = (list, level = 1) => {
return list.map(item => {
const node = { ...item, level }
if (item.children && item.children.length > 0) {
node.children = handleTreeWithLevel(item.children, level + 1)
}
return node
})
}
</script>
<style lang="scss" scoped>
.edit-dialog {