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

【修改】 pptx考点新增页面

Browse Source
This commit is contained in:
dlaren
2025-08-06 00:26:08 +08:00
parent ed19b8f417
commit 131e394310
3 changed files with 358 additions and 498 deletions
Download Patch File Download Diff File Expand all files Collapse all files

691
src/views/paper/audit/index.vue
View File

@@ -1,227 +1,190 @@
<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-dialog
v-model="syncDialogVisible"
:title="dialogTitle"
width="800px"
:before-close="handleCloseSyncDialog"
>
<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>
<!-- 搜索表单 -->
<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="queryParamsSchool"
ref="queryFormRefSchool"
:model="queryParams"
ref="queryFormRef"
: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"
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"
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-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-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
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
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">
<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>
<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">
<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>
<el-table-column
label="来源"
align="center"
prop="schoolName"
:show-overflow-tooltip="true"
/>
<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">
<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-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"
@@ -230,61 +193,57 @@
/>
</template> -->
<template #default="scope">
<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
</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> -->
</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> -->
<!-- 添加或修改选择题 -->
@@ -295,14 +254,13 @@
<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>
@@ -322,7 +280,7 @@ 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";
import { handleTree } from '@/utils/tree'
defineOptions({ name: 'SystemUser' })
@@ -330,7 +288,7 @@ const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const schoolNameList = ref();
const schoolNameList = ref()
const loadingSchool = ref(true)
const dialogTitle = ref('')
const total = ref(0) // 列表的总页数
@@ -338,32 +296,29 @@ const list = ref([]) // 列表的数
const totalSchool = ref(0) // 列表的总页数
const listSchool = ref([]) // 列表的数
const queryParams = reactive({
specialtyName: "",
courseName: "",
subjectName: "",
specialtyName: '',
courseName: '',
subjectName: '',
audit: '',
status:"",
source:"",
status: '',
source: '',
pageNo: 1,
pageSize: 10,
pageSize: 10
})
const queryParamsSchool = reactive({
name:'',
name: '',
pageNo: 1,
pageSize: 10,
pageSize: 10
})
const queryFormRef = ref() // 搜索的表单
const specialtyList = ref<Tree[]>([]) // 树形结构
const queryFormRefSchool = ref() // 搜索的表单
const syncDialogVisible = ref(false)
const dialogType = ref('') // 用来区分是同步还是推送
const treeRef = ref()
const handleCloseSyncDialog = () => {
@@ -374,66 +329,66 @@ const handleCloseSyncDialog = () => {
}
const getSchool = async () => {
const data = await QuestionApi.getSchoolNameNopage();
schoolNameList.value=data
console.log(data.list+"data.list")
const data = await QuestionApi.getSchoolNameNopage()
schoolNameList.value = data
console.log(data.list + 'data.list')
}
const confirmSync = () => {
if (selections.value.length === 0) {
ElMessage.warning('请先选择要同步的学校');
return;
ElMessage.warning('请先选择要同步的学校')
return
}
const selectedIds = selections.value.map(item => item.ququeName);
console.log('选中的ID:', selectedIds);
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('同步失败');
});
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 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('推送失败');
});
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;
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 selectedIds = selections.value.map((item) => item.ququeName)
console.log('选中的ID:', selectedIds)
QuestionApi.connectSchoolAll(selectedIds)
.then(() => {
ElMessage.success('连接成功')
})
.catch(() => {
ElMessage.error('同步失败')
})
}
/** 获得部门树 */
const getTree = async () => {
@@ -442,11 +397,10 @@ const getTree = async () => {
specialtyList.value.push(...handleTree(res))
}
const getSchoolList = async () => {
loadingSchool.value = true
try {
const data = await QuestionApi.getSchoolName(queryParamsSchool);
const data = await QuestionApi.getSchoolName(queryParamsSchool)
listSchool.value = data.list
totalSchool.value = data.total
@@ -455,65 +409,62 @@ const getSchoolList = async () => {
}
}
/** 查询列表 */
const getList = async () => {
await getTree();
await getTree()
loading.value = true
try {
console.log(queryParams.audit+"queryParams.audit");
const data = await QuestionApi.getQuestionAuditList(queryParams);
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;
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);
const handleQuery = async () => {
const data = await QuestionApi.getQuestionAuditList(queryParams)
if (!queryParams.audit) {
list.value = data.list;
list.value = data.list
} else {
list.value = data.list.filter(item => item.audit?.toString() === queryParams.audit);
list.value = data.list.filter((item) => item.audit?.toString() === queryParams.audit)
}
total.value = list.value.length;
total.value = list.value.length
}
const handleQuerySchool = () => {
queryParamsSchool.pageNo = 1
getSchoolList()
}
const selectedRows = ref<string[]>([])
const selectedRows = ref<string[]>([])
/** 表格选中数据 */
const selections = ref([]);
const selectedQuestions = ref([]);
/** 表格选中数据 */
const selections = ref([])
const selectedQuestions = ref([])
const handleSelectionChange = (rows) => {
selections.value = rows;
selections.value = rows
}
const handleSelectionChangeQuestion = (rows) => {
selectedQuestions.value = rows;
selectedQuestions.value = rows
}
const handleAudit = async () => {
try {
const rows = selectedQuestions.value;
if (!rows.length) {
message.error('请至少选择一条数据');
return;
}
const rows = selectedQuestions.value
if (!rows.length) {
message.error('请至少选择一条数据')
return
}
selectedRows.value = rows.map((d: any) => d.quId); // 保存选中的行数据
selectedRows.value = rows.map((d: any) => d.quId) // 保存选中的行数据
await QuestionApi.auditQue(selectedRows.value)
await QuestionApi.auditQue(selectedRows.value)
message.success(t('操作成功'))
// 刷新列表
await getList()
@@ -521,44 +472,41 @@ const handleAudit = async () => {
}
const handleNoAudit = async () => {
try {
const rows = selectedQuestions.value;
if (!rows.length) {
message.error('请至少选择一条数据');
return;
}
const rows = selectedQuestions.value
if (!rows.length) {
message.error('请至少选择一条数据')
return
}
selectedRows.value = rows.map((d: any) => d.quId); // 保存选中的行数据
console.log(selectedRows.value)
selectedRows.value = rows.map((d: any) => d.quId) // 保存选中的行数据
console.log(selectedRows.value)
await QuestionApi.noauditQue(selectedRows.value)
await QuestionApi.noauditQue(selectedRows.value)
message.success(t('操作成功'))
// 刷新列表
await getList()
} catch {}
}
// 点击“同步”按钮触发，打开弹框
const handleTong = () => {
dialogTitle.value = '同步确认'
dialogType.value = 'sync'
getSchoolList();
dialogTitle.value = '同步确认'
dialogType.value = 'sync'
getSchoolList()
syncDialogVisible.value = true
}
const handleTUI = () => {
const rows = selectedQuestions.value;
const rows = selectedQuestions.value
if (!rows.length) {
message.error('请至少选择一条数据');
return;
message.error('请至少选择一条数据')
return
}
dialogTitle.value = '推送确认'
dialogType.value = 'push'
getSchoolList();
getSchoolList()
syncDialogVisible.value = true
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value?.resetFields()
@@ -575,11 +523,11 @@ const handleDeptNodeClick = async (row) => {
}
/** 处理专业被点击 */
const chooseQuestionType = ref('');
const chooseQuestionType = ref('')
const handleSpecialtyNodeClick = async (row: any) => {
chooseQuestionType.value = row.name;
chooseQuestionType.value = row.name
// 判断点击的层级结构，进行入参
if (!row.children != null){
if (!row.children != null) {
// 说明是题型
queryParams.courseName = row.name
}
@@ -610,11 +558,7 @@ interface Tree {
* 递归查找路径
*/
/** 递归查找路径（根据 ID 返回 name 路径） */
const findNamePath = (
node: Tree,
targetId: number,
path: string[] = []
): string[] | null => {
const findNamePath = (node: Tree, targetId: number, path: string[] = []): string[] | null => {
const currentPath = [...path, node.name]
if (node.id === targetId) {
return currentPath
@@ -644,27 +588,26 @@ 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('请选择题型！');
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)
}
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)
}
}
/** 用户导入 */

138
src/views/wps/pptx/PptxForm.vue
View File

@@ -5,90 +5,35 @@
v-loading="formLoading"
:model="formData"
:rules="formRules"
label-width="160px"
label-width="120px"
>
<el-form-item label="上级节点" prop="parentId">
<el-tree-select
v-model="formData.parentId"
:data="wordTree"
:data="PptxTree"
:props="defaultProps"
check-strictly
placeholder="请选择上级Pptx节点"
default-expand-all
placeholder="请选择上级Slide节点"
/>
</el-form-item>
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称" />
<el-form-item label="Slide节点名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入Slide节点名称" />
</el-form-item>
<el-form-item label="显示排序" prop="sort">
<el-input-number v-model="formData.sort" :min="0" controls-position="right" />
</el-form-item>
<el-form-item label="节点方法" prop="functions">
<el-input v-model="formData.functions" placeholder="请输入节点方法" />
</el-form-item>
<el-form-item label="方法参数" prop="parameter">
<el-input v-model="formData.parameter" placeholder="请输入节点方法" />
</el-form-item>
<el-form-item label="中文描述" prop="chineseName">
<el-input v-model="formData.chineseName" maxlength="50" placeholder="请输入中文描述" />
</el-form-item>
<el-form-item label="标签名称" prop="title">
<el-input v-model="formData.title" placeholder="请输入标签名称" />
</el-form-item>
<el-form-item label="值参数" prop="valueList">
<el-input v-model="formData.valueList" maxlength="50" placeholder="请输入值参数(多值判断#分隔) 当查询数据类型为文本是填入null" />
</el-form-item>
<el-form-item label="查询数据类型" prop="isText">
<el-select
v-model="formData.isText"
clearable
placeholder="请输入查找的是文本还是参数（0：参数；1：文本）"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_ISTEXT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="中文考点名称" prop="chineseName">
<el-input v-model="formData.chineseName" maxlength="50" placeholder="请输入中文考点名称" />
</el-form-item>
<el-form-item label="返回数据类型" prop="isTrue">
<el-select
v-model="formData.isTrue"
clearable
placeholder="请选择对结果的判断（0:否 返回值，1:是 返回 是否）"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_ISTRUE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="参数归属" prop="isParameter">
<el-select
v-model="formData.isParameter"
clearable
placeholder="请选择0:内参数；1：外参数；2；内外参数（方法使用#继续分割）"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_ISPARAMETER)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="考点级别" prop="titleType">
<el-select v-model="formData.titleType" clearable placeholder="请选择考点级别">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_TITLETYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="值转换类型" prop="dataType">
<el-select v-model="formData.dataType" clearable placeholder="请选择值转换类型">
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.PPTX_DATATYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
<el-input v-model="formData.title" maxlength="50" placeholder="请输入标签名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="formData.status" clearable placeholder="请选择状态">
@@ -100,9 +45,6 @@
/>
</el-select>
</el-form-item>
<el-form-item label="显示排序" prop="sort">
<el-input-number v-model="formData.sort" :min="0" controls-position="right" />
</el-form-item>
</el-form>
<template #footer>
<el-button type="primary" @click="submitForm">确 定</el-button>
@@ -117,7 +59,7 @@ import * as PptxApi from '@/api/wps/pptx'
import { CommonStatusEnum } from '@/utils/constants'
import { FormRules } from 'element-plus'
defineOptions({ name: 'WpsWord' })
defineOptions({ name: 'WpsPptx' })
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
@@ -128,27 +70,23 @@ const formLoading = ref(false) // 表单的加载中：1）修改时的数据加
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formData = ref({
id: undefined,
title: '',
parentId: undefined,
name: undefined,
sort: undefined,
title: undefined,
valueList: undefined,
functions: undefined,
parameter: undefined,
chineseName: undefined,
status: CommonStatusEnum.ENABLE,
dataType: CommonStatusEnum.ENABLE,
isText: CommonStatusEnum.ENABLE,
isTrue: CommonStatusEnum.ENABLE,
titleType: CommonStatusEnum.ENABLE,
isParameter: CommonStatusEnum.ENABLE
status: CommonStatusEnum.ENABLE
})
const formRules = reactive<FormRules>({
parentId: [{ required: true, message: '上级Word节点不能为空', trigger: 'blur' }],
parentId: [{ required: true, message: '上级Pptx节点不能为空', trigger: 'blur' }],
name: [{ required: true, message: '节点名称不能为空', trigger: 'blur' }],
sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }],
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
})
const formRef = ref() // 表单 Ref
const wordTree = ref() // 树形结构
const PptxTree = ref() // 树形结构
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
@@ -165,7 +103,7 @@ const open = async (type: string, id?: number) => {
formLoading.value = false
}
}
// 获得Word节点树
// 获得Pptx节点树
await getTree()
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
@@ -200,28 +138,24 @@ const submitForm = async () => {
const resetForm = () => {
formData.value = {
id: undefined,
title: '',
parentId: undefined,
name: undefined,
sort: undefined,
title: undefined,
valueList: undefined,
functions: undefined,
parameter: undefined,
chineseName: undefined,
status: CommonStatusEnum.ENABLE,
dataType: CommonStatusEnum.ENABLE,
isText: CommonStatusEnum.ENABLE,
isTrue: CommonStatusEnum.ENABLE,
titleType: CommonStatusEnum.ENABLE,
isParameter: CommonStatusEnum.ENABLE
status: CommonStatusEnum.ENABLE
}
formRef.value?.resetFields()
}
/** 获得树 */
/** 获得Pptx树 */
const getTree = async () => {
wordTree.value = []
PptxTree.value = []
const data = await PptxApi.getSimplePptxList()
let word: Tree = { id: 0, name: '顶级Word节点', children: [] }
word.children = handleTree(data)
wordTree.value.push(word)
let Pptx: Tree = { id: 0, name: '顶级Pptx节点', children: [] }
Pptx.children = handleTree(data)
PptxTree.value.push(Pptx)
}
</script>

27
src/views/wps/pptx/index.vue
View File

@@ -34,27 +34,9 @@
>
<el-table-column prop="name" label="名称" />
<el-table-column prop="title" label="标签名称" />
<el-table-column prop="valueList" label="值参数(多值判断#分隔)" />
<el-table-column prop="isText" label="查询数据类型">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PPTX_ISTEXT" :value="scope.row.isText" />
</template>
</el-table-column>
<el-table-column prop="isTrue" label="返回数据类型">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PPTX_ISTRUE" :value="scope.row.isTrue" />
</template>
</el-table-column>
<el-table-column prop="dataType" label="值转换类型">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PPTX_DATATYPE" :value="scope.row.dataType" />
</template>
</el-table-column>
<el-table-column prop="isParameter" label="参数归属">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PPTX_ISPARAMETER" :value="scope.row.isParameter" />
</template>
</el-table-column>
<el-table-column prop="functions" label="方法名称" />
<el-table-column prop="parameter" label="方法参数" />
<el-table-column prop="chineseName" label="中文描述" />
<el-table-column label="操作" align="center" width="150">
<template #default="scope">
<el-button
@@ -79,6 +61,7 @@
<!-- 表单弹窗：添加/修改 -->
<PptxForm ref="formRef" @success="getList" />
</template>
<script lang="ts" setup>
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
@@ -104,7 +87,7 @@ const queryFormRef = ref() // 搜索的表单
const isExpandAll = ref(true) // 是否展开，默认全部展开
const refreshTable = ref(true) // 重新渲染表格状态
/** 查询Word节点列表 */
/** 查询Pptx节点列表 */
const getList = async () => {
loading.value = true
try {