实训 打分 代码调整
This commit is contained in:
joylink_cuiweidong
parent
3d40f79501
commit
1a92dbf183
@ -103,3 +103,28 @@ export function getTrainingMaterials() {
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
/** 获取实训所有成员 */
|
||||
export function getTrainingMmembers(trainingId) {
|
||||
return request({
|
||||
url: `/api/v2/draft/training/${trainingId}/member/list`,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
/** 更新所有评分规则*/
|
||||
export function updateTrainingGradeRules(trainingId, data) {
|
||||
return request({
|
||||
url: `/api/v2/draft/training/${trainingId}/scoringRule/list`,
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
/** 获取所有评分规则 */
|
||||
export function getTrainingGradeRules(trainingId) {
|
||||
return request({
|
||||
url: `/api/v2/draft/training/${trainingId}/scoringRule/list`,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
@ -6,22 +6,25 @@
|
||||
<el-button size="small" @click="showList">实训列表</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<TrainingList ref="trainingList" @updateDetails="updateDetails" />
|
||||
<TrainingList ref="trainingList" @updateDetails="updateDetails" @gradeRules="gradeRules" />
|
||||
<EditDetails ref="editDetails" v-dialogDrag :edit-data="editData" @openEditOperate="openEditOperate" />
|
||||
<edit-operate ref="editOperate" v-dialogDrag @backStepList="backStepList" />
|
||||
<grade-rules ref="gradeRules" />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import TrainingList from './trainingList.vue';
|
||||
import EditDetails from './editDetails.vue';
|
||||
import EditOperate from './editOperate.vue';
|
||||
import GradeRules from './gradeRules.vue';
|
||||
|
||||
export default {
|
||||
name:'DemonMenu',
|
||||
components:{
|
||||
TrainingList,
|
||||
EditDetails,
|
||||
EditOperate
|
||||
EditOperate,
|
||||
GradeRules
|
||||
},
|
||||
props:{
|
||||
},
|
||||
@ -68,8 +71,10 @@ export default {
|
||||
backStepList(data) {
|
||||
this.$refs.editDetails.setOperations(data);
|
||||
this.$refs.editDetails.minisize();
|
||||
},
|
||||
gradeRules(data) {
|
||||
this.$refs.gradeRules.doShow(data);
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
170
src/views/trainingManage/gradeRules.vue
Normal file
170
src/views/trainingManage/gradeRules.vue
Normal file
@ -0,0 +1,170 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :visible.sync="dialogVisible" width="800px" :modal="false" :before-close="doClose" center>
|
||||
<!-- -->
|
||||
<!-- <span>角色：</span> -->
|
||||
<el-form ref="form" :model="addModel" label-width="70px" :rules="rules">
|
||||
<el-form-item label="角色:" prop="memberId" style="display:inline-block">
|
||||
<el-select v-model="addModel.memberId" placeholder="" style="width:145px" size="mini" @change="changeMember">
|
||||
<el-option
|
||||
v-for="item in memberList"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="总分:" prop="fullMarks" style="display:inline-block">
|
||||
<el-input-number v-model="addModel.fullMarks" style="width:145px" :min="0" size="mini" :step="1" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- <span style="margin-left:10px">总分：</span> -->
|
||||
<!-- </el-form-item> -->
|
||||
<el-table
|
||||
id="gradeRules"
|
||||
ref="gradeRules"
|
||||
:data="allstepList"
|
||||
border
|
||||
:height="350"
|
||||
style="border:1px #ccc solid;"
|
||||
>
|
||||
<el-table-column
|
||||
type="index"
|
||||
label="序号"
|
||||
width="80"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="description"
|
||||
label="步骤描述"
|
||||
width="468"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="score"
|
||||
label="扣分分值"
|
||||
width="200"
|
||||
>
|
||||
<template v-if="addModel.memberId==scope.row.memberId" slot-scope="scope">
|
||||
<el-input-number v-model="currentStepMap[scope.row.id]" style="width:145px" :min="0" :step="1" size="mini" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row justify="center" style="margin-top:20px">
|
||||
<el-col :span="6" :offset="7">
|
||||
<el-button @click="cancel">取消</el-button>
|
||||
</el-col>
|
||||
<el-col :span="8" :offset="0">
|
||||
<el-button type="primary" :loading="loading" @click="commit">确定 </el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getTrainingStepList, getTrainingMmembers, updateTrainingGradeRules, getTrainingGradeRules } from '@/api/trainingManage';
|
||||
export default {
|
||||
name: 'GradeRules',
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
trainingId:'',
|
||||
loading:false,
|
||||
title:'评分',
|
||||
allstepList:[],
|
||||
memberList:[
|
||||
{code:'1', name:'行调'}
|
||||
],
|
||||
currentStepMap:{},
|
||||
gradeRulesMap:{},
|
||||
addModel:{
|
||||
memberId:'',
|
||||
fullMarks:'',
|
||||
details:[
|
||||
]
|
||||
},
|
||||
rules:{
|
||||
memberId: [
|
||||
{ required: true, message: '请选择角色', trigger: 'blur' },
|
||||
{ required: true, message: '请选择角色', trigger: 'change' }
|
||||
],
|
||||
fullMarks: [
|
||||
{ required: true, message: '请输入总分', trigger: 'blur' },
|
||||
{ required: true, message: '请输入总分', trigger: 'change' }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
doShow(row) {
|
||||
this.dialogVisible = true;
|
||||
this.trainingId = row.id;
|
||||
// 获取步骤
|
||||
getTrainingStepList(row.id).then(resp => {
|
||||
if (resp.data) {
|
||||
this.allstepList = resp.data;
|
||||
// 获取规则
|
||||
getTrainingGradeRules(row.id).then(response=>{
|
||||
this.gradeRulesMap = {};
|
||||
response.data.forEach(gradeRule=>{
|
||||
this.gradeRulesMap[gradeRule.memberId] = gradeRule;
|
||||
});
|
||||
// 获取角色信息
|
||||
getTrainingMmembers(row.id).then(res=>{
|
||||
debugger;
|
||||
// this.memberList = res.data;
|
||||
if (this.memberList.length > 0) {
|
||||
this.changeMember(this.memberList[0].code);
|
||||
}
|
||||
//
|
||||
}).catch((e) => {
|
||||
console.error(e);
|
||||
});
|
||||
});
|
||||
}
|
||||
}).catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('获取实训步骤信息失败！');
|
||||
});
|
||||
},
|
||||
changeMember(memberId) {
|
||||
this.currentStepMap = {};
|
||||
if (this.gradeRulesMap[memberId]) {
|
||||
this.addModel.fullMarks = this.gradeRulesMap[memberId].fullMarks;
|
||||
this.gradeRulesMap[memberId].details.forEach(each=>{
|
||||
this.currentStepMap[each.elementId] = each.score;
|
||||
});
|
||||
} else {
|
||||
this.allstepList.forEach(each=>{
|
||||
if (each.memberId == memberId) {
|
||||
this.currentStepMap[each.id] = 0;
|
||||
}
|
||||
});
|
||||
this.addModel.fullMarks = '';
|
||||
}
|
||||
this.addModel.memberId = memberId;
|
||||
},
|
||||
doClose() {
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
cancel() {
|
||||
this.doClose();
|
||||
},
|
||||
commit() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
const keyList = Object.keys(this.currentStepMap);
|
||||
const details = [];
|
||||
keyList.forEach(key=>{
|
||||
details.push({elementId:key, score:this.currentStepMap[key]});
|
||||
});
|
||||
this.addModel.details = details;
|
||||
updateTrainingGradeRules(this.trainingId, this.addModel).then(resp => {
|
||||
}).catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('更新实训评分规则失败！');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -215,8 +215,10 @@ export default {
|
||||
console.log('预览', index, row);
|
||||
},
|
||||
// 打分
|
||||
gradeRules() {
|
||||
|
||||
gradeRules(index, row) {
|
||||
this.doClose();
|
||||
this.$emit('gradeRules', row);
|
||||
// this.$refs.gradeRules.doShow();
|
||||
},
|
||||
getListData() {
|
||||
this.$refs.queryListPage && this.$refs.queryListPage.commitQuery();
|
||||
|
||||
Loading…
Reference in New Issue
Block a user