【修改】 试题录入,选择题

This commit is contained in:
DESKTOP-932OMT8\REN
2025-05-13 10:34:27 +08:00
committed by 陆光LG
parent 12cbdaa78a
commit a22a77ecc1
3 changed files with 161 additions and 75 deletions

View File

@@ -25,3 +25,12 @@ export const removeQuestion = (ids: string[]) => {
return request.delete({ url: '/exam/question/' + ids}) return request.delete({ url: '/exam/question/' + ids})
} }
// 新增试题
export function addQuestion(data: any) {
return request.post({url: '/exam/question', data});
}
// 修改试题
export function editQuestion(data: any) {
return request.put({url: '/exam/question', data});
}

View File

@@ -13,19 +13,31 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="专业" prop="specialtyName"> <el-form-item label="专业" prop="specialtyName">
<el-input v-model="formData.specialtyName" placeholder="请输入专业" /> <el-input v-model="formData.specialtyName" placeholder="请输入专业" disabled/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="试题名称" prop="quBankName"> <el-form-item label="试题名称" prop="quBankName">
<el-input v-model="formData.quBankName" placeholder="请输入专业" /> <el-input v-model="formData.quBankName" placeholder="请试题名称" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<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-col :span="12">
<el-form-item label="题库" prop="required"> <el-form-item label="题库" prop="required">
<el-input v-model="formData.required" placeholder="请输入手机题库" /> <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-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@@ -36,8 +48,40 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="课程" prop="courseName"> <el-form-item label="知识点" prop="pointNames">
<el-input v-model="formData.courseName" placeholder="请输入课程" /> <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-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="题型" prop="subjectName">
<el-input v-model="formData.subjectName" placeholder="请输入题型" disabled/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="启用状态" prop="status">
<el-radio-group v-model="formData.status">
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:value="dict.value"
>
{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</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-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -237,14 +281,10 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict' import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import { CommonStatusEnum } from '@/utils/constants'
import { defaultProps, handleTree } from '@/utils/tree'
import * as PostApi from '@/api/system/post'
import * as DeptApi from '@/api/system/dept'
import * as UserApi from '@/api/system/user'
import { FormRules } from 'element-plus' import { FormRules } from 'element-plus'
import * as QuestionApi from '@/api/paper/question'
defineOptions({ name: 'SystemUserForm' }) defineOptions({ name: 'ChoiceForm' })
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
@@ -260,14 +300,18 @@ const formData = ref({
quBankName: '', quBankName: '',
required: '', required: '',
chapteridDictText: '', chapteridDictText: '',
analysis: '' analysis: '',
quLevel: '',
pointNames: '',
audit: '',
subjectName: '',
status: '',
resourceValue: ''
}) })
const formRules = reactive<FormRules>({ const formRules = reactive<FormRules>({
specialtyName: [{ required: true, message: '用户名称不能为空', trigger: 'blur' }] // specialtyName: [{ required: true, message: '用户名称不能为空', trigger: 'blur' }]
}) })
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref
const deptList = ref<Tree[]>([]) // 树形结构
const postList = ref([] as PostApi.PostVO[]) // 岗位列表
// 左侧试题描述 // 左侧试题描述
const leftActiveName = ref('desc') const leftActiveName = ref('desc')
// 右侧tab // 右侧tab
@@ -327,32 +371,73 @@ const handleDocumentSelectionChange = (val: any) => {
} }
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (type: string, id?: number) => { const open = async (queryParams: any ,type: string, id?: number) => {
dialogVisible.value = true dialogVisible.value = true
dialogTitle.value = t('action.' + type) dialogTitle.value = t('action.' + type)
formType.value = type formType.value = type
resetForm() resetForm()
// 修改时,设置数据 // 修改时,设置数据
if (id) { if (id) {
formLoading.value = true formLoading.value = true
try { try {
formData.value = await UserApi.getUser(id) formData.value = await QuestionApi.getQuestion(id)
for (let i = 0; i < formData.value.answerList.length; i++) {
if (formData.value.answerList[i].isRight === '0') {
let num = Number(i);
let nums = '';
if (num >= 0 && num <= 25) {
nums = String.fromCharCode(num + 65);
} else {
return '请输入 0-25 之间的数字';
}
radio.value = nums;
}
optionsContent[i + 1] = formData.value.answerList[i].content;
}
} finally { } finally {
formLoading.value = false formLoading.value = false
} }
} else {
formData.value.specialtyName = queryParams.specialtyName
formData.value.courseName = queryParams.courseName
formData.value.subjectName = queryParams.subjectName
} }
// 加载部门树
deptList.value = handleTree(await DeptApi.getSimpleDeptList())
// 加载岗位列表
postList.value = await PostApi.getSimplePostList()
} }
defineExpose({ open }) // 提供 open 方法,用于打开弹窗 defineExpose({ open }) // 提供 open 方法,用于打开弹窗
// 转换函数:将大写字母 A-Z 映射为 0-25
const mappedNumber = computed(() => {
const char = radio.value.toUpperCase();
const code = char.charCodeAt(0);
if (code >= 65 && code <= 90) {
return code - 65;
} else {
return '请输入 A-Z 的字母';
}
});
// 选择答案数据
const answerData = ref([]);
/** 提交表单 */ /** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调 const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
const submitForm = async () => { const submitForm = async () => {
const values = Object.values(optionsContent); const values = Object.values(optionsContent);
console.log(values) console.log(values)
// 组合数据 (选择题)
// 创建临时字段
for (let i = 0; i < values.length; i++) {
let data = {};
data.content = values[i];
data.sort = i;
// 判断正确答案
if (mappedNumber.value === i) {
data.isRight = '0';
} else {
data.isRight = '1';
}
answerData.value.push(data);
}
formData.value.answerList = answerData.value;
console.log(formData.value.answerList)
// 校验表单 // 校验表单
if (!formRef) return if (!formRef) return
const valid = await formRef.value.validate() const valid = await formRef.value.validate()
@@ -360,12 +445,12 @@ const submitForm = async () => {
// 提交请求 // 提交请求
formLoading.value = true formLoading.value = true
try { try {
const data = formData.value as unknown as UserApi.UserVO const data = formData.value as unknown
if (formType.value === 'create') { if (formType.value === 'create') {
await UserApi.createUser(data) await QuestionApi.addQuestion(data)
message.success(t('common.createSuccess')) message.success(t('common.createSuccess'))
} else { } else {
await UserApi.updateUser(data) await QuestionApi.editQuestion(data)
message.success(t('common.updateSuccess')) message.success(t('common.updateSuccess'))
} }
dialogVisible.value = false dialogVisible.value = false
@@ -385,7 +470,13 @@ const resetForm = () => {
quBankName: '', quBankName: '',
required: '', required: '',
chapteridDictText: '', chapteridDictText: '',
analysis: '' analysis: '',
quLevel: '',
pointNames: '',
audit: '',
subjectName: '',
status: '',
resourceValue: ''
} }
formRef.value?.resetFields() formRef.value?.resetFields()
} }

View File

@@ -118,9 +118,11 @@
<template #default="scope"> <template #default="scope">
<el-switch <el-switch
v-model="scope.row.status" v-model="scope.row.status"
:active-value="0" active-value="0"
:inactive-value="1" inactive-value="1"
@change="handleStatusChange(scope.row)"
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="专业" align="center" prop="specialtyName" width="120" /> <el-table-column label="专业" align="center" prop="specialtyName" width="120" />
@@ -173,35 +175,17 @@
<el-button <el-button
type="primary" type="primary"
link link
@click="openForm('update', scope.row.id)" @click="openForm('update', scope.row.quId)"
> >
<Icon icon="ep:edit" />修改 <Icon icon="ep:edit" />修改
</el-button> </el-button>
<el-dropdown <el-button
@command="(command) => handleCommand(command, scope.row)" type="primary"
> link
<el-button type="primary" link><Icon icon="ep:d-arrow-right" /> 更多</el-button> @click="openForm('update', scope.row.quId)"
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item
command="handleDelete"
v-if="checkPermi(['system:user:delete'])"
> >
<Icon icon="ep:delete" />删除 <Icon icon="ep:delete" />删除
</el-dropdown-item> </el-button>
<el-dropdown-item
command="handleResetPwd"
>
<Icon icon="ep:key" />重置密码
</el-dropdown-item>
<el-dropdown-item
command="handleRole"
>
<Icon icon="ep:circle-check" />分配角色
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@@ -361,10 +345,14 @@ const findNamePathFromTreeList = (treeList: Tree[], targetId: number): string[]
const formRef = ref() const formRef = ref()
const cformRef = ref() const cformRef = ref()
const openForm = (type: string, id?: number) => { const openForm = (type: string, id?: number) => {
console.log(queryParams)
if (queryParams.subjectName == "") {
return message.confirm('请选择题型!');
}
if (chooseQuestionType.value.includes("选择题")){ if (chooseQuestionType.value.includes("选择题")){
cformRef.value.open(type, id) cformRef.value.open(type, id)
} else { } else {
formRef.value.open(type, id) formRef.value.open(queryParams, type, id)
} }
} }
@@ -372,13 +360,11 @@ const openForm = (type: string, id?: number) => {
const importFormRef = ref() const importFormRef = ref()
/** 修改用户状态 */ /** 修改用户状态 */
const handleStatusChange = async (row: UserApi.UserVO) => { const handleStatusChange = async (row: any) => {
try { try {
// 修改状态的二次确认 // 修改状态的二次确认
const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用' await message.confirm('确认要修改' + row.quId + '"试题状态吗?')
await message.confirm('确认要"' + text + '""' + row.username + '"用户吗?')
// 发起修改状态 // 发起修改状态
await UserApi.updateUserStatus(row.id, row.status)
// 刷新列表 // 刷新列表
await getList() await getList()
} catch { } catch {