|
|
@ -3,17 +3,58 @@ |
|
|
|
style="padding: 24px"> |
|
|
|
style="padding: 24px"> |
|
|
|
<div class="tool"> |
|
|
|
<div class="tool"> |
|
|
|
<ul class="filter"> |
|
|
|
<ul class="filter"> |
|
|
|
|
|
|
|
<li> |
|
|
|
|
|
|
|
<label>报名人员状态:</label> |
|
|
|
|
|
|
|
<el-select v-model="form.isDisable" |
|
|
|
|
|
|
|
clearable |
|
|
|
|
|
|
|
@change="initData"> |
|
|
|
|
|
|
|
<el-option v-for="(item, i) in isDisable" |
|
|
|
|
|
|
|
:key="i" |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
|
|
|
|
:value="item.id"></el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li> |
|
|
|
|
|
|
|
<label>组织类型</label> |
|
|
|
|
|
|
|
<el-select v-model="form.platformId" |
|
|
|
|
|
|
|
clearable |
|
|
|
|
|
|
|
@change="initData"> |
|
|
|
|
|
|
|
<el-option v-for="(item, i) in platformId" |
|
|
|
|
|
|
|
:key="i" |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
|
|
|
|
:value="item.id"></el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="tool"> |
|
|
|
|
|
|
|
<ul class="filter"> |
|
|
|
|
|
|
|
<li> |
|
|
|
|
|
|
|
<label>签到情况:</label> |
|
|
|
|
|
|
|
<el-select v-model="form.signInStatus" |
|
|
|
|
|
|
|
clearable |
|
|
|
|
|
|
|
@change="initData"> |
|
|
|
|
|
|
|
<el-option v-for="(item, i) in signInStatus" |
|
|
|
|
|
|
|
:key="i" |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
|
|
|
|
:value="item.id"></el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<li> |
|
|
|
<label>搜索:</label> |
|
|
|
<label>搜索:</label> |
|
|
|
<el-input placeholder="请输入姓名、姓名进行查询" |
|
|
|
<el-input placeholder="请输入姓名、姓名进行查询" |
|
|
|
prefix-icon="el-icon-search" |
|
|
|
prefix-icon="el-icon-search" |
|
|
|
v-model="keyword" |
|
|
|
v-model="form.keyWord" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
size="mini" |
|
|
|
size="mini" |
|
|
|
style="width: 250px"></el-input> |
|
|
|
style="width: 250px"></el-input> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
<div></div> |
|
|
|
<div> |
|
|
|
|
|
|
|
<!-- <el-button type="primary" |
|
|
|
|
|
|
|
@click="add">新增</el-button> --> |
|
|
|
|
|
|
|
<el-button @click="exportAll">批量导出</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-table ref="table" |
|
|
|
<el-table ref="table" |
|
|
@ -36,22 +77,30 @@ |
|
|
|
{{ scope.$index + (page - 1) * pageSize + 1 }} |
|
|
|
{{ scope.$index + (page - 1) * pageSize + 1 }} |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="schoolName" |
|
|
|
<el-table-column prop="username" |
|
|
|
|
|
|
|
label="姓名"> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="organizationName" |
|
|
|
label="组织名称" |
|
|
|
label="组织名称" |
|
|
|
sortable="custom"> |
|
|
|
sortable="custom"> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="username" |
|
|
|
<el-table-column prop="platformId" |
|
|
|
label="姓名"> |
|
|
|
label="组织类型"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="createTime" |
|
|
|
|
|
|
|
label="报名时间"> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="signInStatus" |
|
|
|
|
|
|
|
label="签到情况"> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="phone" |
|
|
|
<el-table-column prop="phone" |
|
|
|
label="手机号"> |
|
|
|
label="手机号"> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column label="操作" |
|
|
|
<el-table-column label="操作" |
|
|
|
align="center" |
|
|
|
align="center" |
|
|
|
width="320"> |
|
|
|
width="320"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" |
|
|
|
<!-- <el-button type="text" |
|
|
|
@click="delData(scope.row)">删除</el-button> |
|
|
|
@click="delData(scope.row)">删除</el-button> --> |
|
|
|
<el-switch v-model="scope.row.isDisable" |
|
|
|
<el-switch v-model="scope.row.isDisable" |
|
|
|
:active-text="scope.row.isDisable ? '关' : '开'" |
|
|
|
:active-text="scope.row.isDisable ? '关' : '开'" |
|
|
|
:active-value="0" |
|
|
|
:active-value="0" |
|
|
@ -59,7 +108,7 @@ |
|
|
|
style="margin-left: 5px" |
|
|
|
style="margin-left: 5px" |
|
|
|
@change="switchOff($event,scope.row,scope.$index)"></el-switch> |
|
|
|
@change="switchOff($event,scope.row,scope.$index)"></el-switch> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
<div class="pagination"> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination background |
|
|
|
<el-pagination background |
|
|
@ -80,8 +129,61 @@ export default { |
|
|
|
name: "matchSignup", |
|
|
|
name: "matchSignup", |
|
|
|
data () { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
return { |
|
|
|
|
|
|
|
token: util.local.get(Setting.tokenKey), |
|
|
|
id: this.$route.query.id, |
|
|
|
id: this.$route.query.id, |
|
|
|
teamId: this.$route.query.teamId, |
|
|
|
teamId: this.$route.query.teamId, |
|
|
|
|
|
|
|
form: { |
|
|
|
|
|
|
|
isDisable: '', |
|
|
|
|
|
|
|
platformId: '', |
|
|
|
|
|
|
|
signInStatus: '', |
|
|
|
|
|
|
|
keyWord: '', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
isDisable: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: '', |
|
|
|
|
|
|
|
name: '不限' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 1, |
|
|
|
|
|
|
|
name: '已禁用' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 0, |
|
|
|
|
|
|
|
name: '未禁用' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
platformId: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: '', |
|
|
|
|
|
|
|
name: '不限' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 7, |
|
|
|
|
|
|
|
name: '无组织' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 6, |
|
|
|
|
|
|
|
name: '供应商' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 5, |
|
|
|
|
|
|
|
name: '幼儿园' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
signInStatus: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: '', |
|
|
|
|
|
|
|
name: '不限' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 1, |
|
|
|
|
|
|
|
name: '已签到' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 0, |
|
|
|
|
|
|
|
name: '未签到' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
keyword: "", |
|
|
|
keyword: "", |
|
|
|
list: [], |
|
|
|
list: [], |
|
|
|
multipleSelection: [], |
|
|
|
multipleSelection: [], |
|
|
@ -91,7 +193,7 @@ export default { |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
watch: { |
|
|
|
keyword: function (val) { |
|
|
|
'form.keyWord': function (val) { |
|
|
|
clearTimeout(this.searchTimer); |
|
|
|
clearTimeout(this.searchTimer); |
|
|
|
this.searchTimer = setTimeout(() => { |
|
|
|
this.searchTimer = setTimeout(() => { |
|
|
|
this.initData(); |
|
|
|
this.initData(); |
|
|
@ -107,14 +209,11 @@ export default { |
|
|
|
pageNum: this.page, |
|
|
|
pageNum: this.page, |
|
|
|
pageSize: this.pageSize, |
|
|
|
pageSize: this.pageSize, |
|
|
|
competitionId: this.id, |
|
|
|
competitionId: this.id, |
|
|
|
keyWord: this.keyword, |
|
|
|
...this.form |
|
|
|
isDisable: this.isDisable, |
|
|
|
|
|
|
|
teamOrder: this.teamOrder, |
|
|
|
|
|
|
|
}).then(({ data }) => { |
|
|
|
}).then(({ data }) => { |
|
|
|
this.list = data.records; |
|
|
|
this.list = data.records; |
|
|
|
this.total = data.total; |
|
|
|
this.total = data.total; |
|
|
|
}).catch(res => { |
|
|
|
}).catch(res => { }); |
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
initData () { |
|
|
|
initData () { |
|
|
|
this.page = 1 |
|
|
|
this.page = 1 |
|
|
@ -128,7 +227,7 @@ export default { |
|
|
|
this.getData(); |
|
|
|
this.getData(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
switchOff (val, row, index) { |
|
|
|
switchOff (val, row, index) { |
|
|
|
this.$put(`${this.api.disableActivityApplicant}?competitionRegistrationId=${row.id}&isDisable=${val}`).then(res => { }).catch(err => { }); |
|
|
|
this.$put(`${this.api.disableRegistration}?competitionRegistrationId=${row.id}&isDisable=${val}`).then(res => { }).catch(err => { }); |
|
|
|
}, |
|
|
|
}, |
|
|
|
delData (row) { |
|
|
|
delData (row) { |
|
|
|
this.$confirm("此删除操作不可逆,是否确认删除选中项?", "提示", { |
|
|
|
this.$confirm("此删除操作不可逆,是否确认删除选中项?", "提示", { |
|
|
@ -155,7 +254,7 @@ export default { |
|
|
|
const data = this.multipleSelection |
|
|
|
const data = this.multipleSelection |
|
|
|
if (data.length) { |
|
|
|
if (data.length) { |
|
|
|
data.map((e, i) => e.id = i + 1) |
|
|
|
data.map((e, i) => e.id = i + 1) |
|
|
|
axios.post(this.api.exportDataInBatchesApplicant, data, { |
|
|
|
axios.post(this.api.exportDataInBatchesCom, data, { |
|
|
|
headers: { |
|
|
|
headers: { |
|
|
|
token: this.token |
|
|
|
token: this.token |
|
|
|
}, |
|
|
|
}, |
|
|
@ -164,7 +263,7 @@ export default { |
|
|
|
util.downloadFileDirect(`报名人员.xls`, new Blob([res.data])) |
|
|
|
util.downloadFileDirect(`报名人员.xls`, new Blob([res.data])) |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(res => { }) |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
axios.get(`${this.api.excelExportApplicant}?activityId=${this.id}`, { |
|
|
|
axios.get(`${this.api.excelExportCom}?competitionId=${this.id}`, { |
|
|
|
headers: { |
|
|
|
headers: { |
|
|
|
token: this.token |
|
|
|
token: this.token |
|
|
|
}, |
|
|
|
}, |
|
|
|