You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
900 lines
31 KiB
900 lines
31 KiB
<template> |
|
<div ref="main" |
|
class="main" |
|
v-loading="loading"> |
|
<el-form :disabled="isDetail"> |
|
<el-card shadow="hover" |
|
class="m-b-20"> |
|
<div class="flex-between"> |
|
<el-page-header @back="back" |
|
content="项目配置"></el-page-header> |
|
<div v-if="!isDetail"> |
|
<el-button type="success" |
|
:loading="submiting === 0" |
|
@click="save(0)">保存为草稿</el-button> |
|
<el-button type="primary" |
|
:loading="submiting === 1" |
|
@click="save(1)">确定并发布</el-button> |
|
</div> |
|
</div> |
|
</el-card> |
|
|
|
<el-card shadow="hover" |
|
class="m-b-20"> |
|
<h6 class="p-title">基本信息</h6> |
|
<div> |
|
<el-form label-width="80px" |
|
:disabled="isDetail"> |
|
<div class="flex"> |
|
<el-form-item label="课程"> |
|
<el-cascader v-if="projectManage.founder" |
|
v-model="mallIds" |
|
:options="curs" |
|
:props="{ checkStrictly: true, value: 'id' }" |
|
popper-class="course-cas" |
|
@expand-change="curChange" |
|
@change="curChange"></el-cascader> |
|
|
|
<el-select v-else |
|
v-model="projectManage.systemId" |
|
placeholder="请选择" |
|
@change="systemChange"> |
|
<el-option v-for="item in systemList" |
|
:key="item.id" |
|
:label="item.label" |
|
:value="item.id"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item label="项目名称"> |
|
<el-input v-model.trim="projectManage.projectName" |
|
placeholder="20个字符以内" |
|
@blur="projectNameExistis"></el-input> |
|
</el-form-item> |
|
<el-form-item label="项目用途"> |
|
<el-select v-model="projectManage.permissions" |
|
placeholder="请选择" |
|
@change="permissionChange"> |
|
<el-option label="练习" |
|
:value="0"></el-option> |
|
<el-option label="考核" |
|
:value="1"></el-option> |
|
<el-option label="竞赛" |
|
:value="2"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</div> |
|
</el-form> |
|
</div> |
|
</el-card> |
|
|
|
<el-card shadow="hover" |
|
class="m-b-20"> |
|
<h6 class="p-title">实验目标</h6> |
|
<div> |
|
<el-form label-width="0"> |
|
<el-form-item> |
|
<quill :border="true" |
|
:readonly="isDetail" |
|
v-model="projectManage.experimentTarget" |
|
:type.sync="projectManage.experimentTargetType" |
|
radio |
|
:minHeight="150" |
|
:height="150" /> |
|
</el-form-item> |
|
</el-form> |
|
</div> |
|
</el-card> |
|
|
|
<el-card shadow="hover" |
|
class="m-b-20"> |
|
<h6 class="p-title">项目背景</h6> |
|
<div> |
|
<el-form label-width="0"> |
|
<el-form-item> |
|
<quill :border="true" |
|
:readonly="isDetail" |
|
v-model="projectManage.experimentDescription" |
|
:type.sync="projectManage.experimentDescriptionType" |
|
radio |
|
:minHeight="150" |
|
:height="150" |
|
:index="1" /> |
|
</el-form-item> |
|
</el-form> |
|
</div> |
|
</el-card> |
|
|
|
<el-card shadow="hover" |
|
class="m-b-20"> |
|
<div class="m-b-20 flex-between"> |
|
<h6 class="p-title" |
|
style="margin-bottom: 0">实验任务</h6> |
|
<div> |
|
<!--<el-button :disabled="isDetail" type="primary" @click="toJudgePoint('home')">进入判分点</el-button>--> |
|
</div> |
|
</div> |
|
<div class="m-b-20 flex-between"> |
|
<div class="flex-center"> |
|
<div class="m-r-20" |
|
style="color: #f00">项目总分值：100分</div> |
|
<!-- <div>权重 <div class="dib"><el-input></el-input></div></div> --> |
|
</div> |
|
<div> |
|
<el-button class="m-r-20" |
|
type="text" |
|
@click="avgDistributionScore">平均分配分值</el-button> |
|
<el-button class="m-r-20" |
|
type="text" |
|
@click="manualDistributionScore">手动分配分值</el-button> |
|
<span>(待分配分值: {{ handDistributionScore }}/100分)</span> |
|
</div> |
|
</div> |
|
<el-button type="primary" |
|
icon="el-icon-plus" |
|
round |
|
@click="handleQueryJudgment" |
|
style="margin-bottom: 10px">判分点</el-button> |
|
<el-button type="primary" |
|
icon="el-icon-delete" |
|
round |
|
@click="batchDeleteProjectJudgment" |
|
style="margin-bottom: 10px">批量删除</el-button> |
|
<div class="draggable"> |
|
<u-table ref="projectJudgementTable" |
|
:data="projectJudgmentData" |
|
class="table" |
|
stripe |
|
header-align="center" |
|
:use-virtual="isLc" |
|
:max-height="600" |
|
:row-height="60" |
|
:border="false" |
|
@selection-change="handleSelectionProjectJudgment" |
|
row-key="judgmentId" |
|
v-loading="listLoading"> |
|
<u-table-column type="selection" |
|
width="55" |
|
align="center"></u-table-column> |
|
<u-table-column prop="sort" |
|
label="序号" |
|
width="80" |
|
align="center"> |
|
<template slot-scope="scope"> |
|
{{ scope.row.sort }} |
|
</template> |
|
</u-table-column> |
|
<u-table-column prop="name" |
|
label="判分指标" |
|
align="center" |
|
show-overflow-tooltip |
|
min-width="140"></u-table-column> |
|
<u-table-column prop="name" |
|
label="判分点名称" |
|
align="center" |
|
show-overflow-tooltip |
|
min-width="140"></u-table-column> |
|
<u-table-column label="实验要求" |
|
align="center" |
|
width="600"> |
|
<template slot-scope="scope"> |
|
<quill :readonly="true" |
|
elseRead="true" |
|
v-model="scope.row.experimentalRequirements" |
|
:index="2" /> |
|
</template> |
|
</u-table-column> |
|
<u-table-column prop="score" |
|
label="分数" |
|
align="center" |
|
width="120"> |
|
<template slot-scope="scope"> |
|
<el-input :key="scope.$index" |
|
type="number" |
|
step="0.1" |
|
v-model.trim="scope.row.score"></el-input> |
|
<!-- |
|
@input="scoreChange(scope.row, scope.$index)" --> |
|
</template> |
|
</u-table-column> |
|
<u-table-column label="操作" |
|
width="100" |
|
align="center"> |
|
<template slot-scope="scope"> |
|
<!--<el-button :disabled="isDetail" type="text" style="margin-right: 10px" @click="toJudgePoint('edit', scope.row)">自定义</el-button>--> |
|
<el-button type="text" |
|
@click="delJudgePoint(scope.$index)">删除</el-button> |
|
</template> |
|
</u-table-column> |
|
</u-table> |
|
</div> |
|
</el-card> |
|
|
|
<el-card shadow="hover" |
|
class="m-b-20"> |
|
<div class="m-b-20 flex-between"> |
|
<h6 class="p-title" |
|
style="margin-bottom: 0">实验提示</h6> |
|
<div> |
|
启用 |
|
<el-switch :active-value="0" |
|
:inactive-value="1" |
|
v-model="projectManage.hintOpen"></el-switch> |
|
</div> |
|
</div> |
|
<div> |
|
<el-form label-width="0"> |
|
<el-form-item prop="tips" |
|
label=""> |
|
<quill :border="true" |
|
:readonly="isDetail" |
|
v-model="projectManage.experimentHint" |
|
:type.sync="projectManage.experimentHintType" |
|
radio |
|
:minHeight="150" |
|
:height="400" |
|
:index="3" /> |
|
</el-form-item> |
|
</el-form> |
|
</div> |
|
</el-card> |
|
</el-form> |
|
|
|
<!--选择判分点对话框--> |
|
<el-dialog title="添加判分点" |
|
:visible.sync="dialogVisible" |
|
width="40%" |
|
:close-on-click-modal="false"> |
|
<div class="text-right m-b-10"> |
|
<div> |
|
<el-input placeholder="请输入需要查找的判分点" |
|
prefix-icon="el-icon-search" |
|
v-model.trim="judgementpointsquery" |
|
clearable></el-input> |
|
</div> |
|
</div> |
|
<u-table v-loading="visibleLoading" |
|
:data="judgementData" |
|
ref="judgementTable" |
|
class="table" |
|
stripe |
|
header-align="center" |
|
use-virtual |
|
:row-height="45" |
|
:max-height="400" |
|
:border="false" |
|
@selection-change="handleSelectionJudgment" |
|
:row-key="rowKey"> |
|
<u-table-column type="selection" |
|
width="55" |
|
align="center" |
|
:reserve-selection="true"></u-table-column> |
|
<u-table-column prop="id" |
|
label="序号" |
|
align="center" |
|
width="100"> |
|
<template slot-scope="scope"> |
|
{{ scope.$index + 1 }} |
|
</template> |
|
</u-table-column> |
|
<u-table-column prop="name" |
|
label="判分点名称" |
|
align="center"></u-table-column> |
|
<u-table-column label="操作" |
|
align="center" |
|
width="100"> |
|
<template slot-scope="scope"> |
|
<el-button size="mini" |
|
@click="toJudgePoint('view', scope.row)">查看</el-button> |
|
</template> |
|
</u-table-column> |
|
</u-table> |
|
<div slot="footer" |
|
class="dialog-footer"> |
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
<el-button type="primary" |
|
@click="addJudgment">确 定</el-button> |
|
</div> |
|
</el-dialog> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
import Setting from "@/setting"; |
|
import util from "@/libs/util"; |
|
import { mapState, mapActions } from "vuex"; |
|
import quill from "@/components/quill"; |
|
import Sortable from "sortablejs"; |
|
import { UTable, UTableColumn } from 'umy-ui' |
|
import Decimal from 'decimal.js' |
|
import qs from 'qs' |
|
export default { |
|
components: { |
|
quill, |
|
UTable, |
|
UTableColumn |
|
}, |
|
data () { |
|
return { |
|
projectId: this.$route.query.projectId, |
|
founder: this.$route.query.founder, |
|
systemList: [], |
|
mallIds: [], |
|
curs: [], |
|
token: btoa(util.local.get(Setting.tokenKey)), |
|
isDetail: Boolean(this.$route.query.show), |
|
|
|
projectManage: { |
|
founder: 1, // 创建人角色(0、系统 1、老师) |
|
projectName: "", // 项目名称 |
|
permissions: 0, // 项目用途(0、练习 1、考核 2、竞赛) |
|
systemId: this.$store.state.project.lastSystemId, // 系统id |
|
mallId: '', |
|
hintOpen: 0, // 实验提示是否开启(0开启 1不开启 默认0) |
|
experimentHint: "", // 实验提示 |
|
experimentTarget: "", // 实验目标 |
|
experimentDescription: "", // 项目背景 |
|
state: 0, // 状态(0、草稿箱 1、已发布) |
|
isOpen: 0, // 是否开启(0开启 1未开启 默认0) |
|
isDel: 0, // 是否删除(0、未删除 1、已删除 默认0) |
|
experimentTargetType: '0', |
|
experimentDescriptionType: '0', |
|
experimentHintType: '0', |
|
}, |
|
projectJudgmentData: [], //实验任务(项目判分点) |
|
selectedProjectJudgment: [], // 选中的项目判分点 |
|
|
|
dialogVisible: false, // 选择判分点对话框 |
|
judgementpointsquery: "", //条件筛选判分点 |
|
judgementData: [], // 判分点列表数据 |
|
selectedJudgment: [], // 选中的判分点 |
|
rowKey: "", // 判分点行数据的 Key |
|
projectNameRepeat: false, // 项目名称是否重复 |
|
originName: '', |
|
|
|
flag: false, //判分点表格分数是否禁用 |
|
avgValuelist: [], //取得判分点平均分的数组 |
|
|
|
searchTimer: null, |
|
isToPoint: false, // 判断是否是跳转到判分点系统 |
|
visibleLoading: false, // 加载弹框 |
|
listLoading: false,// 列表加载 |
|
submiting: false, // 新增编辑员工防抖标识 |
|
updateTime: 0, |
|
next: null, |
|
backType: false, |
|
loading: false, |
|
}; |
|
}, |
|
computed: { |
|
...mapState("project", [ |
|
"projectFields", "lastSystemId" |
|
]), |
|
handDistributionScore () { |
|
//计算判分点分值，超出100提示， |
|
let score = 0; |
|
this.projectJudgmentData.forEach(e => { |
|
if (e.score && !isNaN(e.score)) score = Decimal(e.score).add(Decimal(score)) |
|
}); |
|
if (isNaN(score)) { |
|
return 0; |
|
} |
|
if (score > 100) { |
|
this.$message.error("分配的数值已超过100"); |
|
} |
|
return score; |
|
}, |
|
// 是否流程点分类 |
|
isLc () { |
|
const systemId = +this.projectManage.systemId |
|
return systemId === 11 || systemId === 12 || systemId === 19 |
|
}, |
|
}, |
|
watch: { |
|
// 监听信息是否有更改,有的话页面离开的时候要询问是否要保存 |
|
projectManage: { |
|
handler () { |
|
this.updateTime++ |
|
}, |
|
deep: true |
|
}, |
|
judgementpointsquery (n) { |
|
clearTimeout(this.searchTimer); |
|
this.searchTimer = setTimeout(() => { |
|
this.handleQueryJudgment(); |
|
}, 500); |
|
} |
|
}, |
|
// 离开的时候判断是否有保存更改的信息,没有则拦截并提示 |
|
beforeRouteLeave (to, from, next) { |
|
if (this.updateTime) { |
|
if (!this.backType) { |
|
this.$confirm(`您所更改的内容未更新，是否更新？`, '提示', { |
|
type: 'warning', |
|
closeOnClickModal: false |
|
}).then(() => { |
|
this.next = next |
|
this.save(this.projectManage.state) |
|
}).catch(() => { |
|
next() |
|
}) |
|
} else { |
|
next() |
|
} |
|
|
|
} else { |
|
next() |
|
} |
|
}, |
|
mounted () { |
|
this.getSystemData(); |
|
if (this.$route.query.projectId) { |
|
this.projectId = this.$route.query.projectId; |
|
this.getInfoData(); |
|
} |
|
// 判断有没有缓存数据 |
|
if (JSON.stringify(this.projectFields) != "{}") { |
|
let { projectManage, projectJudgmentData } = this.projectFields; |
|
this.projectManage = projectManage; |
|
this.projectJudgmentData = projectJudgmentData; |
|
} |
|
this.rowDrop(); |
|
this.$refs.main.scrollTop = 0; |
|
}, |
|
beforeDestroy () { |
|
if (!this.isToPoint) { |
|
this.setProject({}); |
|
} |
|
}, |
|
methods: { |
|
...mapActions("project", [ |
|
"setSystemId", "setProject" |
|
]), |
|
getInfoData () { // 获取详情数据 |
|
this.loading = true |
|
this.$get(`${this.api.getProjectDetail}?projectId=${this.projectId}`).then(res => { |
|
let { projectManage, projectJudgmentVos } = res; |
|
const { mallId, systemId } = projectManage |
|
if (mallId) { |
|
this.mallIds = [mallId] |
|
systemId && this.mallIds.push(systemId) |
|
} |
|
if (!projectManage.experimentDescriptionType) projectManage.experimentDescriptionType = '0' |
|
if (!projectManage.experimentHintType) projectManage.experimentHintType = '0' |
|
if (!projectManage.experimentTargetType) projectManage.experimentTargetType = '0' |
|
this.projectManage = projectManage; |
|
this.originName = projectManage.projectName |
|
this.projectJudgmentData = projectJudgmentVos; |
|
this.projectJudgmentData.forEach((e, i) => { |
|
e.sort = i + 1; |
|
}); |
|
this.loading = false |
|
this.$nextTick(() => { |
|
this.$refs.main.scrollTop = 0; |
|
this.updateTime = 0 |
|
}); |
|
}).catch(err => { |
|
this.loading = false |
|
}); |
|
}, |
|
// 获取系统 |
|
async getSystemData () { |
|
const { data } = await this.$get(this.api.getSystemIdBySchool) |
|
this.systemList = data |
|
const res = await this.$get(this.api.getSchoolEffectiveCourse) |
|
if (res.data.length) { |
|
res.data.map(e => { |
|
e.id = e.mallId |
|
e.label = e.curriculumName |
|
e.children = data.filter(n => e.systemId.split(',').includes(n.id + '')) // 筛选出该课程下的系统 |
|
}) |
|
this.curs = res.data |
|
} |
|
}, |
|
// 课程选择回调 |
|
curChange (val) { |
|
const id = val[0] |
|
if (val.length === 1) { |
|
// 如果选择的是课程，则默认选中下面第一个系统 |
|
this.mallIds = [id, this.curs.find(e => e.id == id).children[0].id] |
|
} |
|
this.projectManage.mallId = id |
|
this.projectManage.systemId = this.mallIds[1] |
|
}, |
|
projectNameExistis () { // 项目管理名称判重 |
|
const { projectName } = this.projectManage |
|
if (this.originName === projectName) { |
|
this.projectNameRepeat = false |
|
} else { |
|
this.$post(this.api.queryNameIsExist, { projectName }).then(res => { |
|
if (res.status === 200) { |
|
this.projectNameRepeat = false |
|
} |
|
}).catch(err => { |
|
this.projectNameRepeat = true |
|
}) |
|
} |
|
}, |
|
systemChange () { // 切换系统 |
|
if (this.projectJudgmentData.length) { |
|
this.$confirm("更换系统会清空实验任务，确认更换？", "提示", { |
|
type: "warning", |
|
closeOnClickModal: false |
|
}).then(() => { |
|
this.projectJudgmentData = []; |
|
this.setSystemId(this.projectManage.systemId); |
|
}).catch(() => { |
|
this.projectManage.systemId = this.lastSystemId; |
|
// console.log(this.lastSystemId, "this.lastSystemId"); |
|
}); |
|
} |
|
}, |
|
// 去除空白标签 |
|
removeTag (val) { |
|
return val.replace('<p><br></p>', '') |
|
}, |
|
judgmentRelease (state) { //判断能否成功发布 |
|
let { |
|
projectName, |
|
experimentTarget, |
|
experimentDescription, |
|
experimentHint, |
|
hintOpen |
|
} = this.projectManage; |
|
if (!projectName) { |
|
util.errorMsg("请输入项目名称"); |
|
return false; |
|
} |
|
if (this.projectNameRepeat) { |
|
util.errorMsg("项目名称重复!"); |
|
return false; |
|
} |
|
if (state) { |
|
if (!experimentTarget || !this.removeTag(experimentTarget)) { |
|
util.errorMsg("请输入实验目标"); |
|
return false; |
|
} |
|
if (!experimentDescription || !this.removeTag(experimentDescription)) { |
|
util.errorMsg("请输入案例描述"); |
|
return false; |
|
} |
|
if (this.projectJudgmentData.length == 0) { |
|
util.errorMsg("请添加判分点"); |
|
return false; |
|
} |
|
if (this.handDistributionScore < 100) { |
|
util.errorMsg("判分点分数未满100"); |
|
return false; |
|
} |
|
if (this.handDistributionScore > 100) { |
|
util.errorMsg("判分点分数已超过100"); |
|
return false; |
|
} |
|
if ((!experimentHint || !this.removeTag(experimentHint)) && hintOpen == 0) { |
|
util.errorMsg("请输入实验提示"); |
|
return false; |
|
} |
|
} |
|
return true; |
|
}, |
|
save (state) { //处理提交 |
|
if (this.submiting === 0 || this.submiting === 1) return false |
|
if (!this.judgmentRelease(state)) { //判断页面是否有没有输入的内容 |
|
return; |
|
} |
|
this.submiting = state |
|
this.setSystemId(this.projectManage.systemId); |
|
this.projectManage.state = state; |
|
let { systemId } = this.projectManage; |
|
if (this.projectId) { |
|
if (systemId == 2 || systemId == 3) { |
|
console.log("系统id：", systemId); |
|
} else { |
|
// 更新 |
|
this.updateProjectJudgment(); |
|
} |
|
} else { |
|
if (systemId == 2 || systemId == 3) { |
|
console.log("系统id：", systemId); |
|
} else { |
|
// 添加 |
|
let tempArr = this.projectJudgmentData.map(i => { |
|
let obj = { |
|
projectId: this.projectId ? this.projectId : "", |
|
judgmentId: i.judgmentId, |
|
score: i.score, |
|
sort: i.sort |
|
}; |
|
return obj; |
|
}); |
|
|
|
let params = { |
|
projectManage: this.projectManage, |
|
projectJudgmentList: tempArr |
|
}; |
|
this.addProject(params); |
|
} |
|
} |
|
}, |
|
updateProject (params) { // 更新项目 |
|
this.$post(this.api[params.projectManage.state ? 'updateProjectManage' : 'editProjectDraft'], params).then(res => { |
|
util.successMsg("更新实验项目成功"); |
|
this.updateTime = 0 |
|
this.next ? this.next() : this.backPage(); |
|
}).catch(err => { |
|
this.submiting = false |
|
}); |
|
}, |
|
addProject (params) { // 添加项目 |
|
this.$post(this.api[params.projectManage.state ? 'addProjectManage' : 'saveProjectDraft'], params).then(res => { |
|
util.successMsg("添加实验项目成功"); |
|
this.updateTime = 0 |
|
this.next ? this.next() : this.$router.back(); |
|
}).catch(err => { |
|
this.submiting = false |
|
}); |
|
}, |
|
manualDistributionScore () { //点击手动分配分值 |
|
|
|
}, |
|
avgDistributionScore () { |
|
//点击平均分配分值 |
|
if (this.projectJudgmentData.length) { |
|
this.$get(this.api.avgValues, { |
|
number: this.projectJudgmentData.length |
|
}).then(res => { |
|
if (res.data) { |
|
this.projectJudgmentData = this.projectJudgmentData.map((item, index) => { |
|
item.score = res.data[index]; |
|
return item; |
|
}); |
|
// this.updateProjectJudgment(); |
|
} |
|
}); |
|
} |
|
}, |
|
scoreChange (row, i) { |
|
row.score = row.score.replace(/[^\d\.]/g, '') |
|
this.projectJudgmentData.splice(i, 1, row); |
|
}, |
|
delJudgePoint (index) { // 删除判分点 |
|
this.$confirm("确定要删除吗？", "提示", { |
|
type: "warning" |
|
}).then(() => { |
|
this.projectJudgmentData.splice(index, 1); |
|
}).catch(() => { |
|
}); |
|
}, |
|
handleSelectionProjectJudgment (val) { |
|
this.selectedProjectJudgment = val; |
|
}, |
|
batchDeleteProjectJudgment () { // 批量删除判分点 |
|
if (this.selectedProjectJudgment.length) { |
|
this.$confirm("确定要删除吗？", "提示", { |
|
type: "warning" |
|
}).then(() => { |
|
let list = this.projectJudgmentData; |
|
let result = []; |
|
list.map(i => { |
|
this.selectedProjectJudgment.find(j => j.judgmentId === i.judgmentId) || result.push(i); |
|
}); |
|
this.projectJudgmentData = result; |
|
}).catch(() => { |
|
}); |
|
} else { |
|
util.errorMsg("请选择判分点"); |
|
} |
|
}, |
|
handleQueryJudgment () { // 查询判分点数据 |
|
let { systemId } = this.projectManage; |
|
this.dialogVisible = true; |
|
this.$nextTick(() => { |
|
this.$refs.judgementTable.clearSelection(); |
|
}); |
|
let params = { |
|
systemId, |
|
name: this.judgementpointsquery |
|
}; |
|
if (systemId == 2 || systemId == 3) { |
|
console.log("系统id：", systemId); |
|
} else if (this.isLc) { |
|
// (流程)交易类 |
|
this.rowKey = "lcId"; |
|
this.getProcessClassData(params); |
|
} else { |
|
// 编程类 |
|
this.rowKey = "bcId"; |
|
this.getProgrammingClassData(params); |
|
} |
|
}, |
|
getProcessClassData (params) { // 获取流程类判分点列表数据 |
|
this.visibleLoading = true; |
|
this.$get(`${this.api.getBcJudgmentPoint}`, params).then(res => { |
|
let list = res.judgmentPoints |
|
let result = []; |
|
list.map(i => { |
|
this.projectJudgmentData.find(j => j.judgmentId === i.judgmentId) || result.push(i); |
|
}); |
|
this.visibleLoading = false; |
|
this.judgementData = result; |
|
}).catch(err => { |
|
this.visibleLoading = false |
|
}); |
|
}, |
|
getProgrammingClassData (params) { // 获取编程类判分点列表数据 |
|
this.visibleLoading = true; |
|
this.$get(this.api.getBcJudgmentPoint, params).then(res => { |
|
let list = res.judgmentPoints |
|
let result = []; |
|
list.map(i => { |
|
this.projectJudgmentData.find(j => j.judgmentId === i.judgmentId) || result.push(i); |
|
}); |
|
this.visibleLoading = false; |
|
this.judgementData = result; |
|
}).catch(err => { |
|
this.visibleLoading = false |
|
}); |
|
}, |
|
handleSelectionJudgment (val) { // 处理多选判分点 |
|
this.selectedJudgment = val; |
|
}, |
|
addJudgment () { // 确认选择判分点 |
|
if (this.selectedJudgment.length) { |
|
this.dialogVisible = false; |
|
let tempArr = this.selectedJudgment.map(i => { |
|
this.$set(i, 'score', 0) |
|
return i; |
|
}); |
|
this.projectJudgmentData = this.projectJudgmentData.concat(tempArr); |
|
this.projectJudgmentData.map((e, i) => { |
|
e.sort = i + 1; |
|
}); |
|
this.$nextTick(() => { |
|
this.$refs.projectJudgementTable.clearSelection(); |
|
}); |
|
} else { |
|
util.errorMsg("请选择判分点"); |
|
} |
|
}, |
|
handleCacheData () { // 处理缓存数据 |
|
this.isToPoint = true; |
|
this.setProject({ projectManage: this.projectManage, projectJudgmentData: this.projectJudgmentData }); |
|
}, |
|
toJudgePoint (type, row) { // 进入判分点系统 |
|
this.handleCacheData(); |
|
let jumpPath = Setting.jumpPath; |
|
let { systemId } = this.projectManage; |
|
let href = ""; |
|
if (type === "view") { |
|
// 查看 |
|
if (systemId == 2) { |
|
console.log(systemId); |
|
} else if (systemId == 3) { |
|
console.log(systemId); |
|
} else if (this.isLc) { |
|
// 交易类判分点（银行综合系统） |
|
href = `${jumpPath}#/Transaction?isView=true&systemId=${systemId}&lcId=${row.judgmentId}&token=${this.token}&referrer=${window.btoa(location.href)}`; |
|
} else { |
|
// 编程类判分点（python子系统） |
|
href = `${jumpPath}#/program?isView=true&systemId=${systemId}&bcId=${row.judgmentId}&token=${this.token}&referrer=${window.btoa(location.href)}`; |
|
} |
|
} else if (type === "edit") { |
|
// 自定义（老师端隐藏此功能） |
|
if (systemId == 2) { |
|
console.log(systemId); |
|
} else if (systemId == 3) { |
|
console.log(systemId); |
|
} else if (this.isLc) { |
|
// 交易类判分点（银行综合系统） |
|
href = `${jumpPath}#/Transaction?isEdit=true&systemId=${systemId}&lcId=${row.judgmentId}&token=${this.token}&referrer=${btoa(location.href)}`; |
|
} else { |
|
// 编程类判分点（python子系统） |
|
href = `${jumpPath}#/program?isEdit=true&systemId=${systemId}&bcId=${row.judgmentId}&token=${this.token}&referrer=${btoa(location.href)}`; |
|
} |
|
} else if (type === "home") { |
|
if (systemId == 2 || systemId == 3) { |
|
console.log(systemId); |
|
} else { |
|
// 进入判分点系统首页（老师端隐藏此功能） |
|
href = `${jumpPath}#/?systemId=${systemId}&token=${this.token}&referrer=${btoa(location.href)}`; |
|
} |
|
} |
|
location.href = href; |
|
}, |
|
permissionChange () { |
|
if (this.projectManage.permissions) { |
|
this.projectManage.hintOpen = 1 |
|
} else { |
|
this.projectManage.hintOpen = 0 |
|
} |
|
}, |
|
// 行拖拽 |
|
rowDrop () { |
|
// 此时找到的元素是要拖拽元素的父容器 |
|
const tbody = document.querySelector(".draggable .el-table__body-wrapper tbody"); |
|
const _this = this; |
|
Sortable.create(tbody, { |
|
// 指定父元素下可被拖拽的子元素 |
|
draggable: ".draggable .el-table__row", |
|
onEnd ({ newIndex, oldIndex }) { |
|
_this.projectJudgmentData.splice(newIndex, 0, _this.projectJudgmentData.splice(oldIndex, 1)[0]); |
|
let newArray = _this.projectJudgmentData.slice(0); |
|
_this.projectJudgmentData = []; |
|
_this.$nextTick(function () { |
|
newArray.forEach((e, i) => { |
|
_this.$set(e, "sort", i + 1);// 不更新 |
|
_this.$set(e, "name", e.name + "?"); |
|
_this.$set(e, "name", e.name.slice(0, e.name.length - 1)); // 不更新的解决方案 |
|
}); |
|
_this.projectJudgmentData = newArray; |
|
}); |
|
} |
|
}); |
|
}, |
|
// 修改判分点中间表 |
|
async updateProjectJudgment () { |
|
let param = this.projectJudgmentData.map((e, i) => { |
|
let obj = { |
|
judgmentId: e.judgmentId, |
|
projectId: this.projectId || "", |
|
score: e.score, |
|
sort: i + 1, |
|
id: e.id |
|
}; |
|
return obj; |
|
}); |
|
await this.$post(`${this.api.updateProjectJudgment}?projectId=${this.projectId}`, param).then(res => { |
|
let tempArr = this.projectJudgmentData.map(i => { |
|
let obj = { |
|
projectId: this.projectId ? this.projectId : "", |
|
judgmentId: i.judgmentId, |
|
score: i.score, |
|
sort: i.sort |
|
}; |
|
return obj; |
|
}); |
|
let params = { |
|
projectManage: this.projectManage, |
|
projectJudgmentList: tempArr |
|
}; |
|
this.updateProject(params); |
|
}).catch(err => { |
|
console.log(err); |
|
}); |
|
}, |
|
// 返回 |
|
back () { |
|
this.backType = true |
|
// 更改了信息才需要提示 |
|
if (this.updateTime) { |
|
this.$confirm('编辑的内容未保存，是否保存？', "提示", { |
|
type: "warning", |
|
closeOnClickModal: false |
|
}).then(() => { |
|
this.save(this.projectManage.state) |
|
}).catch(() => { |
|
this.backPage() |
|
}) |
|
} else { |
|
this.backPage() |
|
} |
|
}, |
|
backPage () { |
|
const { params } = this.$store.state.project |
|
this.$router.push(`/project?${qs.stringify(params.form)}&page=${params.page}`) |
|
}, |
|
} |
|
}; |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
/deep/ .readonly .ql-toolbar { |
|
height: 0; |
|
padding: 0; |
|
border-bottom: 0; |
|
} |
|
.main { |
|
overflow: auto; |
|
overflow-x: hidden; |
|
height: calc(100vh - 152px); |
|
} |
|
</style> |