|
|
|
@ -4,65 +4,77 @@ |
|
|
|
<div class="mod-__partymembers}"> |
|
|
|
<el-form :inline="true" |
|
|
|
:model="dataForm" |
|
|
|
@keyup.enter.native="getDataList()"> |
|
|
|
<el-form-item label="所属机构"> |
|
|
|
@keyup.enter.native="getDataListSearch()"> |
|
|
|
<el-form-item label="所属机构" label-width="70px"> |
|
|
|
<el-cascader v-model="deptIdList" |
|
|
|
:options="options" |
|
|
|
:props="{ checkStrictly: true }" |
|
|
|
clearable> |
|
|
|
</el-cascader> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="注册状态" label-width="70px"> |
|
|
|
<el-select v-model="dataForm.registFlag" |
|
|
|
placeholder="请选择"> |
|
|
|
<el-option v-for="item in registFlagOptions" |
|
|
|
:key="item.dictValue" |
|
|
|
:label="item.dictName" |
|
|
|
:value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<br> |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<el-form-item label="姓名" label-width="70px"> |
|
|
|
<el-input v-model="dataForm.realName" |
|
|
|
placeholder="" |
|
|
|
placeholder="请输入姓名" |
|
|
|
@keyup.native="btKeyUpRealName" |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机号"> |
|
|
|
<el-form-item label="手机号" label-width="70px"> |
|
|
|
<el-input v-model="dataForm.mobile" |
|
|
|
placeholder="" |
|
|
|
placeholder="请输入手机号" |
|
|
|
@keyup.native="btKeyUpMobile" |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号"> |
|
|
|
<el-form-item label="身份证号" label-width="70px"> |
|
|
|
<el-input v-model="dataForm.identityNo" |
|
|
|
placeholder="" |
|
|
|
placeholder="请输入身份证号" |
|
|
|
@keyup.native="btKeyUpIdentityNo" |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<!--<el-form-item label="职务">--> |
|
|
|
<!--<el-select v-model="dataForm.postId"--> |
|
|
|
<!--placeholder="请选择">--> |
|
|
|
<!--<el-option v-for="item in postOptions"--> |
|
|
|
<!--:key="item.dictValue"--> |
|
|
|
<!--:label="item.dictName"--> |
|
|
|
<!--:value="item.dictValue">--> |
|
|
|
<!--</el-option>--> |
|
|
|
<!--</el-select>--> |
|
|
|
<!--</el-form-item>--> |
|
|
|
<br> |
|
|
|
<el-form-item label="注册状态"> |
|
|
|
<el-select v-model="dataForm.registFlag" |
|
|
|
<el-form-item label="职务" v-if="false"> |
|
|
|
<el-select v-model="dataForm.postId" |
|
|
|
placeholder="请选择"> |
|
|
|
<el-option v-for="item in registFlagOptions" |
|
|
|
<el-option v-for="item in postOptions" |
|
|
|
:key="item.dictValue" |
|
|
|
:label="item.dictName" |
|
|
|
:value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="注册时间"> |
|
|
|
<el-date-picker v-model="timeRange" |
|
|
|
type="daterange" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
<br> |
|
|
|
<el-form-item label="认证时间" prop="startTime" label-width="70px"> |
|
|
|
<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" |
|
|
|
:default-time="['00:00:00', '23:59:59']" |
|
|
|
@change="selectedTime"> |
|
|
|
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="success">{{ $t('query') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<br> |
|
|
|
<el-form-item> |
|
|
|
<el-button v-if="$hasPermission('partymembers:save')" |
|
|
|
type="primary" |
|
|
|
@ -74,11 +86,11 @@ |
|
|
|
@click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="info" v-if="$hasPermission('partymembers:export')" |
|
|
|
<el-button type="success" v-if="$hasPermission('partymembers:export')" |
|
|
|
@click="exportHandle()">{{ $t('export') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="info" v-if="$hasPermission('partymembers:exporttemplate')" |
|
|
|
<el-button type="success" v-if="$hasPermission('partymembers:exporttemplate')" |
|
|
|
@click="exportMoudleHandle()">导出模板</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
@ -104,44 +116,58 @@ |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="50"></el-table-column> --> |
|
|
|
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|
|
|
<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> |
|
|
|
align="center" |
|
|
|
width="150"></el-table-column> |
|
|
|
<el-table-column prop="mobile" |
|
|
|
label="手机号" |
|
|
|
width="110" |
|
|
|
header-align="center" |
|
|
|
align="center"></el-table-column> |
|
|
|
align="center" |
|
|
|
width="200"></el-table-column> |
|
|
|
<el-table-column prop="identityNo" |
|
|
|
label="身份证号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="180"></el-table-column> |
|
|
|
<!--<el-table-column prop="post"--> |
|
|
|
<!--label="职务"--> |
|
|
|
<!--header-align="center"--> |
|
|
|
<!--align="center"></el-table-column>--> |
|
|
|
<!--<el-table-column prop="cadreFlag"--> |
|
|
|
<!--label="干部下沉"--> |
|
|
|
<!--:formatter="formatCadre"--> |
|
|
|
<!--header-align="center"--> |
|
|
|
<!--align="center"></el-table-column>--> |
|
|
|
<!--<el-table-column prop="partyOrganization"--> |
|
|
|
<!--label="所在党委"--> |
|
|
|
<!--header-align="center"--> |
|
|
|
<!--align="center"></el-table-column>--> |
|
|
|
width="200"></el-table-column> |
|
|
|
<el-table-column prop="post" |
|
|
|
label="职务" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
v-if="false"></el-table-column> |
|
|
|
<el-table-column prop="cadreFlag" |
|
|
|
label="干部下沉" |
|
|
|
:formatter="formatCadre" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
v-if="false"></el-table-column> |
|
|
|
<el-table-column prop="partyOrganization" |
|
|
|
label="所在党委" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
v-if="false"></el-table-column> |
|
|
|
<el-table-column prop="registFlag" |
|
|
|
label="注册状态" |
|
|
|
header-align="center" |
|
|
|
align="center" :formatter="formatregistFlag"></el-table-column> |
|
|
|
align="center" :formatter="formatregistFlag" |
|
|
|
width="100"></el-table-column> |
|
|
|
<el-table-column prop="registTime" |
|
|
|
label="认证时间" |
|
|
|
width="180" |
|
|
|
header-align="center" |
|
|
|
align="center"></el-table-column> |
|
|
|
align="center" |
|
|
|
width="180"></el-table-column> |
|
|
|
<el-table-column prop="allDeptNames" |
|
|
|
label="街道-社区-网格" min-width="200" show-overflow-tooltip> </el-table-column> |
|
|
|
label="街道-社区-网格" |
|
|
|
min-width="300" |
|
|
|
show-overflow-tooltip |
|
|
|
header-align="center" |
|
|
|
align="center"> </el-table-column> |
|
|
|
<el-table-column :label="$t('handle')" |
|
|
|
fixed="right" |
|
|
|
header-align="center" |
|
|
|
@ -245,6 +271,22 @@ export default { |
|
|
|
dictValue: '2' |
|
|
|
} |
|
|
|
], |
|
|
|
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() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
timeRange: [], |
|
|
|
upLoadUrl: '', |
|
|
|
faultDataVisible: false, |
|
|
|
@ -292,13 +334,50 @@ export default { |
|
|
|
.catch(() => { }) |
|
|
|
// this.getStreetList() |
|
|
|
this.getRegistOptions() |
|
|
|
this.initTime() |
|
|
|
// this.getPostOptions() |
|
|
|
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/app-user/partymembers/importExcel?token=${Cookies.get('token')}` |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
selectedTime () { |
|
|
|
this.dataForm.startTime = this.timeRange[0] |
|
|
|
this.dataForm.endTime = this.timeRange[1] |
|
|
|
initTime () { |
|
|
|
const end = new Date() |
|
|
|
const start = new Date() |
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) |
|
|
|
this.time = [start, end] |
|
|
|
let year = start.getFullYear() |
|
|
|
let month = start.getMonth() + 1 |
|
|
|
if (month < 10) { |
|
|
|
month = '0' + month |
|
|
|
} |
|
|
|
let date = start.getDate() |
|
|
|
if (date < 10) { |
|
|
|
date = '0' + date |
|
|
|
} |
|
|
|
let startDate = year + '-' + month + '-' + date |
|
|
|
let yearend = end.getFullYear() |
|
|
|
let monthend = end.getMonth() + 1 |
|
|
|
if (monthend < 10) { |
|
|
|
monthend = '0' + monthend |
|
|
|
} |
|
|
|
let dateend = end.getDate() |
|
|
|
if (dateend < 10) { |
|
|
|
dateend = '0' + dateend |
|
|
|
} |
|
|
|
let endDate = yearend + '-' + monthend + '-' + dateend |
|
|
|
this.dataForm.startTime = startDate |
|
|
|
this.dataForm.endTime = endDate |
|
|
|
}, |
|
|
|
btKeyUpRealName (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.realName = e.target.value |
|
|
|
}, |
|
|
|
btKeyUpMobile (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.mobile = e.target.value |
|
|
|
}, |
|
|
|
btKeyUpIdentityNo (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.identityNo = e.target.value |
|
|
|
}, |
|
|
|
getCommunityList () { |
|
|
|
if (this.dataForm.streetId === '') { |
|
|
|
|
wanggongfeng
5 years ago