parent
edacc49466
commit
f42ce357be
30 changed files with 1956 additions and 231 deletions
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
@ -0,0 +1,48 @@ |
|||||||
|
/** |
||||||
|
* 大赛配置 |
||||||
|
* */ |
||||||
|
|
||||||
|
export default { |
||||||
|
rules: [ |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '积分赛' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '淘汰赛' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '单项赛' |
||||||
|
} |
||||||
|
], |
||||||
|
methods: [ |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '实操' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '理论' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '线下' |
||||||
|
} |
||||||
|
], |
||||||
|
teamCalculationMethods: [ |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '最高分' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '平均分' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '总分' |
||||||
|
} |
||||||
|
], |
||||||
|
} |
||||||
@ -0,0 +1,381 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="m-b-20 head-card"> |
||||||
|
<div class="flex-between m-b-20"> |
||||||
|
<el-page-header @back="$router.back()" content="成绩管理"></el-page-header> |
||||||
|
</div> |
||||||
|
|
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card v-if="method != 2" shadow="hover" class="m-b-20"> |
||||||
|
<div class="stat"> |
||||||
|
<div class="nums"> |
||||||
|
<div class="item"> |
||||||
|
<p class="name">实验总人数</p> |
||||||
|
<p class="val">{{ totalNumber }}</p> |
||||||
|
</div> |
||||||
|
<div class="item"> |
||||||
|
<p class="name">实验平均分</p> |
||||||
|
<p class="val">{{ avgScore }}</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="chart" id="chart"></div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="m-b-20"> |
||||||
|
<div class="flex-between m-b-20"> |
||||||
|
<div> |
||||||
|
<el-input |
||||||
|
size="small" |
||||||
|
placeholder="请输入学校/学生姓名" |
||||||
|
prefix-icon="el-icon-search" |
||||||
|
v-model="keyword" clearable |
||||||
|
style="width: 300px" |
||||||
|
></el-input> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button v-if="method == 2" type="primary" @click="batchImport">上传成绩</el-button> |
||||||
|
<el-button type="primary" @click="delAllData">批量删除</el-button> |
||||||
|
<el-button type="primary" @click="exportData">导出</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table :data="list" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" row-key="reportId"> |
||||||
|
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.$index + (page - 1) * pageSize + 1 }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="schoolName" label="学校" min-width="150" align="center"></el-table-column> |
||||||
|
<el-table-column v-if="competitionType" prop="teamName" label="团队名称" min-width="100" align="center"></el-table-column> |
||||||
|
<el-table-column prop="userName" label="学生姓名" min-width="100" align="center"></el-table-column> |
||||||
|
<el-table-column prop="workNumber" label="学号" min-width="100" align="center"></el-table-column> |
||||||
|
<el-table-column prop="score" label="分数" width="90" align="center"></el-table-column> |
||||||
|
<el-table-column prop="timeSum" label="耗时" width="90" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.timeSum }}min |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="submitTime" label="提交时间" min-width="150" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="160"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="show(scope.row)">查看成绩报告</el-button> |
||||||
|
<el-button type="text" @click="handleDelete(scope.row)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" :current-page="page"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-dialog title="批量导入" :visible.sync="importVisible" width="24%" :close-on-click-modal="false"> |
||||||
|
<div style="text-align: center"> |
||||||
|
<div style="margin-bottom: 10px;"> |
||||||
|
<el-button type="primary" @click="download">模板下载<i class="el-icon-download el-icon--right"></i></el-button> |
||||||
|
</div> |
||||||
|
<el-upload |
||||||
|
ref="importStaff" |
||||||
|
name="file" |
||||||
|
accept=".xls,.xlsx" |
||||||
|
:on-remove="handleRemove" |
||||||
|
:on-error="uploadError" |
||||||
|
:on-success="uploadSuccess" |
||||||
|
:before-remove="beforeRemove" |
||||||
|
:limit="1" |
||||||
|
:on-exceed="handleExceed" |
||||||
|
:action="this.api.importStaff" |
||||||
|
:file-list="uploadList" |
||||||
|
:headers="headers" |
||||||
|
> |
||||||
|
<el-button type="primary" class="ml20">上传文件<i class="el-icon-upload2 el-icon--right"></i></el-button> |
||||||
|
</el-upload> |
||||||
|
<el-link v-if="uploadFaild" type="primary" @click="showFaild">部分数据导入失败，查看失败原因</el-link> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button size="small" @click="importVisible = false">取 消</el-button> |
||||||
|
<el-button size="small" type="primary" @click="uploadSure">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Setting from "@/setting"; |
||||||
|
import util from "@/libs/util"; |
||||||
|
import * as echarts from "echarts"; |
||||||
|
import axios from 'axios'; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
id: +this.$route.query.id, |
||||||
|
stageId: +this.$route.query.stageId, |
||||||
|
method: +this.$route.query.method, |
||||||
|
competitionType: +this.$route.query.competitionType, |
||||||
|
keyword: "", |
||||||
|
searchTimer: null, |
||||||
|
list: [], |
||||||
|
multipleSelection: [], |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
totalNumber: 0, // 总人数 |
||||||
|
avgScore: 0, // 平均分 |
||||||
|
importVisible: false, |
||||||
|
uploadList: [], |
||||||
|
uploadFaild: false, |
||||||
|
exportCode: '', |
||||||
|
headers: { |
||||||
|
token: sessionStorage.getItem("token") |
||||||
|
}, |
||||||
|
statData: {} |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function(val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.initData(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData() { |
||||||
|
this.$post(this.api.stageGradeManagementList, { |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
competitionId: this.id, |
||||||
|
keyWord: this.keyword, |
||||||
|
stageId: this.stageId, |
||||||
|
isNakadai: 1 |
||||||
|
}).then(({ data, page }) => { |
||||||
|
this.total = page.total |
||||||
|
this.list = page.records |
||||||
|
this.statData = data |
||||||
|
this.avgScore = (+data.avgScore).toFixed(2) |
||||||
|
this.totalNumber = data.totalNumber |
||||||
|
this.getChart() |
||||||
|
}).catch(res => {}) |
||||||
|
}, |
||||||
|
initData() { |
||||||
|
this.page = 1 |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
// 查看成绩报告 |
||||||
|
show(row) { |
||||||
|
this.$router.push(`/matchReport?reportId=${row.reportId}`) |
||||||
|
}, |
||||||
|
// 导出(有勾选：就导勾选中的；没有勾选：就导全部) |
||||||
|
exportData() { |
||||||
|
// 有勾选，就带上勾选的id |
||||||
|
if (this.multipleSelection.length) { |
||||||
|
const ids = this.multipleSelection.map(e => e.reportId) |
||||||
|
url += `&ids=${ids.toString()}` |
||||||
|
} |
||||||
|
axios.post(this.api.exportExperimentalResultsInBatch, this.list, { |
||||||
|
responseType: 'blob' |
||||||
|
}).then((res) => { |
||||||
|
util.downloadFileDirect(`赛事成绩.xls`,new Blob([res.data])) |
||||||
|
}).catch(res => {}) |
||||||
|
}, |
||||||
|
handleDelete(row) { // 删除 |
||||||
|
this.$confirm("确定要删除吗？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(() => { |
||||||
|
this.$post(this.api.batchDeleteContestGrade, { |
||||||
|
ids: [this.method == 2 ? row.scoreId : row.reportId], |
||||||
|
competitionId: this.id, |
||||||
|
stageId: row.stageId |
||||||
|
}).then(res => { |
||||||
|
util.successMsg("删除成功"); |
||||||
|
this.getData(); |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}).catch(() => { |
||||||
|
}); |
||||||
|
}, |
||||||
|
delAllData() { // 批量删除 |
||||||
|
if (this.multipleSelection.length) { |
||||||
|
this.$confirm("该项目下的所有成绩报告将会删除，是否继续？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(() => { |
||||||
|
let ids = this.multipleSelection.map(item => { |
||||||
|
return item.reportId; |
||||||
|
}); |
||||||
|
this.$post(this.api.deleteExperimentalReport, ids).then(res => { |
||||||
|
this.multipleSelection = []; |
||||||
|
this.$refs.table.clearSelection(); |
||||||
|
util.successMsg("删除成功"); |
||||||
|
this.getData(); |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}).catch(() => { |
||||||
|
}); |
||||||
|
} else { |
||||||
|
util.errorMsg("请先选择数据 ！"); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleSelectionChange(val) { // 多选 |
||||||
|
this.multipleSelection = val; |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { // 切换分页 |
||||||
|
this.page = val; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
getChart() { // 初始化折线图 |
||||||
|
const data = [] |
||||||
|
const { statData } = this |
||||||
|
for (let i = 1; i <= 10; i++) { |
||||||
|
data.push(statData['num' + i]) |
||||||
|
} |
||||||
|
let myChart = echarts.init(document.getElementById("chart")); |
||||||
|
myChart.setOption({ |
||||||
|
title: { text: "实验分数分布图" }, |
||||||
|
tooltip: {}, |
||||||
|
xAxis: { |
||||||
|
name: "分数", |
||||||
|
type: "category", |
||||||
|
boundaryGap: false, |
||||||
|
interval: 10, |
||||||
|
data: ["0-10", "11-20", "21-30", "31-40", "41-50", "51-60", "61-70", "71-80", "81-90", "91-100"] |
||||||
|
}, |
||||||
|
yAxis: { |
||||||
|
name: "人数", |
||||||
|
type: "value", |
||||||
|
interval: 1 |
||||||
|
}, |
||||||
|
series: [{ |
||||||
|
data, |
||||||
|
type: "line", |
||||||
|
areaStyle: {}, |
||||||
|
color: ["#8191fd"] |
||||||
|
}] |
||||||
|
}); |
||||||
|
}, |
||||||
|
// 批量导入 |
||||||
|
batchImport() { |
||||||
|
this.importVisible = true |
||||||
|
this.uploadList = [] |
||||||
|
this.uploadFaild = false |
||||||
|
}, |
||||||
|
// 模板下载 |
||||||
|
download() { |
||||||
|
location.href = this.api.staffTemplate |
||||||
|
}, |
||||||
|
// 上传文件 |
||||||
|
handleExceed(files, fileList) { |
||||||
|
util.warningMsg( |
||||||
|
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
||||||
|
) |
||||||
|
}, |
||||||
|
// 下载失败文件 |
||||||
|
showFaild() { |
||||||
|
location.href = `${this.api.exportFailure}?exportCode=${this.exportCode}` |
||||||
|
}, |
||||||
|
uploadSuccess(res, file, fileList) { |
||||||
|
this.uploadFaild = false |
||||||
|
if (res.status === 200) { |
||||||
|
if (res.data.exportCode) { |
||||||
|
this.exportCode = res.data.exportCode |
||||||
|
this.uploadFaild = true |
||||||
|
util.errorMsg(`本次上传有${res.data.failureNum}个错误信息录入`) |
||||||
|
} |
||||||
|
} else { |
||||||
|
res.message ? util.errorMsg(res.message) : util.errorMsg("上传失败，请检查数据") |
||||||
|
} |
||||||
|
}, |
||||||
|
uploadError(err, file, fileList) { |
||||||
|
this.$message({ |
||||||
|
message: "上传出错，请重试！", |
||||||
|
type: "error", |
||||||
|
center: true |
||||||
|
}) |
||||||
|
}, |
||||||
|
beforeRemove(file, fileList) { |
||||||
|
return this.$confirm(`确定移除 ${file.name}？`) |
||||||
|
}, |
||||||
|
handleRemove(file, fileList) { |
||||||
|
this.uploadList = fileList |
||||||
|
this.uploadFaild = false |
||||||
|
}, |
||||||
|
uploadSure() { |
||||||
|
this.importVisible = false |
||||||
|
this.studentType = 1 |
||||||
|
this.keyWord = '' |
||||||
|
this.$refs.orgTree.setCurrentKey(null) |
||||||
|
this.getOrg() |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
|
||||||
|
/deep/ .head-card { |
||||||
|
.el-card__body { |
||||||
|
padding-bottom: 0px; |
||||||
|
|
||||||
|
.el-tabs__header { |
||||||
|
margin-bottom: 1px; |
||||||
|
|
||||||
|
.el-tabs__nav-wrap::after { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
.el-tabs__item { |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.stat { |
||||||
|
display: flex; |
||||||
|
|
||||||
|
.nums { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin-right: 20px; |
||||||
|
|
||||||
|
.item:nth-child(1) { |
||||||
|
background-image: url('../../../assets/img/total.png'); |
||||||
|
} |
||||||
|
|
||||||
|
.item:nth-child(2) { |
||||||
|
background-image: url('../../../assets/img/avg.png'); |
||||||
|
} |
||||||
|
|
||||||
|
.item { |
||||||
|
width: 300px; |
||||||
|
padding: 30px 30px; |
||||||
|
margin: 0 10px; |
||||||
|
box-sizing: border-box; |
||||||
|
border-radius: 8px; |
||||||
|
background-size: 100% 100%; |
||||||
|
background-repeat: no-repeat; |
||||||
|
|
||||||
|
p { |
||||||
|
font-size: 18px; |
||||||
|
color: #ffffff; |
||||||
|
} |
||||||
|
|
||||||
|
.val { |
||||||
|
margin-top: 10px; |
||||||
|
color: #ffffff; |
||||||
|
font-size: 36px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.chart { |
||||||
|
flex: 1; |
||||||
|
height: 300px; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,95 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="m-b-20 head-card"> |
||||||
|
<div class="flex-between"> |
||||||
|
<el-page-header @back="$router.back()" content="参赛信息与成绩"></el-page-header> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="m-b-20"> |
||||||
|
<table class="table"> |
||||||
|
<tr> |
||||||
|
<th width="150">姓名：</th> |
||||||
|
<td></td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th>学号：</th> |
||||||
|
<td></td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th>学校：</th> |
||||||
|
<td></td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th>指导老师：</th> |
||||||
|
<td></td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th>竞赛阶段：</th> |
||||||
|
<td> |
||||||
|
<table class="table"> |
||||||
|
<tr> |
||||||
|
<th width="80">序号</th> |
||||||
|
<th>赛项阶段名称</th> |
||||||
|
<th>竞赛成绩</th> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
</el-card> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Setting from "@/setting"; |
||||||
|
import util from "@/libs/util"; |
||||||
|
import echarts from "echarts"; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
id: this.$route.query.id, |
||||||
|
stageId: this.$route.query.stageId, |
||||||
|
method: this.$route.query.method, |
||||||
|
competitionType: this.$route.query.competitionType, |
||||||
|
rule: this.$route.query.rule, |
||||||
|
info: {}, |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
// this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData() { |
||||||
|
this.$post(`${this.api.stageRaceRanking}?competitionId=${this.id}&stageId=${this.stageId}`).then(({ data }) => { |
||||||
|
this.list = data |
||||||
|
}).catch(res => {}) |
||||||
|
}, |
||||||
|
// 查看成绩报告 |
||||||
|
show(row) { |
||||||
|
// 个人：跳转实验报告，团队：弹框显示成员列表 |
||||||
|
if (this.competitionType == 1) { |
||||||
|
this.teamVisible = true |
||||||
|
} else { |
||||||
|
|
||||||
|
} |
||||||
|
// this.$router.push(`show?reportId=${row.reportId}`) |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.table { |
||||||
|
width: 100%; |
||||||
|
border-collapse: collapse; |
||||||
|
th, td { |
||||||
|
padding: 12px; |
||||||
|
border: 1px solid #ebeef5; |
||||||
|
} |
||||||
|
th { |
||||||
|
background-color: #f6f4ff; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,443 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="m-b-20 head-card"> |
||||||
|
<div class="flex-between m-b-20"> |
||||||
|
<el-page-header @back="$router.back()" content="阶段/排名"></el-page-header> |
||||||
|
</div> |
||||||
|
|
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="m-b-20"> |
||||||
|
<div class="tabs"> |
||||||
|
<a v-for="(item, i) in grades" :key="i" class="item" :class="{active: item.stageId == active}" @click="tabChange(item.stageId)">{{ item.stageName }}排名</a> |
||||||
|
</div> |
||||||
|
<div class="flex-between" style="margin: 20px 0"> |
||||||
|
<div style="display: inline-flex;align-items: center"> |
||||||
|
<el-radio v-model="type" :label="0">默认系统排序</el-radio> |
||||||
|
<el-radio v-model="type" :label="1">手动上传</el-radio> |
||||||
|
<el-button type="primary" :disabled="type === 0" class="ml20" @click="batchImport">上传文件</el-button> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button v-if="!type" type="primary" @click="cancelPublish(1)">发布排名</el-button> |
||||||
|
<el-button v-if="!type" type="primary" @click="cancelPublish(0)">取消发布</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table :data="list" class="table" ref="table" stripe header-align="center"> |
||||||
|
<el-table-column type="index" width="60" label="排名" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.$index + (page - 1) * pageSize + 1 }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<template v-if="competitionType == 1"> |
||||||
|
<el-table-column prop="teamName" label="团队名称" min-width="150" align="center"></el-table-column> |
||||||
|
<el-table-column prop="leaderName" label="队长" min-width="150" align="center"></el-table-column> |
||||||
|
</template> |
||||||
|
<el-table-column v-else prop="userName" label="学生姓名" min-width="100" align="center"></el-table-column> |
||||||
|
<el-table-column prop="schoolName" label="学校" min-width="100" align="center"></el-table-column> |
||||||
|
<el-table-column prop="timeSum" label="用时" width="90" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.timeSum }}min |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="score" label="分数" width="90" align="center"></el-table-column> |
||||||
|
<el-table-column label="得分详情" align="center" width="160"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="show(scope.row, scope.$index)">查看</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" :current-page="page"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-dialog title="团队得分详情" :visible.sync="teamVisible" width="900px" :close-on-click-modal="false"> |
||||||
|
<h6 v-if="active" style="margin-bottom: 10px;font-size: 16px;">团队名称：{{ curRow.teamName }} 阶段名称：{{ stageName }}</h6> |
||||||
|
<table class="table tc"> |
||||||
|
<tr> |
||||||
|
<template v-if="!active"> |
||||||
|
<th width="100">阶段</th> |
||||||
|
<th width="100">团队成绩</th> |
||||||
|
</template> |
||||||
|
<th width="60">序号</th> |
||||||
|
<th width="100">姓名</th> |
||||||
|
<th width="100">学校</th> |
||||||
|
<th width="100">用时</th> |
||||||
|
<th width="100">分数</th> |
||||||
|
<th width="100">得分详情</th> |
||||||
|
</tr> |
||||||
|
<tr v-for="(item, i) in teams" :key="i"> |
||||||
|
<template v-if="!active && item.rowspan"> |
||||||
|
<td :rowspan="item.rowspan">{{ item.stageName }}</td> |
||||||
|
<td :rowspan="item.rowspan">{{ item.teamScore }}</td> |
||||||
|
</template> |
||||||
|
<td>{{ i + 1 }}</td> |
||||||
|
<td>{{ item.userName }}</td> |
||||||
|
<td>{{ item.schoolName }}</td> |
||||||
|
<td>{{ item.timeSum }}min</td> |
||||||
|
<td>{{ item.score }}</td> |
||||||
|
<td> |
||||||
|
<el-button type="text" @click="toReport(item)">查看</el-button> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr v-if="!active"> |
||||||
|
<td>综合得分</td> |
||||||
|
<td>{{ totalScore }}</td> |
||||||
|
<td colspan="6">总排名：第{{ curRow.index }}名</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button size="small" type="primary" @click="teamVisible = false">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
<el-dialog title="批量导入" :visible.sync="importVisible" width="24%" :close-on-click-modal="false"> |
||||||
|
<div style="text-align: center"> |
||||||
|
<div style="margin-bottom: 10px;"> |
||||||
|
<el-button type="primary" @click="download">模板下载<i class="el-icon-download el-icon--right"></i></el-button> |
||||||
|
</div> |
||||||
|
<el-upload |
||||||
|
ref="importStaff" |
||||||
|
name="file" |
||||||
|
accept=".xls,.xlsx" |
||||||
|
:on-remove="handleRemove" |
||||||
|
:on-error="uploadError" |
||||||
|
:on-success="uploadSuccess" |
||||||
|
:before-remove="beforeRemove" |
||||||
|
:limit="1" |
||||||
|
:on-exceed="handleExceed" |
||||||
|
:action="this.api.batchImportRanking" |
||||||
|
:file-list="uploadList" |
||||||
|
:headers="headers" |
||||||
|
:data="{ |
||||||
|
competitionId: this.id, |
||||||
|
stageId: this.stageId, |
||||||
|
isOverallRanking: active ? 0 : 1 |
||||||
|
}" |
||||||
|
> |
||||||
|
<el-button type="primary" class="ml20">上传文件<i class="el-icon-upload2 el-icon--right"></i></el-button> |
||||||
|
</el-upload> |
||||||
|
<el-link v-if="uploadFaild" type="primary" @click="showFaild">部分数据导入失败，查看失败原因</el-link> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button size="small" @click="importVisible = false">取 消</el-button> |
||||||
|
<el-button size="small" type="primary" @click="uploadSure">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Setting from "@/setting"; |
||||||
|
import util from "@/libs/util"; |
||||||
|
import echarts from "echarts"; |
||||||
|
import axios from 'axios'; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
id: +this.$route.query.id, |
||||||
|
stageId: +this.$route.query.stageId, |
||||||
|
index: +this.$route.query.index, |
||||||
|
method: this.$route.query.method, |
||||||
|
competitionType: this.$route.query.competitionType, |
||||||
|
rule: this.$route.query.rule, |
||||||
|
headers: { |
||||||
|
token: sessionStorage.getItem("token") |
||||||
|
}, |
||||||
|
active: '', |
||||||
|
grades: [], |
||||||
|
list: [], |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
type: 0, |
||||||
|
teamVisible: false, |
||||||
|
teams: [], |
||||||
|
memberVisible: false, |
||||||
|
members: [], |
||||||
|
importVisible: false, |
||||||
|
uploadList: [], |
||||||
|
uploadFaild: false, |
||||||
|
exportCode: '', |
||||||
|
curRow: {}, |
||||||
|
stageName: '', |
||||||
|
totalScore: 0 |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getStage() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获排名 |
||||||
|
getData() { |
||||||
|
if (!this.active) { |
||||||
|
const ids = this.grades.map(e => e.stageId) |
||||||
|
this.$post(this.api.overallStandingsInThePointsRace, { |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
competitionId: this.id, |
||||||
|
stageIds: ids.splice(0, ids.length - 1) |
||||||
|
}).then(({ page }) => { |
||||||
|
this.list = page |
||||||
|
this.total = total |
||||||
|
}).catch(res => {}) |
||||||
|
} else { |
||||||
|
this.$post(`${this.api.stageRaceRanking}?competitionId=${this.id}&stageId=${this.active}&pageNum=${this.page}&pageSize=${this.pageSize}`).then(({ page, total }) => { |
||||||
|
this.list = page |
||||||
|
this.total = total |
||||||
|
}).catch(res => {}) |
||||||
|
} |
||||||
|
}, |
||||||
|
// 获取阶段 |
||||||
|
getStage() { |
||||||
|
this.$post(this.api.detailsOfCompetitionStage, { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 100, |
||||||
|
contestId: this.id, |
||||||
|
}).then(({ page }) => { |
||||||
|
this.grades = page.records.slice(0, this.index + 1) |
||||||
|
this.active = this.grades[this.index].stageId |
||||||
|
if (this.rule == 0) this.grades.push({ |
||||||
|
stageId: 0, |
||||||
|
stageName: '总分' |
||||||
|
}) |
||||||
|
this.getData() |
||||||
|
}).catch(res => {}); |
||||||
|
}, |
||||||
|
initData() { |
||||||
|
this.page = 1 |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
// tab回调 |
||||||
|
tabChange(i) { |
||||||
|
this.active = i |
||||||
|
this.initData() |
||||||
|
}, |
||||||
|
// 查看详情 |
||||||
|
show(row, i) { |
||||||
|
// 个人：跳转实验报告，团队：弹框显示成员列表 |
||||||
|
if (this.competitionType == 1) { |
||||||
|
row.index = i + 1 |
||||||
|
this.curRow = row |
||||||
|
this.teamVisible = true |
||||||
|
this.stageName = this.grades.find(e => e.stageId == this.active).stageName |
||||||
|
const data = { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 100, |
||||||
|
competitionId: this.id, |
||||||
|
teamId: row.teamId |
||||||
|
} |
||||||
|
// 阶段传当前阶段的id，总分传所有阶段的id |
||||||
|
if (this.active) { |
||||||
|
data.stageId = this.active |
||||||
|
this.$post(this.api.stageTeamScoreDetails, data).then(({ page }) => { |
||||||
|
this.teams = page.records |
||||||
|
}).catch(res => {}) |
||||||
|
} else { |
||||||
|
const ids = this.grades.map(e => e.stageId) |
||||||
|
data.stageIds = ids.splice(0, ids.length - 1) |
||||||
|
this.$post(this.api.detailsOfTotalTeamScores, data).then(({ data, resultCalculationMethod }) => { |
||||||
|
const result = [] |
||||||
|
let totalScore = 0 |
||||||
|
// 合并数据 |
||||||
|
data.map(e => { |
||||||
|
const team = e.stageTeamInformation |
||||||
|
if (team.length) { |
||||||
|
// 第一条才赋值团队得分和合并行数 |
||||||
|
const method = e.teamCalculationMethod |
||||||
|
const scores = team.map(n => +n.score) |
||||||
|
let score |
||||||
|
// 根据团队规则计算方式计算团队得分 |
||||||
|
if (method == 0) { // 最高分 |
||||||
|
score = Math.max(scores) |
||||||
|
} else if (method == 1) { // 平均分 |
||||||
|
score = scores.reduce((prev, next) => prev + next) / scores.length |
||||||
|
} else { // 求和 |
||||||
|
score = scores.reduce((prev, next) => prev + next) |
||||||
|
} |
||||||
|
team[0].teamScore = score |
||||||
|
team[0].rowspan = team.length |
||||||
|
team.map(n => { |
||||||
|
n = Object.assign(n, e) |
||||||
|
}) |
||||||
|
// 计算权重（权重为0则不计入总成绩） 团队得分*权重/100 总成绩计算方式选的是加权求和才需要计算 |
||||||
|
if (e.pointWeight && !resultCalculationMethod) totalScore += score * e.pointWeight / 100 |
||||||
|
result.push(...team) |
||||||
|
} |
||||||
|
}) |
||||||
|
// 根据总成绩计算方式计算总分 |
||||||
|
const teamScores = data.map(e => e.teamScore) |
||||||
|
if (resultCalculationMethod === 1) { // 求和 |
||||||
|
totalScore = teamScores.reduce((prev, next) => prev + next) |
||||||
|
} else if (resultCalculationMethod === 2) { // 平均分 |
||||||
|
totalScore = teamScores.reduce((prev, next) => prev + next) / teamScores.length |
||||||
|
} |
||||||
|
this.totalScore = totalScore |
||||||
|
this.teams = result |
||||||
|
}).catch(res => {}) |
||||||
|
} |
||||||
|
} else { |
||||||
|
this.toReport(row) |
||||||
|
} |
||||||
|
}, |
||||||
|
// 跳转实验报告 |
||||||
|
toReport(row) { |
||||||
|
this.$router.push(`/matchReport?reportId=${row.reportId}`) |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { // 切换分页 |
||||||
|
this.page = val; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
// 发布排名 |
||||||
|
publish() { |
||||||
|
const promises = [] |
||||||
|
const { list, id } = this |
||||||
|
const result = [] |
||||||
|
const isOverall = this.active ? 0 : 1 |
||||||
|
const data = { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 1000, |
||||||
|
competitionId: this.id, |
||||||
|
} |
||||||
|
// 阶段传当前阶段的id，总分传所有阶段的id |
||||||
|
// if (this.active) { |
||||||
|
// data.stageId = this.active |
||||||
|
// } else { |
||||||
|
// const ids = this.grades.map(e => e.stageId) |
||||||
|
// data.stageIds = ids.splice(0, ids.length - 1).join() |
||||||
|
// } |
||||||
|
// list.map(e => { |
||||||
|
// data.teamId = e.teamId |
||||||
|
// const temp = JSON.parse(JSON.stringify(data)) |
||||||
|
// temp.teamId = e.teamId |
||||||
|
// promises.push(new Promise((resolve,reject) => { |
||||||
|
// // 获取团队成员成绩 |
||||||
|
// this.$post(this.api[this.active ? 'stageTeamScoreDetails' : 'multipleStageTeamScoreDetails'], temp).then(({ page }) => { |
||||||
|
// const { records } = page |
||||||
|
// records.map(n => { |
||||||
|
// n.teamId = e.teamId |
||||||
|
// n.competitionId = id |
||||||
|
// n.isOverallRanking = isOverall |
||||||
|
// }) |
||||||
|
// result.push(...records) |
||||||
|
// resolve() |
||||||
|
// }).catch(res => {}) |
||||||
|
// })) |
||||||
|
// }) |
||||||
|
// Promise.all(promises).then(_ => { |
||||||
|
if (list.length) { |
||||||
|
const isPerson = this.competitionType == 0 |
||||||
|
list.map(e => { |
||||||
|
e.competitionId = id |
||||||
|
e.isOverallRanking = isOverall |
||||||
|
if (isOverall) delete e.stageId |
||||||
|
if (isPerson) e.teamId = null // 个人赛则teamId传null |
||||||
|
}) |
||||||
|
this.$post(this.api.publishRanking, this.list).then(res => { |
||||||
|
util.successMsg('发布成功！') |
||||||
|
}).catch(res => {}) |
||||||
|
} |
||||||
|
// }) |
||||||
|
}, |
||||||
|
// 取消发布排名 |
||||||
|
cancelPublish(publish) { |
||||||
|
const ids = this.grades.map(e => e.stageId) |
||||||
|
const stageIds = ids.splice(0, ids.length - 1) |
||||||
|
const query = [] |
||||||
|
stageIds.map(e => { |
||||||
|
query.push('stageIds=' + e) |
||||||
|
}) |
||||||
|
if (publish) { |
||||||
|
this.$post(this.api.deleteLastPublication, { |
||||||
|
competitionId: this.id, |
||||||
|
isOverallRanking: this.active ? 0 : 1, |
||||||
|
stageIds: this.active ? [this.active] : stageIds |
||||||
|
}).then(res => { |
||||||
|
this.publish() |
||||||
|
}).catch(res => {}) |
||||||
|
} else { |
||||||
|
this.$post(`${this.api.cancelRanking}?competitionId=${this.id}&isOverallRanking=${this.active ? 0 : 1}&${this.active ? 'stageIds=' + this.active : query.join('&')}`).then(res => { |
||||||
|
util.successMsg('取消发布成功！') |
||||||
|
}).catch(res => {}) |
||||||
|
} |
||||||
|
}, |
||||||
|
// 批量导入 |
||||||
|
batchImport() { |
||||||
|
this.importVisible = true |
||||||
|
this.uploadList = [] |
||||||
|
this.uploadFaild = false |
||||||
|
}, |
||||||
|
// 模板下载 |
||||||
|
download() { |
||||||
|
location.href = this.api[this.competitionType == 1 ? 'rankImportTeam' : 'rankImportPerson'] |
||||||
|
}, |
||||||
|
// 上传文件 |
||||||
|
handleExceed(files, fileList) { |
||||||
|
util.warningMsg( |
||||||
|
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
||||||
|
) |
||||||
|
}, |
||||||
|
// 下载失败文件 |
||||||
|
showFaild() { |
||||||
|
axios.get(`${this.api.rankExportFailure}?exportCode=${this.exportCode}`, { |
||||||
|
headers: this.headers, |
||||||
|
responseType: 'blob' |
||||||
|
}).then((res) => { |
||||||
|
util.downloadFileDirect(`批量导入成绩管理失败数据导出.xls`, new Blob([res.data])) |
||||||
|
}).catch(res => {}) |
||||||
|
}, |
||||||
|
uploadSuccess(res, file, fileList) { |
||||||
|
this.uploadFaild = false |
||||||
|
if (res.status === 200) { |
||||||
|
if (res.data.exportCode) { |
||||||
|
this.exportCode = res.data.exportCode |
||||||
|
this.uploadFaild = true |
||||||
|
util.errorMsg(`本次上传有${res.data.failureNum}个错误信息录入`) |
||||||
|
} |
||||||
|
} else { |
||||||
|
res.message ? util.errorMsg(res.message) : util.errorMsg("上传失败，请检查数据") |
||||||
|
} |
||||||
|
}, |
||||||
|
uploadError(err, file, fileList) { |
||||||
|
this.$message({ |
||||||
|
message: "上传出错，请重试！", |
||||||
|
type: "error", |
||||||
|
center: true |
||||||
|
}) |
||||||
|
}, |
||||||
|
beforeRemove(file, fileList) { |
||||||
|
return this.$confirm(`确定移除 ${file.name}？`) |
||||||
|
}, |
||||||
|
handleRemove(file, fileList) { |
||||||
|
this.uploadList = fileList |
||||||
|
this.uploadFaild = false |
||||||
|
}, |
||||||
|
uploadSure() { |
||||||
|
this.importVisible = false |
||||||
|
this.studentType = 1 |
||||||
|
this.keyWord = '' |
||||||
|
this.$refs.orgTree.setCurrentKey(null) |
||||||
|
this.getOrg() |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.table { |
||||||
|
width: 100%; |
||||||
|
border-collapse: collapse; |
||||||
|
th, td { |
||||||
|
padding: 12px; |
||||||
|
border: 1px solid #ebeef5; |
||||||
|
} |
||||||
|
&.tc { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
th { |
||||||
|
text-align: center; |
||||||
|
background-color: #f8faff; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,370 @@ |
|||||||
|
<template> |
||||||
|
<div class="wrap"> |
||||||
|
<el-card shadow="hover" class="m-b-20"> |
||||||
|
<el-page-header @back="$router.back()" content="查看报告"></el-page-header> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<div class="content"> |
||||||
|
<div class="text-right"> |
||||||
|
<el-button type="primary" @click="exportPage">导出报告</el-button> |
||||||
|
</div> |
||||||
|
<h6 class="r-title">标准实验报告</h6> |
||||||
|
<div class="info"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/info1.png" alt=""> |
||||||
|
基本信息 |
||||||
|
</h6> |
||||||
|
<ul :class="['info-list', {edit: editing}]"> |
||||||
|
<li> |
||||||
|
<label>学生姓名：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.userName" disabled></el-input> |
||||||
|
<span v-else>{{ infoData.userName }}</span> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>学生学号：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.workNumber" disabled></el-input> |
||||||
|
<span v-else>{{ infoData.workNumber }}</span> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>实验时间：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.submitTime" disabled></el-input> |
||||||
|
<span v-else>{{ infoData.submitTime }}</span> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>实验成绩：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.score" disabled></el-input> |
||||||
|
<div v-else class="score-wrap"> |
||||||
|
<em>{{ infoData.score }}</em> |
||||||
|
<img src="@/assets/img/point.png" alt=""> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>学生班级：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.workNumber"></el-input> |
||||||
|
<span v-else>{{ infoData.workNumber }}</span> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>指导老师：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.instructor"></el-input> |
||||||
|
<span v-else>{{ infoData.instructor }}</span> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>实验学时：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.period"></el-input> |
||||||
|
<span v-else>{{ infoData.period }}</span> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/report2.png" alt=""> |
||||||
|
实验项目名称 |
||||||
|
</h6> |
||||||
|
<el-input v-if="editing" v-model="form.projectName" type="textarea"></el-input> |
||||||
|
<div v-else class="pre-wrap" v-html="form.projectName"></div> |
||||||
|
</div> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/report3.png" alt=""> |
||||||
|
实验目的 |
||||||
|
</h6> |
||||||
|
<div :class="['pre-wrap', {edit: editing}]" v-html="form.purpose"></div> |
||||||
|
</div> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/report4.png" alt=""> |
||||||
|
实验数据 |
||||||
|
</h6> |
||||||
|
<el-table :data="expData" class="table" border stripe header-align="center"> |
||||||
|
<el-table-column type="index" label="序号" align="center" width="60"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.$index + 1 }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="judgmentName" label="判分点" width="270" align="center"></el-table-column> |
||||||
|
<el-table-column v-if='project' prop="judgmentName" label="考核点" align="center" width="150"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div v-for="(item, index) in scope.row.lcRuleRecords" :key="index"> |
||||||
|
<span> |
||||||
|
<span>{{index+1}}. </span>{{item.name}} |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="ruleAnswer" label="参考答案" style='word-wrap: break-word'> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div v-if='scope.row.lcRuleRecords'> |
||||||
|
<div v-for="(item, index) in scope.row.lcRuleRecords" :key="index"> |
||||||
|
<span> |
||||||
|
<span>{{index+1}}. </span>{{item.ruleAnswer}} |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-else v-html="scope.row.referenceAnswer"></div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="userAnswer" label="学生答案"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div v-if='scope.row.lcRuleRecords'> |
||||||
|
<div v-for="(item, index) in scope.row.lcRuleRecords" :key="index"> |
||||||
|
<span v-if='item.userAnswer'> |
||||||
|
<span>{{index+1}}. </span>{{item.userAnswer}} |
||||||
|
</span> |
||||||
|
<span v-else> |
||||||
|
<span>{{index+1}}. </span>未填写 |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-else v-html='scope.row.answer' style='white-space: pre-wrap'></div> |
||||||
|
<template v-if="scope.row.runThePictureList"> |
||||||
|
<img v-for="(img, i) in scope.row.runThePictureList" :key="i" width="200" class="result-pic" :src="img" alt=""> |
||||||
|
</template> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="score" label="得分" width="80" align="center"></el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/report5.png" alt=""> |
||||||
|
实验总结与体会 |
||||||
|
</h6> |
||||||
|
<quill v-if="editing" :border="true" v-model="form.summarize" :minHeight="150" :height="150" /> |
||||||
|
<div v-else class="pre-wrap" v-html="form.summarize"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import util from "@/libs/util"; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
reportId: this.$route.query.reportId, |
||||||
|
title: "实验报告", |
||||||
|
form: { |
||||||
|
className: "", |
||||||
|
instructor: "", |
||||||
|
period: "", |
||||||
|
projectName: "", |
||||||
|
summarize: "", |
||||||
|
}, |
||||||
|
infoData: {}, |
||||||
|
expData: [], |
||||||
|
editing: false, |
||||||
|
loadIns: null, |
||||||
|
loading: false, |
||||||
|
project:false, |
||||||
|
userScores: [] |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData() { // 查询详情 |
||||||
|
this.$get(`${this.api.reportDetail}?reportId=${this.reportId}`).then(({ report, userScores }) => { |
||||||
|
this.form = report |
||||||
|
this.expData = userScores |
||||||
|
this.project = this.expData.find(e => e.lcRuleRecords) // 银行系统才有lcRuleRecords |
||||||
|
let form = this.form; |
||||||
|
this.infoData = { |
||||||
|
workNumber: form.workNumber, |
||||||
|
experimentalClassName: form.experimentalClassName, |
||||||
|
instructor: form.instructor, |
||||||
|
period: form.period, |
||||||
|
laboratory: form.laboratory, |
||||||
|
submitTime: form.submitTime, |
||||||
|
score: form.score, |
||||||
|
userName: form.userName |
||||||
|
} |
||||||
|
const data = report.data |
||||||
|
this.userScores = userScores |
||||||
|
// 如果没有data，则添加，否则，直接使用 |
||||||
|
if (!data) { |
||||||
|
this.handleList(userScores) |
||||||
|
this.$post(this.api.editExperimentalData, { |
||||||
|
reportId, |
||||||
|
data: JSON.stringify(userScores) |
||||||
|
}).then(res => {}).catch(err => {}) |
||||||
|
} else { |
||||||
|
this.handleList(userScores.find(e => e.lcRuleRecords) ? userScores : JSON.parse(data)) |
||||||
|
} |
||||||
|
}).catch(res => {}) |
||||||
|
}, |
||||||
|
// 处理实验数据 |
||||||
|
handleList(list) { |
||||||
|
this.project = list.find(e => e.lcRuleRecords) // 银行系统才有lcRuleRecords |
||||||
|
if (this.project) { |
||||||
|
list.map(e => { |
||||||
|
e.assessmentPoint = '' |
||||||
|
e.referenceAnswer = '' |
||||||
|
e.answer = '' |
||||||
|
e.lcRuleRecords.map((n, i) => { |
||||||
|
e.assessmentPoint += `${i + 1}.${n.name}` |
||||||
|
e.referenceAnswer += `${i + 1}.${n.ruleAnswer}` |
||||||
|
e.answer += `${i + 1}.${n.userAnswer}` |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
this.expData = list |
||||||
|
}, |
||||||
|
exportPage() { |
||||||
|
const form = Object.assign(this.form, this.infoData) |
||||||
|
const list = JSON.parse(JSON.stringify(this.expData)) |
||||||
|
list.map((e, i) => { |
||||||
|
const item = this.userScores.find(n => n.judgmentId == e.judgmentId) |
||||||
|
if (item && item.runThePicture) e.runThePicture = item.runThePicture |
||||||
|
if (item && item.runThePictureList) e.runThePictureList = item.runThePictureList |
||||||
|
e.id = i + 1 |
||||||
|
// if (e.referenceAnswer && typeof e.referenceAnswer === 'string') e.referenceAnswer = e.referenceAnswer.replace(/<[^>]+>/g, '').replace(/( |&|%s)/g, '').replace(/>/g, '>').replace(/</g, '<') |
||||||
|
if (e.answer && typeof e.answer === 'string') e.answer = e.answer.replace(/<[^>]+>/g, '').replace(/( |&|%s)/g, '').replace(/>/g, '>').replace(/</g, '<') |
||||||
|
}) |
||||||
|
for (const i in form) { |
||||||
|
if (form[i] && typeof form[i] === 'string') form[i] = form[i].replace(/<[^>]+>/g, '') |
||||||
|
} |
||||||
|
form.purpose = form.purpose.replace(/<[^>]+>/g, '') |
||||||
|
this.$post(this.project ? this.api.exportBankExperimentReport : this.api.exportLabReport, { |
||||||
|
...form, |
||||||
|
experimentalData: list |
||||||
|
}).then(res => { |
||||||
|
console.log(res) |
||||||
|
util.downloadFileDirect(`实验报告.docx`,new Blob([res])) |
||||||
|
}).catch(res => {}) |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap { |
||||||
|
padding: 12px 300px 20px; |
||||||
|
} |
||||||
|
.text-right { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
code, kbd, samp{ |
||||||
|
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; |
||||||
|
word-wrap: break-word; |
||||||
|
white-space: pre-wrap; |
||||||
|
} |
||||||
|
/deep/ pre{ |
||||||
|
white-space: pre-wrap; /* css-3 */ |
||||||
|
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ |
||||||
|
white-space: pre-wrap; /* Opera 4-6 */ |
||||||
|
white-space: -o-pre-wrap; /* Opera 7 */ |
||||||
|
word-wrap: break-word; /* Internet Explorer 5.5+ */ |
||||||
|
word-break:break-all; |
||||||
|
overflow:hidden; |
||||||
|
font-size: 12px; |
||||||
|
font-weight:400; |
||||||
|
font-family:'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif |
||||||
|
} |
||||||
|
.content { |
||||||
|
padding: 16px 40px; |
||||||
|
background: #fff; |
||||||
|
&.loading { |
||||||
|
padding-top: 30px; |
||||||
|
} |
||||||
|
.r-title { |
||||||
|
margin-bottom: 40px; |
||||||
|
font-size: 24px; |
||||||
|
text-align: center; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
.info { |
||||||
|
padding: 20px 16px; |
||||||
|
border: 1px solid #E1E6F2; |
||||||
|
} |
||||||
|
.l-title { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
padding: 5px 8px; |
||||||
|
margin-bottom: 12px; |
||||||
|
font-size: 14px; |
||||||
|
color: #333; |
||||||
|
background-color: #f7f5ff; |
||||||
|
} |
||||||
|
.info-list { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
padding: 10px 0 0 20px; |
||||||
|
li { |
||||||
|
display: inline-flex; |
||||||
|
width: 23%; |
||||||
|
padding: 0 10px; |
||||||
|
margin-bottom: 34px; |
||||||
|
} |
||||||
|
&.edit { |
||||||
|
li { |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
} |
||||||
|
label { |
||||||
|
font-size: 14px; |
||||||
|
color: #333; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
span { |
||||||
|
min-width: 150px; |
||||||
|
padding: 0 10px 3px; |
||||||
|
border-bottom: 1px solid #E1E6F2; |
||||||
|
} |
||||||
|
/deep/.el-input { |
||||||
|
width: 174px; |
||||||
|
} |
||||||
|
} |
||||||
|
.score-wrap { |
||||||
|
position: relative; |
||||||
|
min-width: 150px; |
||||||
|
border-bottom: 1px solid #E1E6F2; |
||||||
|
em { |
||||||
|
position: absolute; |
||||||
|
top: -12px; |
||||||
|
left: 30px; |
||||||
|
font-family: din; |
||||||
|
font-size: 30px; |
||||||
|
font-weight: 600; |
||||||
|
color: #0B1D30; |
||||||
|
} |
||||||
|
img { |
||||||
|
position: absolute; |
||||||
|
bottom: -15px; |
||||||
|
left: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
/deep/.el-textarea .el-textarea__inner, .pre-wrap { |
||||||
|
min-height: 72px; |
||||||
|
padding: 10px 16px; |
||||||
|
font-size: 14px; |
||||||
|
color: #333; |
||||||
|
&.edit { |
||||||
|
color: #ABB3C6; |
||||||
|
border: 1px solid #CACFDB; |
||||||
|
border-radius: 4px; |
||||||
|
background-color: #F6F7F9; |
||||||
|
} |
||||||
|
} |
||||||
|
/deep/ .table th { |
||||||
|
background-color: #e5dfff !important; |
||||||
|
.cell { |
||||||
|
line-height: 35px; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.result-pic { |
||||||
|
margin: 10px 0; |
||||||
|
} |
||||||
|
@media (max-width: 1650px) { |
||||||
|
.wrap { |
||||||
|
padding: 12px 200px 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
@media (max-width: 1430px) { |
||||||
|
.wrap { |
||||||
|
padding: 12px 100px 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue