master
tianea
3 years ago
parent
442cecdc4d
commit
f6b37bbe8c
@ -0,0 +1,165 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div class="cs">
|
||||||
|
|
||||||
|
<ReadExcel @file-change="excelFileChange">
|
||||||
|
|
||||||
|
<div class="import-button">导入</div>
|
||||||
|
|
||||||
|
</ReadExcel>
|
||||||
|
<div>
|
||||||
|
<div>团队总量:{{teamCount}}</div>
|
||||||
|
<div>队员总量:{{memberCount}}</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-button @click="startImport" type="primary">开始导入</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table :data="teamList">
|
||||||
|
<el-table-column v-for="(item,$index) in tableHeader" :key="$index" :label="item" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="$index == 0">{{ scope.row.teamName}}</span>
|
||||||
|
<div v-if="$index == 1">
|
||||||
|
<div v-for="(member,$index2) in scope.row.memberList" :key="$index2">
|
||||||
|
{{member.memberName}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="$index == 2">
|
||||||
|
<div v-for="(member,$index2) in scope.row.memberList" :key="$index2">
|
||||||
|
{{member.studentNo}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="$index == 3">
|
||||||
|
<div v-for="(member,$index2) in scope.row.memberList" :key="$index2">
|
||||||
|
{{member.className}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span v-if="$index == 4">
|
||||||
|
{{scope.row.school}}
|
||||||
|
</span>
|
||||||
|
<span v-if="$index == 5">
|
||||||
|
{{scope.row.teacher}}
|
||||||
|
</span>
|
||||||
|
<span v-if="$index == 7">
|
||||||
|
{{scope.row.province}}
|
||||||
|
</span>
|
||||||
|
<span v-if="$index == 8">
|
||||||
|
{{scope.row.level}}
|
||||||
|
</span>
|
||||||
|
<span v-if="$index == 9">
|
||||||
|
{{scope.row.area}}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import * as competition from '@/api/competition'
|
||||||
|
import * as teamMemberApi from '@/api/teammember'
|
||||||
|
import ReadExcel from './components/teamImport.vue'
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
teamInfo:{
|
||||||
|
teamName:'',
|
||||||
|
teacher: '',
|
||||||
|
province: '',
|
||||||
|
level: '',
|
||||||
|
area: '',
|
||||||
|
school: '',
|
||||||
|
memberList:[]
|
||||||
|
},
|
||||||
|
teamList: [],
|
||||||
|
tableHeader: [],
|
||||||
|
fileName: '',
|
||||||
|
teamCount: 0,
|
||||||
|
memberCount: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
|
||||||
|
ReadExcel,
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
excelFileChange(data) {
|
||||||
|
let { merges, body, name, header } = data
|
||||||
|
// console.log(merges, body, name, header)
|
||||||
|
this.fileName =name
|
||||||
|
this.tableHeader = header
|
||||||
|
this.dataToObj(body)
|
||||||
|
},
|
||||||
|
startImport(){
|
||||||
|
let item = this.teamList[0]
|
||||||
|
if(!item){
|
||||||
|
alert("导入完成")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
teamMemberApi.importTeamMember({
|
||||||
|
compI: 3,
|
||||||
|
stageId: 1,
|
||||||
|
teamName: item.teamName,
|
||||||
|
province: item.province,
|
||||||
|
level: item.level,
|
||||||
|
school: item.school,
|
||||||
|
area: item.area,
|
||||||
|
teacher: item.teacher,
|
||||||
|
memberList: item.memberList
|
||||||
|
}).then(res=>{
|
||||||
|
if(res.code == 200){
|
||||||
|
this.teamList.splice(0,1)
|
||||||
|
this.startImport()
|
||||||
|
}else{
|
||||||
|
alert(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
dataToObj(data){
|
||||||
|
let rs = []
|
||||||
|
for(let i = 1;i<data.length;i++){
|
||||||
|
let teamInfo = null;
|
||||||
|
let item = data[i]
|
||||||
|
let teamName = item[0]
|
||||||
|
let member = item[1]
|
||||||
|
let studentNo = item[2]
|
||||||
|
let className = item[3]
|
||||||
|
let school = item[4]
|
||||||
|
let teacher1 = item[5]
|
||||||
|
if(!teacher1){
|
||||||
|
teacher1 = ''
|
||||||
|
}
|
||||||
|
let teacher2 = item[6]
|
||||||
|
let province = item[7]
|
||||||
|
let level = item[8]
|
||||||
|
let area = item[9]
|
||||||
|
if(!teamName){
|
||||||
|
teamInfo = rs[rs.length-1]
|
||||||
|
}else{
|
||||||
|
teamInfo = JSON.parse(JSON.stringify(this.teamInfo))
|
||||||
|
teamInfo.teamName = teamName
|
||||||
|
teamInfo.teacher = !!teacher2?teacher1+","+teacher2:teacher1
|
||||||
|
teamInfo.province = province
|
||||||
|
teamInfo.level = level
|
||||||
|
teamInfo.area = area
|
||||||
|
teamInfo.school = school
|
||||||
|
rs.push(teamInfo)
|
||||||
|
}
|
||||||
|
teamInfo.memberList.push({
|
||||||
|
memberName: member,
|
||||||
|
studentNo: studentNo,
|
||||||
|
className: className
|
||||||
|
})
|
||||||
|
this.memberCount +=1
|
||||||
|
}
|
||||||
|
// console.log(rs)
|
||||||
|
this.teamList = rs
|
||||||
|
this.teamCount = rs.length
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
@ -0,0 +1,139 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="tz-line">
|
||||||
|
<el-date-picker v-model="listQuery.shortDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" />
|
||||||
|
<el-button type="primary" @click="fetchData" icon="el-icon-search">查询</el-button>
|
||||||
|
<el-button type="primary" @click="exprot" icon="el-icon-searh">导出</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
v-loading="listLoading"
|
||||||
|
:data="list"
|
||||||
|
element-loading-text="Loading"
|
||||||
|
border
|
||||||
|
fit
|
||||||
|
highlight-current-row
|
||||||
|
>
|
||||||
|
<el-table-column label="学号" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.studentNo }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="姓名" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.name }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="ip" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.ip }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="学校" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.school }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="更新时间" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ new Date(scope.row.updateTime).Format('yyyy-MM-dd hh:mm:ss') }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
:current-page="listQuery.pageNo"
|
||||||
|
:page-sizes="[10,15,20]"
|
||||||
|
:page-size="listQuery.pageSize"
|
||||||
|
layout="total,prev,pager,next,jumper,sizes"
|
||||||
|
:total="total"
|
||||||
|
@size-change="fetchData"
|
||||||
|
@current-change="fetchData"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import * as competition from '@/api/competition'
|
||||||
|
export default {
|
||||||
|
filters: {
|
||||||
|
statusFilter(status) {
|
||||||
|
const statusMap = {
|
||||||
|
published: 'success',
|
||||||
|
draft: 'info',
|
||||||
|
deleted: 'danger'
|
||||||
|
}
|
||||||
|
return statusMap[status]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: null,
|
||||||
|
listLoading: true,
|
||||||
|
listQuery: {
|
||||||
|
pageNo: 0,
|
||||||
|
pageSize: 20,
|
||||||
|
shortDate: ''
|
||||||
|
},
|
||||||
|
total: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.fetchData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
fetchData() {
|
||||||
|
this.listLoading = true
|
||||||
|
if(this.listQuery.shortDate.length==0){
|
||||||
|
this.listQuery.shortDate = new Date().Format("yyyy-MM-dd")
|
||||||
|
}
|
||||||
|
competition.getMemberLogList(this.listQuery).then(response => {
|
||||||
|
this.list = response.data.list
|
||||||
|
this.total = response.data.total
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
formatJson(filterVal,jsonData){
|
||||||
|
return jsonData.map(v => filterVal.map(j => {
|
||||||
|
if(j=='updateTime'){
|
||||||
|
return new Date(v[j]).Format('yyyy-MM-dd hh:mm:ss')
|
||||||
|
}
|
||||||
|
return v[j]
|
||||||
|
}))
|
||||||
|
},
|
||||||
|
exprot(){
|
||||||
|
if(this.listQuery.shortDate.length==0){
|
||||||
|
this.listQuery.shortDate = new Date().Format("yyyy-MM-dd")
|
||||||
|
}
|
||||||
|
competition.getMemberLogListAll(this.listQuery).then(res => {
|
||||||
|
// this.downloadLoading = true
|
||||||
|
import('@/vendor/Export2Excel').then(excel => {
|
||||||
|
const tHeader = [ '学号','姓名','ip','学校','时间']
|
||||||
|
const filterVal = ['studentNo','name','ip','school','updateTime']
|
||||||
|
const list = res.data.list
|
||||||
|
const data = this.formatJson(filterVal, list)
|
||||||
|
console.log(data)
|
||||||
|
excel.export_json_to_excel({
|
||||||
|
header: tHeader,
|
||||||
|
data,
|
||||||
|
filename: 'member-log',
|
||||||
|
autoWidth: true,
|
||||||
|
bookType: 'xlsx'
|
||||||
|
})
|
||||||
|
// this.downloadLoading = false
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.tz-line{
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.tz-line button{
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue