elink-star
/
epdc-admin-luzhou
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

【市北代码迁移至安宁】【居民管理】-王公峰-2020-09-17

redesign
wanggongfeng 5 years ago
parent
e8c5028508
commit
b69e532604
6 changed files with 642 additions and 302 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 279
      src/views/modules/custom/enterpriseinfo.vue
  2. 114
      src/views/modules/user/alluser.vue
  3. 143
      src/views/modules/user/fail-authentication.vue
  4. 128
      src/views/modules/user/pass-authentication.vue
  5. 148
      src/views/modules/user/unauthorized.vue
  6. 132
      src/views/modules/user/wait-authentication.vue

279
src/views/modules/custom/enterpriseinfo.vue
View File

@ -1,125 +1,170 @@
<template> <template>
<el-card shadow="never" class="aui-card--fill"> <el-card shadow="never" class="aui-card--fill">
<div class="mod-__enterpriseinfo}"> <div class="mod-__enterpriseinfo}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<div> <div>
<el-form-item label="区域"> <el-form-item label="区域" label-width="52px">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable> <el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable>
</el-cascader> </el-cascader>
</el-form-item> </el-form-item>
</div> <el-form-item label="公司名称">
<el-form-item label="公司名称"><el-input v-model="dataForm.enterpriseName" placeholder="请输入" clearable></el-input></el-form-item> <el-input v-model="dataForm.enterpriseName" placeholder="请输入" clearable @keyup.native="btKeyUpenterpriseName"></el-input>
<el-form-item label="联系人手机号"><el-input v-model="dataForm.mobile" placeholder="请输入" clearable></el-input></el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码"><el-input v-model="dataForm.uniformSocialCreditCode" placeholder="请输入" clearable></el-input></el-form-item> <el-form-item label="统一社会信用代码">
<el-form-item label="法人姓名"><el-input v-model="dataForm.legalPerson" placeholder="请输入" clearable></el-input></el-form-item> <el-input v-model="dataForm.uniformSocialCreditCode" placeholder="请输入" clearable @keyup.native="btKeyUpuniformSocialCreditCode"></el-input>
</el-form-item>
</div>
<el-form-item label="手机号">
<el-input v-model="dataForm.mobile" placeholder="请输入" clearable @keyup.native="btKeyUpmobile"></el-input>
</el-form-item>
<el-form-item label="法人姓名">
<el-input v-model="dataForm.legalPerson" placeholder="请输入" clearable @keyup.native="btKeyUplegalPerson"></el-input>
</el-form-item>
<el-form-item> <el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('epdc:enterpriseinfo:export')" type="primary" @click="exportHandle()">{{ $t('export') }}</el-button> <el-button v-if="$hasPermission('epdc:enterpriseinfo:export')" type="primary"
</el-form-item> @click="exportHandle()">{{ $t('export') }}
</el-form> </el-button>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> </el-form-item>
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> </el-form>
<el-table-column prop="realName" label="姓名" header-align="center" align="center"></el-table-column> <el-table v-loading="dataListLoading" :data="dataList" border
<el-table-column prop="sex" label="性别" width="60" header-align="center" align="center" :formatter="showFlagFormat"></el-table-column> @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column prop="mobile" label="手机号" width="110" header-align="center" align="center"></el-table-column> <el-table-column label="序号" header-align="center" align="center" width="50px">
<el-table-column prop="enterpriseName" min-width="250" show-overflow-tooltip label="企业全称" header-align="center" align="left"></el-table-column> <template slot-scope="scope">
<el-table-column prop="uniformSocialCreditCode" width="200" label="统一社会信用代码" header-align="center" align="left"></el-table-column> {{scope.$index+1}}
<el-table-column prop="legalPerson" label="企业法人" header-align="center" align="center"></el-table-column> </template>
<el-table-column prop="enterpriseAddress" label="企业地址" min-width="300" show-overflow-tooltip header-align="center" align="left"></el-table-column> </el-table-column>
<el-table-column prop="industry" label="所属行业" header-align="center" align="center"></el-table-column> <el-table-column prop="realName" label="姓名" header-align="center" align="center"
<el-table-column prop="businessScope" label="经营范围" min-width="200" show-overflow-tooltip header-align="center" align="left"></el-table-column> width="120"></el-table-column>
<el-table-column prop="registeredCapital" label="注册资金(万元)" header-align="center" align="center"></el-table-column> <el-table-column prop="sex" label="性别" header-align="center" align="center" :formatter="showFlagFormat"
<el-table-column prop="employedPopulation" label="从业人数" header-align="center" align="center"></el-table-column> width="80"></el-table-column>
<el-table-column prop="allDeptNames" label="所属网格" min-width="400" show-overflow-tooltip header-align="center" align="left"></el-table-column> <el-table-column prop="mobile" label="手机号" header-align="center" align="center"
</el-table> width="150"></el-table-column>
<el-pagination <el-table-column prop="enterpriseName" label="企业全称" header-align="center" align="center" min-width="200"
:current-page="page" show-overflow-tooltip></el-table-column>
:page-sizes="[10, 20, 50, 100]" <el-table-column prop="uniformSocialCreditCode" label="统一社会信用代码" header-align="center" align="center"
:page-size="limit" min-width="180" show-overflow-tooltip></el-table-column>
:total="total" <el-table-column prop="legalPerson" label="企业法人" header-align="center" align="center" width="120"
layout="total, sizes, prev, pager, next, jumper" show-overflow-tooltip></el-table-column>
@size-change="pageSizeChangeHandle" <el-table-column prop="enterpriseAddress" label="企业地址" header-align="center" align="center"
@current-change="pageCurrentChangeHandle"> min-width="200" show-overflow-tooltip></el-table-column>
</el-pagination> <el-table-column prop="industry" label="所属行业" header-align="center" align="center" min-width="180"
<!-- 弹窗, 新增 / 修改 --> show-overflow-tooltip></el-table-column>
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> <el-table-column prop="businessScope" label="经营范围" header-align="center" align="center" min-width="180"
</div> show-overflow-tooltip></el-table-column>
</el-card> <el-table-column prop="registeredCapital" label="注册资金(万元)" header-align="center" align="center"
width="120"></el-table-column>
<el-table-column prop="employedPopulation" label="从业人数" header-align="center" align="center"
width="120"></el-table-column>
<el-table-column prop="allDeptNames" label="所属网格" header-align="center" align="center" min-width="400"
show-overflow-tooltip></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>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</div>
</el-card>
</template> </template>
<script> <script>
import mixinViewModule from '@/mixins/view-module' import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './enterpriseinfo-add-or-update' import AddOrUpdate from './enterpriseinfo-add-or-update'
export default {
mixins: [mixinViewModule], export default {
data () { mixins: [mixinViewModule],
return { data() {
mixinViewModuleOptions: { return {
getDataListURL: '/custom/enterpriseinfo/page', mixinViewModuleOptions: {
getDataListIsPage: true, getDataListURL: '/custom/enterpriseinfo/page',
deleteURL: '/custom/enterpriseinfo', getDataListIsPage: true,
deleteIsBatch: true, deleteURL: '/custom/enterpriseinfo',
exportURL: '/custom/enterpriseinfo/export' deleteIsBatch: true,
}, exportURL: '/custom/enterpriseinfo/export'
dataForm: { },
enterpriseName: '', dataForm: {
mobile: '', enterpriseName: '',
uniformSocialCreditCode: '', mobile: '',
legalPerson: '' uniformSocialCreditCode: '',
}, legalPerson: ''
ids: [], },
options: [] ids: [],
} options: []
}, }
components: { },
AddOrUpdate components: {
}, AddOrUpdate
created: function () { },
this.getOptions() created: function () {
}, this.getOptions()
watch: { },
'ids': function (val) { watch: {
if (val.length === 0) { 'ids': function (val) {
this.dataForm.streetId = '' if (val.length === 0) {
this.dataForm.communityId = '' this.dataForm.streetId = ''
this.dataForm.gridId = '' this.dataForm.communityId = ''
} this.dataForm.gridId = ''
if (val.length === 1) { }
this.dataForm.streetId = this.ids[0] if (val.length === 1) {
this.dataForm.communityId = '' this.dataForm.streetId = this.ids[0]
this.dataForm.gridId = '' this.dataForm.communityId = ''
} this.dataForm.gridId = ''
if (val.length === 2) { }
this.dataForm.streetId = this.ids[0] if (val.length === 2) {
this.dataForm.communityId = this.ids[1] this.dataForm.streetId = this.ids[0]
this.dataForm.gridId = '' this.dataForm.communityId = this.ids[1]
} this.dataForm.gridId = ''
if (val.length === 3) { }
this.dataForm.streetId = this.ids[0] if (val.length === 3) {
this.dataForm.communityId = this.ids[1] this.dataForm.streetId = this.ids[0]
this.dataForm.gridId = this.ids[2] this.dataForm.communityId = this.ids[1]
} this.dataForm.gridId = this.ids[2]
} }
}, }
methods: { },
getOptions () { methods: {
this.$http.get(`/sys/dept/party/getDeptTreeForEpiDemic`).then(({ data: res }) => { getOptions() {
if (res.code !== 0) { this.$http.get(`/sys/dept/party/getDeptTreeForEpiDemic`).then(({data: res}) => {
return this.$message.error(res.msg) if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
}).catch(() => {
})
},
showFlagFormat(row, column) {
if (row.sex === '0') {
return '女'
} else {
return '男'
}
},
btKeyUpenterpriseName(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.enterpriseName = e.target.value
},
btKeyUpuniformSocialCreditCode(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.uniformSocialCreditCode = e.target.value
},
btKeyUpmobile(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.mobile = e.target.value
},
btKeyUplegalPerson(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.legalPerson = e.target.value
},
} }
this.options = res.data.options
}).catch(() => {})
},
showFlagFormat (row, column) {
if (row.sex === '0') {
return '女'
} else {
return '男'
}
} }
}
}
</script> </script>

114
src/views/modules/user/alluser.vue
View File

@ -4,54 +4,70 @@
<div class="mod-epdc__user}"> <div class="mod-epdc__user}">
<el-form :inline="true" <el-form :inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataList()"> @keyup.enter.native="getDataListSearch()">
<el-form-item label="昵称"> <el-form-item label="昵称" label-width="70px">
<el-input v-model="dataForm.nickname" <el-input v-model="dataForm.nickname" @keyup.native="btKeyUpnickname"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="姓名"> <el-form-item label="真实姓名" label-width="70px">
<el-input v-model="dataForm.realName" <el-input v-model="dataForm.realName" @keyup.native="btKeyUprealName"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input v-model="dataForm.mobile" <el-input v-model="dataForm.mobile" @keyup.native="btKeyUpmobile"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证号"> <br/>
<el-input v-model="dataForm.identityNo" <el-form-item label="身份证号" label-width="70px">
<el-input v-model="dataForm.identityNo" @keyup.native="btKeyUpidentityNo"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<div class="block"> <!-- <div class="block"> -->
<span class="demonstration">注册时间</span>&nbsp;&nbsp; <el-form-item label="注册时间" prop="startTime" label-width="70px">
<el-date-picker @change='setRegistTime' <el-date-picker v-model="dataForm.startTime"
v-model="time" type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" format="yyyy-MM-dd"
range-separator="至" placeholder="选择日期时间"
start-placeholder="开始日期" style="width:200px" @change="changeTime">
end-placeholder="结束日期"></el-date-picker>&nbsp; </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-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button @click="getDataListSearch()" type="success">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
</div> <!-- </div> -->
</el-form> </el-form>
<el-table v-loading="dataListLoading" <el-table v-loading="dataListLoading"
:data="dataList" :data="dataList"
border border
@selection-change="dataListSelectionChangeHandle" @selection-change="dataListSelectionChangeHandle"
style="width: 100%;"> style="width: 100%;">
<el-table-column type="selection" <!-- <el-table-column type="selection"
header-align="center" header-align="center"
align="center" align="center"
width="50"></el-table-column> width="50"></el-table-column> -->
<el-table-column type="index"
width="50"
label="序号" align="center"></el-table-column>
<el-table-column prop="nickname" <el-table-column prop="nickname"
label="昵称" label="昵称"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" min-width=200></el-table-column>
<el-table-column prop="faceImg" <el-table-column prop="faceImg"
label="微信头像" label="微信头像"
header-align="center" header-align="center"
@ -65,41 +81,41 @@
<el-table-column prop="realName" <el-table-column prop="realName"
label="真实姓名" label="真实姓名"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" width="120"></el-table-column>
<el-table-column prop="mobile" <el-table-column prop="mobile"
label="手机号" label="手机号"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" width="150"></el-table-column>
<el-table-column prop="identityNo" <el-table-column prop="identityNo"
label="身份证号" label="身份证号"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" width="200"></el-table-column>
<el-table-column prop="state" <el-table-column prop="state"
label="用户认证状态" label="用户认证状态"
header-align="center" header-align="center"
:formatter="formatState" :formatter="formatState"
align="center"></el-table-column> align="center" width="120"></el-table-column>
<el-table-column prop="partyFlag" <el-table-column prop="partyFlag"
label="用户党员状态" label="用户党员状态"
header-align="center" header-align="center"
:formatter="formatPartyFlag" :formatter="formatPartyFlag"
align="center"></el-table-column> align="center" width="120"></el-table-column>
<el-table-column prop="registerTime" <el-table-column prop="registerTime"
label="用户认证时间" label="用户认证时间"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" width="180"></el-table-column>
<el-table-column prop="createdTime" <el-table-column prop="createdTime"
label="用户注册时间" label="用户注册时间"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" width="180"></el-table-column>
<el-table-column prop="address" <el-table-column prop="address"
label="居住地址" label="居住地址"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" min-width=400></el-table-column>
<el-table-column prop="allDeptNames" <el-table-column prop="allDeptNames"
label="居住网格" label="居住网格"
header-align="center" header-align="center"
align="center"></el-table-column> align="center" min-width=200></el-table-column>
</el-table> </el-table>
<el-pagination :current-page="page" <el-pagination :current-page="page"
:page-sizes="[10, 20, 50, 100]" :page-sizes="[10, 20, 50, 100]"
@ -148,6 +164,22 @@ export default {
startTime: '', startTime: '',
endTime: '' endTime: ''
}, },
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()
}
}
},
deptIdList: [], deptIdList: [],
options: [], options: [],
userDetailVisible: false, userDetailVisible: false,
@ -230,10 +262,6 @@ export default {
}).catch(() => { }) }).catch(() => { })
} }
}, },
setRegistTime () {
this.dataForm.startTime = this.time[0]
this.dataForm.endTime = this.time[1]
},
formatPartyFlag: function (row, column) { formatPartyFlag: function (row, column) {
return row.partyFlag === '1' ? '是' : row.state === '0' ? '未知' : '否' return row.partyFlag === '1' ? '是' : row.state === '0' ? '未知' : '否'
}, },
@ -293,7 +321,23 @@ export default {
this.$refs.userGrid.dataForm.id = userId this.$refs.userGrid.dataForm.id = userId
this.$refs.userGrid.init() this.$refs.userGrid.init()
}) })
} },
btKeyUpnickname(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.nickname = e.target.value
},
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
},
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

143
src/views/modules/user/fail-authentication.vue
View File

@ -4,7 +4,7 @@
<div class="mod-epdc__user}"> <div class="mod-epdc__user}">
<el-form :inline="true" <el-form :inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataList()"> @keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构"> <el-form-item label="所属机构">
<el-cascader v-model="deptIdList" <el-cascader v-model="deptIdList"
:options="options" :options="options"
@ -48,30 +48,43 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="姓名"> <el-form-item label="姓名">
<el-input v-model="dataForm.realName" <el-input v-model="dataForm.realName" @keyup.native="btKeyUprealName"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input v-model="dataForm.mobile" <el-input v-model="dataForm.mobile" @keyup.native="btKeyUpmobile"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<br/>
<div class="block"> <div class="block">
<span class="demonstration">注册时间</span>&nbsp;&nbsp; <el-form-item label="注册时间" prop="startTime">
<el-date-picker @change='setRegistTime' <el-date-picker v-model="dataForm.startTime"
v-model="time" type="date"
value-format="yyyy-MM-dd" :picker-options="pickerBeginDateBefore"
type="daterange" value-format="yyyy-MM-dd"
range-separator="至" format="yyyy-MM-dd"
start-placeholder="开始日期" placeholder="选择日期时间"
end-placeholder="结束日期"></el-date-picker>&nbsp; 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-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('epdc:user:export')" <el-button v-if="$hasPermission('epdc:user:export')"
type="primary" type="success"
@click="exportHandle()">{{ $t('export') }}</el-button> @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item> </el-form-item>
</div> </div>
@ -81,52 +94,55 @@
border border
@selection-change="dataListSelectionChangeHandle" @selection-change="dataListSelectionChangeHandle"
style="width: 100%;"> style="width: 100%;">
<el-table-column type="selection" <el-table-column label="序号" header-align="center" align="center" width="50px">
header-align="center" <template slot-scope="scope">
align="center" {{scope.$index+1}}
width="50"></el-table-column> </template>
<el-table-column label="序号" </el-table-column>
width="50px"><template slot-scope="scope">{{scope.$index+1}}</template></el-table-column>
<el-table-column prop="realName" <el-table-column prop="realName"
label="真实姓名" label="真实姓名"
width="80"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="120"></el-table-column>
<el-table-column prop="mobile" <el-table-column prop="mobile"
label="手机号" label="手机号"
width="110"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
<!--<el-table-column prop="identityNo"--> width="200"></el-table-column>
<!--label="身份证号"--> <el-table-column prop="identityNo"
<!--header-align="center"--> label="身份证号"
<!--align="center"></el-table-column>--> header-align="center"
align="center"
v-if="false"></el-table-column>
<el-table-column prop="nickname" <el-table-column prop="nickname"
label="昵称" label="昵称"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="200"
show-overflow-tooltip></el-table-column>
<el-table-column prop="state" <el-table-column prop="state"
label="审核状态" label="审核状态"
v-if="false" v-if="false"
:formatter="formatState" :formatter="formatState"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="100"></el-table-column>
<el-table-column prop="createdTime" <el-table-column prop="createdTime"
label="注册时间" label="注册时间"
width="180"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="180"></el-table-column>
<el-table-column prop="address" <el-table-column prop="address"
label="居住地址" label="居住地址"
header-align="center" header-align="center"
align="center"
min-width="400" min-width="400"
show-overflow-tooltip show-overflow-tooltip></el-table-column>
align="left"></el-table-column>
<el-table-column :label="$t('handle')" <el-table-column :label="$t('handle')"
fixed="right" fixed="right"
header-align="center" header-align="center"
align="center" align="center"
width="100"> width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button type="text"
size="mini" size="mini"
@ -180,6 +196,22 @@ export default {
partyFlag: '0', // 是否是党员(0-否，1-是) partyFlag: '0', // 是否是党员(0-否，1-是)
state: '2' state: '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()
}
}
},
deptIdList: [], deptIdList: [],
options: [], options: [],
userDetailVisible: false, userDetailVisible: false,
@ -203,6 +235,7 @@ export default {
this.options = res.data.options this.options = res.data.options
}) })
.catch(() => { }) .catch(() => { })
this.initTime()
}, },
watch: { watch: {
'deptIdList': function (val) { 'deptIdList': function (val) {
@ -229,6 +262,34 @@ export default {
} }
}, },
methods: { methods: {
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
},
getStreetList () { getStreetList () {
this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => { this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
@ -261,10 +322,6 @@ export default {
}).catch(() => { }) }).catch(() => { })
} }
}, },
setRegistTime () {
this.dataForm.startTime = this.time[0]
this.dataForm.endTime = this.time[1]
},
formatState: function (row, column) { formatState: function (row, column) {
let state = row.state let state = row.state
if (state === '1') { if (state === '1') {
@ -317,7 +374,15 @@ export default {
this.$refs.userDetail.dataForm.id = userId this.$refs.userDetail.dataForm.id = userId
this.$refs.userDetail.init() this.$refs.userDetail.init()
}) })
} },
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
},
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

128
src/views/modules/user/pass-authentication.vue
View File

@ -4,7 +4,7 @@
<div class="mod-epdc__user}"> <div class="mod-epdc__user}">
<el-form :inline="true" <el-form :inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataList()"> @keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构"> <el-form-item label="所属机构">
<el-cascader v-model="deptIdList" <el-cascader v-model="deptIdList"
:options="options" :options="options"
@ -48,30 +48,42 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="姓名"> <el-form-item label="姓名">
<el-input v-model="dataForm.realName" <el-input v-model="dataForm.realName" @keyup.native="btKeyUprealName"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input v-model="dataForm.mobile" <el-input v-model="dataForm.mobile" @keyup.native="btKeyUpmobile"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<div class="block"> <div class="block">
<span class="demonstration">注册时间</span>&nbsp;&nbsp; <el-form-item label="注册时间" prop="startTime">
<el-date-picker @change='setRegistTime' <el-date-picker v-model="dataForm.startTime"
v-model="time" type="date"
value-format="yyyy-MM-dd" :picker-options="pickerBeginDateBefore"
type="daterange" value-format="yyyy-MM-dd"
range-separator="至" format="yyyy-MM-dd"
start-placeholder="开始日期" placeholder="选择日期时间"
end-placeholder="结束日期"></el-date-picker>&nbsp; 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-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('epdc:user:export')" <el-button v-if="$hasPermission('epdc:user:export')"
type="primary" type="success"
@click="exportHandle()">{{ $t('export') }}</el-button> @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item> </el-form-item>
</div> </div>
@ -81,36 +93,37 @@
border border
@selection-change="dataListSelectionChangeHandle" @selection-change="dataListSelectionChangeHandle"
style="width: 100%;"> style="width: 100%;">
<el-table-column type="selection" <el-table-column label="序号" header-align="center" align="center" width="50px">
header-align="center" <template slot-scope="scope">
align="center" {{scope.$index+1}}
width="50"></el-table-column> </template>
<el-table-column label="序号" </el-table-column>
width="70px"><template slot-scope="scope"> {{scope.$index+1}} </template></el-table-column>
<el-table-column prop="realName" <el-table-column prop="realName"
label="真实姓名" label="真实姓名"
width="80"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="120"></el-table-column>
<el-table-column prop="mobile" <el-table-column prop="mobile"
label="手机号" label="手机号"
width="110"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="200"></el-table-column>
<el-table-column prop="registerTime" <el-table-column prop="registerTime"
label="认证时间" label="认证时间"
width="180"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="180"></el-table-column>
<el-table-column prop="createdTime" <el-table-column prop="createdTime"
label="注册时间" label="注册时间"
width="180"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="180"></el-table-column>
<el-table-column prop="address" <el-table-column prop="address"
label="居住地址" label="居住地址"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
min-width="400"
show-overflow-tooltip></el-table-column>
<el-table-column :label="$t('handle')" <el-table-column :label="$t('handle')"
fixed="right" fixed="right"
header-align="center" header-align="center"
@ -176,6 +189,22 @@ export default {
partyFlag: '0', // 是否是党员(0-否，1-是) partyFlag: '0', // 是否是党员(0-否，1-是)
state: '3' state: '3'
}, },
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()
}
}
},
deptIdList: [], deptIdList: [],
options: [], options: [],
userDetailVisible: false, userDetailVisible: false,
@ -200,6 +229,7 @@ export default {
this.options = res.data.options this.options = res.data.options
}) })
.catch(() => { }) .catch(() => { })
this.initTime()
}, },
watch: { watch: {
'deptIdList': function (val) { 'deptIdList': function (val) {
@ -226,6 +256,34 @@ export default {
} }
}, },
methods: { methods: {
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
},
getStreetList () { getStreetList () {
this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => { this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
@ -258,10 +316,6 @@ export default {
}).catch(() => { }) }).catch(() => { })
} }
}, },
setRegistTime () {
this.dataForm.startTime = this.time[0]
this.dataForm.endTime = this.time[1]
},
formatState: function (row, column) { formatState: function (row, column) {
let state = row.state let state = row.state
if (state === '1') { if (state === '1') {
@ -322,7 +376,15 @@ export default {
this.$refs.userGrid.dataForm.id = userId this.$refs.userGrid.dataForm.id = userId
this.$refs.userGrid.init() this.$refs.userGrid.init()
}) })
} },
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
},
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

