719 lines
22 KiB
Vue
719 lines
22 KiB
Vue
|
<template>
|
|||
|
|
<div class="edit-dialog">
|
|||
|
|
<Dialog v-model="dialogVisible" :title="dialogTitle" width="85%" top="10vh">
|
|||
|
|
<el-scrollbar>
|
|||
|
|
<div class="main">
|
|||
|
|
<el-form
|
|||
|
|
ref="formRef"
|
|||
|
|
v-loading="formLoading"
|
|||
|
|
:model="formData"
|
|||
|
|
:rules="formRules"
|
|||
|
|
label-width="80px"
|
|||
|
|
>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="12">
|
|||
|
|
<el-form-item label="专业" prop="specialtyName">
|
|||
|
|
<el-input v-model="formData.specialtyName" placeholder="请输入专业" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="12">
|
|||
|
|
<el-form-item label="知识点" prop="pointNames">
|
|||
|
|
<el-input v-model="formData.pointNames" placeholder="请输入知识点" disabled />
|
|||
|
|
</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="quLevel">
|
|||
|
|
<el-select v-model="formData.quLevel" placeholder="请选择题型难度" clearable>
|
|||
|
|
<el-option label="简单" :value="'0'" />
|
|||
|
|
<el-option label="一般" :value="'1'" />
|
|||
|
|
<el-option label="困难" :value="'2'" />
|
|||
|
|
</el-select>
|
|||
|
|
</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="chapteridDictText">
|
|||
|
|
<el-input
|
|||
|
|
v-model="formData.chapteridDictText"
|
|||
|
|
placeholder="请输入章节名称"
|
|||
|
|
disabled
|
|||
|
|
/>
|
|||
|
|
</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">
|
|||
|
|
<el-radio
|
|||
|
|
v-for="dict in getIntDictOptions(DICT_TYPE.SYS_STATUS)"
|
|||
|
|
:key="dict.value"
|
|||
|
|
:value="dict.value"
|
|||
|
|
>
|
|||
|
|
{{ dict.label }}
|
|||
|
|
</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-form>
|
|||
|
|
<div class="edit-bottom">
|
|||
|
|
<div class="edit-left bottom-common">
|
|||
|
|
<el-tabs v-model="leftActiveName" class="demo-tabs">
|
|||
|
|
<el-tab-pane label="试题描述" name="desc">
|
|||
|
|
<div class="block">
|
|||
|
|
<Editor v-model="formData.content" height="150px" />
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
</el-tabs>
|
|||
|
|
</div>
|
|||
|
|
<div class="edit-right bottom-common">
|
|||
|
|
<el-tabs v-model="rightActiveName" class="demo-tabs" @tab-click="rightHandleClick">
|
|||
|
|
<el-tab-pane label="试题解析" name="analysis">
|
|||
|
|
<div class="block">
|
|||
|
|
<Editor v-model="formData.analysis" height="150px" />
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
<el-tab-pane label="试题考点" name="answer">
|
|||
|
|
<el-button @click="addPptxInfo">新增</el-button>
|
|||
|
|
<!-- <el-button type="danger">删除</el-button> -->
|
|||
|
|
<div class="block">
|
|||
|
|
<el-table
|
|||
|
|
v-loading="loading"
|
|||
|
|
:data="list"
|
|||
|
|
@selection-change="handleSelectionChange"
|
|||
|
|
>
|
|||
|
|
<!-- <el-table-column type="selection" width="55" /> -->
|
|||
|
|
<el-table-column label="考点" align="center" prop="contentIn" />
|
|||
|
|
<el-table-column label="权值" align="center" prop="scoreRate" />
|
|||
|
|
</el-table>
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
<!-- <el-tab-pane name="medium">
|
|||
|
|
<template #label>
|
|||
|
|
<div class="custom-tabs-label">
|
|||
|
|
<p>媒体文件</p>
|
|||
|
|
<el-dropdown>
|
|||
|
|
<span class="el-dropdown-link" @click.stop="false">
|
|||
|
|
<div class="setting_icon"></div>
|
|||
|
|
</span>
|
|||
|
|
<template #dropdown>
|
|||
|
|
<el-dropdown-menu>
|
|||
|
|
<el-dropdown-item>
|
|||
|
|
<el-upload
|
|||
|
|
v-model:file-list="fileList"
|
|||
|
|
class="upload-demo"
|
|||
|
|
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
|
|||
|
|
>
|
|||
|
|
<el-button>导入</el-button>
|
|||
|
|
</el-upload>
|
|||
|
|
</el-dropdown-item>
|
|||
|
|
<el-dropdown-item>导出</el-dropdown-item>
|
|||
|
|
<el-dropdown-item>播放</el-dropdown-item>
|
|||
|
|
<el-dropdown-item>编辑</el-dropdown-item>
|
|||
|
|
<el-dropdown-item>删除选中</el-dropdown-item>
|
|||
|
|
</el-dropdown-menu>
|
|||
|
|
</template>
|
|||
|
|
</el-dropdown>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<div class="block">
|
|||
|
|
<el-table
|
|||
|
|
:data="mediumList"
|
|||
|
|
style="width: 100%"
|
|||
|
|
@selection-change="handleMediumSelectionChange"
|
|||
|
|
>
|
|||
|
|
<el-table-column type="index" width="50" />
|
|||
|
|
<el-table-column type="selection" width="55" />
|
|||
|
|
<el-table-column prop="type" label="媒体类型" width="80" />
|
|||
|
|
<el-table-column prop="title" label="标题" />
|
|||
|
|
<el-table-column prop="displayIndex" label="显示序号" />
|
|||
|
|
<el-table-column prop="size" label="大小" />
|
|||
|
|
</el-table>
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane> -->
|
|||
|
|
<el-tab-pane name="annex">
|
|||
|
|
<template #label>
|
|||
|
|
<div class="custom-tabs-label">
|
|||
|
|
<p>试题附件</p>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!-- 提示 -->
|
|||
|
|
<el-alert type="warning" show-icon :closable="false">
|
|||
|
|
<template #default>
|
|||
|
|
<span>提示：文件名称可默认不设置</span>
|
|||
|
|
</template>
|
|||
|
|
</el-alert>
|
|||
|
|
<div class="block">
|
|||
|
|
<el-table :data="documentList" style="width: 100%">
|
|||
|
|
<el-table-column type="index" label="#" width="50" />
|
|||
|
|
<el-table-column label="文件名称" width="250">
|
|||
|
|
<template #default="scope">
|
|||
|
|
<el-input
|
|||
|
|
v-model="scope.row.fileName"
|
|||
|
|
size="small"
|
|||
|
|
placeholder="请输入文件名称(未输入自动命名)"
|
|||
|
|
/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="fileType"
|
|||
|
|
label="类型"
|
|||
|
|
:formatter="fileTypeFormatter"
|
|||
|
|
/>
|
|||
|
|
<el-table-column prop="url" label="地址" width="200">
|
|||
|
|
<template #default="{ row }">
|
|||
|
|
<div
|
|||
|
|
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
|
|||
|
|
:title="row.url"
|
|||
|
|
>
|
|||
|
|
{{ row.url }}
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="操作" width="150">
|
|||
|
|
<template #default="scope">
|
|||
|
|
<el-button type="primary" plain @click="openForm(scope.row.fileType)">
|
|||
|
|
<Icon icon="ep:upload" class="mr-5px" /> 上传
|
|||
|
|
</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
</el-tabs>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-scrollbar>
|
|||
|
|
<template #footer>
|
|||
|
|
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
|
|||
|
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
|||
|
|
</template>
|
|||
|
|
</Dialog>
|
|||
|
|
</div>
|
|||
|
|
<!-- 表单弹窗：添加/修改 -->
|
|||
|
|
<FileForm ref="FileRef" @success="handleUploadSuccess" />
|
|||
|
|
<el-dialog v-model="dialogFormVisiblePptxInfo" title="考点设置" width="400px">
|
|||
|
|
<el-tree
|
|||
|
|
style="max-width: 600px"
|
|||
|
|
:data="pptxPointsList"
|
|||
|
|
:props="defaultProps"
|
|||
|
|
:expand-on-click-node="false"
|
|||
|
|
@node-click="handleNodelClick"
|
|||
|
|
/>
|
|||
|
|
</el-dialog>
|
|||
|
|
<el-dialog v-model="dialogFormVisiblePptxInfos" :title="titles" width="300px">
|
|||
|
|
<el-tree
|
|||
|
|
style="max-width: 600px"
|
|||
|
|
:data="pptxPointsInfoList"
|
|||
|
|
:props="defaultProps"
|
|||
|
|
:expand-on-click-node="false"
|
|||
|
|
show-checkbox
|
|||
|
|
@check-change="handleCheckChange"
|
|||
|
|
/>
|
|||
|
|
<template #footer>
|
|||
|
|
<el-button type="primary" @click="submitPptxPoints">确 定</el-button>
|
|||
|
|
<el-button @click="dialogFormVisiblePptxInfos = false">取 消</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-dialog>
|
|||
|
|
</template>
|
|||
|
|
<script lang="ts" setup>
|
|||
|
|
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
|||
|
|
import { FormRules } from 'element-plus'
|
|||
|
|
import * as QuestionApi from '@/api/paper/question'
|
|||
|
|
import * as WordApi from '@/api/wps/word'
|
|||
|
|
import * as PptxApi from '@/api/wps/pptx'
|
|||
|
|
import FileForm from './components/FileForm.vue'
|
|||
|
|
import { defaultProps, handleTree } from '@/utils/tree'
|
|||
|
|
import { cloneDeep } from 'lodash-es'
|
|||
|
|
|
|||
|
|
defineOptions({ name: 'WpsPptxFrom' })
|
|||
|
|
const pptxPointsList = ref<Tree[]>([]) // 树形结构
|
|||
|
|
const pptxPointsInfoList = ref<Tree[]>([]) // 树形结构
|
|||
|
|
|
|||
|
|
const list = ref([]) // 列表的数
|
|||
|
|
const { t } = useI18n() // 国际化
|
|||
|
|
const message = useMessage() // 消息弹窗
|
|||
|
|
const loading = ref(false) // 列表的加载中
|
|||
|
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
|||
|
|
const dialogTitle = ref('') // 弹窗的标题
|
|||
|
|
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
|||
|
|
const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
|||
|
|
const formData = ref({
|
|||
|
|
content: '',
|
|||
|
|
specialtyName: '',
|
|||
|
|
courseName: '',
|
|||
|
|
quBankName: '',
|
|||
|
|
required: '',
|
|||
|
|
chapteridDictText: '',
|
|||
|
|
analysis: '',
|
|||
|
|
quLevel: '',
|
|||
|
|
pointNames: '',
|
|||
|
|
audit: '',
|
|||
|
|
subjectName: '',
|
|||
|
|
status: ' ',
|
|||
|
|
resourceValue: '',
|
|||
|
|
answerList: [
|
|||
|
|
{
|
|||
|
|
image: '',
|
|||
|
|
content: '',
|
|||
|
|
contentIn: '',
|
|||
|
|
scoreRate: ''
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
fileUploads: [
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '0',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '1',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '2',
|
|||
|
|
fileName: ''
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
const pptxPointsFun = ref({
|
|||
|
|
chineseName: '',
|
|||
|
|
function: ''
|
|||
|
|
})
|
|||
|
|
const pptxPoints = ref({
|
|||
|
|
name: '',
|
|||
|
|
englishName: '',
|
|||
|
|
filePath: '',
|
|||
|
|
type: '',
|
|||
|
|
belongTo: '',
|
|||
|
|
isboo: '',
|
|||
|
|
function: ''
|
|||
|
|
})
|
|||
|
|
let pptxPointsInfosList: (typeof pptxPoints)[] = []
|
|||
|
|
|
|||
|
|
function fileTypeFormatter(row, column, cellValue) {
|
|||
|
|
if (cellValue === '0') return '素材文件(上传ZIP)'
|
|||
|
|
if (cellValue === '1') return '考试文件'
|
|||
|
|
if (cellValue === '2') return '结果文件'
|
|||
|
|
return '未知类型'
|
|||
|
|
}
|
|||
|
|
const documentList = ref([
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '0',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '1',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '2',
|
|||
|
|
fileName: ''
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
const dialogFormVisiblePptxInfo = ref(false)
|
|||
|
|
const dialogFormVisiblePptxInfos = ref(false)
|
|||
|
|
const nodeFunction = ref('')
|
|||
|
|
const titles = ref('')
|
|||
|
|
const englishName = ref('')
|
|||
|
|
const filePath = ref('')
|
|||
|
|
const upFilePath = ref('')
|
|||
|
|
|
|||
|
|
const functionList = ref<string[]>([])
|
|||
|
|
const pptxData = reactive({
|
|||
|
|
chineseName: '',
|
|||
|
|
englishName: '',
|
|||
|
|
filePath: '',
|
|||
|
|
function: [] as string[]
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const handleCheckChange = (data: Tree, checked: boolean, indeterminate: boolean) => {
|
|||
|
|
if (data.titleType == '2') {
|
|||
|
|
pptxPoints.value.name = chineseName.value + data.toChinese
|
|||
|
|
pptxPoints.value.filePath = filePath.value
|
|||
|
|
pptxPoints.value.function = nodeFunctions.value + data.nodeFunction
|
|||
|
|
pptxPoints.value.englishName = englishNames.value
|
|||
|
|
pptxPoints.value.belongTo = data.belongTo
|
|||
|
|
pptxPoints.value.isboo = data.isboo
|
|||
|
|
pptxPoints.value.type = data.type
|
|||
|
|
pptxPointsInfosList.push(cloneDeep(pptxPoints.value))
|
|||
|
|
}
|
|||
|
|
console.log(data, checked, indeterminate)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const addPptxInfo = async () => {
|
|||
|
|
// http://115.120.213.238:9000/exam/9f7d8f5d7c68cc2bfd03a23c19045efe7ba13a4bebeb833abece146908bcd0c6.docx documentList.value[1].url
|
|||
|
|
if (documentList.value[2].url == '' || documentList.value[2].url == null) {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
const res = await PptxApi.getPptxInfo(documentList.value[2].url)
|
|||
|
|
pptxPointsList.value = []
|
|||
|
|
pptxPointsList.value.push(...handleTree(res))
|
|||
|
|
dialogFormVisiblePptxInfo.value = true
|
|||
|
|
}
|
|||
|
|
const queryParams = reactive({
|
|||
|
|
nodeFunction: undefined
|
|||
|
|
})
|
|||
|
|
const handleSpecialtyNodeClick = async (row: any) => {
|
|||
|
|
titles.value = row.name
|
|||
|
|
englishName.value = row.englishName
|
|||
|
|
filePath.value = row.filePath
|
|||
|
|
nodeFunction.value = row.selectName
|
|||
|
|
dialogFormVisiblePptxInfos.value = true
|
|||
|
|
}
|
|||
|
|
const chineseName = ref('')
|
|||
|
|
const nodeFunctions = ref('')
|
|||
|
|
const englishNames = ref('')
|
|||
|
|
const handleNodelClick = async (row: any) => {
|
|||
|
|
queryParams.nodeFunction = row.selectName
|
|||
|
|
chineseName.value = '【' + row.name + '】'
|
|||
|
|
filePath.value = row.filePath
|
|||
|
|
nodeFunctions.value = row.selectName
|
|||
|
|
englishNames.value = row.englishName
|
|||
|
|
const res = await PptxApi.getPptxInfos(queryParams)
|
|||
|
|
pptxPointsInfoList.value = []
|
|||
|
|
pptxPointsInfoList.value.push(...handleTree(res))
|
|||
|
|
dialogFormVisiblePptxInfos.value = true
|
|||
|
|
}
|
|||
|
|
const submitPptxPoints = async () => {
|
|||
|
|
const res = await PptxApi.getPptxListInfos(pptxPointsInfosList)
|
|||
|
|
pptxPointsInfosList = []
|
|||
|
|
console.log(list.value)
|
|||
|
|
for (let i = 0; i < res.length; i++) {
|
|||
|
|
list.value.push(res[i])
|
|||
|
|
}
|
|||
|
|
dialogFormVisiblePptxInfo.value = false
|
|||
|
|
dialogFormVisiblePptxInfos.value = false
|
|||
|
|
}
|
|||
|
|
const formRules = reactive<FormRules>({
|
|||
|
|
status: [{ required: true, message: '启用状态必填', trigger: 'blur' }]
|
|||
|
|
})
|
|||
|
|
const formRef = ref() // 表单 Ref
|
|||
|
|
// 左侧试题描述
|
|||
|
|
const leftActiveName = ref('desc')
|
|||
|
|
// 右侧tab
|
|||
|
|
const rightActiveName = ref('annex')
|
|||
|
|
const rightHandleClick = (tab, e) => {
|
|||
|
|
rightActiveName.value = tab.paneName.value
|
|||
|
|
}
|
|||
|
|
// 关键字
|
|||
|
|
const selections = ref([])
|
|||
|
|
const handleSelectionChange = (rows) => {
|
|||
|
|
selections.value = rows
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 添加/修改操作 */
|
|||
|
|
const FileRef = ref()
|
|||
|
|
const openForm = (type: string) => {
|
|||
|
|
FileRef.value.open(type)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 媒体文件
|
|||
|
|
const mediumList = ref([] as any)
|
|||
|
|
const multipleMediumSelection = ref([] as any)
|
|||
|
|
const handleMediumSelectionChange = (val: any) => {
|
|||
|
|
multipleMediumSelection.value = val
|
|||
|
|
}
|
|||
|
|
const fileList = []
|
|||
|
|
|
|||
|
|
const multipleDocumentSelection = ref([] as any)
|
|||
|
|
const handleDocumentSelectionChange = (val: any) => {
|
|||
|
|
multipleDocumentSelection.value = val
|
|||
|
|
}
|
|||
|
|
const handleUploadSuccess = ({ url, fileType }) => {
|
|||
|
|
const index = documentList.value.findIndex((item) => item.fileType === fileType)
|
|||
|
|
if (index !== -1) {
|
|||
|
|
documentList.value[index].url = url
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/** 打开弹窗 */
|
|||
|
|
const open = async (queryParams: any, type: string, id?: number) => {
|
|||
|
|
dialogVisible.value = true
|
|||
|
|
dialogTitle.value = t('action.' + type)
|
|||
|
|
formType.value = type
|
|||
|
|
|
|||
|
|
// 修改时，设置数据
|
|||
|
|
if (id) {
|
|||
|
|
formLoading.value = true
|
|||
|
|
try {
|
|||
|
|
const res = await QuestionApi.getQuestion(id)
|
|||
|
|
formData.value = res
|
|||
|
|
documentList.value = res.fileUploads
|
|||
|
|
} finally {
|
|||
|
|
formLoading.value = false
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
resetForm()
|
|||
|
|
formData.value.specialtyName = queryParams.specialtyName
|
|||
|
|
formData.value.courseName = queryParams.courseName
|
|||
|
|
formData.value.subjectName = queryParams.subjectName
|
|||
|
|
formData.value.pointNames = queryParams.pointNames
|
|||
|
|
formData.value.chapteridDictText = queryParams.chapteridDictText
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
|||
|
|
/** 提交表单 */
|
|||
|
|
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
|||
|
|
const submitForm = async () => {
|
|||
|
|
formData.value.answerList = list.value
|
|||
|
|
formData.value.fileUploads = documentList.value
|
|||
|
|
// 校验表单
|
|||
|
|
if (!formRef) return
|
|||
|
|
const valid = await formRef.value.validate()
|
|||
|
|
if (!valid) return
|
|||
|
|
// 提交请求
|
|||
|
|
formLoading.value = true
|
|||
|
|
try {
|
|||
|
|
const data = formData.value as unknown
|
|||
|
|
if (formType.value === 'create') {
|
|||
|
|
await QuestionApi.addQuestion(data)
|
|||
|
|
message.success(t('common.createSuccess'))
|
|||
|
|
} else {
|
|||
|
|
await QuestionApi.editQuestion(data)
|
|||
|
|
message.success(t('common.updateSuccess'))
|
|||
|
|
}
|
|||
|
|
dialogVisible.value = false
|
|||
|
|
// 发送操作成功的事件
|
|||
|
|
emit('success')
|
|||
|
|
} finally {
|
|||
|
|
formLoading.value = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 重置表单 */
|
|||
|
|
const resetForm = () => {
|
|||
|
|
formData.value = {
|
|||
|
|
content: '',
|
|||
|
|
specialtyName: '',
|
|||
|
|
courseName: '',
|
|||
|
|
quBankName: '',
|
|||
|
|
required: '',
|
|||
|
|
chapteridDictText: '',
|
|||
|
|
analysis: '',
|
|||
|
|
quLevel: '',
|
|||
|
|
pointNames: '',
|
|||
|
|
audit: '',
|
|||
|
|
subjectName: '',
|
|||
|
|
status: '',
|
|||
|
|
resourceValue: '',
|
|||
|
|
answerList: [
|
|||
|
|
{
|
|||
|
|
image: '',
|
|||
|
|
content: '',
|
|||
|
|
contentIn: '',
|
|||
|
|
scoreRate: ''
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
fileUploads: [
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '0',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '1',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '2',
|
|||
|
|
fileName: ''
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
documentList.value = [
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '0',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '1',
|
|||
|
|
fileName: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
quId: '',
|
|||
|
|
url: '',
|
|||
|
|
fileType: '2',
|
|||
|
|
fileName: ''
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
formRef.value?.resetFields()
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.edit-dialog {
|
|||
|
|
:deep(.el-dialog) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
.el-dialog__header {
|
|||
|
|
border-bottom: 1px solid #ededed;
|
|||
|
|
}
|
|||
|
|
.el-dialog__footer {
|
|||
|
|
border-top: 1px solid #ededed;
|
|||
|
|
}
|
|||
|
|
.el-dialog__body {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow: hidden;
|
|||
|
|
.main {
|
|||
|
|
.el-form {
|
|||
|
|
padding: 10px;
|
|||
|
|
.el-row {
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.el-form-item {
|
|||
|
|
width: 100%;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.edit-bottom {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
.bottom-common {
|
|||
|
|
width: calc(50% - 10px);
|
|||
|
|
.el-tabs {
|
|||
|
|
height: 100%;
|
|||
|
|
.el-tabs__content {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
.block {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 200px;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.answer {
|
|||
|
|
.tip {
|
|||
|
|
color: #8a6d3b;
|
|||
|
|
background-color: #fcf8e3;
|
|||
|
|
border-color: #faebcc;
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
> p {
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.el-radio-group {
|
|||
|
|
width: 100%;
|
|||
|
|
display: inline-flex;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
font-size: 0;
|
|||
|
|
flex-direction: column;
|
|||
|
|
.options {
|
|||
|
|
width: 100%;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
.content {
|
|||
|
|
display: flex;
|
|||
|
|
.text {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 70px;
|
|||
|
|
border: 1px solid #ededed;
|
|||
|
|
.el-textarea__inner {
|
|||
|
|
resize: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.more-btn {
|
|||
|
|
margin-top: 8px;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
border-color: #007bff;
|
|||
|
|
color: #007bff;
|
|||
|
|
width: auto;
|
|||
|
|
height: auto;
|
|||
|
|
padding: 10px 10px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.custom-tabs-label {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
.setting_icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
background: url('@/assets/icon/setting_blue.png') no-repeat center;
|
|||
|
|
background-size: 100%;
|
|||
|
|
margin-left: 3px;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.is-active {
|
|||
|
|
.custom-tabs-label {
|
|||
|
|
.setting_icon {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
:deep(.ele-pro-table) {
|
|||
|
|
flex: 1;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
.el-table--fit {
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
:deep(.tox-tinymce) {
|
|||
|
|
.tox-statusbar {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
:deep(.el-table) {
|
|||
|
|
.el-table__header-wrapper {
|
|||
|
|
.el-table__header {
|
|||
|
|
thead {
|
|||
|
|
tr {
|
|||
|
|
th {
|
|||
|
|
background: #ebebeb;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|