|
|
@ -3,6 +3,53 @@ |
|
|
<div class="mod-epdc__user}"> |
|
|
<div class="mod-epdc__user}"> |
|
|
<template> |
|
|
<template> |
|
|
<el-tabs v-model="tabFlag" type="border-card" @tab-click="handleClick"> |
|
|
<el-tabs v-model="tabFlag" type="border-card" @tab-click="handleClick"> |
|
|
|
|
|
<el-tab-pane name="0"> |
|
|
|
|
|
<span slot="label"><i class="el-icon-date"></i> 未认证用户</span> |
|
|
|
|
|
<template> |
|
|
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
|
|
|
<el-form-item label="街道"> |
|
|
|
|
|
<el-select v-model="dataForm.streetId" clearable placeholder="请选择" @change="getCommunityList"> |
|
|
|
|
|
<el-option v-for="(item,index) in streetOptions" :key="index" :label="item.name" :value="item.id"></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="社区"> |
|
|
|
|
|
<el-select v-model="dataForm.communityId" clearable placeholder="请选择" @change="getGridList"> |
|
|
|
|
|
<el-option v-for="(item,index) in communityOptions" :key="index" :label="item.name" :value="item.id"></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="网格"> |
|
|
|
|
|
<el-select v-model="dataForm.gridId" clearable placeholder="请选择"> |
|
|
|
|
|
<el-option v-for="(item,index) in gridOptions" :key="index" :label="item.name" :value="item.id"></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="姓名"><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-form-item> |
|
|
|
|
|
<el-form-item label="身份证号"><el-input v-model="dataForm.identityNo" placeholder="请输入" clearable></el-input></el-form-item> |
|
|
|
|
|
<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><el-button @click="getDataList()">{{ $t('query') }}</el-button></el-form-item> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-button v-if="$hasPermission('epdc:user:export')" type="primary" @click="exportHandle()">{{ $t('export') }}</el-button> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
<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 label="序号" width="70px"><template slot-scope="scope">{{scope.$index+1}}</template></el-table-column> |
|
|
|
|
|
<el-table-column prop="realName" 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="state" label="注册状态" :formatter="formatState" header-align="center" align="center"></el-table-column> |
|
|
|
|
|
<el-table-column prop="registerTime" label="加入网格时间" header-align="center" align="center"></el-table-column> |
|
|
|
|
|
<el-table-column prop="myGridName" label="所属网格(街道-社区-网格)" header-align="center" align="center"></el-table-column> |
|
|
|
|
|
<!--<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="100"> |
|
|
|
|
|
<template slot-scope="scope"><el-button type="text" size="small" @click="userDetailHandle(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> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-tab-pane> |
|
|
<el-tab-pane name="1"> |
|
|
<el-tab-pane name="1"> |
|
|
<span slot="label"><i class="el-icon-date"></i> 待审核用户</span> |
|
|
<span slot="label"><i class="el-icon-date"></i> 待审核用户</span> |
|
|
<template> |
|
|
<template> |
|
|
@ -183,15 +230,15 @@ export default { |
|
|
startTime: '', |
|
|
startTime: '', |
|
|
endTime: '', |
|
|
endTime: '', |
|
|
partyFlag: '', |
|
|
partyFlag: '', |
|
|
state: '1' |
|
|
state: '0' |
|
|
}, |
|
|
}, |
|
|
userDetailVisible: false, |
|
|
userDetailVisible: false, |
|
|
streetOptions: [], |
|
|
streetOptions: [], |
|
|
communityOptions: [], |
|
|
communityOptions: [], |
|
|
gridOptions: [], |
|
|
gridOptions: [], |
|
|
time: '', |
|
|
time: '', |
|
|
tabFlag: '1', |
|
|
tabFlag: '0', |
|
|
state: '待审核用户', |
|
|
state: '未认证用户', |
|
|
partyFlagOptions: [{ id: '1', name: '是' }, { id: '0', name: '否' }] |
|
|
partyFlagOptions: [{ id: '1', name: '是' }, { id: '0', name: '否' }] |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
@ -243,6 +290,8 @@ export default { |
|
|
return '审核不通过' |
|
|
return '审核不通过' |
|
|
} else if (state === '3') { |
|
|
} else if (state === '3') { |
|
|
return '审核通过' |
|
|
return '审核通过' |
|
|
|
|
|
} else if (state === '0') { |
|
|
|
|
|
return '已注册' |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
formatPartyFlag: function (row, column) { |
|
|
formatPartyFlag: function (row, column) { |
|
|
|