|
|
|
@ -1,58 +1,69 @@ |
|
|
|
<template> |
|
|
|
<div class="g-main" style="padding: 30px;"> |
|
|
|
<div class="flex" > |
|
|
|
<!-- <div class="flex flex-center1 flex-center2" style="align-items: center;"> |
|
|
|
<div>姓名</div> |
|
|
|
<el-input placeholder="请输入内容" v-model="name" style="width: 200px" clearable> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div class="flex" style="align-items: center;"> |
|
|
|
<div>手机号</div> |
|
|
|
<el-input placeholder="请输入内容" v-model="mobile" style="width: 200px" clearable> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" @click="handleSearch">查询</el-button> |
|
|
|
</div> --> |
|
|
|
<el-form :inline="true" :model="formData" class="demo-form-inline" style="" > |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<el-input placeholder="请输入姓名" v-model="name" style="width: 200px" clearable> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机号" label-width="120px"> |
|
|
|
<el-input placeholder="请输入手机号" v-model="mobile" style="width: 150px" clearable> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
<div style="margin:0 0 10px 30px;"> |
|
|
|
<el-button type="primary" @click="handleSearch" style="margin: 20rpx;">查询</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div > |
|
|
|
<div class="g-main" style="padding: 30px;"> |
|
|
|
<div class="flex"> |
|
|
|
<el-form :inline="true" class="demo-form-inline" style=""> |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<el-input placeholder="请输入姓名" v-model="name" style="width: 200px" clearable> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机号" label-width="120px"> |
|
|
|
<el-input placeholder="请输入手机号" v-model="mobile" style="width: 150px" clearable> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
<div style="margin:0 0 10px 30px;"> |
|
|
|
<el-button type="primary" @click="handleSearch" style="margin: 20rpx;">查询</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-table :data="tableData" border> |
|
|
|
<el-table-column label="序号" width="80" header-align="center" align="center" type="index" ></el-table-column> |
|
|
|
<el-table-column prop="realName" header-align="center" align="center" label="姓名" > |
|
|
|
<el-table-column label="序号" width="80" header-align="center" align="center" type="index"></el-table-column> |
|
|
|
<el-table-column prop="realName" header-align="center" align="center" label="姓名"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="nickName" header-align="center" align="center" label="昵称" > |
|
|
|
<el-table-column prop="nickName" header-align="center" align="center" label="昵称"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="mobile" header-align="center" align="center" label="手机号" > |
|
|
|
<el-table-column prop="mobile" header-align="center" align="center" label="手机号"> |
|
|
|
</el-table-column> |
|
|
|
. <el-table-column prop="idCard" header-align="center" align="center" label="证件号" > |
|
|
|
. <el-table-column prop="idCard" header-align="center" align="center" label="证件号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="applyTime" header-align="center" align="center" label="报名时间" > |
|
|
|
<el-table-column prop="applyTime" header-align="center" align="center" label="报名时间"> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" class="operate"> |
|
|
|
<el-table-column v-if="list.auditVolunteerFlag" label="操作" fixed="right" width="250" header-align="center" align="center" class="operate"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleDetail(scope.row)">查看</el-button> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" |
|
|
|
@click="handleEdit(scope.row)">活动记录</el-button> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" |
|
|
|
@click="handleDelete(scope.row)">积分调整</el-button> |
|
|
|
<el-button v-if="scope.row.attendFlag==1&&auditVolunteerReason==null" type="text" style="color:#1C6AFD;" size="small" @click="handleDetail(scope.row)">审核</el-button> |
|
|
|
<span v-if="scope.row.attendFlag==1">审核通过</span> |
|
|
|
<span v-if="scope.row.attendFlag==2">审核不通过</span> |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
</el-table> |
|
|
|
<el-dialog :modal="false" :visible.sync="showprocess" :close-on-click-modal="false" :close-on-press-escape="false" |
|
|
|
title="报名审核" width="750px" top="10vh" class="dialog-h" @closed="handleprocesslClose"> |
|
|
|
<div class="g-main" style="padding: 30px;"> |
|
|
|
<el-form :inline="true" class="demo-form-inline" style=""> |
|
|
|
<el-form-item label="审核通过"> |
|
|
|
<!-- <el-input placeholder="" v-model="name" style="width: 200px" clearable> |
|
|
|
</el-input> --> |
|
|
|
<el-select v-model="processTable.attendFlag" placeholder="请选择" style="width: 200px"> |
|
|
|
<el-option v-for="item in processList" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<br> |
|
|
|
<el-form-item label="不通过原因"> |
|
|
|
<el-input type="textarea" autosize placeholder="请输入内容" v-model="processTable.auditVolunteerReason" :autosize="6"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
<div class="flex flex-center1 flex-center2"> |
|
|
|
<el-button type="info" @click="handleComfirm">通 过</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" |
|
|
|
:page-sizes="[10, 20, 50]" :page-size="pageSize" layout="sizes, prev, pager, next, total" :total="total"> |
|
|
|
@ -60,7 +71,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { requestPost,requestGet } from "@/js/dai/request"; |
|
|
|
@ -69,6 +80,21 @@ export default { |
|
|
|
name: "see", |
|
|
|
data() { |
|
|
|
return { |
|
|
|
processTable:{ |
|
|
|
id:"", |
|
|
|
attendFlag :"", |
|
|
|
auditVolunteerReason:"" |
|
|
|
}, |
|
|
|
processList:[{ |
|
|
|
label:"通过", |
|
|
|
value:1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
label:"不通过", |
|
|
|
value:2 |
|
|
|
} |
|
|
|
], |
|
|
|
showprocess:false, |
|
|
|
name:"", |
|
|
|
mobile:"", |
|
|
|
total:0, |
|
|
|
@ -77,6 +103,7 @@ export default { |
|
|
|
formData:[], |
|
|
|
pageNo: 1, |
|
|
|
pageSize:20, |
|
|
|
reviewData:{} |
|
|
|
}; |
|
|
|
}, |
|
|
|
props:{ |
|
|
|
@ -86,6 +113,36 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//审核通过/关闭 |
|
|
|
handleComfirm(){ |
|
|
|
const url = "/voluntary/activityApply/updateApplyStatus"; |
|
|
|
let params = { |
|
|
|
id:this.reviewData.id, |
|
|
|
attendFlag:this.processTable.attendFlag, |
|
|
|
auditVolunteerReason:this.processTable.auditVolunteerReason |
|
|
|
} |
|
|
|
requestPost(url, params).then((res) => { |
|
|
|
if (res.code == 0) { |
|
|
|
this.showprocess = false |
|
|
|
} else { |
|
|
|
this.$message.error(res.msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
//关闭审核 |
|
|
|
|
|
|
|
handleprocesslClose() { |
|
|
|
|
|
|
|
this.showprocess = false |
|
|
|
this.getTableData() |
|
|
|
}, |
|
|
|
handleDetail(row){ |
|
|
|
this.reviewData={} |
|
|
|
this.reviewData=row |
|
|
|
this.showprocess=true |
|
|
|
console.log(row,"sd;lgj"); |
|
|
|
|
|
|
|
}, |
|
|
|
//查询 |
|
|
|
handleSearch(){ |
|
|
|
console.log("this.long"); |
|
|
|
|
是小王呀\24601
9 months ago