148
src/views/modules/user/unauthorized.vue
View File

@ -4,7 +4,7 @@
<div class="mod-epdc__user}"> <div class="mod-epdc__user}">
<el-form :inline="true" <el-form :inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataList()"> @keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构"> <el-form-item label="所属机构">
<el-cascader v-model="deptIdList" <el-cascader v-model="deptIdList"
:options="options" :options="options"
@ -48,30 +48,45 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="昵称"> <el-form-item label="昵称">
<el-input v-model="dataForm.nickname" <el-input v-model="dataForm.nickname" @keyup.native="btKeyUpnickname"
placeholder="请输入"
clearable></el-input>
</el-form-item>
<el-form-item label="手机号" @keyup.native="btKeyUpmobile">
<el-input v-model="dataForm.mobile"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="手机号">-->
<!-- <el-input v-model="dataForm.mobile"-->
<!-- placeholder="请输入"-->
<!-- clearable></el-input>-->
<!-- </el-form-item>-->
<!-- <div class="block"> --> <!-- <div class="block"> -->
<span class="demonstration">注册时间</span>&nbsp;&nbsp; <br>
<el-date-picker @change='setRegistTime' <el-form-item label="注册时间" prop="startTime">
v-model="time" <el-date-picker v-model="dataForm.startTime"
value-format="yyyy-MM-dd" type="date"
type="daterange" :picker-options="pickerBeginDateBefore"
range-separator="至" value-format="yyyy-MM-dd"
start-placeholder="开始日期" format="yyyy-MM-dd"
end-placeholder="结束日期"></el-date-picker>&nbsp; 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-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('epdc:user:export')" <el-button v-if="$hasPermission('epdc:user:export')"
type="primary" type="success"
@click="exportHandle()">{{ $t('export') }}</el-button> @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item> </el-form-item>
<!-- </div> --> <!-- </div> -->
@ -81,12 +96,11 @@
border border
@selection-change="dataListSelectionChangeHandle" @selection-change="dataListSelectionChangeHandle"
style="width: 100%;"> style="width: 100%;">
<el-table-column type="selection" <el-table-column label="序号" header-align="center" align="center" width="50px">
header-align="center" <template slot-scope="scope">
align="center" {{scope.$index+1}}
width="50"></el-table-column> </template>
<el-table-column label="序号" </el-table-column>
width="70px" align="center"><template slot-scope="scope">{{scope.$index+1}}</template></el-table-column>
<el-table-column prop="myGridName" <el-table-column prop="myGridName"
label="所属网格（街道-社区-网格）" label="所属网格（街道-社区-网格）"
header-align="center" header-align="center"
@ -95,11 +109,13 @@
<el-table-column prop="nickname" <el-table-column prop="nickname"
label="昵称" label="昵称"
header-align="center" header-align="center"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column prop="mobile"
label="手机号"
header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<!-- <el-table-column prop="mobile"-->
<!-- label="手机号"-->
<!-- header-align="center"-->
<!-- align="center"></el-table-column>-->
<el-table-column prop="realName" <el-table-column prop="realName"
label="真实姓名" label="真实姓名"
header-align="center" header-align="center"
@ -113,17 +129,19 @@
<el-table-column prop="createdTime" <el-table-column prop="createdTime"
label="加入网格时间" label="加入网格时间"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="180"></el-table-column>
<el-table-column prop="state" <el-table-column prop="state"
label="注册状态" label="注册状态"
:formatter="formatState" :formatter="formatState"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="120"></el-table-column>
<el-table-column :label="$t('handle')" <el-table-column :label="$t('handle')"
fixed="right" fixed="right"
header-align="center" header-align="center"
align="center" align="center"
width="100"> width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button type="text"
size="small" size="small"
@ -169,7 +187,6 @@ export default {
streetId: '', streetId: '',
communityId: '', communityId: '',
gridId: '', gridId: '',
deptId:'',
realName: '', realName: '',
mobile: '', mobile: '',
identityNo: '', identityNo: '',
@ -179,6 +196,22 @@ export default {
state: '0', state: '0',
nickname: '' nickname: ''
}, },
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()
}
}
},
deptIdList: [], deptIdList: [],
options: [], options: [],
userDetailVisible: false, userDetailVisible: false,
@ -202,6 +235,7 @@ export default {
this.options = res.data.options this.options = res.data.options
}) })
.catch(() => { }) .catch(() => { })
this.initTime()
}, },
watch: { watch: {
'deptIdList': function (val) { 'deptIdList': function (val) {
@ -209,29 +243,53 @@ export default {
this.dataForm.streetId = '' this.dataForm.streetId = ''
this.dataForm.communityId = '' this.dataForm.communityId = ''
this.dataForm.gridId = '' this.dataForm.gridId = ''
this.dataForm.deptId = '' }
}else
if (val.length === 1) { if (val.length === 1) {
this.dataForm.streetId = this.deptIdList[0] this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = '' this.dataForm.communityId = ''
this.dataForm.gridId = '' this.dataForm.gridId = ''
this.dataForm.deptId = this.deptIdList[0] }
}else
if (val.length === 2) { if (val.length === 2) {
this.dataForm.streetId = this.deptIdList[0] this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = this.deptIdList[1] this.dataForm.communityId = this.deptIdList[1]
this.dataForm.gridId = '' this.dataForm.gridId = ''
this.dataForm.deptId = this.deptIdList[1] }
}else
if (val.length === 3) { if (val.length === 3) {
this.dataForm.streetId = this.deptIdList[0] this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = this.deptIdList[1] this.dataForm.communityId = this.deptIdList[1]
this.dataForm.gridId = this.deptIdList[2] this.dataForm.gridId = this.deptIdList[2]
this.dataForm.deptId = this.deptIdList[2]
} }
} }
}, },
methods: { methods: {
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
},
getStreetList () { getStreetList () {
this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => { this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
@ -264,10 +322,6 @@ export default {
}).catch(() => { }) }).catch(() => { })
} }
}, },
setRegistTime () {
this.dataForm.startTime = this.time[0]
this.dataForm.endTime = this.time[1]
},
formatState: function (row, column) { formatState: function (row, column) {
let state = row.state let state = row.state
if (state === '1') { if (state === '1') {
@ -320,7 +374,15 @@ export default {
this.$refs.userDetail.dataForm.id = userId this.$refs.userDetail.dataForm.id = userId
this.$refs.userDetail.init() this.$refs.userDetail.init()
}) })
} },
btKeyUpnickname(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.nickname = e.target.value
},
btKeyUpmobile(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.mobile = e.target.value
},
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

