dshclm
11 months ago
parent
f8d0cc5374
commit
748c833971
@ -0,0 +1,489 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||||
<head>
|
||||
<th:block th:include="include :: header('新增题库')" />
|
||||
<th:block th:include="include :: element-css" />
|
||||
</head>
|
||||
<body class="white-bg">
|
||||
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="app">
|
||||
<div class="app-container">
|
||||
<h3>组卷信息</h3>
|
||||
<el-card style="margin-top: 20px">
|
||||
<div style="float: right; font-weight: bold; color: #ff0000">试卷总分：{{ postForm.totalScore }}分</div>
|
||||
<div>
|
||||
<el-button class="filter-item" size="small" type="primary" icon="el-icon-plus" @click="handleAdd">
|
||||
添加题库
|
||||
</el-button>
|
||||
<el-table
|
||||
:data="repoList"
|
||||
:border="false"
|
||||
empty-text="请点击上面的`添加题库`进行设置"
|
||||
style="width: 100%; margin-top: 15px"
|
||||
>
|
||||
<el-table-column
|
||||
label="题库"
|
||||
width="200"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-select v-model="scope.row.repoId" @change="repoChange($event, scope.row)" placeholder="请选择">
|
||||
<el-option
|
||||
th:each="item : ${repo}"
|
||||
th:text="${item.title}"
|
||||
th:label="${item.title}"
|
||||
th:value="${item.id}"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="单选数量"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.radioCount" :min="0" :max="scope.row.totalRadio" :controls="false" style="width: 100px"></el-input-number> / {{ scope.row.totalRadio }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="单选分数"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.radioScore" :min="0" :controls="false" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="多选数量"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.multiCount" :min="0" :max="scope.row.totalMulti" :controls="false" style="width: 100px" ></el-input-number> / {{ scope.row.totalMulti }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="多选分数"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.multiScore" :min="0" :controls="false" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="判断题数量"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.judgeCount" :min="0" :max="scope.row.totalJudge" :controls="false" style="width: 100px" > </el-input-number> / {{ scope.row.totalJudge }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="判断题分数"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.judgeScore" :min="0" :controls="false" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="删除"
|
||||
align="center"
|
||||
width="80px"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="danger" icon="el-icon-delete" circle @click="removeItem(scope.$index)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
<h3>考试配置</h3>
|
||||
<el-card style="margin-top: 20px">
|
||||
<el-form ref="postForm" :model="postForm" :rules="rules" label-position="left" label-width="120px">
|
||||
<el-form-item label="考试名称" prop="title">
|
||||
<el-input v-model="postForm.title" />
|
||||
</el-form-item>
|
||||
<el-form-item label="考试描述" prop="content">
|
||||
<el-input v-model="postForm.content" type="textarea" />
|
||||
</el-form-item>
|
||||
<el-form-item label="总分数" prop="totalScore">
|
||||
<el-input-number :value="postForm.totalScore" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="及格分" prop="qualifyScore">
|
||||
<el-input-number v-model="postForm.qualifyScore" :max="postForm.totalScore" />
|
||||
</el-form-item>
|
||||
<el-form-item label="考试时长(分钟)" prop="totalTime">
|
||||
<el-input-number v-model="postForm.totalTime" />
|
||||
</el-form-item>
|
||||
<el-form-item label="是否限时">
|
||||
<el-checkbox v-model="postForm.timeLimit" />
|
||||
</el-form-item>
|
||||
<el-form-item v-if="postForm.timeLimit" label="考试时间" prop="totalTime">
|
||||
<el-date-picker
|
||||
v-model="dateValues"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<h3>权限配置</h3>
|
||||
<el-card style="margin-top: 20px;">
|
||||
<el-radio-group v-model="postForm.openType" style="margin-bottom: 20px">
|
||||
<el-radio :label="1" border>完全公开</el-radio>
|
||||
<el-radio :label="2" border>部门开放</el-radio>
|
||||
</el-radio-group>
|
||||
<el-alert
|
||||
v-if="postForm.openType===1"
|
||||
title="开放的，任何人都可以进行考试！"
|
||||
type="warning"
|
||||
/>
|
||||
<div v-if="postForm.openType===2">
|
||||
<el-input
|
||||
v-model="filterText"
|
||||
placeholder="输入关键字进行过滤"
|
||||
/>
|
||||
<el-tree
|
||||
v-loading="treeLoading"
|
||||
ref="tree"
|
||||
:data="treeData"
|
||||
:default-checked-keys="postForm.departIds"
|
||||
:props="defaultProps"
|
||||
:filter-node-method="filterNode"
|
||||
empty-text=" "
|
||||
default-expand-all
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
@check-change="handleCheckChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
<div style="margin-top: 20px">
|
||||
<el-button type="primary" icon="el-icon-check" @click="handleSave">保存</el-button>
|
||||
<el-button type="info" icon="el-icon-back" onclick="closeItem()">返回</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<th:block th:include="include :: footer" />
|
||||
<th:block th:include="include :: element-js" />
|
||||
<script type="text/javascript">
|
||||
var prefix = ctx + "system/repo";
|
||||
$("#form-repo-add").validate({
|
||||
focusCleanup: true
|
||||
});
|
||||
function submitHandler() {
|
||||
if ($.validate.form()) {
|
||||
$.operate.saveTab(prefix + "/add", $('#form-repo-add').serialize());
|
||||
}
|
||||
}
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data:{
|
||||
treeData: [],
|
||||
defaultProps: {
|
||||
label: 'deptName'
|
||||
},
|
||||
filterText: '',
|
||||
treeLoading: false,
|
||||
dateValues: [],
|
||||
// 题库
|
||||
repoList: [],
|
||||
// 已选择的题库
|
||||
excludes: [],
|
||||
postForm: {
|
||||
// 总分数
|
||||
totalScore: 0,
|
||||
// 题库列表
|
||||
repoList: [],
|
||||
// 开放类型
|
||||
openType: 1,
|
||||
// 考试班级列表
|
||||
departIds: []
|
||||
},
|
||||
rules: {
|
||||
title: [
|
||||
{ required: true, message: '考试名称不能为空！' }
|
||||
],
|
||||
|
||||
content: [
|
||||
{ required: true, message: '考试名称不能为空！' }
|
||||
],
|
||||
|
||||
open: [
|
||||
{ required: true, message: '考试权限不能为空！' }
|
||||
],
|
||||
|
||||
totalScore: [
|
||||
{ required: true, message: '考试分数不能为空！' }
|
||||
],
|
||||
|
||||
qualifyScore: [
|
||||
{ required: true, message: '及格分不能为空！' }
|
||||
],
|
||||
|
||||
totalTime: [
|
||||
{ required: true, message: '考试时间不能为空！' }
|
||||
],
|
||||
|
||||
ruleId: [
|
||||
{ required: true, message: '考试规则不能为空' }
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: '考试口令不能为空！' }
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
filterText(val) {
|
||||
this.$refs.tree.filter(val)
|
||||
},
|
||||
|
||||
dateValues: {
|
||||
|
||||
handler() {
|
||||
this.postForm.startTime = this.dateValues[0]
|
||||
this.postForm.endTime = this.dateValues[1]
|
||||
}
|
||||
},
|
||||
|
||||
// 题库变换
|
||||
repoList: {
|
||||
|
||||
handler(val) {
|
||||
let totalScore = 0
|
||||
this.excludes = []
|
||||
for (let i = 0; i<val.length; i++) {
|
||||
const item = val[i]
|
||||
if (item.radioCount > 0 && item.radioScore>0) {
|
||||
totalScore += item.radioCount * item.radioScore
|
||||
}
|
||||
|
||||
if (item.multiCount>0 && item.multiScore>0) {
|
||||
totalScore += item.multiCount * item.multiScore
|
||||
}
|
||||
|
||||
if (item.judgeCount>0 && item.judgeScore>0) {
|
||||
totalScore += item.judgeCount * item.judgeScore
|
||||
}
|
||||
this.excludes.push(item.id)
|
||||
}
|
||||
|
||||
// 赋值
|
||||
this.postForm.totalScore = totalScore
|
||||
this.postForm.repoList = val
|
||||
this.$forceUpdate()
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
|
||||
},
|
||||
created() {
|
||||
// const id = this.$route.params.id
|
||||
// if (typeof id !== undefined) {
|
||||
// this.fetchData(id)
|
||||
// }
|
||||
//
|
||||
// fetchTree({}).then(response => {
|
||||
// this.treeData = response.data
|
||||
// })
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleSave() {
|
||||
this.$refs.postForm.validate((valid) => {
|
||||
if (!valid) {
|
||||
return
|
||||
}
|
||||
this.postForm.repoList.forEach(item => {
|
||||
item.repoId = item.repoId.split(",")[0].match(/\d+/)[0];
|
||||
});
|
||||
if (this.postForm.totalScore === 0) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '考试规则设置不正确，请确认！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
for (let i = 0; i < this.postForm.repoList.length; i++) {
|
||||
const repo = this.postForm.repoList[i]
|
||||
if (!repo.repoId) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '考试题库选择不正确！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if ((repo.radioCount > 0 && repo.radioScore === 0) || (repo.radioCount === 0 && repo.radioScore > 0)) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '题库第：[' + (i + 1) + ']项存在无效的单选题配置！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if ((repo.multiCount > 0 && repo.multiScore === 0) || (repo.multiCount === 0 && repo.multiScore > 0)) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '题库第：[' + (i + 1) + ']项存在无效的多选题配置！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if ((repo.judgeCount > 0 && repo.judgeScore === 0) || (repo.judgeCount === 0 && repo.judgeScore > 0)) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '题库第：[' + (i + 1) + ']项存在无效的判断题配置！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
this.$confirm('确实要提交保存吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.submitForm()
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
handleCheckChange() {
|
||||
const that = this
|
||||
// 置空
|
||||
this.postForm.departIds = []
|
||||
const nodes = this.$refs.tree.getCheckedNodes()
|
||||
nodes.forEach(function(item) {
|
||||
that.postForm.departIds.push(item.id)
|
||||
})
|
||||
},
|
||||
|
||||
// 添加子项
|
||||
handleAdd() {
|
||||
this.repoList.push({ id: '', rowId: new Date().getTime(), radioCount: 0, radioScore: 0, multiCount: 0, multiScore: 0, judgeCount: 0, judgeScore: 0, saqCount: 0, saqScore: 0 })
|
||||
},
|
||||
|
||||
removeItem(index) {
|
||||
this.repoList.splice(index, 1)
|
||||
},
|
||||
|
||||
fetchData(id) {
|
||||
fetchDetail(id).then(response => {
|
||||
this.postForm = response.data
|
||||
|
||||
if (this.postForm.startTime && this.postForm.endTime) {
|
||||
this.dateValues[0] = this.postForm.startTime
|
||||
this.dateValues[1] = this.postForm.endTime
|
||||
}
|
||||
this.repoList = this.postForm.repoList
|
||||
})
|
||||
},
|
||||
// 选项卡成功回调执行事件（父窗体静默更新）
|
||||
successTabCallback(result) {
|
||||
if (result.data.code == web_status.SUCCESS) {
|
||||
var topWindow = $(window.parent.document);
|
||||
var currentId = $('.page-tabs-content', topWindow).find('.active').attr('data-panel');
|
||||
var topWindow = $('.RuoYi_iframe[data-id="' + currentId + '"]', topWindow)[0];
|
||||
if ($.common.isNotEmpty(topWindow) && $.common.isNotEmpty(currentId)) {
|
||||
var $contentWindow = topWindow.contentWindow;
|
||||
$contentWindow.$.modal.msgSuccess(result.data.msg);
|
||||
$contentWindow.$(".layui-layer-padding").removeAttr("style");
|
||||
if ($contentWindow.table.options.type == table_type.bootstrapTable) {
|
||||
$contentWindow.$.table.refresh();
|
||||
} else if ($contentWindow.table.options.type == table_type.bootstrapTreeTable) {
|
||||
$contentWindow.$.treeTable.refresh();
|
||||
}
|
||||
} else {
|
||||
$.modal.msgSuccess(result.data.msg);
|
||||
}
|
||||
$.modal.close();
|
||||
$.modal.closeTab();
|
||||
} else if (result.data.code == web_status.WARNING) {
|
||||
$.modal.alertWarning(result.data.msg)
|
||||
} else {
|
||||
$.modal.alertError(result.data.msg);
|
||||
}
|
||||
$.modal.closeLoading();
|
||||
},
|
||||
submitForm() {
|
||||
// 校验和处理数据
|
||||
this.postForm.repoList = this.repoList
|
||||
let that = this
|
||||
axios.post(ctx + 'system/newExam/add', this.postForm)
|
||||
.then(function (response) {
|
||||
if (response.data.code === 0) {
|
||||
that.successTabCallback(response)
|
||||
}
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
filterNode(value, data) {
|
||||
if (!value) return true
|
||||
return data.deptName.indexOf(value) !== -1
|
||||
},
|
||||
repoChange(e,row) {
|
||||
let dataString = '[[${repo}]]'
|
||||
// 使用正则表达式提取每个对象的部分
|
||||
const regex = /RepoVO\((.*?)\)/g;
|
||||
let match;
|
||||
const dataArray = [];
|
||||
|
||||
while ((match = regex.exec(dataString)) !== null) {
|
||||
const objString = match[1];
|
||||
const objArray = objString.split(', ');
|
||||
|
||||
// 将每个对象的属性解析为键值对并存入数组
|
||||
const obj = {};
|
||||
objArray.forEach(item => {
|
||||
const [key, value] = item.split('=');
|
||||
obj[key.trim()] = value.trim();
|
||||
});
|
||||
|
||||
dataArray.push(obj);
|
||||
}
|
||||
const obj = dataArray.find((item) => {
|
||||
return item.id === e
|
||||
})
|
||||
this.getRepoList(obj,row)
|
||||
},
|
||||
getRepoList(e,row){
|
||||
row.id = e.id
|
||||
|
||||
if (e != null) {
|
||||
row.totalRadio = parseInt(e.radioCount)
|
||||
row.totalMulti = parseInt(e.multiCount)
|
||||
row.totalJudge = parseInt(e.judgeCount)
|
||||
} else {
|
||||
row.totalRadio = 0
|
||||
row.totalMulti = 0
|
||||
row.totalJudge = 0
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,494 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||||
<head>
|
||||
<th:block th:include="include :: header('新增题库')" />
|
||||
<th:block th:include="include :: element-css" />
|
||||
</head>
|
||||
<body class="white-bg">
|
||||
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="app">
|
||||
<div class="app-container">
|
||||
<h3>组卷信息</h3>
|
||||
<el-card style="margin-top: 20px">
|
||||
<div style="float: right; font-weight: bold; color: #ff0000">试卷总分：{{ postForm.totalScore }}分</div>
|
||||
<div>
|
||||
<el-button class="filter-item" size="small" type="primary" icon="el-icon-plus" @click="handleAdd">
|
||||
添加题库
|
||||
</el-button>
|
||||
<el-table
|
||||
:data="repoList"
|
||||
:border="false"
|
||||
empty-text="请点击上面的`添加题库`进行设置"
|
||||
style="width: 100%; margin-top: 15px"
|
||||
>
|
||||
<el-table-column
|
||||
label="题库"
|
||||
width="200"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-select v-model="scope.row.repoId" @change="repoChange($event,scope.row)" placeholder="请选择">
|
||||
<el-option
|
||||
th:each="item : ${repo}"
|
||||
th:text="${item.title}"
|
||||
th:label="${item.title}"
|
||||
th:value="${item.id}"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="单选数量"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.radioCount" :min="0" :max="scope.row.totalRadio" :controls="false" style="width: 100px"></el-input-number> / {{ scope.row.totalRadio }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="单选分数"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.radioScore" :min="0" :controls="false" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="多选数量"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.multiCount" :min="0" :max="scope.row.totalMulti" :controls="false" style="width: 100px" ></el-input-number> / {{ scope.row.totalMulti }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="多选分数"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.multiScore" :min="0" :controls="false" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="判断题数量"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.judgeCount" :min="0" :max="scope.row.totalJudge" :controls="false" style="width: 100px" > </el-input-number> / {{ scope.row.totalJudge }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="判断题分数"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-input-number v-model="scope.row.judgeScore" :min="0" :controls="false" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="删除"
|
||||
align="center"
|
||||
width="80px"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="danger" icon="el-icon-delete" circle @click="removeItem(scope.$index)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
<h3>考试配置</h3>
|
||||
<el-card style="margin-top: 20px">
|
||||
<el-form ref="postForm" :model="postForm" :rules="rules" label-position="left" label-width="120px">
|
||||
<el-form-item label="考试名称" prop="title">
|
||||
<el-input v-model="postForm.title" />
|
||||
</el-form-item>
|
||||
<el-form-item label="考试描述" prop="content">
|
||||
<el-input v-model="postForm.content" type="textarea" />
|
||||
</el-form-item>
|
||||
<el-form-item label="总分数" prop="totalScore">
|
||||
<el-input-number :value="postForm.totalScore" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="及格分" prop="qualifyScore">
|
||||
<el-input-number v-model="postForm.qualifyScore" :max="postForm.totalScore" />
|
||||
</el-form-item>
|
||||
<el-form-item label="考试时长(分钟)" prop="totalTime">
|
||||
<el-input-number v-model="postForm.totalTime" />
|
||||
</el-form-item>
|
||||
<el-form-item label="是否限时">
|
||||
<el-checkbox v-model="postForm.timeLimit" />
|
||||
</el-form-item>
|
||||
<el-form-item v-if="postForm.timeLimit" label="考试时间" prop="totalTime">
|
||||
<el-date-picker
|
||||
v-model="dateValues"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<h3>权限配置</h3>
|
||||
<el-card style="margin-top: 20px;">
|
||||
<el-radio-group v-model="postForm.openType" style="margin-bottom: 20px">
|
||||
<el-radio :label="1" border>完全公开</el-radio>
|
||||
<el-radio :label="2" border>部门开放</el-radio>
|
||||
</el-radio-group>
|
||||
<el-alert
|
||||
v-if="postForm.openType===1"
|
||||
title="开放的，任何人都可以进行考试！"
|
||||
type="warning"
|
||||
/>
|
||||
<div v-if="postForm.openType===2">
|
||||
<el-input
|
||||
v-model="filterText"
|
||||
placeholder="输入关键字进行过滤"
|
||||
/>
|
||||
<el-tree
|
||||
v-loading="treeLoading"
|
||||
ref="tree"
|
||||
:data="treeData"
|
||||
:default-checked-keys="postForm.departIds"
|
||||
:props="defaultProps"
|
||||
:filter-node-method="filterNode"
|
||||
empty-text=" "
|
||||
default-expand-all
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
@check-change="handleCheckChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
<div style="margin-top: 20px">
|
||||
<el-button type="primary" icon="el-icon-check" @click="handleSave">保存</el-button>
|
||||
<el-button type="info" icon="el-icon-back" onclick="closeItem()">返回</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<th:block th:include="include :: footer" />
|
||||
<th:block th:include="include :: element-js" />
|
||||
<script type="text/javascript">
|
||||
var prefix = ctx + "system/repo";
|
||||
$("#form-repo-add").validate({
|
||||
focusCleanup: true
|
||||
});
|
||||
function submitHandler() {
|
||||
if ($.validate.form()) {
|
||||
$.operate.saveTab(prefix + "/add", $('#form-repo-add').serialize());
|
||||
}
|
||||
}
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data:{
|
||||
treeData: [],
|
||||
defaultProps: {
|
||||
label: 'deptName'
|
||||
},
|
||||
filterText: '',
|
||||
treeLoading: false,
|
||||
dateValues: [],
|
||||
// 题库
|
||||
repoList: [],
|
||||
// 已选择的题库
|
||||
excludes: [],
|
||||
postForm: {
|
||||
// 总分数
|
||||
totalScore: 0,
|
||||
// 题库列表
|
||||
repoList: [],
|
||||
// 开放类型
|
||||
openType: 1,
|
||||
// 考试班级列表
|
||||
departIds: []
|
||||
},
|
||||
rules: {
|
||||
title: [
|
||||
{ required: true, message: '考试名称不能为空！' }
|
||||
],
|
||||
|
||||
content: [
|
||||
{ required: true, message: '考试名称不能为空！' }
|
||||
],
|
||||
|
||||
open: [
|
||||
{ required: true, message: '考试权限不能为空！' }
|
||||
],
|
||||
|
||||
totalScore: [
|
||||
{ required: true, message: '考试分数不能为空！' }
|
||||
],
|
||||
|
||||
qualifyScore: [
|
||||
{ required: true, message: '及格分不能为空！' }
|
||||
],
|
||||
|
||||
totalTime: [
|
||||
{ required: true, message: '考试时间不能为空！' }
|
||||
],
|
||||
|
||||
ruleId: [
|
||||
{ required: true, message: '考试规则不能为空' }
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: '考试口令不能为空！' }
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
filterText(val) {
|
||||
this.$refs.tree.filter(val)
|
||||
},
|
||||
|
||||
dateValues: {
|
||||
|
||||
handler() {
|
||||
this.postForm.startTime = this.dateValues[0]
|
||||
this.postForm.endTime = this.dateValues[1]
|
||||
}
|
||||
},
|
||||
|
||||
// 题库变换
|
||||
repoList: {
|
||||
|
||||
handler(val) {
|
||||
let totalScore = 0
|
||||
this.excludes = []
|
||||
for (let i = 0; i<val.length; i++) {
|
||||
const item = val[i]
|
||||
if (item.radioCount > 0 && item.radioScore>0) {
|
||||
totalScore += item.radioCount * item.radioScore
|
||||
}
|
||||
|
||||
if (item.multiCount>0 && item.multiScore>0) {
|
||||
totalScore += item.multiCount * item.multiScore
|
||||
}
|
||||
|
||||
if (item.judgeCount>0 && item.judgeScore>0) {
|
||||
totalScore += item.judgeCount * item.judgeScore
|
||||
}
|
||||
this.excludes.push(item.id)
|
||||
}
|
||||
|
||||
// 赋值
|
||||
this.postForm.totalScore = totalScore
|
||||
this.postForm.repoList = val
|
||||
this.$forceUpdate()
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
|
||||
},
|
||||
created() {
|
||||
// const id = this.$route.params.id
|
||||
// if (typeof id !== undefined) {
|
||||
this.fetchData()
|
||||
// }
|
||||
//
|
||||
// fetchTree({}).then(response => {
|
||||
// this.treeData = response.data
|
||||
// })
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
handleSave() {
|
||||
this.$refs.postForm.validate((valid) => {
|
||||
if (!valid) {
|
||||
return
|
||||
}
|
||||
this.postForm.repoList.forEach(item => {
|
||||
item.repoId = item.repoId.split(",")[0].match(/\d+/)[0];
|
||||
});
|
||||
if (this.postForm.totalScore === 0) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '考试规则设置不正确，请确认！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
for (let i = 0; i < this.postForm.repoList.length; i++) {
|
||||
const repo = this.postForm.repoList[i]
|
||||
if (!repo.repoId) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '考试题库选择不正确！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if ((repo.radioCount > 0 && repo.radioScore === 0) || (repo.radioCount === 0 && repo.radioScore > 0)) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '题库第：[' + (i + 1) + ']项存在无效的单选题配置！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if ((repo.multiCount > 0 && repo.multiScore === 0) || (repo.multiCount === 0 && repo.multiScore > 0)) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '题库第：[' + (i + 1) + ']项存在无效的多选题配置！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if ((repo.judgeCount > 0 && repo.judgeScore === 0) || (repo.judgeCount === 0 && repo.judgeScore > 0)) {
|
||||
this.$notify({
|
||||
title: '提示信息',
|
||||
message: '题库第：[' + (i + 1) + ']项存在无效的判断题配置！',
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
this.$confirm('确实要提交保存吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.submitForm()
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
handleCheckChange() {
|
||||
const that = this
|
||||
// 置空
|
||||
this.postForm.departIds = []
|
||||
const nodes = this.$refs.tree.getCheckedNodes()
|
||||
nodes.forEach(function(item) {
|
||||
that.postForm.departIds.push(item.id)
|
||||
})
|
||||
},
|
||||
|
||||
// 添加子项
|
||||
handleAdd() {
|
||||
this.repoList.push({ id: '', rowId: new Date().getTime(), radioCount: 0, radioScore: 0, multiCount: 0, multiScore: 0, judgeCount: 0, judgeScore: 0, saqCount: 0, saqScore: 0 })
|
||||
},
|
||||
|
||||
removeItem(index) {
|
||||
this.repoList.splice(index, 1)
|
||||
},
|
||||
|
||||
fetchData() {
|
||||
let that = this
|
||||
axios.get(ctx + 'system/newExam/detail', {params: {id: '[[${detailDTO.id}]]'}})
|
||||
.then(function (res) {
|
||||
that.postForm = res.data.data
|
||||
if (that.postForm.startTime && that.postForm.endTime) {
|
||||
that.dateValues[0] = that.postForm.startTime
|
||||
that.dateValues[1] = that.postForm.endTime
|
||||
}
|
||||
that.repoList = that.postForm.repoList
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
// 选项卡成功回调执行事件（父窗体静默更新）
|
||||
successTabCallback(result) {
|
||||
if (result.data.code == web_status.SUCCESS) {
|
||||
var topWindow = $(window.parent.document);
|
||||
var currentId = $('.page-tabs-content', topWindow).find('.active').attr('data-panel');
|
||||
var topWindow = $('.RuoYi_iframe[data-id="' + currentId + '"]', topWindow)[0];
|
||||
if ($.common.isNotEmpty(topWindow) && $.common.isNotEmpty(currentId)) {
|
||||
var $contentWindow = topWindow.contentWindow;
|
||||
$contentWindow.$.modal.msgSuccess(result.data.msg);
|
||||
$contentWindow.$(".layui-layer-padding").removeAttr("style");
|
||||
if ($contentWindow.table.options.type == table_type.bootstrapTable) {
|
||||
$contentWindow.$.table.refresh();
|
||||
} else if ($contentWindow.table.options.type == table_type.bootstrapTreeTable) {
|
||||
$contentWindow.$.treeTable.refresh();
|
||||
}
|
||||
} else {
|
||||
$.modal.msgSuccess(result.data.msg);
|
||||
}
|
||||
$.modal.close();
|
||||
$.modal.closeTab();
|
||||
} else if (result.data.code == web_status.WARNING) {
|
||||
$.modal.alertWarning(result.data.msg)
|
||||
} else {
|
||||
$.modal.alertError(result.data.msg);
|
||||
}
|
||||
$.modal.closeLoading();
|
||||
},
|
||||
submitForm() {
|
||||
// 校验和处理数据
|
||||
this.postForm.repoList = this.repoList
|
||||
let that = this
|
||||
axios.post(ctx + 'system/newExam/add', this.postForm)
|
||||
.then(function (response) {
|
||||
if (response.data.code === 0) {
|
||||
that.successTabCallback(response)
|
||||
}
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
filterNode(value, data) {
|
||||
if (!value) return true
|
||||
return data.deptName.indexOf(value) !== -1
|
||||
},
|
||||
repoChange(e,row) {
|
||||
let dataString = '[[${repo}]]'
|
||||
// 使用正则表达式提取每个对象的部分
|
||||
const regex = /RepoVO\((.*?)\)/g;
|
||||
let match;
|
||||
const dataArray = [];
|
||||
|
||||
while ((match = regex.exec(dataString)) !== null) {
|
||||
const objString = match[1];
|
||||
const objArray = objString.split(', ');
|
||||
|
||||
// 将每个对象的属性解析为键值对并存入数组
|
||||
const obj = {};
|
||||
objArray.forEach(item => {
|
||||
const [key, value] = item.split('=');
|
||||
obj[key.trim()] = value.trim();
|
||||
});
|
||||
|
||||
dataArray.push(obj);
|
||||
}
|
||||
const obj = dataArray.find((item) => {
|
||||
return item.id === e
|
||||
})
|
||||
this.getRepoList(obj,row)
|
||||
},
|
||||
getRepoList(e,row){
|
||||
row.id = e.id
|
||||
|
||||
if (e != null) {
|
||||
row.totalRadio = parseInt(e.radioCount)
|
||||
row.totalMulti = parseInt(e.multiCount)
|
||||
row.totalJudge = parseInt(e.judgeCount)
|
||||
} else {
|
||||
row.totalRadio = 0
|
||||
row.totalMulti = 0
|
||||
row.totalJudge = 0
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue