安宁pc前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

498 lines
18 KiB

5 years ago
<template>
<el-card shadow="never"
class="aui-card--fill">
<div class="mod-__partymembers}">
<el-form :inline="true"
:model="dataForm"
@keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构" label-width="70px">
5 years ago
<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>
5 years ago
<br>
<el-form-item label="姓名" label-width="70px">
5 years ago
<el-input v-model="dataForm.realName"
placeholder="请输入姓名"
@keyup.native="btKeyUpRealName"
5 years ago
clearable></el-input>
</el-form-item>
<el-form-item label="手机号" label-width="70px">
5 years ago
<el-input v-model="dataForm.mobile"
placeholder="请输入手机号"
@keyup.native="btKeyUpMobile"
5 years ago
clearable></el-input>
</el-form-item>
<el-form-item label="身份证号" label-width="70px">
5 years ago
<el-input v-model="dataForm.identityNo"
placeholder="请输入身份证号"
@keyup.native="btKeyUpIdentityNo"
5 years ago
clearable></el-input>
</el-form-item>
<el-form-item label="职务" v-if="false">
<el-select v-model="dataForm.postId"
5 years ago
placeholder="请选择">
<el-option v-for="item in postOptions"
5 years ago
:key="item.dictValue"
:label="item.dictName"
:value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
<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"
5 years ago
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width:200px" @change="changeTime">
5 years ago
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button @click="getDataListSearch()" type="success">{{ $t('query') }}</el-button>
5 years ago
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('partymembers:save')"
type="primary"
@click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<!-- <el-form-item>
<el-button v-if="$hasPermission('partymembers:delete')"
type="danger"
@click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> -->
<el-form-item>
<el-button type="success" v-if="$hasPermission('partymembers:export')"
5 years ago
@click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="success" v-if="$hasPermission('partymembers:exporttemplate')"
5 years ago
@click="exportMoudleHandle()">导出模板</el-button>
</el-form-item>
<el-form-item>
<el-upload class="upload-demo"
ref="upload" v-if="$hasPermission('partymembers:import')"
v-loading="dataListLoading"
:action="uploadUrl"
:on-preview="handlePreview"
multiple
:limit="1"
:on-success='uploadSuccess'
:on-error='errorExceed'>
<el-button type="primary">点击上传</el-button>
</el-upload>
</el-form-item>
</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="序号" header-align="center" align="center" width="50px">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
5 years ago
<el-table-column prop="realName"
label="姓名"
header-align="center"
align="center"
width="150"></el-table-column>
5 years ago
<el-table-column prop="mobile"
label="手机号"
header-align="center"
align="center"
width="200"></el-table-column>
5 years ago
<el-table-column prop="identityNo"
label="身份证号"
header-align="center"
align="center"
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>
5 years ago
<el-table-column prop="registFlag"
label="注册状态"
header-align="center"
align="center" :formatter="formatregistFlag"
width="100"></el-table-column>
5 years ago
<el-table-column prop="registTime"
label="认证时间"
header-align="center"
align="center"
width="180"></el-table-column>
5 years ago
<el-table-column prop="allDeptNames"
label="街道-社区-支部"
min-width="300"
show-overflow-tooltip
header-align="center"
align="center"> </el-table-column>
5 years ago
<el-table-column :label="$t('handle')"
fixed="right"
header-align="center"
align="center"
width="150">
<template slot-scope="scope">
<el-button v-if="$hasPermission('partymembers:update')"
type="text"
size="small"
@click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('partymembers:delete')"
type="text"
size="small"
@click="deleteHandle(scope.row.id)">{{ $t('delete') }}</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>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
<!-- 错误信息 -->
<el-dialog :visible.sync="faultDataVisible"
title="请修改后重新提交">
<el-table :data="errordataList"
border
style="width: 100%;">
<el-table-column prop="erroLine"
label="行数"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="errorInfo"
label="错误信息"
header-align="center"
align="center"></el-table-column>
</el-table>
<template slot="footer">
<el-button type="primary"
@click="faultDataVisible = false">确定</el-button>
</template>
</el-dialog>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './partymembers-add-or-update'
import Cookies from 'js-cookie'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/app-user/partymembers/page',
getDataListIsPage: true,
deleteURL: '/app-user/partymembers',
deleteIsBatch: true,
exportURL: '/app-user/partymembers/export',
exportMoudle: '/app-user/partymembers/exportMoudle'
},
dataForm: {
id: '',
realName: '',
mobile: '',
streetId: '',
identityNo: '',
communityId: '',
deptId: '',
5 years ago
registFlag: '',
postId: '',
startTime: '',
endTime: ''
},
communityOptions: [],
gridOptions: [],
registOptions: [],
registFlagOptions: [
{
dictName: '全部',
dictValue: ''
},
{
dictName: '未认证',
dictValue: '0'
},
{
dictName: '自动认证',
dictValue: '1'
},
{
dictName: '手动认证',
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()
}
}
},
5 years ago
timeRange: [],
upLoadUrl: '',
faultDataVisible: false,
errordataList: [],
options: [],
deptIdList: []
}
},
components: {
AddOrUpdate
},
watch: {
'deptIdList': function (val) {
if (val.length === 0) {
this.dataForm.streetId = ''
this.dataForm.communityId = ''
this.dataForm.deptId = ''
5 years ago
}
if (val.length === 1) {
this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = ''
this.dataForm.deptId = ''
5 years ago
}
if (val.length === 2) {
this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = this.deptIdList[1]
this.dataForm.deptId = ''
5 years ago
}
if (val.length === 3) {
this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = this.deptIdList[1]
this.dataForm.deptId = this.deptIdList[2]
5 years ago
}
}
},
created: function () {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => { })
// this.getStreetList()
this.getRegistOptions()
this.initTime()
5 years ago
// this.getPostOptions()
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/app-user/partymembers/importExcel?token=${Cookies.get('token')}`
},
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
},
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
5 years ago
},
getCommunityList () {
if (this.dataForm.streetId === '') {
this.communityOptions = []
this.gridOptions = []
this.dataForm.communityId = ''
this.dataForm.deptId = ''
5 years ago
return
}
this.dataForm.communityId = ''
this.dataForm.deptId = ''
5 years ago
this.$http.get(`/sys/dept/sublist/` + this.dataForm.streetId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.communityOptions = res.data
}).catch(() => { })
},
getGridList () {
if (this.dataForm.communityId === '') {
this.gridOptions = []
this.dataForm.deptId = ''
5 years ago
return
}
this.dataForm.deptId = ''
5 years ago
this.$http.get(`/sys/dept/sublist/` + this.dataForm.communityId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.gridOptions = res.data
}).catch(() => { })
},
getRegistOptions () {
this.$http.get(`/sys/dict/sublist/1168769645576179713`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.registOptions = res.data
}).catch(() => { })
},
formatCadre: function (row, column) {
return row.cadreFlag === '1' ? '是' : row.cadreFlag === '0' ? '否' : '未知'
},
formatRegist: function (row, column) {
return row.registFlag === '1' ? '是' : row.registFlag === '0' ? '否' : '未知'
},
formatregistFlag (row, column) {
let registFlag = row.registFlag
if (registFlag === '0') {
return '未认证'
} else if (registFlag === '1') {
return '自动认证'
} else if (registFlag === '2') {
return '手动认证'
}
},
importData () {
},
// 获取数据列表
getDataList () {
if (this.timeRange === null) {
this.dataForm.startTime = ''
this.dataForm.endTime = ''
}
this.dataListLoading = true
console.log(JSON.stringify(this.dataForm))
this.$http.get(
this.mixinViewModuleOptions.getDataListURL,
{
params: {
order: this.order,
orderField: this.orderField,
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null,
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null,
...this.dataForm
}
}
).then(({ data: res }) => {
this.dataListLoading = false
if (res.code !== 0) {
this.dataList = []
this.total = 0
return this.$message.error(res.msg)
}
this.dataList = this.mixinViewModuleOptions.getDataListIsPage ? res.data.list : res.data
this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0
}).catch(() => {
this.dataListLoading = false
})
},
beforeRemove (file, fileList) {
return this.$confirm(`确定移除 ${file.name}`)
},
errorExceed (file, fileList) {
this.$message.error('上传失败请重试')
},
uploadSuccess (response, file, fileList) {
this.$refs.upload.clearFiles()
console.log(response)
if (response.data !== null && response.data.length > 0) {
this.faultDataVisible = true
this.errordataList = response.data
console.log(this.faultDataVisible)
return
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.getDataList()
}
})
}
}
}
</script>