132
src/views/modules/user/wait-authentication.vue
View File

@ -4,7 +4,7 @@
<div class="mod-epdc__user}"> <div class="mod-epdc__user}">
<el-form :inline="true" <el-form :inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataList()"> @keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构"> <el-form-item label="所属机构">
<el-cascader v-model="deptIdList" <el-cascader v-model="deptIdList"
:options="options" :options="options"
@ -48,30 +48,42 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="姓名"> <el-form-item label="姓名">
<el-input v-model="dataForm.realName" <el-input v-model="dataForm.realName" @keyup.native="btKeyUprealName"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input v-model="dataForm.mobile" <el-input v-model="dataForm.mobile" @keyup.native="btKeyUpmobile"
placeholder="请输入" placeholder="请输入"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<br> <br>
<span class="demonstration">注册时间</span>&nbsp;&nbsp; <el-form-item label="注册时间" prop="startTime">
<el-date-picker @change='setRegistTime' <el-date-picker v-model="dataForm.startTime"
v-model="time" type="date"
value-format="yyyy-MM-dd" :picker-options="pickerBeginDateBefore"
type="daterange" value-format="yyyy-MM-dd"
range-separator="至" format="yyyy-MM-dd"
start-placeholder="开始日期" placeholder="选择日期时间"
end-placeholder="结束日期"></el-date-picker>&nbsp; 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-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('epdc:user:export')" <el-button v-if="$hasPermission('epdc:user:export')"
type="primary" type="success"
@click="exportHandle()">{{ $t('export') }}</el-button> @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item> </el-form-item>
<!-- </div> --> <!-- </div> -->
@ -81,36 +93,37 @@
border border
@selection-change="dataListSelectionChangeHandle" @selection-change="dataListSelectionChangeHandle"
style="width: 100%;"> style="width: 100%;">
<el-table-column type="selection" <el-table-column label="序号" header-align="center" align="center" width="50px">
header-align="center" <template slot-scope="scope">
align="center" {{scope.$index+1}}
width="50"></el-table-column> </template>
<el-table-column label="序号" </el-table-column>
width="70px"><template slot-scope="scope">{{scope.$index+1}}</template></el-table-column>
<el-table-column prop="realName" <el-table-column prop="realName"
label="真实姓名" label="真实姓名"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="120"></el-table-column>
<el-table-column prop="mobile" <el-table-column prop="mobile"
label="手机号" label="手机号"
width="110"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
<!--<el-table-column prop="identityNo"--> min-width="200"></el-table-column>
<!--label="身份证号"--> <el-table-column prop="identityNo"
<!--header-align="center"--> label="身份证号"
<!--align="center"></el-table-column>--> header-align="center"
align="center"
v-if="false"></el-table-column>
<el-table-column prop="createdTime" <el-table-column prop="createdTime"
label="注册时间" label="注册时间"
width="180"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
width="180"></el-table-column>
<el-table-column prop="address" <el-table-column prop="address"
label="居住地址" label="居住地址"
header-align="center" header-align="center"
align="center"
min-width="400" min-width="400"
show-overflow-tooltip show-overflow-tooltip></el-table-column>
align="left"></el-table-column>
<el-table-column :label="$t('handle')" <el-table-column :label="$t('handle')"
fixed="right" fixed="right"
header-align="center" header-align="center"
@ -169,6 +182,22 @@ export default {
partyFlag: '0', // 是否是党员(0-否，1-是) partyFlag: '0', // 是否是党员(0-否，1-是)
state: '1' state: '1'
}, },
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()
}
}
},
deptIdList: [], deptIdList: [],
options: [], options: [],
userDetailVisible: false, userDetailVisible: false,
@ -192,6 +221,7 @@ export default {
this.options = res.data.options this.options = res.data.options
}) })
.catch(() => { }) .catch(() => { })
this.initTime()
}, },
watch: { watch: {
'deptIdList': function (val) { 'deptIdList': function (val) {
@ -218,6 +248,34 @@ export default {
} }
}, },
methods: { methods: {
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
},
getStreetList () { getStreetList () {
this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => { this.$http.get(`/sys/dept/sublist/` + (localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))).then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
@ -250,10 +308,6 @@ export default {
}).catch(() => { }) }).catch(() => { })
} }
}, },
setRegistTime () {
this.dataForm.startTime = this.time[0]
this.dataForm.endTime = this.time[1]
},
formatState: function (row, column) { formatState: function (row, column) {
let state = row.state let state = row.state
if (state === '1') { if (state === '1') {
@ -306,7 +360,15 @@ export default {
this.$refs.userDetail.dataForm.id = userId this.$refs.userDetail.dataForm.id = userId
this.$refs.userDetail.init() this.$refs.userDetail.init()
}) })
} },
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
},
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

Write Preview
Loading…
Cancel
Save