|
|
|
@ -1,12 +1,12 @@ |
|
|
|
<template> |
|
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
|
<div class="mod-heart__actuserrelation}"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" @click="backToActList">返回</el-button> |
|
|
|
</el-form-item> |
|
|
|
<div> |
|
|
|
<el-form-item label="状态"> |
|
|
|
<el-form-item label="状态" label-width="68px"> |
|
|
|
<el-select v-model="dataForm.status" placeholder="状态" clearable> |
|
|
|
<el-option label="报名" :value="0"></el-option> |
|
|
|
<el-option label="审核通过" :value="1"></el-option> |
|
|
|
@ -16,25 +16,35 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<el-input v-model="dataForm.realName" placeholder="请输入" clearable></el-input> |
|
|
|
<el-input v-model="dataForm.realName" @keyup.native="btKeyUpUsername" placeholder="请输入" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机号"> |
|
|
|
<el-input v-model="dataForm.mobile" placeholder="请输入" clearable></el-input> |
|
|
|
<el-input v-model="dataForm.mobile" @keyup.native="btKeyUpMobile" placeholder="请输入" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div class="block"> |
|
|
|
<span class="demonstration">注册时间</span> |
|
|
|
<el-date-picker |
|
|
|
@change="setRegistTime" |
|
|
|
v-model="time" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
></el-date-picker> |
|
|
|
<el-form-item label="注册时间" prop="startTime" label-width="90px"> |
|
|
|
<el-date-picker v-model="dataForm.startTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateBefore" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间" |
|
|
|
style="width:200px" @change="changeTime"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="至" prop="endTime"> |
|
|
|
<el-date-picker v-model="dataForm.endTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateAfter" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间" |
|
|
|
style="width:200px" @change="changeTime"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
|
|
<el-button @click="getDataListSearch()" type="primary">{{ $t('query') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
@ -46,18 +56,19 @@ |
|
|
|
style="width: 100%;" |
|
|
|
> |
|
|
|
<el-table-column label="序号" type="index" show-overflow-tooltip align="center" width="50"></el-table-column> |
|
|
|
<el-table-column prop="realName" label="报名人" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="realName" label="报名人" header-align="center" align="center" width="100"></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="sex" |
|
|
|
label="性别" |
|
|
|
:formatter="formatSex" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width='50' |
|
|
|
></el-table-column> |
|
|
|
<el-table-column prop="age" label="年龄" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="identityNo" label="身份证号" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="signupTime" label="报名时间" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="age" label="年龄" header-align="center" align="center" width="50"></el-table-column> |
|
|
|
<el-table-column prop="mobile" label="联系电话" header-align="center" align="center" width="150"></el-table-column> |
|
|
|
<el-table-column prop="identityNo" label="身份证号" header-align="center" align="center" width="200"></el-table-column> |
|
|
|
<el-table-column prop="signupTime" label="报名时间" header-align="center" align="center" width="180"></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="status" |
|
|
|
label="状态" |
|
|
|
@ -65,8 +76,8 @@ |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column prop="auditTime" label="审核时间" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="failureReason" label="原因" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="auditTime" label="审核时间" header-align="center" align="center" width="180"></el-table-column> |
|
|
|
<el-table-column prop="failureReason" label="原因" header-align="center" align="center" min-width="200" show-overflow-tooltip ></el-table-column> |
|
|
|
<el-table-column |
|
|
|
:label="$t('handle')" |
|
|
|
fixed="right" |
|
|
|
@ -122,7 +133,6 @@ export default { |
|
|
|
deleteURL: '/heart/actuserrelation', |
|
|
|
deleteIsBatch: true |
|
|
|
}, |
|
|
|
|
|
|
|
dataForm: { |
|
|
|
id: '', |
|
|
|
actId: '', |
|
|
|
@ -131,6 +141,22 @@ export default { |
|
|
|
realName: '', |
|
|
|
mobile: '' |
|
|
|
}, |
|
|
|
pickerBeginDateBefore: { |
|
|
|
disabledDate: (time) => { |
|
|
|
let beginDateVal = this.dataForm.endTime |
|
|
|
if (beginDateVal) { |
|
|
|
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
pickerBeginDateAfter: { |
|
|
|
disabledDate: (time) => { |
|
|
|
let EndDateVal = this.dataForm.startTime |
|
|
|
if (EndDateVal) { |
|
|
|
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
time: '', |
|
|
|
addOrUpdateVisible: false, |
|
|
|
detailVisible: false |
|
|
|
@ -147,6 +173,14 @@ export default { |
|
|
|
this.$parent.selectComponent = 'ActInfoList' |
|
|
|
this.$router.push({ path: '/heart-actinfo' }) |
|
|
|
}, |
|
|
|
btKeyUpUsername (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.username = e.target.value |
|
|
|
}, |
|
|
|
btKeyUpMobile (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.mobile = e.target.value |
|
|
|
}, |
|
|
|
detailHandle (id) { |
|
|
|
this.detailVisible = true |
|
|
|
this.$nextTick(() => { |
|
|
|
@ -154,14 +188,6 @@ export default { |
|
|
|
this.$refs.actuserrelationDetail.init() |
|
|
|
}) |
|
|
|
}, |
|
|
|
setRegistTime () { |
|
|
|
if (this.time === null) { |
|
|
|
this.dataForm.startTime = '' |
|
|
|
this.dataForm.endTime = '' |
|
|
|
} |
|
|
|
this.dataForm.startTime = this.time[0] |
|
|
|
this.dataForm.endTime = this.time[1] |
|
|
|
}, |
|
|
|
formatState: function (row, column) { |
|
|
|
let state = row.status |
|
|
|
|
|
|
|
|
wanggongfeng
5 years ago