|
|
|
|
<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>
|
