Browse Source

志愿者管理,已经审批过的,不要显示审批按钮

master
曲树通 6 years ago
parent
commit
2c788cbc21
  1. 186
      src/views/modules/user/volunteerinfo.vue

186
src/views/modules/user/volunteerinfo.vue

@ -1,111 +1,129 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<el-card shadow="never"
class="aui-card--fill">
<div class="mod-epdc__user}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form :inline="true"
:model="dataForm"
@keyup.enter.native="getDataList()">
<el-form-item label="所属机构">
<el-cascader
v-model="deptIdList"
:options="options"
:props="{ checkStrictly: true }"
clearable
></el-cascader>
<el-cascader v-model="deptIdList"
:options="options"
:props="{ checkStrictly: true }"
clearable></el-cascader>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="dataForm.realName" placeholder="姓名" clearable></el-input>
<el-input v-model="dataForm.realName"
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"
placeholder="手机号"
clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%"
>
<el-table v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%">
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> -->
<!-- <el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column> -->
<!-- <el-table-column prop="userId" label="用户ID" header-align="center" align="center"></el-table-column> -->
<el-table-column prop="realName" label="姓名" header-align="center" align="center"></el-table-column>
<el-table-column
prop="sex" width="140"
label="性别"
:formatter="sexState"
header-align="center"
align="center"
></el-table-column>
<el-table-column prop="birthdayString" width="140" 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="registTimeString" label="认证时间" header-align="center" align="center"></el-table-column>
<el-table-column
prop="auditStatus"
label="状态"
:formatter="auditStatusState"
header-align="center"
align="center"
></el-table-column>
<el-table-column prop="kindnessTime" label="爱心时长" :formatter="kindnessTimeState" header-align="center" align="center"></el-table-column>
<el-table-column prop="points" label="积分" header-align="center" align="center"></el-table-column>
<el-table-column
:label="$t('handle')"
fixed="right"
header-align="center"
align="center"
width="200"
>
<el-table-column prop="realName"
label="姓名"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="sex"
width="140"
label="性别"
:formatter="sexState"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="birthdayString"
width="140"
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="registTimeString"
label="认证时间"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="auditStatus"
label="状态"
:formatter="auditStatusState"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="kindnessTime"
label="爱心时长"
:formatter="kindnessTimeState"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="points"
label="积分"
header-align="center"
align="center"></el-table-column>
<el-table-column :label="$t('handle')"
fixed="right"
header-align="center"
align="center"
width="200">
<template slot-scope="scope">
<el-button type="text" size="small" @click="userDetailHandle(scope.row.id)">查看</el-button>
<el-button
type="text"
size="small"
@click="checkHandle(scope.row.id,1)"
>审批</el-button>
<el-button type="text"
size="small"
@click="userDetailHandle(scope.row.id)">查看</el-button>
<el-button v-if="scope.row.auditStatus == 1"
type="text"
size="small"
@click="checkHandle(scope.row.id,1)">审批</el-button>
<!-- <el-button type="text" size="small" @click="checkHandle(scope.row.id, 2)">拉入黑名单</el-button> -->
<el-button type="text" size="small" @click="pointsAdjustHandle(scope.row.id)">积分调整</el-button>
<el-button type="text" size="small" @click="pointsLogs(scope.row.id)">积分记录</el-button>
<el-button type="text"
size="small"
@click="pointsAdjustHandle(scope.row.id)">积分调整</el-button>
<el-button type="text"
size="small"
@click="pointsLogs(scope.row.id)">积分记录</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
:current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle"
></el-pagination>
<el-pagination :current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle"></el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
<!-- 弹窗, 查看 -->
<volunteerinfo-detail
v-if="volunteerinfoDetailVisible"
ref="volunteerinfoDetail"
@refreshDataList="getDataList"
></volunteerinfo-detail>
<volunteerinfo-detail v-if="volunteerinfoDetailVisible"
ref="volunteerinfoDetail"
@refreshDataList="getDataList"></volunteerinfo-detail>
<!-- 弹窗, 审批 -->
<volunteerinfo-check
v-if="volunteerinfoCheckVisible"
ref="volunteerinfoCheck"
@refreshDataList="getDataList"
></volunteerinfo-check>
<volunteerinfo-check v-if="volunteerinfoCheckVisible"
ref="volunteerinfoCheck"
@refreshDataList="getDataList"></volunteerinfo-check>
<!-- 弹窗, 积分调整 -->
<volunteerinfo-points-adjust
v-if="volunteerinfoPointsAdjustVisible"
ref="volunteerinfoPointsAdjust"
@refreshDataList="getDataList"
></volunteerinfo-points-adjust>
<volunteerinfo-points-adjust v-if="volunteerinfoPointsAdjustVisible"
ref="volunteerinfoPointsAdjust"
@refreshDataList="getDataList"></volunteerinfo-points-adjust>
<!-- 积分记录 -->
<volunteer-points-log
v-if="volunteerPointsLogVisible"
ref="volunteerPointsLog"
@refreshDataList="getDataList"
></volunteer-points-log>
<volunteer-points-log v-if="volunteerPointsLogVisible"
ref="volunteerPointsLog"
@refreshDataList="getDataList"></volunteer-points-log>
</div>
</el-card>
</template>
@ -166,7 +184,7 @@ export default {
}
this.options = res.data.options
})
.catch(() => {})
.catch(() => { })
},
watch: {
deptIdList: function (val) {

Loading…
Cancel
Save