Compare commits
No commits in common. 'master' and 'dev_review' have entirely different histories.
master
...
dev_review
29 changed files with 3089 additions and 3732 deletions
@ -1,675 +0,0 @@ |
|||||||
<template> |
|
||||||
<div> |
|
||||||
<el-card shadow="hover" class="m-b-20 head-card"> |
|
||||||
<div class="flex-between m-b-20"> |
|
||||||
<el-page-header @back="back" content="成绩管理"></el-page-header> |
|
||||||
</div> |
|
||||||
|
|
||||||
</el-card> |
|
||||||
|
|
||||||
<div v-loading="loading"> |
|
||||||
<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">{{ isNaN(statData.totalNumber) ? '' : statData.attendance + '/' + statData.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 v-if="showFile" class="tabs m-b-20"> |
|
||||||
<a class="item" v-for="(item, i) in tabs" :key="i" :class="{ active: i === active }" @click="tabChange(i)">{{ |
|
||||||
item }}</a> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
<div class="tool flex-between"> |
|
||||||
<ul class="filter"> |
|
||||||
<li> |
|
||||||
<label>省份</label> |
|
||||||
<el-select v-model="filter.provinceId" filterable clearable placeholder="请选择省份" @change="provinceChange" |
|
||||||
@clear="clearProvince"> |
|
||||||
<el-option v-for="(item, i) in provinces" :key="i" :label="item.provinceName" |
|
||||||
:value="item.provinceId"></el-option> |
|
||||||
</el-select> |
|
||||||
</li> |
|
||||||
<li> |
|
||||||
<label>城市</label> |
|
||||||
<el-select v-model="filter.cityId" filterable clearable placeholder="请选择城市" :disabled="!filter.provinceId" |
|
||||||
@change="initData"> |
|
||||||
<el-option v-for="(item, i) in cities" :key="i" :label="item.cityName" :value="item.cityId"></el-option> |
|
||||||
</el-select> |
|
||||||
</li> |
|
||||||
<li> |
|
||||||
<label>学校</label> |
|
||||||
<el-select v-model="filter.realSchoolId" clearable filterable placeholder="请选择学校" @change="initData"> |
|
||||||
<el-option v-for="(item, i) in schools" :key="i" :label="item.schoolName" |
|
||||||
:value="item.schoolId"></el-option> |
|
||||||
</el-select> |
|
||||||
</li> |
|
||||||
<li> |
|
||||||
<el-input size="small" placeholder="请输入学生姓名" prefix-icon="el-icon-search" v-model="keyword" clearable |
|
||||||
style="width: 300px"></el-input> |
|
||||||
</li> |
|
||||||
</ul> |
|
||||||
<div v-if="!active"> |
|
||||||
<el-button v-if="method == 2" type="primary" @click="batchImport">上传成绩</el-button> |
|
||||||
<el-button type="primary" :disabled="!!multipleSelection.find(e => method != 2 && !e.reportId)" |
|
||||||
@click="delAllData">批量删除</el-button> |
|
||||||
<el-button type="primary" :loading="exporting" @click="exportData">{{ exporting ? '正在导出' : '批量导出' |
|
||||||
}}</el-button> |
|
||||||
</div> |
|
||||||
<div v-else> |
|
||||||
<el-button type="primary" :loading="exporting1" @click="exportData1">{{ exporting1 ? '正在导出' : '批量导出' |
|
||||||
}}</el-button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<template v-if="!active"> |
|
||||||
<el-table :data="list" class="table" :key="1" ref="table" stripe header-align="center" |
|
||||||
@selection-change="handleSelectionChange" row-key="id"> |
|
||||||
<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="provinceName" label="省份" min-width="100" align="center"></el-table-column> |
|
||||||
<el-table-column prop="cityName" 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="realSchool" label="学生所在院校" min-width="100" 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"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
{{ scope.row.submitTime ? scope.row.score : '--' }} |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="timeSum" label="耗时" width="90" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
{{ scope.row.timeSum ? scope.row.timeSum + 'min' : '--' }} |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="submitTime" label="提交时间" min-width="150" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
{{ scope.row.submitTime || '--' }} |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="状态" width="100" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
{{ scope.row.reportId || method == 2 ? '已参加' : '未参加' }} |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" width="160"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button v-if="method != 2 && scope.row.reportId" type="text" |
|
||||||
@click="show(scope.row)">查看成绩报告</el-button> |
|
||||||
<el-button v-if="scope.row.reportId" 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> |
|
||||||
</template> |
|
||||||
<template v-else> |
|
||||||
<el-table :data="list1" class="table" :key="2" stripe header-align="center" |
|
||||||
@selection-change="handleSelectionChange1" row-key="id"> |
|
||||||
<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 + (page1 - 1) * pageSize + 1 }} |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="provinceName" label="省份" align="center"></el-table-column> |
|
||||||
<el-table-column prop="cityName" label="城市" align="center"></el-table-column> |
|
||||||
<el-table-column prop="schoolName" label="学生账号归属" align="center"></el-table-column> |
|
||||||
<el-table-column prop="realSchool" label="学生所在院校" align="center"></el-table-column> |
|
||||||
<el-table-column v-if="competitionType" prop="teamName" label="团队名称" align="center"></el-table-column> |
|
||||||
<el-table-column prop="userName" label="学生姓名" align="center"></el-table-column> |
|
||||||
<el-table-column prop="workNumber" label="学号" align="center"></el-table-column> |
|
||||||
<el-table-column prop="fileName" label="文件名" align="center"></el-table-column> |
|
||||||
<el-table-column prop="fileSize" label="文件大小" align="center"></el-table-column> |
|
||||||
<el-table-column prop="fileType" label="文件类型" align="center"></el-table-column> |
|
||||||
<el-table-column prop="fileFormat" label="文件格式" align="center"></el-table-column> |
|
||||||
<el-table-column prop="createTime" label="提交时间" width="150" align="center"> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button v-if="!isCompress(scope.row.fileFormat)" type="text" |
|
||||||
@click="preview(scope.row)">预览文件</el-button> |
|
||||||
<el-button type="primary" size="mini" :loading="scope.row.loading" |
|
||||||
@click="exportFile(scope.row)">导出文件</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<div class="pagination"> |
|
||||||
<el-pagination background layout="total, prev, pager, next" :total="total1" |
|
||||||
@current-change="handleCurrentChange1" :current-page="page1"> |
|
||||||
</el-pagination> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-card> |
|
||||||
</div> |
|
||||||
<el-dialog title="批量导入" :visible.sync="importVisible" width="24%" :close-on-click-modal="false" |
|
||||||
@close="cancelUpload"> |
|
||||||
<div style="text-align: center"> |
|
||||||
<template v-if="!uploadFaild"> |
|
||||||
<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="upload" name="file" accept=".xls,.xlsx" class="import-file" :before-upload="beforeUpload" |
|
||||||
:on-remove="handleRemove" :on-error="uploadError" :on-success="uploadSuccess" :before-remove="beforeRemove" |
|
||||||
:limit="1" :on-exceed="handleExceed" :action="this.api.batchImportGrades" :file-list="uploadList" |
|
||||||
:headers="headers" :disabled="uploading" :data="{ |
|
||||||
competitionId: this.id, |
|
||||||
stageId: this.stageId, |
|
||||||
systemId: 0 |
|
||||||
}"> |
|
||||||
<el-button type="primary" :loading="uploading" class="ml20">上传文件<i |
|
||||||
class="el-icon-upload2 el-icon--right"></i></el-button> |
|
||||||
</el-upload> |
|
||||||
</template> |
|
||||||
<template v-else> |
|
||||||
<p style="margin: -10px 0 13px;font-size: 14px;color: #e90000;">{{ faildData.tip }}</p> |
|
||||||
<p type="primary" |
|
||||||
style="margin-bottom: 10px;font-size: 14px;color: #9076FF;text-decoration: underline;cursor: pointer;" |
|
||||||
@click="showFaild">部分数据导入失败，查看失败原因</p> |
|
||||||
</template> |
|
||||||
</div> |
|
||||||
<span v-if="uploading" slot="footer" class="dialog-footer"> |
|
||||||
<el-button @click="cancelUpload">停止导入</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import util from "@/libs/util"; |
|
||||||
import * as echarts from "echarts"; |
|
||||||
import axios from 'axios'; |
|
||||||
import Zip from '@/libs/zip' |
|
||||||
export default { |
|
||||||
data () { |
|
||||||
return { |
|
||||||
id: +this.$route.query.id, |
|
||||||
stageId: +this.$route.query.stageId, |
|
||||||
method: +this.$route.query.method, |
|
||||||
competitionType: +this.$route.query.competitionType, |
|
||||||
showFile: this.$route.query.showFile === 'true', |
|
||||||
isCompress: util.isCompress, |
|
||||||
filter: { |
|
||||||
provinceId: '', |
|
||||||
cityId: '', |
|
||||||
realSchoolId: '', |
|
||||||
reviewStatus: '', |
|
||||||
scoreSortOrder: '', |
|
||||||
submitTimeSortOrder: '', |
|
||||||
}, |
|
||||||
provinces: [], |
|
||||||
cities: [], |
|
||||||
schools: [], |
|
||||||
keyword: this.$route.query.keyword || '', |
|
||||||
searchTimer: null, |
|
||||||
list: [], |
|
||||||
multipleSelection: [], |
|
||||||
page: +this.$route.query.page || 1, |
|
||||||
pageSize: 10, |
|
||||||
total: 0, |
|
||||||
|
|
||||||
list1: [], |
|
||||||
multipleSelection1: [], |
|
||||||
page1: 1, |
|
||||||
total1: 0, |
|
||||||
|
|
||||||
avgScore: 0, // 平均分 |
|
||||||
importVisible: false, |
|
||||||
uploadList: [], |
|
||||||
uploadFaild: false, |
|
||||||
uploading: false, |
|
||||||
faildData: null, |
|
||||||
headers: { |
|
||||||
token: sessionStorage.getItem("token") |
|
||||||
}, |
|
||||||
statData: {}, |
|
||||||
tabs: ['成绩列表', '文件列表'], |
|
||||||
active: 0, |
|
||||||
loading: false, |
|
||||||
exporting: false, |
|
||||||
exporting1: false, |
|
||||||
}; |
|
||||||
}, |
|
||||||
watch: { |
|
||||||
keyword: function (val) { |
|
||||||
clearTimeout(this.searchTimer); |
|
||||||
this.searchTimer = setTimeout(() => { |
|
||||||
this.$router.push({ |
|
||||||
path: '/otherArchList', |
|
||||||
query: { |
|
||||||
...this.$route.query, |
|
||||||
keyword: val |
|
||||||
} |
|
||||||
}) |
|
||||||
this.initData(); |
|
||||||
}, 500); |
|
||||||
} |
|
||||||
}, |
|
||||||
mounted () { |
|
||||||
this.getData() |
|
||||||
this.getProvince() |
|
||||||
this.getSchool() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
async getData () { |
|
||||||
this.loading = true |
|
||||||
// 文件列表 |
|
||||||
if (this.active) { |
|
||||||
const { data } = await this.$post(this.api.cCompetitionStageFileList, { |
|
||||||
pageNum: this.page1, |
|
||||||
pageSize: this.pageSize, |
|
||||||
competitionId: this.id, |
|
||||||
stageId: this.stageId, |
|
||||||
keyWord: this.keyword, |
|
||||||
...this.filter |
|
||||||
}) |
|
||||||
data.records.forEach(e => { |
|
||||||
e.loading = false |
|
||||||
e.fileType = '其他' |
|
||||||
if (util.isVideo(e.fileFormat)) { |
|
||||||
e.fileType = '视频' |
|
||||||
} else if (util.isAudio(e.fileFormat)) { |
|
||||||
e.fileType = '音频' |
|
||||||
} else if (util.isImg(e.fileFormat)) { |
|
||||||
e.fileType = '图片' |
|
||||||
} else if (util.isDoc(e.fileFormat)) { |
|
||||||
e.fileType = '文档' |
|
||||||
} else if (util.isCompress(e.fileFormat)) { |
|
||||||
e.fileType = '压缩包' |
|
||||||
} else if (e.fileType === 'pdf') { |
|
||||||
e.fileType = 'pdf' |
|
||||||
} |
|
||||||
}) |
|
||||||
this.list1 = data.records |
|
||||||
this.total1 = data.total |
|
||||||
this.loading = false |
|
||||||
} else { // 成绩列表 |
|
||||||
const { data, page } = await this.$post(this.api.stageGradeManagementList, { |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
competitionId: this.id, |
|
||||||
keyWord: this.keyword, |
|
||||||
stageId: this.stageId, |
|
||||||
isNakadai: 1, |
|
||||||
...this.filter |
|
||||||
}) |
|
||||||
this.loading = false |
|
||||||
this.total = page.total |
|
||||||
this.list = page.records |
|
||||||
this.statData = data |
|
||||||
this.avgScore = (+data.avgScore).toFixed(2) |
|
||||||
this.method != 2 && this.getChart() |
|
||||||
} |
|
||||||
}, |
|
||||||
initData () { |
|
||||||
this.page = 1 |
|
||||||
this.getData() |
|
||||||
}, |
|
||||||
|
|
||||||
// 获取省份 |
|
||||||
async getProvince () { |
|
||||||
const { list } = await this.$get(this.api.queryProvince) |
|
||||||
this.provinces = list |
|
||||||
}, |
|
||||||
// 清除省份 |
|
||||||
clearProvince () { |
|
||||||
this.filter.cityId = '' |
|
||||||
}, |
|
||||||
// 省份选择回调 |
|
||||||
provinceChange () { |
|
||||||
this.clearProvince() |
|
||||||
this.getCity() |
|
||||||
this.initData() |
|
||||||
}, |
|
||||||
// 获取城市 |
|
||||||
async getCity () { |
|
||||||
const id = this.filter.provinceId |
|
||||||
if (id) { |
|
||||||
const { list } = await this.$get(this.api.queryCity, { |
|
||||||
provinceId: id |
|
||||||
}) |
|
||||||
this.cities = list |
|
||||||
} |
|
||||||
}, |
|
||||||
// 获取学校 |
|
||||||
async getSchool () { |
|
||||||
const { list } = await this.$get(this.api.querySchoolData) |
|
||||||
this.schools = list |
|
||||||
}, |
|
||||||
|
|
||||||
// 查看成绩报告 |
|
||||||
show (row) { |
|
||||||
this.$router.push(`/trialReport?reportId=${row.reportId}`) |
|
||||||
}, |
|
||||||
// 导出(有勾选：就导勾选中的；没有勾选：就导全部) |
|
||||||
async exportData () { |
|
||||||
if (this.list.length) { |
|
||||||
this.exporting = true |
|
||||||
// 有选择数据，则导出已选择的，否则导出全部 |
|
||||||
if (this.multipleSelection.length) { |
|
||||||
const res = await axios.post(this.api.exportExperimentalResultsInBatch, this.multipleSelection, { |
|
||||||
headers: this.headers, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
util.downloadFileDirect(`赛事成绩.xls`, new Blob([res.data])) |
|
||||||
this.exporting = false |
|
||||||
} else if (this.list.length) { |
|
||||||
const res = await axios.post(this.api.allExperimentalResultsAreDerived, { |
|
||||||
pageNum: 1, |
|
||||||
pageSize: 10000, |
|
||||||
competitionId: this.id, |
|
||||||
isNakadai: 1, |
|
||||||
stageId: this.stageId, |
|
||||||
}, { |
|
||||||
headers: this.headers, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
util.downloadFileDirect(`赛事成绩.xls`, new Blob([res.data])) |
|
||||||
this.exporting = false |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
// 导出(有勾选：就导勾选中的；没有勾选：就导全部) |
|
||||||
exportData1 () { |
|
||||||
this.exporting1 = true |
|
||||||
let list = this.list1 |
|
||||||
if (this.multipleSelection1.length) { |
|
||||||
list = this.multipleSelection1 |
|
||||||
} |
|
||||||
Zip('批量导出', list, () => { |
|
||||||
this.exporting1 = false |
|
||||||
}) |
|
||||||
}, |
|
||||||
handleDelete (row) { // 删除 |
|
||||||
this.$confirm("确定要删除吗？", "提示", { |
|
||||||
type: "warning" |
|
||||||
}).then(() => { |
|
||||||
this.$post(this.api.batchDeleteContestGrade, { |
|
||||||
ids: [this.method == 2 ? row.scoreId : row.reportId], |
|
||||||
competitionId: this.id, |
|
||||||
stageId: this.stageId |
|
||||||
}).then(res => { |
|
||||||
util.successMsg("删除成功"); |
|
||||||
this.getData(); |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
}).catch(() => { }); |
|
||||||
}, |
|
||||||
delAllData () { // 批量删除 |
|
||||||
const list = this.multipleSelection |
|
||||||
this.$confirm(list.length ? '该项目下的所有成绩报告将会删除，是否继续？' : '是否确定删除列表所有成绩数据？', "提示", { |
|
||||||
type: "warning" |
|
||||||
}).then(async () => { |
|
||||||
let ids = [] |
|
||||||
if (list.length) { |
|
||||||
ids = list.map(item => { |
|
||||||
return this.method == 2 ? item.scoreId : item.reportId |
|
||||||
}); |
|
||||||
ids = ids.filter(e => e) |
|
||||||
} |
|
||||||
const data = { |
|
||||||
competitionId: this.id, |
|
||||||
stageId: this.stageId |
|
||||||
} |
|
||||||
if (list.length) data.ids = ids |
|
||||||
await this.$post(this.api.batchDeleteContestGrade, data) |
|
||||||
this.multipleSelection = []; |
|
||||||
this.$refs.table.clearSelection(); |
|
||||||
util.successMsg("删除成功"); |
|
||||||
this.getData(); |
|
||||||
}).catch(() => { }); |
|
||||||
}, |
|
||||||
handleSelectionChange (val) { // 多选 |
|
||||||
this.multipleSelection = val; |
|
||||||
}, |
|
||||||
handleCurrentChange (val) { // 切换分页 |
|
||||||
this.$router.push({ |
|
||||||
path: '/otherArchList', |
|
||||||
query: { |
|
||||||
...this.$route.query, |
|
||||||
page: val |
|
||||||
} |
|
||||||
}) |
|
||||||
this.page = val; |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
|
|
||||||
handleSelectionChange1 (val) { // 多选 |
|
||||||
this.multipleSelection1 = val; |
|
||||||
}, |
|
||||||
handleCurrentChange1 (val) { // 切换分页 |
|
||||||
this.page1 = 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", "10-20", "20-30", "30-40", "40-50", "50-60", "60-70", "70-80", "80-90", "90-100"] |
|
||||||
}, |
|
||||||
yAxis: { |
|
||||||
name: "人数", |
|
||||||
type: "value", |
|
||||||
minInterval: 10 |
|
||||||
}, |
|
||||||
series: [{ |
|
||||||
data, |
|
||||||
type: "line", |
|
||||||
areaStyle: {}, |
|
||||||
label: { |
|
||||||
show: true, |
|
||||||
position: 'top' |
|
||||||
}, |
|
||||||
color: ["#8191fd"] |
|
||||||
}] |
|
||||||
}); |
|
||||||
}, |
|
||||||
// 批量导入 |
|
||||||
batchImport () { |
|
||||||
this.importVisible = true |
|
||||||
this.uploadList = [] |
|
||||||
this.uploadFaild = false |
|
||||||
}, |
|
||||||
// 模板下载 |
|
||||||
download () { |
|
||||||
axios.get(`${this.api.gradeDownloadExcel}?competitionId=${this.id}&stageId=${this.stageId}`, { |
|
||||||
headers: this.headers, |
|
||||||
responseType: 'blob' |
|
||||||
}).then((res) => { |
|
||||||
util.downloadFileDirect('赛事成绩导入模板.xlsx', new Blob([res.data])) |
|
||||||
}).catch(res => { }) |
|
||||||
}, |
|
||||||
// 上传文件 |
|
||||||
handleExceed (files, fileList) { |
|
||||||
util.warningMsg( |
|
||||||
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
|
||||||
) |
|
||||||
}, |
|
||||||
// 下载失败文件 |
|
||||||
showFaild () { |
|
||||||
axios.get(`${this.api.performanceExportFailure}?exportCode=${this.faildData.exportCode}&competitionType=${this.faildData.competitionType}`, { |
|
||||||
headers: this.headers, |
|
||||||
responseType: 'blob' |
|
||||||
}).then((res) => { |
|
||||||
util.downloadFileDirect(`批量导入成绩管理失败数据导出.xls`, new Blob([res.data])) |
|
||||||
}).catch(res => { }) |
|
||||||
}, |
|
||||||
uploadSuccess (res) { |
|
||||||
this.uploading = false |
|
||||||
this.uploadFaild = false |
|
||||||
if (res.status === 200) { |
|
||||||
this.initData() |
|
||||||
const { data } = res |
|
||||||
if (data.exportCode) { |
|
||||||
this.faildData = data |
|
||||||
this.uploadFaild = true |
|
||||||
} else { |
|
||||||
util.successMsg(data.tip, 3000) |
|
||||||
this.importVisible = false |
|
||||||
} |
|
||||||
} else { |
|
||||||
util.errorMsg(res.message || '上传失败，请检查数据') |
|
||||||
} |
|
||||||
}, |
|
||||||
uploadError (err, file, fileList) { |
|
||||||
this.uploading = false |
|
||||||
this.$message({ |
|
||||||
message: "上传出错，请重试！", |
|
||||||
type: "error", |
|
||||||
center: true |
|
||||||
}) |
|
||||||
}, |
|
||||||
beforeUpload (file) { |
|
||||||
this.uploading = true |
|
||||||
}, |
|
||||||
beforeRemove (file, fileList) { |
|
||||||
return this.$confirm(`确定移除 ${file.name}？`) |
|
||||||
}, |
|
||||||
handleRemove (file, fileList) { |
|
||||||
this.uploadList = fileList |
|
||||||
this.uploadFaild = false |
|
||||||
}, |
|
||||||
cancelUpload () { |
|
||||||
this.uploading = false |
|
||||||
if (this.$refs.upload) this.$refs.upload.abort() |
|
||||||
this.keyword = '' |
|
||||||
this.initData() |
|
||||||
this.importVisible = false |
|
||||||
}, |
|
||||||
// tab回调 |
|
||||||
tabChange (i) { |
|
||||||
this.active = i |
|
||||||
this.getData() |
|
||||||
}, |
|
||||||
// 预览附件 |
|
||||||
preview (item) { |
|
||||||
window.open((util.isDoc(item.fileFormat) ? 'https://view.officeapps.live.com/op/view.aspx?src=' : '') + item.filePath) |
|
||||||
}, |
|
||||||
// 导出文件 |
|
||||||
exportFile (item) { |
|
||||||
item.loading = true |
|
||||||
const url = item.filePath |
|
||||||
var x = new XMLHttpRequest() |
|
||||||
x.open("GET", url, true) |
|
||||||
x.responseType = "blob" |
|
||||||
x.onload = function (e) { |
|
||||||
var url = window.URL.createObjectURL(x.response) |
|
||||||
var a = document.createElement("a") |
|
||||||
a.href = url |
|
||||||
a.download = item.userName + '-' + item.fileName |
|
||||||
a.click() |
|
||||||
item.loading = false |
|
||||||
} |
|
||||||
x.send() |
|
||||||
}, |
|
||||||
back () { |
|
||||||
this.$router.push(this.$store.state.innerReferrer) |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</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; |
|
||||||
min-height: 145px; |
|
||||||
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; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/deep/.import-file { |
|
||||||
.el-progress__text, |
|
||||||
.el-progress, |
|
||||||
.el-upload-list__item-status-label { |
|
||||||
display: none !important; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -0,0 +1,535 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="m-b-20 head-card"> |
||||||
|
<div class="flex-between m-b-20"> |
||||||
|
<el-page-header @back="back" content="成绩管理"></el-page-header> |
||||||
|
</div> |
||||||
|
|
||||||
|
</el-card> |
||||||
|
|
||||||
|
<div v-loading="loading"> |
||||||
|
<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">{{ isNaN(statData.totalNumber) ? '' : statData.attendance + '/' + statData.totalNumber }} |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div class="item"> |
||||||
|
<p class="name">平均分</p> |
||||||
|
<p class="val">{{ (+statData.avgScore).toFixed(2) }}</p> |
||||||
|
</div> |
||||||
|
<div class="item"> |
||||||
|
<p class="name">最高分</p> |
||||||
|
<p class="val">{{ statData.maxScore }} |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div class="item"> |
||||||
|
<p class="name">最低分</p> |
||||||
|
<p class="val">{{ statData.minScore }}</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="chart" id="chart"></div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="m-b-20"> |
||||||
|
<div class="tabs m-b-20"> |
||||||
|
<a class="item" v-for="(item, i) in tabs" :key="i" :class="{ active: item.id === active }" |
||||||
|
@click="tabChange(item.id)">{{ item.name }}</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
<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> |
||||||
|
<el-button type="primary" :loading="exporting" @click="exportData">{{ exporting ? '正在导出' : '批量导出' |
||||||
|
}}</el-button> |
||||||
|
</div> |
||||||
|
<el-table :data="list" class="table" :key="1" ref="table" stripe header-align="center" |
||||||
|
@selection-change="handleSelectionChange" row-key="id"> |
||||||
|
<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="100" align="center"></el-table-column> |
||||||
|
<el-table-column prop="realSchool" label="学生所在院校" min-width="100" 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"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.submitTime ? scope.row.score : '--' }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="timeSum" label="耗时" width="90" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.timeSum ? scope.row.timeSum + 'min' : '--' }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="submitTime" label="提交时间" min-width="150" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.submitTime || '--' }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="状态" width="100" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.reportId || method == 2 ? '已参加' : '未参加' }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="160"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button v-if="method != 2 && scope.row.reportId" type="text" |
||||||
|
@click="show(scope.row)">查看成绩报告</el-button> |
||||||
|
<el-button v-if="scope.row.reportId" 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> |
||||||
|
</div> |
||||||
|
<el-dialog title="批量导入" :visible.sync="importVisible" width="24%" :close-on-click-modal="false" |
||||||
|
@close="cancelUpload"> |
||||||
|
<div style="text-align: center"> |
||||||
|
<template v-if="!uploadFaild"> |
||||||
|
<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="upload" name="file" accept=".xls,.xlsx" class="import-file" :before-upload="beforeUpload" |
||||||
|
:on-remove="handleRemove" :on-error="uploadError" :on-success="uploadSuccess" :before-remove="beforeRemove" |
||||||
|
:limit="1" :on-exceed="handleExceed" :action="this.api.batchImportGrades" :file-list="uploadList" |
||||||
|
:headers="headers" :disabled="uploading" :data="{ |
||||||
|
competitionId: this.id, |
||||||
|
stageId: this.stageId, |
||||||
|
systemId: 0 |
||||||
|
}"> |
||||||
|
<el-button type="primary" :loading="uploading" class="ml20">上传文件<i |
||||||
|
class="el-icon-upload2 el-icon--right"></i></el-button> |
||||||
|
</el-upload> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<p style="margin: -10px 0 13px;font-size: 14px;color: #e90000;">{{ faildData.tip }}</p> |
||||||
|
<p type="primary" |
||||||
|
style="margin-bottom: 10px;font-size: 14px;color: #9076FF;text-decoration: underline;cursor: pointer;" |
||||||
|
@click="showFaild">部分数据导入失败，查看失败原因</p> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
<span v-if="uploading" slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="cancelUpload">停止导入</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import util from "@/libs/util"; |
||||||
|
import * as echarts from "echarts"; |
||||||
|
import axios from 'axios'; |
||||||
|
import Zip from '@/libs/zip' |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
id: +this.$route.query.id, |
||||||
|
stageId: +this.$route.query.stageId, |
||||||
|
method: +this.$route.query.method, |
||||||
|
competitionType: +this.$route.query.competitionType, |
||||||
|
isCompress: util.isCompress, |
||||||
|
keyword: this.$route.query.keyword || '', |
||||||
|
searchTimer: null, |
||||||
|
list: [], |
||||||
|
multipleSelection: [], |
||||||
|
page: +this.$route.query.page || 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
|
||||||
|
list1: [], |
||||||
|
multipleSelection1: [], |
||||||
|
page1: 1, |
||||||
|
total1: 0, |
||||||
|
|
||||||
|
avgScore: 0, // 平均分 |
||||||
|
importVisible: false, |
||||||
|
uploadList: [], |
||||||
|
uploadFaild: false, |
||||||
|
uploading: false, |
||||||
|
faildData: null, |
||||||
|
headers: { |
||||||
|
token: sessionStorage.getItem("token") |
||||||
|
}, |
||||||
|
statData: { |
||||||
|
avgScore: 0, |
||||||
|
maxScore: 0, |
||||||
|
minScore: 0, |
||||||
|
}, |
||||||
|
tabs: [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '已提交' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '未提交' |
||||||
|
} |
||||||
|
], |
||||||
|
active: 1, |
||||||
|
loading: false, |
||||||
|
exporting: false, |
||||||
|
exporting1: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function (val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.$router.push({ |
||||||
|
path: '/theoryArchList', |
||||||
|
query: { |
||||||
|
...this.$route.query, |
||||||
|
keyword: val |
||||||
|
} |
||||||
|
}) |
||||||
|
this.initData(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
async getData () { |
||||||
|
this.loading = true |
||||||
|
const { data, page } = await this.$post(this.api.stageGradeManagementList, { |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
competitionId: this.id, |
||||||
|
keyWord: this.keyword, |
||||||
|
stageId: this.stageId, |
||||||
|
isNakadai: 1, |
||||||
|
participatingState: this.active, |
||||||
|
}) |
||||||
|
this.loading = false |
||||||
|
this.total = page.total |
||||||
|
this.list = page.records |
||||||
|
this.statData = data |
||||||
|
this.getChart() |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.page = 1 |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
// 查看成绩报告 |
||||||
|
show (row) { |
||||||
|
this.$router.push(`/theoryReport?reportId=${row.reportId}`) |
||||||
|
}, |
||||||
|
// 导出(有勾选：就导勾选中的；没有勾选：就导全部) |
||||||
|
async exportData () { |
||||||
|
if (this.list.length) { |
||||||
|
this.exporting = true |
||||||
|
// 有选择数据，则导出已选择的，否则导出全部 |
||||||
|
if (this.multipleSelection.length) { |
||||||
|
const res = await axios.post(this.api.exportExperimentalResultsInBatch, this.multipleSelection, { |
||||||
|
headers: this.headers, |
||||||
|
responseType: 'blob' |
||||||
|
}) |
||||||
|
util.downloadFileDirect(`赛事成绩.xls`, new Blob([res.data])) |
||||||
|
this.exporting = false |
||||||
|
} else if (this.list.length) { |
||||||
|
const res = await axios.post(this.api.allExperimentalResultsAreDerived, { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10000, |
||||||
|
competitionId: this.id, |
||||||
|
isNakadai: 1, |
||||||
|
stageId: this.stageId, |
||||||
|
participatingState: this.active, |
||||||
|
}, { |
||||||
|
headers: this.headers, |
||||||
|
responseType: 'blob' |
||||||
|
}) |
||||||
|
util.downloadFileDirect(`赛事成绩.xls`, new Blob([res.data])) |
||||||
|
this.exporting = false |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
async handleDelete (row) { // 删除 |
||||||
|
await this.$confirm(`<p>确认要删除【${row.userName}】的成绩记录吗？</p><p style="color: #f56c6c;">删除后成绩数据不可恢复，自动变为未提交</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
|
||||||
|
await this.$post(this.api.batchDeleteContestGrade, { |
||||||
|
ids: [this.method == 2 ? row.scoreId : row.reportId], |
||||||
|
competitionId: this.id, |
||||||
|
stageId: this.stageId |
||||||
|
}) |
||||||
|
util.successMsg("删除成功") |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
delAllData () { // 批量删除 |
||||||
|
const list = this.multipleSelection |
||||||
|
this.$confirm(list.length ? '该项目下的所有成绩报告将会删除，是否继续？' : '是否确定删除列表所有成绩数据？', "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(async () => { |
||||||
|
let ids = [] |
||||||
|
if (list.length) { |
||||||
|
ids = list.map(item => { |
||||||
|
return this.method == 2 ? item.scoreId : item.reportId |
||||||
|
}); |
||||||
|
ids = ids.filter(e => e) |
||||||
|
} |
||||||
|
const data = { |
||||||
|
competitionId: this.id, |
||||||
|
stageId: this.stageId |
||||||
|
} |
||||||
|
if (list.length) data.ids = ids |
||||||
|
await this.$post(this.api.batchDeleteContestGrade, data) |
||||||
|
this.multipleSelection = []; |
||||||
|
this.$refs.table.clearSelection(); |
||||||
|
util.successMsg("删除成功"); |
||||||
|
this.getData(); |
||||||
|
}).catch(() => { }); |
||||||
|
}, |
||||||
|
handleSelectionChange (val) { // 多选 |
||||||
|
this.multipleSelection = val; |
||||||
|
}, |
||||||
|
handleCurrentChange (val) { // 切换分页 |
||||||
|
this.$router.push({ |
||||||
|
path: '/theoryArchList', |
||||||
|
query: { |
||||||
|
...this.$route.query, |
||||||
|
page: val |
||||||
|
} |
||||||
|
}) |
||||||
|
this.page = val; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
|
||||||
|
handleSelectionChange1 (val) { // 多选 |
||||||
|
this.multipleSelection1 = val; |
||||||
|
}, |
||||||
|
getChart () { // 初始化折线图 |
||||||
|
const { fractionalSegmentCounts: data } = this.statData |
||||||
|
let myChart = echarts.init(document.getElementById("chart")); |
||||||
|
myChart.setOption({ |
||||||
|
title: { text: "实验分数分布图" }, |
||||||
|
tooltip: {}, |
||||||
|
xAxis: { |
||||||
|
name: "分数", |
||||||
|
type: "category", |
||||||
|
boundaryGap: false, |
||||||
|
interval: 10, |
||||||
|
data: data.map(e => e.range) |
||||||
|
}, |
||||||
|
yAxis: { |
||||||
|
name: "人数", |
||||||
|
type: "value", |
||||||
|
minInterval: 10 |
||||||
|
}, |
||||||
|
series: [{ |
||||||
|
data: data.map(e => e.count), |
||||||
|
type: "line", |
||||||
|
areaStyle: {}, |
||||||
|
color: ["#8191fd"] |
||||||
|
}] |
||||||
|
}); |
||||||
|
}, |
||||||
|
// 批量导入 |
||||||
|
batchImport () { |
||||||
|
this.importVisible = true |
||||||
|
this.uploadList = [] |
||||||
|
this.uploadFaild = false |
||||||
|
}, |
||||||
|
// 模板下载 |
||||||
|
download () { |
||||||
|
axios.get(`${this.api.gradeDownloadExcel}?competitionId=${this.id}&stageId=${this.stageId}`, { |
||||||
|
headers: this.headers, |
||||||
|
responseType: 'blob' |
||||||
|
}).then((res) => { |
||||||
|
util.downloadFileDirect('赛事成绩导入模板.xlsx', new Blob([res.data])) |
||||||
|
}).catch(res => { }) |
||||||
|
}, |
||||||
|
// 上传文件 |
||||||
|
handleExceed (files, fileList) { |
||||||
|
util.warningMsg( |
||||||
|
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
||||||
|
) |
||||||
|
}, |
||||||
|
// 下载失败文件 |
||||||
|
showFaild () { |
||||||
|
axios.get(`${this.api.performanceExportFailure}?exportCode=${this.faildData.exportCode}&competitionType=${this.faildData.competitionType}`, { |
||||||
|
headers: this.headers, |
||||||
|
responseType: 'blob' |
||||||
|
}).then((res) => { |
||||||
|
util.downloadFileDirect(`批量导入成绩管理失败数据导出.xls`, new Blob([res.data])) |
||||||
|
}).catch(res => { }) |
||||||
|
}, |
||||||
|
uploadSuccess (res) { |
||||||
|
this.uploading = false |
||||||
|
this.uploadFaild = false |
||||||
|
if (res.status === 200) { |
||||||
|
this.initData() |
||||||
|
const { data } = res |
||||||
|
if (data.exportCode) { |
||||||
|
this.faildData = data |
||||||
|
this.uploadFaild = true |
||||||
|
} else { |
||||||
|
util.successMsg(data.tip, 3000) |
||||||
|
this.importVisible = false |
||||||
|
} |
||||||
|
} else { |
||||||
|
util.errorMsg(res.message || '上传失败，请检查数据') |
||||||
|
} |
||||||
|
}, |
||||||
|
uploadError (err, file, fileList) { |
||||||
|
this.uploading = false |
||||||
|
this.$message({ |
||||||
|
message: "上传出错，请重试！", |
||||||
|
type: "error", |
||||||
|
center: true |
||||||
|
}) |
||||||
|
}, |
||||||
|
beforeUpload (file) { |
||||||
|
this.uploading = true |
||||||
|
}, |
||||||
|
beforeRemove (file, fileList) { |
||||||
|
return this.$confirm(`确定移除 ${file.name}？`) |
||||||
|
}, |
||||||
|
handleRemove (file, fileList) { |
||||||
|
this.uploadList = fileList |
||||||
|
this.uploadFaild = false |
||||||
|
}, |
||||||
|
cancelUpload () { |
||||||
|
this.uploading = false |
||||||
|
if (this.$refs.upload) this.$refs.upload.abort() |
||||||
|
this.keyword = '' |
||||||
|
this.initData() |
||||||
|
this.importVisible = false |
||||||
|
}, |
||||||
|
// tab回调 |
||||||
|
tabChange (i) { |
||||||
|
this.multipleSelection = [] |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.active = i |
||||||
|
this.initData() |
||||||
|
}, |
||||||
|
// 预览附件 |
||||||
|
preview (item) { |
||||||
|
window.open((util.isDoc(item.fileFormat) ? 'https://view.officeapps.live.com/op/view.aspx?src=' : '') + item.filePath) |
||||||
|
}, |
||||||
|
// 导出文件 |
||||||
|
exportFile (item) { |
||||||
|
item.loading = true |
||||||
|
const url = item.filePath |
||||||
|
var x = new XMLHttpRequest() |
||||||
|
x.open("GET", url, true) |
||||||
|
x.responseType = "blob" |
||||||
|
x.onload = function (e) { |
||||||
|
var url = window.URL.createObjectURL(x.response) |
||||||
|
var a = document.createElement("a") |
||||||
|
a.href = url |
||||||
|
a.download = item.userName + '-' + item.fileName |
||||||
|
a.click() |
||||||
|
item.loading = false |
||||||
|
} |
||||||
|
x.send() |
||||||
|
}, |
||||||
|
back () { |
||||||
|
this.$router.push(this.$store.state.innerReferrer) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</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; |
||||||
|
flex-wrap: wrap; |
||||||
|
align-items: center; |
||||||
|
width: 640px; |
||||||
|
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:nth-child(3) { |
||||||
|
background-image: url('../../../assets/img/ach1.png'); |
||||||
|
} |
||||||
|
|
||||||
|
.item:nth-child(4) { |
||||||
|
background-image: url('../../../assets/img/ach2.png'); |
||||||
|
} |
||||||
|
|
||||||
|
.item { |
||||||
|
width: 300px; |
||||||
|
min-height: 145px; |
||||||
|
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 { |
||||||
|
width: calc(100% - 660px); |
||||||
|
height: 300px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.import-file { |
||||||
|
.el-progress__text, |
||||||
|
.el-progress, |
||||||
|
.el-upload-list__item-status-label { |
||||||
|
display: none !important; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue