dev
parent
4c4f705af9
commit
47f6976255
23 changed files with 3355 additions and 1723 deletions
|
After Width: | Height: | Size: 209 B |
@ -0,0 +1,206 @@ |
|||||||
|
<template> |
||||||
|
<div class="quill" ref="quill" :class="classes"> |
||||||
|
<div ref="editor" :style="styles" v-loading="loading"></div> |
||||||
|
|
||||||
|
<el-upload :action="this.api.fileupload" :before-upload="beforeUpload" :on-success="editorUploadSuccess" style="display: none"> |
||||||
|
<el-button class="editorUpload" size="small" type="primary">点击上传</el-button> |
||||||
|
</el-upload> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Quill from 'quill'; |
||||||
|
import 'quill/dist/quill.core.css'; |
||||||
|
import 'quill/dist/quill.snow.css'; |
||||||
|
import 'quill/dist/quill.bubble.css'; |
||||||
|
import toolbarOptions from './options' |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'quill', |
||||||
|
props: { |
||||||
|
value: { |
||||||
|
type: String, |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
readonly: { |
||||||
|
type: Boolean, |
||||||
|
default:false |
||||||
|
}, |
||||||
|
toTop: { |
||||||
|
type: Boolean, |
||||||
|
default:true |
||||||
|
}, |
||||||
|
border: { |
||||||
|
type: Boolean, |
||||||
|
default:false |
||||||
|
}, |
||||||
|
height: { |
||||||
|
type: Number |
||||||
|
}, |
||||||
|
minHeight: { |
||||||
|
type: Number |
||||||
|
}, |
||||||
|
/* |
||||||
|
* 原本的readOnly失效,对比其他项目，发现是quill版本不同导致， |
||||||
|
* 使用props传入elseRead = 'true'，手动隐藏工具栏 |
||||||
|
*/ |
||||||
|
elseRead:{ |
||||||
|
type:String,default:'false' |
||||||
|
} |
||||||
|
}, |
||||||
|
data () { |
||||||
|
return { |
||||||
|
Quill: null, |
||||||
|
currentValue: '', |
||||||
|
options: { |
||||||
|
theme: 'snow', |
||||||
|
bounds: document.body, |
||||||
|
debug: 'warn', |
||||||
|
modules: { |
||||||
|
toolbar: { |
||||||
|
container: toolbarOptions, |
||||||
|
handlers: { |
||||||
|
'image': function (value) { |
||||||
|
if (value) { |
||||||
|
// 调用iview图片上传 |
||||||
|
document.querySelector('.editorUpload').click() |
||||||
|
} else { |
||||||
|
this.Quill.format('image', false); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
placeholder: '', |
||||||
|
readOnly: this.readonly |
||||||
|
}, |
||||||
|
loading: false |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
classes () { |
||||||
|
return [ |
||||||
|
{ |
||||||
|
'quill-no-border': !this.border |
||||||
|
} |
||||||
|
]; |
||||||
|
}, |
||||||
|
styles () { |
||||||
|
let style = {}; |
||||||
|
if (this.minHeight) { |
||||||
|
style.minHeight = `${this.minHeight}px`; |
||||||
|
} |
||||||
|
if (this.height) { |
||||||
|
style.height = `${this.height}px`; |
||||||
|
} |
||||||
|
return style; |
||||||
|
}, |
||||||
|
|
||||||
|
}, |
||||||
|
watch: { |
||||||
|
value: { |
||||||
|
handler (val) { |
||||||
|
if (val !== this.currentValue) { |
||||||
|
this.currentValue = val; |
||||||
|
if (this.Quill) { |
||||||
|
this.Quill.pasteHTML(this.value); |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
immediate: true |
||||||
|
} |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.init(); |
||||||
|
// 处理工具栏隐藏样式 |
||||||
|
if(this.elseRead==='true'){ |
||||||
|
let children = this.$refs.quill.children[0].style |
||||||
|
children.padding = '0' |
||||||
|
children.overflow = 'hidden' |
||||||
|
children.height = '0' |
||||||
|
children.borderTop = '0' |
||||||
|
} |
||||||
|
}, |
||||||
|
beforeDestroy () { |
||||||
|
// 在组件销毁后销毁实例 |
||||||
|
this.Quill = null; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
init () { |
||||||
|
const editor = this.$refs.editor; |
||||||
|
// 初始化编辑器 |
||||||
|
this.Quill = new Quill(editor, this.options); |
||||||
|
// 默认值 |
||||||
|
this.Quill.pasteHTML(this.currentValue); |
||||||
|
if(this.toTop){ |
||||||
|
this.$nextTick(() => { |
||||||
|
window.scrollTo(0,0) |
||||||
|
}) |
||||||
|
} |
||||||
|
// 绑定事件 |
||||||
|
this.Quill.on('text-change', (delta, oldDelta, source) => { |
||||||
|
const html = this.$refs.editor.children[0].innerHTML; |
||||||
|
const text = this.Quill.getText(); |
||||||
|
const quill = this.Quill; |
||||||
|
// 更新内部的值 |
||||||
|
this.currentValue = html; |
||||||
|
// 发出事件 v-model |
||||||
|
this.$emit('input', html); |
||||||
|
// 发出事件 |
||||||
|
this.$emit('on-change', { html, text, quill }); |
||||||
|
}); |
||||||
|
// 将一些 quill 自带的事件传递出去 |
||||||
|
this.Quill.on('text-change', (delta, oldDelta, source) => { |
||||||
|
this.$emit('on-text-change', delta, oldDelta, source); |
||||||
|
}); |
||||||
|
this.Quill.on('selection-change', (range, oldRange, source) => { |
||||||
|
this.$emit('on-selection-change', range, oldRange, source); |
||||||
|
}); |
||||||
|
this.Quill.on('editor-change', (eventName, ...args) => { |
||||||
|
this.$emit('on-editor-change', eventName, ...args); |
||||||
|
}); |
||||||
|
}, |
||||||
|
beforeUpload(file){ |
||||||
|
this.loading = true |
||||||
|
}, |
||||||
|
editorUploadSuccess (res) { |
||||||
|
// 获取富文本组件实例 |
||||||
|
let quill = this.Quill |
||||||
|
// 如果上传成功 |
||||||
|
if (res.data.filesResult.fileUrl) { |
||||||
|
// 获取光标所在位置 |
||||||
|
let length = quill.getSelection().index; |
||||||
|
// 插入图片，res为服务器返回的图片链接地址 |
||||||
|
quill.insertEmbed(length, 'image', res.data.filesResult.fileUrl) |
||||||
|
// 调整光标到最后 |
||||||
|
quill.setSelection(length + 1) |
||||||
|
} else { |
||||||
|
this.$message.success('图片插入失败') |
||||||
|
} |
||||||
|
this.loading = false |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
.quill-no-border{ |
||||||
|
.ql-toolbar.ql-snow{ |
||||||
|
border: none; |
||||||
|
border-bottom: 1px solid #e8eaec; |
||||||
|
} |
||||||
|
.ql-container.ql-snow{ |
||||||
|
border: none; |
||||||
|
} |
||||||
|
} |
||||||
|
.else{ |
||||||
|
.ql-toolbar.ql-snow{ |
||||||
|
height: 0; |
||||||
|
overflow: hidden; |
||||||
|
padding: 0; |
||||||
|
border-top: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
export default [ |
||||||
|
['bold', 'italic', 'underline', 'strike'], |
||||||
|
['blockquote', 'code-block'], |
||||||
|
[{ 'header': 1 }, { 'header': 2 }], |
||||||
|
[{ 'list': 'ordered' }, { 'list': 'bullet' }], |
||||||
|
[{ 'script': 'sub' }, { 'script': 'super' }], |
||||||
|
[{ 'indent': '-1' }, { 'indent': '+1' }], |
||||||
|
[{ 'direction': 'rtl' }], |
||||||
|
[{ 'size': ['small', false, 'large', 'huge'] }], |
||||||
|
[{ 'header': [1, 2, 3, 4, 5, 6, false] }], |
||||||
|
[{ 'color': [] }, { 'background': [] }], |
||||||
|
[{ 'font': [] }], |
||||||
|
[{ 'align': [] }], |
||||||
|
['clean'], |
||||||
|
['link', 'image', 'video'] |
||||||
|
] |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
/** |
||||||
|
* 业务配置 |
||||||
|
* */ |
||||||
|
const url = location.host; |
||||||
|
const isDev = process.env.NODE_ENV === 'development'; // 开发环境
|
||||||
|
const isTest = url.includes('10.196.131.73'); //测试服
|
||||||
|
const isPro = url.includes('120.78.127.12'); //正式服
|
||||||
|
|
||||||
|
|
||||||
|
let jumpPath = ""; |
||||||
|
let host = ""; |
||||||
|
if (isDev) { |
||||||
|
jumpPath = "http://192.168.31.154:8087/"; |
||||||
|
// host = 'http://192.168.31.216:9000'// 榕
|
||||||
|
host = 'http://192.168.31.125:9000'// 坤
|
||||||
|
// host = 'http://192.168.31.137:9000'// 陈赓
|
||||||
|
} else if (isTest) { |
||||||
|
jumpPath = ""; |
||||||
|
host = "http://39.108.250.202:9000"; |
||||||
|
} else if (isPro) { |
||||||
|
jumpPath = ""; |
||||||
|
host = ""; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
const Setting = { |
||||||
|
/** |
||||||
|
* 基础配置 |
||||||
|
* */ |
||||||
|
jumpPath, // 跳转路径前缀
|
||||||
|
host, // 请求路径前缀
|
||||||
|
}; |
||||||
|
|
||||||
|
export default Setting; |
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,661 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between"> |
||||||
|
<el-page-header @back="goBack" content="项目配置"></el-page-header> |
||||||
|
<div v-if="!isDetail"> |
||||||
|
<el-button v-if="!projectId" type="success" size="small" @click="handleSubmit(0)">保存为草稿</el-button> |
||||||
|
<el-button type="primary" size="small" @click="handleSubmit(1)">确定并发布</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-center mgb20"> |
||||||
|
<p class="addhr_tag"></p> |
||||||
|
<span>课程信息</span> |
||||||
|
</div> |
||||||
|
<div class="border-b-dashed"></div> |
||||||
|
|
||||||
|
<div> |
||||||
|
<el-form label-width="80px"> |
||||||
|
<div style="display: flex"> |
||||||
|
<el-form-item label="项目名称"> |
||||||
|
<el-input :disabled="isDetail" v-model.trim="projectManage.projectName" placeholder="20个字符以内" @blur="projectNameExistis"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="项目权限"> |
||||||
|
<el-select :disabled="isDetail" v-model="projectManage.permissions" placeholder="请选择"> |
||||||
|
<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="mgb20"> |
||||||
|
<div class="flex-center mgb20"> |
||||||
|
<p class="addhr_tag"></p> |
||||||
|
<span>实验目标</span> |
||||||
|
</div> |
||||||
|
<div class="border-b-dashed"></div> |
||||||
|
<div> |
||||||
|
<el-form label-width="0"> |
||||||
|
<el-form-item> |
||||||
|
<quill :border="true" :readonly="isDetail" v-model="projectManage.experimentTarget" :minHeight="150" :height="150" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-center mgb20"> |
||||||
|
<p class="addhr_tag"></p> |
||||||
|
<span>案例描述</span> |
||||||
|
</div> |
||||||
|
<div class="border-b-dashed"></div> |
||||||
|
<div> |
||||||
|
<el-form label-width="0"> |
||||||
|
<el-form-item> |
||||||
|
<quill :border="true" :readonly="isDetail" v-model="projectManage.experimentDescription" :minHeight="150" :height="150" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between mgb20"> |
||||||
|
<div class="flex-center"> |
||||||
|
<p class="addhr_tag"></p> |
||||||
|
<span>实验任务</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button :disabled="isDetail" type="primary" @click="toJudgePoint('home')">进入判分点</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="border-b-dashed"></div> |
||||||
|
|
||||||
|
<div class="mgb20 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 :disabled="isDetail" class="m-r-20" type="text" @click="avgDistributionScore">平均分配分值</el-button> |
||||||
|
<el-button :disabled="isDetail" class="m-r-20" type="text" @click="manualDistributionScore">手动分配分值</el-button> |
||||||
|
<span>(待分配分值: {{ handDistributionScore }}/100分)</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-button :disabled="isDetail" type="primary" icon="el-icon-plus" round @click="handleQueryJudgment" style="margin-bottom: 10px">判分点</el-button> |
||||||
|
<el-button :disabled="isDetail" type="primary" icon="el-icon-delete" round @click="batchDeleteProjectJudgment" style="margin-bottom: 10px">批量删除</el-button> |
||||||
|
<el-table |
||||||
|
ref="projectJudgementTable" |
||||||
|
:data="projectJudgmentData" |
||||||
|
class="table" |
||||||
|
stripe |
||||||
|
header-align="center" |
||||||
|
@selection-change="handleSelectionProjectJudgment" |
||||||
|
row-key="judgmentId" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55" align="center"></el-table-column> |
||||||
|
<el-table-column prop="id" label="序号" width="80" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.$index + 1 }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="name" label="判分指标" align="center"></el-table-column> |
||||||
|
<el-table-column prop="name" label="判分点名称" align="center"></el-table-column> |
||||||
|
<el-table-column label="排序" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button |
||||||
|
:disabled="isDetail" |
||||||
|
v-show="scope.$index > 0" |
||||||
|
type="text" |
||||||
|
icon="el-icon-top" |
||||||
|
@click="handleMoveUp(scope.$index)" |
||||||
|
style="font-size: 24px" |
||||||
|
></el-button> |
||||||
|
<el-button |
||||||
|
:disabled="isDetail" |
||||||
|
v-show="(scope.$index+1) < projectJudgmentData.length" |
||||||
|
type="text" |
||||||
|
icon="el-icon-bottom" |
||||||
|
@click="handleMoveDown(scope.$index)" |
||||||
|
style="font-size: 24px" |
||||||
|
></el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="实验要求" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<quill :border="true" :readonly="true" elseRead="true" v-model="scope.row.experimentalRequirements" :minHeight="150" :height="150" /> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="140" 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 :disabled="isDetail" type="text" @click="delJudgePoint(scope.$index)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="score" label="分数" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<!--type="number"--> |
||||||
|
<el-input :disabled="isDetail" v-model.trim="scope.row.score" @input="scoreChange(scope.row, scope.$index)"></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between mgb20"> |
||||||
|
<div class="flex-center"> |
||||||
|
<p class="addhr_tag"></p> |
||||||
|
<span>案例描述</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
启用 |
||||||
|
<el-switch :disabled="isDetail" :active-value="0" :inactive-value="1" v-model="projectManage.hintOpen"></el-switch> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="border-b-dashed"></div> |
||||||
|
<div> |
||||||
|
<el-form label-width="0"> |
||||||
|
<el-form-item prop="tips" label=""> |
||||||
|
<quill :border="true" :readonly="isDetail" v-model="projectManage.experimentHint" :minHeight="150" :height="150" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
<!--选择判分点对话框--> |
||||||
|
<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> |
||||||
|
|
||||||
|
<el-table |
||||||
|
:data="judgementData" |
||||||
|
ref="judgementTable" |
||||||
|
class="table" |
||||||
|
stripe |
||||||
|
header-align="center" |
||||||
|
max-height="400" |
||||||
|
@selection-change="handleSelectionJudgment" |
||||||
|
:row-key="rowKey" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column prop="id" label="序号" align="center" width="100"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.$index + 1 }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="name" label="判分点名称" align="center"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="100"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button size="mini" @click="toJudgePoint('view', scope.row)">查看</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-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 quill from "@/components/quill"; |
||||||
|
export default { |
||||||
|
components: { |
||||||
|
quill |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
host: Setting.apiBaseURL, |
||||||
|
projectId: this.$route.query.projectId, |
||||||
|
systemList: Setting.systemList, |
||||||
|
token: btoa(sessionStorage.getItem('token')), |
||||||
|
isDetail: Boolean(this.$route.query.show), |
||||||
|
|
||||||
|
projectManage: { |
||||||
|
founder: 0, // 创建人角色(0、系统 1、老师) |
||||||
|
projectName: "", // 项目名称 |
||||||
|
permissions: 0, // 项目权限(0、练习 1、考核 2、竞赛) |
||||||
|
schoolId: Setting.schoolId, |
||||||
|
systemId: this.$route.query.systemId, // 系统id |
||||||
|
hintOpen: 0, // 实验提示是否开启(0开启 1不开启 默认0) |
||||||
|
experimentHint: "", // 实验提示 |
||||||
|
experimentTarget: "", // 实验目标 |
||||||
|
experimentDescription: "", // 案例描述 |
||||||
|
state: 0, // 状态(0、草稿箱 1、已发布) |
||||||
|
isOpen: 0, // 是否开启(0开启 1未开启 默认0) |
||||||
|
isDel: 0 // 是否删除(0、未删除 1、已删除 默认0) |
||||||
|
}, |
||||||
|
projectJudgmentData: [], //实验任务(项目判分点) |
||||||
|
selectedProjectJudgment: [], // 选中的项目判分点 |
||||||
|
|
||||||
|
dialogVisible: false, // 选择判分点对话框 |
||||||
|
judgementpointsquery: "", //条件筛选判分点 |
||||||
|
judgementData: [], // 判分点列表数据 |
||||||
|
selectedJudgment: [], // 选中的判分点 |
||||||
|
rowKey: "", // 判分点行数据的 Key |
||||||
|
projectNameRepeat: false, // 项目名称是否重复 |
||||||
|
|
||||||
|
flag: false, //判分点表格分数是否禁用 |
||||||
|
avgValuelist: [], //取得判分点平均分的数组 |
||||||
|
|
||||||
|
searchTimer: null, |
||||||
|
isToPoint: false // 判断是否是跳转到判分点系统 |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
lastSystemId() { |
||||||
|
return this.$store.state.lastSystemId; |
||||||
|
}, |
||||||
|
projectFields() { |
||||||
|
return this.$store.state.projectFields; |
||||||
|
}, |
||||||
|
handDistributionScore: function() { |
||||||
|
//计算判分点分值，超出100提示， |
||||||
|
let score = 0; |
||||||
|
this.projectJudgmentData.forEach(e => { |
||||||
|
score += parseInt(e.score); |
||||||
|
}); |
||||||
|
if (isNaN(score)) { |
||||||
|
return 0; |
||||||
|
} |
||||||
|
if (score > 100) { |
||||||
|
this.$message.warning("分配的数值已超过100"); |
||||||
|
} |
||||||
|
return score; |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
projectJudgmentData: { |
||||||
|
handler(newValue) { |
||||||
|
console.log("newValue：", newValue); |
||||||
|
}, |
||||||
|
deep: true |
||||||
|
}, |
||||||
|
judgementpointsquery(n) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.handleQueryJudgment(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
console.log(this.projectManage.systemId, "this.projectManage.systemId", this.lastSystemId); |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
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; |
||||||
|
} |
||||||
|
}, |
||||||
|
beforeDestroy() { |
||||||
|
if (!this.isToPoint) { |
||||||
|
this.$store.dispatch('setProject',{}); |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
goBack() { // 返回 |
||||||
|
if (this.isDetail) { |
||||||
|
this.$router.back(); |
||||||
|
} else { |
||||||
|
this.$confirm("确定返回？未更新的信息将不会保存。", "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(() => { |
||||||
|
this.$router.back(); |
||||||
|
}).catch(() => { |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
getInfoData() { // 获取详情数据 |
||||||
|
if (!this.isToPoint) { |
||||||
|
this.$get(`${this.api.getProjectDetail}?projectId=${this.projectId}&schoolId=${this.projectManage.schoolId}`).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
let { projectManage, projectJudgmentVos } = res; |
||||||
|
this.projectManage = projectManage; |
||||||
|
this.projectJudgmentData = projectJudgmentVos; |
||||||
|
} else { |
||||||
|
this.$message.warning(res.message); |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
projectNameExistis() { // 项目管理名称判重 |
||||||
|
if (this.projectManage.projectName) { |
||||||
|
this.$post(this.api.queryNameIsExist, { projectName: this.projectManage.projectName }).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.projectNameRepeat = false; |
||||||
|
} else { |
||||||
|
this.projectNameRepeat = true; |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
this.projectNameRepeat = true; |
||||||
|
}); |
||||||
|
} else { |
||||||
|
this.projectNameRepeat = false; |
||||||
|
} |
||||||
|
}, |
||||||
|
systemChange() { // 切换系统 |
||||||
|
if (this.projectJudgmentData.length) { |
||||||
|
this.$confirm("更换系统会清空实验任务，确认更换？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(() => { |
||||||
|
this.projectJudgmentData = []; |
||||||
|
this.$store.dispatch('setSystemId',this.projectManage.systemId); |
||||||
|
}).catch(() => { |
||||||
|
this.projectManage.systemId = this.lastSystemId; |
||||||
|
console.log(this.lastSystemId, "this.lastSystemId"); |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
judgmentRelease() { //判断能否成功发布 |
||||||
|
let { |
||||||
|
projectName, |
||||||
|
experimentTarget, |
||||||
|
experimentDescription, |
||||||
|
experimentHint, |
||||||
|
hintOpen |
||||||
|
} = this.projectManage; |
||||||
|
if (!projectName) { |
||||||
|
this.$message.warning("请输入项目名称"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (this.projectNameRepeat) { |
||||||
|
this.$message.warning("该项目名称已存在"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (!experimentTarget) { |
||||||
|
this.$message.warning("请输入实验目标"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (!experimentDescription) { |
||||||
|
this.$message.warning("请输入案例描述"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (this.projectJudgmentData.length == 0) { |
||||||
|
this.$message.warning("请添加判分点"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (this.handDistributionScore < 100) { |
||||||
|
this.$message.warning("判分点分数未满100"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (this.handDistributionScore > 100) { |
||||||
|
this.$message.warning("判分点分数已超过100"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (!experimentHint && hintOpen) { |
||||||
|
this.$message.warning("请输入实验提示"); |
||||||
|
return false; |
||||||
|
} |
||||||
|
return true; |
||||||
|
}, |
||||||
|
handleSubmit(state) { //处理提交 |
||||||
|
if (!this.judgmentRelease()) { //判断页面是否有没有输入的内容 |
||||||
|
return; |
||||||
|
} |
||||||
|
this.$store.dispatch('setSystemId',this.projectManage.systemId) |
||||||
|
this.projectManage.state = state; |
||||||
|
let tempArr = this.projectJudgmentData.map(i => { |
||||||
|
let obj = { |
||||||
|
projectId: this.projectId ? this.projectId : "", |
||||||
|
judgmentId: i.judgmentId, |
||||||
|
score: i.score |
||||||
|
}; |
||||||
|
return obj; |
||||||
|
}); |
||||||
|
|
||||||
|
let params = { |
||||||
|
projectManage: this.projectManage, |
||||||
|
projectJudgmentList: tempArr |
||||||
|
}; |
||||||
|
|
||||||
|
let { systemId } = this.projectManage; |
||||||
|
if (this.projectId) { |
||||||
|
if (systemId == 2 || systemId == 3) { |
||||||
|
console.log("系统id：", systemId); |
||||||
|
} else { |
||||||
|
// 更新 |
||||||
|
this.updateProject(params); |
||||||
|
} |
||||||
|
} else { |
||||||
|
if (systemId == 2 || systemId == 3) { |
||||||
|
console.log("系统id：", systemId); |
||||||
|
} else { |
||||||
|
// 添加 |
||||||
|
this.addProject(params); |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
updateProject(params) { // 更新项目 |
||||||
|
this.$post(`${this.api.updateProjectManage}`, params).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.$message.success("更新实验项目成功"); |
||||||
|
this.$router.back(); |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
addProject(params) { // 添加项目 |
||||||
|
this.$post(`${this.api.addProjectManage}`, params).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.$message.success("添加实验项目成功"); |
||||||
|
this.$router.back(); |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
manualDistributionScore() { //点击手动分配分值 |
||||||
|
|
||||||
|
}, |
||||||
|
avgDistributionScore() { |
||||||
|
//点击平均分配分值 |
||||||
|
if (this.projectJudgmentData.length) { |
||||||
|
this.$get(this.api.avgValues, { |
||||||
|
number: this.projectJudgmentData.length |
||||||
|
}).then(res => { |
||||||
|
if (res.status === 200 && res.data) { |
||||||
|
this.projectJudgmentData = this.projectJudgmentData.map((item, index) => { |
||||||
|
item.score = res.data[index]; |
||||||
|
return item; |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleMoveUp(index) { // 处理上移 |
||||||
|
let x = index; |
||||||
|
let y = index + 1; |
||||||
|
this.projectJudgmentData.splice(x - 1, 1, ...this.projectJudgmentData.splice(y - 1, 1, this.projectJudgmentData[x - 1])); |
||||||
|
}, |
||||||
|
handleMoveDown(index) { // 处理下移 |
||||||
|
let x = index + 1; |
||||||
|
let y = index + 2; |
||||||
|
this.projectJudgmentData.splice(x - 1, 1, ...this.projectJudgmentData.splice(y - 1, 1, this.projectJudgmentData[x - 1])); |
||||||
|
}, |
||||||
|
scoreChange(row, index) { // 暂时解决，输入没有反应 |
||||||
|
this.projectJudgmentData.splice(index, 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(() => { |
||||||
|
// this.projectJudgmentData.splice(index, 1); |
||||||
|
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 { |
||||||
|
this.$message.warning("请选择判分点"); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleQueryJudgment() { // 查询判分点数据 |
||||||
|
let { systemId } = this.projectManage; |
||||||
|
this.dialogVisible = true; |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.judgementTable.clearSelection(); |
||||||
|
}); |
||||||
|
let params = { |
||||||
|
name: this.judgementpointsquery, |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10000, |
||||||
|
systemId |
||||||
|
}; |
||||||
|
if (systemId == 2 || systemId == 3) { |
||||||
|
console.log("系统id：", systemId); |
||||||
|
} else if (systemId == 11) { |
||||||
|
// (流程)交易类 |
||||||
|
this.rowKey = "lcId"; |
||||||
|
this.getProcessClassData(params); |
||||||
|
} else { |
||||||
|
// 编程类 |
||||||
|
this.rowKey = "bcId"; |
||||||
|
this.getProgrammingClassData(params); |
||||||
|
} |
||||||
|
}, |
||||||
|
getProcessClassData(params) { // 获取流程类判分点列表数据 |
||||||
|
this.$post(`${this.api.getLcJudgmentPoint}`, params).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
let list = res.message.records; |
||||||
|
let result = []; |
||||||
|
list.map(i => { |
||||||
|
i.judgmentId = i.lcId; |
||||||
|
this.projectJudgmentData.find(j => j.judgmentId === i.judgmentId) || result.push(i); |
||||||
|
}); |
||||||
|
this.judgementData = result; |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
getProgrammingClassData(params) { // 获取编程类判分点列表数据 |
||||||
|
this.$post(this.api.getBcJudgmentPoint, params).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
let list = res.message.records; |
||||||
|
let result = []; |
||||||
|
list.map(i => { |
||||||
|
i.judgmentId = i.bcId; |
||||||
|
this.projectJudgmentData.find(j => j.judgmentId === i.judgmentId) || result.push(i); |
||||||
|
}); |
||||||
|
this.judgementData = result; |
||||||
|
} |
||||||
|
|
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
handleSelectionJudgment(val) { // 处理多选判分点 |
||||||
|
this.selectedJudgment = val; |
||||||
|
}, |
||||||
|
addJudgment() { // 确认选择判分点 |
||||||
|
if (this.selectedJudgment.length) { |
||||||
|
this.dialogVisible = false; |
||||||
|
let tempArr = this.selectedJudgment.map(i => { |
||||||
|
i.score = 0; |
||||||
|
return i; |
||||||
|
}); |
||||||
|
this.projectJudgmentData = this.projectJudgmentData.concat(tempArr); |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.projectJudgementTable.clearSelection(); |
||||||
|
}); |
||||||
|
} else { |
||||||
|
this.$message.warning("请选择判分点"); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleCacheData() { // 处理缓存数据 |
||||||
|
this.isToPoint = true; |
||||||
|
this.$store.dispatch('setProject',{ projectManage: this.projectManage, projectJudgmentData: this.projectJudgmentData }); |
||||||
|
}, |
||||||
|
toJudgePoint(type, row) { // 进入判分点系统 |
||||||
|
this.handleCacheData(); |
||||||
|
// let host = this.host; |
||||||
|
let host = "http://192.168.31.154:8087/"; // 本地 |
||||||
|
let { systemId } = this.projectManage; |
||||||
|
let href = ""; |
||||||
|
if (type === "view") { |
||||||
|
// 查看 |
||||||
|
if (systemId == 2) { |
||||||
|
href = `${host}jdTrials/#/programOption?id=${row.judgmentPointsId}`; |
||||||
|
} else if (systemId == 3) { |
||||||
|
href = `${host}jdTrials/#/programOptions?id=${row.judgmentPointsId}`; |
||||||
|
} else if (systemId == 11) { |
||||||
|
// 交易类判分点（银行综合系统） |
||||||
|
href = `${host}jdTrials/#/Transaction?isView=true&systemId=${systemId}&lcId=${row.judgmentId}&token=${this.token}&referrer=${btoa(location.href)}`; |
||||||
|
} else { |
||||||
|
// 编程类判分点（python子系统） |
||||||
|
href = `${host}jdTrials/#/program?isView=true&systemId=${systemId}&bcId=${row.judgmentId}&token=${this.token}&referrer=${btoa(location.href)}`; |
||||||
|
} |
||||||
|
} else if (type === "edit") { |
||||||
|
// 自定义（老师端隐藏此功能） |
||||||
|
if (systemId == 2) { |
||||||
|
href = `${host}jdTrials/#/programOption?id=${row.judgmentPointsId}`; |
||||||
|
} else if (systemId == 3) { |
||||||
|
href = `${host}jdTrials/#/programOptions?id=${row.judgmentPointsId}`; |
||||||
|
} else if (systemId == 11) { |
||||||
|
// 交易类判分点（银行综合系统） |
||||||
|
href = `${host}jdTrials/#/Transaction?isEdit=true&systemId=${systemId}&lcId=${row.judgmentId}&token=${this.token}&referrer=${btoa(location.href)}`; |
||||||
|
} else { |
||||||
|
// 编程类判分点（python子系统） |
||||||
|
href = `${host}jdTrials/#/program?isEdit=true&systemId=${systemId}&bcId=${row.judgmentId}&token=${this.token}&referrer=${btoa(location.href)}`; |
||||||
|
} |
||||||
|
} else if (type === 'home') { |
||||||
|
if (systemId == 2 || systemId == 3) { |
||||||
|
href = `${host}jdTrials/#/list`; |
||||||
|
} else { |
||||||
|
// 进入判分点系统首页（老师端隐藏此功能） |
||||||
|
href = `${host}#/?systemId=${systemId}&token=${this.token}&referrer=${btoa(location.href)}`; |
||||||
|
} |
||||||
|
} |
||||||
|
location.href = href; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
/deep/ .readonly .ql-toolbar { |
||||||
|
height: 0; |
||||||
|
padding: 0; |
||||||
|
border-bottom: 0; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,372 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-card v-if="showBack" shadow="hover" class="mgb20"> |
||||||
|
<el-page-header content="实验项目管理" @back="goBack"></el-page-header> |
||||||
|
</el-card> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
<el-col :span="24"> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div> |
||||||
|
<div class="flex-center mgb20"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>筛选</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-form label-width="80px"> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="创建人"> |
||||||
|
<el-select size="small" v-model="queryData.founder" clearable placeholder="请选择创建人" |
||||||
|
@change="initData"> |
||||||
|
<el-option v-for="(item,index) in founderList" :key="index" :label="item.label" |
||||||
|
:value="item.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select size="small" v-model="queryData.state" clearable placeholder="请选择状态" @change="initData"> |
||||||
|
<el-option v-for="(item,index) in stateList" :key="index" :label="item.label" |
||||||
|
:value="item.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="权限"> |
||||||
|
<el-select size="small" v-model="queryData.permissions" placeholder="请选择" @change="initData"> |
||||||
|
<el-option |
||||||
|
v-for="item in permissionsList" |
||||||
|
:key="item.value" |
||||||
|
:label="item.label" |
||||||
|
:value="item.value" |
||||||
|
></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item> |
||||||
|
<el-input size="small" placeholder="请输入项目名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
<el-col :span="24"> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between mgb20"> |
||||||
|
<div class="flex-center"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>项目列表</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button type="primary" round @click="add" class="mag">新增项目</el-button> |
||||||
|
<el-button type="primary" round @click="delAllData">批量删除</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table :data="listData" class="table" ref="table" stripe header-align="center" |
||||||
|
@selection-change="handleSelectionChange"> |
||||||
|
<el-table-column type="selection" width="55" align="center"></el-table-column> |
||||||
|
<el-table-column type="index" width="100" label="序号" align="center"> |
||||||
|
<template slot-scope="scope">{{ scope.$index + (page - 1) * pageSize + 1 }}</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="projectName" label="实验项目名称" align="center"></el-table-column> |
||||||
|
<el-table-column prop="founder" label="创建人" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ founderKeys[scope.row.founder] }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="权限" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ permissionsKeys[scope.row.permissions] }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> |
||||||
|
<el-table-column prop="status" label="状态" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ stateKeys[scope.row.state] }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="edit(scope.row)"> |
||||||
|
编辑 |
||||||
|
</el-button> |
||||||
|
<el-button type="text" @click="handleDelete(scope.row.projectId)"> |
||||||
|
删除 |
||||||
|
</el-button> |
||||||
|
<el-button type="text" @click="copyData(scope.row.projectId)">复制</el-button> |
||||||
|
<el-switch |
||||||
|
v-model="scope.row.ztOpen" |
||||||
|
:active-text="scope.row.ztOpen ? '关闭' : '启用'" |
||||||
|
:active-value="0" |
||||||
|
:inactive-value="1" |
||||||
|
style="margin: 0 10px 0 10px" |
||||||
|
@change="switchOff(scope.row)" |
||||||
|
></el-switch> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background @current-change="handleCurrentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
<!--复制对话框--> |
||||||
|
<el-dialog title="复制" :visible.sync="copyVisible" width="24%" center :close-on-click-modal="false"> |
||||||
|
<el-form> |
||||||
|
<el-form-item> |
||||||
|
<!--前端不用做名称判重了：@change='projectNameExistis'--> |
||||||
|
<el-input placeholder="请输入项目名称" v-model="projectName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="copyVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="copySubmit">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapState, mapActions } from 'vuex'; |
||||||
|
|
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
showBack: Boolean(this.$route.query.show), |
||||||
|
systemId: this.$route.query.systemId, |
||||||
|
queryData: { |
||||||
|
platformId: 3, // 平台：职站:1 中台:3 |
||||||
|
founder: 0, // 创建人角色(0:系统 1:老师) |
||||||
|
state: "", // 状态(0:草稿箱 1:已发布) |
||||||
|
permissions: "", // 项目权限(0:练习 1:考核 2:竞赛) |
||||||
|
}, |
||||||
|
keyword: '', |
||||||
|
status: '', |
||||||
|
listData: [], |
||||||
|
total: 0, |
||||||
|
permissionsList: [ |
||||||
|
{ |
||||||
|
value: '', |
||||||
|
label: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 0, |
||||||
|
label: '练习' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 1, |
||||||
|
label: '考核' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 2, |
||||||
|
label: '竞赛' |
||||||
|
} |
||||||
|
], |
||||||
|
permissionsKeys: { |
||||||
|
0: '练习', |
||||||
|
1: '考核', |
||||||
|
2: '竞赛' |
||||||
|
}, |
||||||
|
founderList: [ |
||||||
|
{ |
||||||
|
value: 0, |
||||||
|
label: '系统' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 1, |
||||||
|
label: '老师' |
||||||
|
} |
||||||
|
], |
||||||
|
founderKeys: { |
||||||
|
0: '系统', |
||||||
|
1: '老师' |
||||||
|
}, |
||||||
|
stateList: [ |
||||||
|
{ |
||||||
|
value: '', |
||||||
|
label: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 0, |
||||||
|
label: '草稿箱' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 1, |
||||||
|
label: '已发布' |
||||||
|
} |
||||||
|
], |
||||||
|
stateKeys: { |
||||||
|
0: '草稿箱', |
||||||
|
1: '已发布' |
||||||
|
}, |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
multipleSelection: [], |
||||||
|
copyVisible: false, |
||||||
|
projectName: '', |
||||||
|
currentRow: {}, // 复制之后，提交到后台的数据 |
||||||
|
listDataAll: [] |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function(val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.initData(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData() { |
||||||
|
let data = { |
||||||
|
...this.queryData, |
||||||
|
projectName: this.keyword, |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
systemId: this.systemId |
||||||
|
}; |
||||||
|
this.$post(this.api.queryProjectManage, data).then(res => { |
||||||
|
let { status, data } = res; |
||||||
|
if (status === 200 && data) { |
||||||
|
this.listData = data.records; |
||||||
|
this.total = data.total; |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
initData() { |
||||||
|
this.page = 1; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { // 切换页码 |
||||||
|
this.page = val; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
add() { // 新增项目 |
||||||
|
this.$router.push(`/projectAdd?systemId=${this.systemId}`); |
||||||
|
}, |
||||||
|
edit(row) { // 编辑 |
||||||
|
this.$router.push(`/projectAdd?systemId=${this.systemId}&projectId=${row.projectId}`); |
||||||
|
}, |
||||||
|
handleSelectionChange(val) { // 处理多选 |
||||||
|
this.multipleSelection = val; |
||||||
|
}, |
||||||
|
delAllData() { // 批量删除 |
||||||
|
if (this.multipleSelection.length) { |
||||||
|
let ids = this.multipleSelection.map(item => { |
||||||
|
return item.projectId |
||||||
|
}); |
||||||
|
let strIds = ids.toString(); |
||||||
|
this.handleDelete(strIds); |
||||||
|
} else { |
||||||
|
this.$message.error("请先选择项目"); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleDelete(ids) { // 删除 |
||||||
|
this.$confirm('确定要删除吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}).then(() => { |
||||||
|
this.$post(`${this.api.deleteProjectManage}?projectIds=${ids}&platformId=${this.queryData.platformId}`).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.$message.success("删除成功"); |
||||||
|
this.getData(); |
||||||
|
} else { |
||||||
|
this.$message.error(res.message); |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}).catch(() => { |
||||||
|
this.$message.info('已取消删除'); |
||||||
|
}); |
||||||
|
}, |
||||||
|
switchOff(row) { // 更新是否启用 |
||||||
|
this.$get(`${this.api.updateIsOpen}?isOpen=${row.ztOpen}&projectId=${row.projectId}&platformId=${this.queryData.platformId}`).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.$message.success('更新启用状态成功'); |
||||||
|
this.getData(); |
||||||
|
} else { |
||||||
|
this.$message.error(res.message); |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
projectNameExistis() { // 项目管理名称判重 |
||||||
|
if (this.projectName) { |
||||||
|
this.$post(this.api.queryNameIsExist, { projectName: this.projectName }).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.projectNameRepeat = false; |
||||||
|
} else { |
||||||
|
this.projectNameRepeat = true; |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
this.projectNameRepeat = true; |
||||||
|
}); |
||||||
|
} else { |
||||||
|
this.projectNameRepeat = false; |
||||||
|
} |
||||||
|
}, |
||||||
|
copyData(projectId) { // 复制，根据项目id查询详情 |
||||||
|
this.copyVisible = true; |
||||||
|
this.$get(`${this.api.getProjectDetail}?projectId=${projectId}`).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.projectName = res.projectManage.projectName; |
||||||
|
this.currentRow = { |
||||||
|
projectManage: res.projectManage, |
||||||
|
projectJudgmentList: res.projectJudgmentVos |
||||||
|
} |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
copySubmit() { |
||||||
|
if (!this.projectName) { |
||||||
|
this.$message.warning("请输入项目名称"); |
||||||
|
return; |
||||||
|
} |
||||||
|
; |
||||||
|
if (this.projectNameRepeat) { |
||||||
|
this.$message.warning("该项目名称已存在"); |
||||||
|
return; |
||||||
|
} |
||||||
|
this.currentRow.projectManage.projectName = this.projectName; |
||||||
|
this.currentRow.projectManage.projectId = ""; |
||||||
|
this.currentRow.projectJudgmentList.forEach(i => { |
||||||
|
i.projectId = ""; |
||||||
|
}); |
||||||
|
this.$post(`${this.api.copyProjectManage}`, this.currentRow).then(res => { |
||||||
|
if (res.status === 200) { |
||||||
|
this.initData(); |
||||||
|
this.$message.success("复制实验项目成功"); |
||||||
|
this.copyVisible = false; |
||||||
|
} else { |
||||||
|
this.$message.error(res.message); |
||||||
|
} |
||||||
|
}).catch(err => { |
||||||
|
console.log(err); |
||||||
|
}); |
||||||
|
}, |
||||||
|
goBack() { // 返回 |
||||||
|
this.$router.back(); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
|
||||||
|
</style> |
||||||
Loading…
Reference in new issue