Files
pengcheng-exam-teacher/src/views/paper/audit/index.vue

761 lines
20 KiB
Vue

<template>
<!-- 同步弹框 -->
<el-dialog
v-model="syncDialogVisible"
:title="dialogTitle"
width="800px"
:before-close="handleCloseSyncDialog"
>
<ContentWrap>
<!-- 搜索表单 -->
<el-form
class="-mb-15px"
:model="queryParamsSchool"
ref="queryFormRefSchool"
:inline="true"
label-width="68px"
>
<el-form-item label="学校" prop="name">
<el-input
v-model="queryParamsSchool.name"
placeholder="请输入试卷编号"
clearable
class="!w-240px"
@keyup.enter="handleQuerySchool"
/>
</el-form-item>
<el-form-item>
<el-button @click="handleQuerySchool">
<Icon icon="ep:search" class="mr-5px" /> 搜索
</el-button>
<el-button @click="resetQuerySchool"><Icon icon="ep:refresh" />重置</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<ContentWrap>
<el-table v-loading="loadingSchool" :data="listSchool" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column v-if="false" label="编号" align="center" prop="id" />
<el-table-column label="学校" align="center" prop="name" />
</el-table>
<Pagination
:total="totalSchool"
v-model:page="queryParamsSchool.pageNo"
v-model:limit="queryParamsSchool.pageSize"
@pagination="getSchoolList"
/>
</ContentWrap>
<template #footer>
<span class="dialog-footer">
<el-button @click="handleCloseSyncDialog">取消</el-button>
<el-button @click="connectSchoolAll">测试连接</el-button>
<el-button type="primary" @click="confirmSync">确定</el-button>
</span>
</template>
</el-dialog>
<!-- 搜索 -->
<ContentWrap>
<el-form
class="-mb-15px"
:model="queryParams"
ref="queryFormRef"
:inline="true"
label-width="68px"
>
<el-form-item label="服务器" prop="source">
<el-select
v-model="queryParams.source"
filterable
allow-create
default-first-option
placeholder="请选择服务器"
class="!w-240px"
>
<el-option
v-for="item in schoolNameList"
:key="item.name"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item>
<!-- 状态切换单独一行 -->
<el-radio-group v-model="queryParams.audit" @change="handleQuery">
<el-radio-button :label="''">全部</el-radio-button>
<el-radio-button :label="'2'">待审核</el-radio-button>
<el-radio-button :label="'0'">审核通过</el-radio-button>
<el-radio-button :label="'3'">审核未通过</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" />搜索</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" />重置</el-button>
<el-button
type="primary"
plain
@click="handleTong()"
>
<Icon icon="ep:download" /> 拉取
</el-button>
<el-button
v-if="queryParams.audit === '' || queryParams.audit === '0'"
type="primary"
plain
@click="handleTUI()"
>
<Icon icon="ep:top" />推送
</el-button>
<!-- 审核按钮单独显示在下一行 -->
<el-button
type="primary"
plain
@click="handleAudit()"
v-if="queryParams.audit === '2'"
>
<Icon icon="ep:check" /> 审核通过
</el-button>
<el-button
type="danger"
plain
@click="handleNoAudit()"
v-if="queryParams.audit === '2'"
>
<Icon icon="ep:close" /> 审核不通过
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<ContentWrap>
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChangeQuestion">
<el-table-column type="selection" width="55" />
<el-table-column label="试题编号" align="center" key="id" prop="quNum" :show-overflow-tooltip="true"/>
<el-table-column label="专业" align="center" prop="specialtyName" width="120" />
<el-table-column
label="课程"
align="center"
prop="courseName"
:show-overflow-tooltip="true"
/>
<!-- <el-table-column
label="章节名称"
align="center"
prop="chapteridDictText"
:show-overflow-tooltip="true"
/> -->
<el-table-column
label="难度"
align="center"
prop="quLevel"
:show-overflow-tooltip="true"
>
<template #default="scope">
<dict-tag :type="DICT_TYPE.EXAM_QUE_DIFF" :value="scope.row.quLevel" />
</template>
</el-table-column>
<el-table-column
label="知识点"
align="center"
prop="pointNamesVo"
:show-overflow-tooltip="true"
/>
<el-table-column
label="审核状态"
align="center"
prop="audit"
:show-overflow-tooltip="true"
>
<template #default="scope">
<dict-tag :type="DICT_TYPE.QUESTION_AUDIT" :value="scope.row.audit" />
</template>
</el-table-column>
<el-table-column
label="来源"
align="center"
prop="schoolName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="类别"
align="center"
prop="type"
:show-overflow-tooltip="true"
>
<template #default="scope">
<dict-tag :type="DICT_TYPE.QUESTION_SOURCE" :value="scope.row.type" />
</template>
</el-table-column>
<el-table-column
label="创建人"
align="center"
prop="createTeacher"
:show-overflow-tooltip="true"
/>
<el-table-column label="状态" key="status">
<!-- <template #default="scope">
<el-switch
v-model="scope.row.status"
active-value="0"
inactive-value="1"
@change="handleStatusChange(scope.row)"
/>
</template> -->
<template #default="scope">
<dict-tag :type="DICT_TYPE.SYS_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column
label="拉取时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180"
/>
<el-table-column
label="审核时间"
align="center"
prop="updateTime"
:formatter="dateFormatter"
width="180"
/>
<el-table-column
label="审核人"
align="center"
prop="updater"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column label="操作" align="center" width="160">
<template #default="scope">
<div class="flex items-center justify-center">
<el-button
type="primary"
link
@click="openForm('update', scope.row)"
>
<Icon icon="ep:edit" />修改
</el-button>
<!-- <el-button
type="primary"
link
@click="openForm('update', scope.row.quId)"
>
<Icon icon="ep:delete" />删除
</el-button> -->
</div>
</template>
</el-table-column>
</el-table>
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</ContentWrap>
<!-- </el-col> -->
<!-- </el-row> -->
<!-- 添加或修改选择题 -->
<ChoiceForm ref="formRef" @success="getList" />
<!-- 添加或修改C语言程序设计 -->
<CdesignForm ref="cformRef" @success="getList" />
<!-- 用户导入对话框 -->
<UserImportForm ref="importFormRef" @success="getList" />
<!-- 分配角色 -->
<UserAssignRoleForm ref="assignRoleFormRef" @success="getList" />
<MdesignForm ref="mformRef" @success="getList" />
<BdesignForm ref="bformRef" @success="getList" />
<FdesignForm ref="fformRef" @success="getList" />
<WpsWordForm ref="wformRef" @success="getList" />
<WpsPptxForm ref="pformRef" @success="getList" />
</template>
<script lang="ts" setup>
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { CommonStatusEnum } from '@/utils/constants'
import * as UserApi from '@/api/system/user'
import * as QuestionApi from '@/api/paper/question'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import ChoiceForm from './ChoiceForm.vue'
import CdesignForm from './CdesignForm.vue'
import MdesignForm from './MysqlForm.vue'
import BdesignForm from './BrowerForm.vue'
import FdesignForm from './FileForm.vue'
import WpsWordForm from './WpsWordForm.vue'
import WpsPptxForm from './WpsPptxForm.vue'
import UserImportForm from './UserImportForm.vue'
import UserAssignRoleForm from './UserAssignRoleForm.vue'
import {handleTree} from "@/utils/tree";
defineOptions({ name: 'SystemUser' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const schoolNameList = ref();
const loadingSchool = ref(true)
const dialogTitle = ref('')
const total = ref(0) // 列表的总页数
const list = ref([]) // 列表的数
const totalSchool = ref(0) // 列表的总页数
const listSchool = ref([]) // 列表的数
const queryParams = reactive({
specialtyName: "",
courseName: "",
subjectName: "",
audit: '',
status:"",
source:"",
pageNo: 1,
pageSize: 10,
})
const queryParamsSchool = reactive({
name:'',
pageNo: 1,
pageSize: 10,
})
const queryFormRef = ref() // 搜索的表单
const specialtyList = ref<Tree[]>([]) // 树形结构
const queryFormRefSchool = ref() // 搜索的表单
const syncDialogVisible = ref(false)
const dialogType = ref('') // 用来区分是同步还是推送
const treeRef = ref()
const handleCloseSyncDialog = () => {
syncDialogVisible.value = false
queryParamsSchool.name = ''
listSchool.value = []
totalSchool.value = 0
}
const getSchool = async () => {
const data = await QuestionApi.getSchoolNameNopage();
schoolNameList.value=data
console.log(data.list+"data.list")
}
const confirmSync = () => {
if (selections.value.length === 0) {
ElMessage.warning('请先选择要同步的学校');
return;
}
const selectedIds = selections.value.map(item => item.ququeName);
console.log('选中的ID:', selectedIds);
if (dialogType.value === 'sync') {
QuestionApi.syncUniversities(selectedIds).then(() => {
ElMessage.success('同步成功');
syncDialogVisible.value = false;
getList();
}).catch(() => {
ElMessage.error('同步失败');
});
} else if (dialogType.value === 'push') {
const rows = selectedQuestions.value;
selectedRows.value = rows.map((d: any) => d.quId);
console.log(selectedRows.value+"选中的试题")
const payload = {
queueNames: selectedIds,
questionIds: selectedRows.value
};
QuestionApi.doPush(payload).then(() => {
ElMessage.success('推送成功');
syncDialogVisible.value = false;
getList();
}).catch(() => {
ElMessage.error('推送失败');
});
}
};
const connectSchoolAll = () => {
if (selections.value.length === 0) {
ElMessage.warning('请先选择要连接的学校');
return;
}
const selectedIds = selections.value.map(item => item.ququeName);
console.log('选中的ID:', selectedIds);
QuestionApi.connectSchoolAll(selectedIds).then(() => {
ElMessage.success('连接成功');
}).catch(() => {
ElMessage.error('同步失败');
});
};
/** 获得部门树 */
const getTree = async () => {
const res = await UserApi.getSpecialtyByUserId()
specialtyList.value = []
specialtyList.value.push(...handleTree(res))
}
const getSchoolList = async () => {
loadingSchool.value = true
try {
const data = await QuestionApi.getSchoolName(queryParamsSchool);
listSchool.value = data.list
totalSchool.value = data.total
} finally {
loadingSchool.value = false
}
}
/** 查询列表 */
const getList = async () => {
await getTree();
loading.value = true
try {
console.log(queryParams.audit+"queryParams.audit");
const data = await QuestionApi.getQuestionAuditList(queryParams);
if (!queryParams.audit) {
list.value = data.list;
} else {
list.value = data.list.filter(item => item.audit?.toString() === queryParams.audit);
}
total.value = list.value.length;
} finally {
loading.value = false
}
}
/** 搜索按钮操作 */
const handleQuery =async () => {
const data = await QuestionApi.getQuestionAuditList(queryParams);
if (!queryParams.audit) {
list.value = data.list;
} else {
list.value = data.list.filter(item => item.audit?.toString() === queryParams.audit);
}
total.value = list.value.length;
}
const handleQuerySchool = () => {
queryParamsSchool.pageNo = 1
getSchoolList()
}
const selectedRows = ref<string[]>([])
/** 表格选中数据 */
const selections = ref([]);
const selectedQuestions = ref([]);
const handleSelectionChange = (rows) => {
selections.value = rows;
}
const handleSelectionChangeQuestion = (rows) => {
selectedQuestions.value = rows;
}
const handleAudit = async () => {
try {
const rows = selectedQuestions.value;
if (!rows.length) {
message.error('请至少选择一条数据');
return;
}
selectedRows.value = rows.map((d: any) => d.quId); // 保存选中的行数据
await QuestionApi.auditQue(selectedRows.value)
message.success(t('操作成功'))
// 刷新列表
await getList()
} catch {}
}
const handleNoAudit = async () => {
try {
const rows = selectedQuestions.value;
if (!rows.length) {
message.error('请至少选择一条数据');
return;
}
selectedRows.value = rows.map((d: any) => d.quId); // 保存选中的行数据
console.log(selectedRows.value)
await QuestionApi.noauditQue(selectedRows.value)
message.success(t('操作成功'))
// 刷新列表
await getList()
} catch {}
}
// 点击“同步”按钮触发,打开弹框
const handleTong = () => {
dialogTitle.value = '同步确认'
dialogType.value = 'sync'
getSchoolList();
syncDialogVisible.value = true
}
const handleTUI = () => {
const rows = selectedQuestions.value;
if (!rows.length) {
message.error('请至少选择一条数据');
return;
}
dialogTitle.value = '推送确认'
dialogType.value = 'push'
getSchoolList();
syncDialogVisible.value = true
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value?.resetFields()
handleQuery()
}
const resetQuerySchool = () => {
queryFormRefSchool.value?.resetFields()
handleQuery()
}
/** 处理部门被点击 */
const handleDeptNodeClick = async (row) => {
// queryParams.deptId = row.id
await getList()
}
/** 处理专业被点击 */
const chooseQuestionType = ref('');
const handleSpecialtyNodeClick = async (row: any) => {
chooseQuestionType.value = row.name;
// 判断点击的层级结构,进行入参
if (!row.children != null){
// 说明是题型
queryParams.courseName = row.name
}
const specArr: any = findNamePathFromTreeList(specialtyList.value, row.id)
// 判断长度赋值
if (specArr.length == 1) {
// 说明是题型
queryParams.specialtyName = specArr[0]
}
if (specArr.length == 2) {
queryParams.specialtyName = specArr[0]
queryParams.courseName = specArr[1]
}
if (specArr.length == 3) {
queryParams.specialtyName = specArr[0]
queryParams.courseName = specArr[1]
queryParams.subjectName = specArr[2]
}
await getList()
}
interface Tree {
id: number
name: string
children?: Tree[] | any[]
}
/**
* 递归查找路径
*/
/** 递归查找路径(根据 ID 返回 name 路径) */
const findNamePath = (
node: Tree,
targetId: number,
path: string[] = []
): string[] | null => {
const currentPath = [...path, node.name]
if (node.id === targetId) {
return currentPath
}
if (node.children && node.children.length > 0) {
for (const child of node.children) {
const result = findNamePath(child, targetId, currentPath)
if (result) return result
}
}
return null
}
/** 入口函数:支持根节点是数组的情况 */
const findNamePathFromTreeList = (treeList: Tree[], targetId: number): string[] | null => {
for (const tree of treeList) {
const result = findNamePath(tree, targetId)
if (result) return result
}
return null
}
/** 添加/修改操作 */
const formRef = ref()
const cformRef = ref()
const mformRef = ref()
const bformRef = ref()
const fformRef = ref()
const wformRef = ref()
const pformRef = ref()
const openForm = (type: string, row: any) => {
console.log(row.subjectName+"subjectName");
if (row.subjectName == "") {
return message.confirm('请选择题型!');
}
if (row.subjectName.includes("选择题")){
console.log(row.quId+"row.quId")
formRef.value.open(queryParams,type, row.quId)
} else if(row.subjectName.includes("编程题")) {
cformRef.value.open(queryParams,type, row.quId)
}else if(row.subjectName.includes("程序设计")) {
mformRef.value.open(queryParams,type, row.quId)
}else if(row.subjectName.includes("网络题")) {
bformRef.value.open(queryParams,type, row.quId)
}else if(row.subjectName.includes("文件处理")) {
fformRef.value.open(queryParams,type, row.quId)
} else if (row.subjectName.includes("文字")){
wformRef.value.open(queryParams,type, row.quId)
}else if (row.subjectName.includes("演示")){
pformRef.value.open(queryParams,type,row.id)
}
}
/** 用户导入 */
const importFormRef = ref()
/** 修改用户状态 */
const handleStatusChange = async (row: any) => {
try {
// 修改状态的二次确认
await message.confirm('确认要修改' + row.quId + '"试题状态吗?')
// 发起修改状态
// 刷新列表
await getList()
} catch {
// 取消后,进行恢复按钮
row.status =
row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE : CommonStatusEnum.ENABLE
}
}
/** 导出按钮操作 */
const exportLoading = ref(false)
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await UserApi.exportUser(queryParams)
download.excel(data, '用户数据.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 操作分发 */
const handleCommand = (command: string, row: UserApi.UserVO) => {
switch (command) {
case 'handleDelete':
handleDelete(row.id)
break
case 'handleResetPwd':
handleResetPwd(row)
break
case 'handleRole':
handleRole(row)
break
default:
break
}
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await UserApi.deleteUser(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch {}
}
/** 重置密码 */
const handleResetPwd = async (row: UserApi.UserVO) => {
try {
// 重置的二次确认
const result = await message.prompt(
'请输入"' + row.username + '"的新密码',
t('common.reminder')
)
const password = result.value
// 发起重置
await UserApi.resetUserPassword(row.id, password)
message.success('修改成功,新密码是:' + password)
} catch {}
}
/** 分配角色 */
const assignRoleFormRef = ref()
const handleRole = (row: UserApi.UserVO) => {
assignRoleFormRef.value.open(row)
}
/** 初始化 */
onMounted(() => {
getList()
getSchool()
})
</script>