Browse Source

epdc

master
qushutong 6 years ago
parent
commit
bef2020bb7
  1. 334
      src/views/modules/epdc/user-add-or-update.vue
  2. 102
      src/views/modules/epdc/user.vue

334
src/views/modules/epdc/user-add-or-update.vue

@ -0,0 +1,334 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="昵称" prop="nickname">
<el-input v-model="dataForm.nickname" placeholder="昵称"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="手机号"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" placeholder="密码"></el-input>
</el-form-item>
<el-form-item label="注册时间" prop="registerTime">
<el-input v-model="dataForm.registerTime" placeholder="注册时间"></el-input>
</el-form-item>
<el-form-item label="头像" prop="faceImg">
<el-input v-model="dataForm.faceImg" placeholder="头像"></el-input>
</el-form-item>
<el-form-item label="性别(女性-female,男性-male)" prop="sex">
<el-input v-model="dataForm.sex" placeholder="性别(女性-female,男性-male)"></el-input>
</el-form-item>
<el-form-item label="生日" prop="birthday">
<el-input v-model="dataForm.birthday" placeholder="生日"></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="dataForm.email" placeholder="邮箱"></el-input>
</el-form-item>
<el-form-item label="电话" prop="telephone">
<el-input v-model="dataForm.telephone" placeholder="电话"></el-input>
</el-form-item>
<el-form-item label="邮编" prop="zipCode">
<el-input v-model="dataForm.zipCode" placeholder="邮编"></el-input>
</el-form-item>
<el-form-item label="职业" prop="profession">
<el-input v-model="dataForm.profession" placeholder="职业"></el-input>
</el-form-item>
<el-form-item label="爱好" prop="hobbies">
<el-input v-model="dataForm.hobbies" placeholder="爱好"></el-input>
</el-form-item>
<el-form-item label="个性签名" prop="userSign">
<el-input v-model="dataForm.userSign" placeholder="个性签名"></el-input>
</el-form-item>
<el-form-item label="邀请码" prop="invitationCode">
<el-input v-model="dataForm.invitationCode" placeholder="邀请码"></el-input>
</el-form-item>
<el-form-item label="最近登录时间" prop="lastLoginTime">
<el-input v-model="dataForm.lastLoginTime" placeholder="最近登录时间"></el-input>
</el-form-item>
<el-form-item label="最近登录IP" prop="lastLoginIp">
<el-input v-model="dataForm.lastLoginIp" placeholder="最近登录IP"></el-input>
</el-form-item>
<el-form-item label="最近登录位置经度" prop="lastLongitude">
<el-input v-model="dataForm.lastLongitude" placeholder="最近登录位置经度"></el-input>
</el-form-item>
<el-form-item label="最近登录位置维度" prop="lastLatitude">
<el-input v-model="dataForm.lastLatitude" placeholder="最近登录位置维度"></el-input>
</el-form-item>
<el-form-item label="真实姓名" prop="realName">
<el-input v-model="dataForm.realName" placeholder="真实姓名"></el-input>
</el-form-item>
<el-form-item label="身份证号" prop="identityNo">
<el-input v-model="dataForm.identityNo" placeholder="身份证号"></el-input>
</el-form-item>
<el-form-item label="居民住址" prop="address">
<el-input v-model="dataForm.address" placeholder="居民住址"></el-input>
</el-form-item>
<el-form-item label="微信OPENID" prop="wxOpenId">
<el-input v-model="dataForm.wxOpenId" placeholder="微信OPENID"></el-input>
</el-form-item>
<el-form-item label="是否是党员(0-否,1-是)" prop="partyFlag">
<el-input v-model="dataForm.partyFlag" placeholder="是否是党员(0-否,1-是)"></el-input>
</el-form-item>
<el-form-item label="注册方式(wx:微信注册)" prop="registerWay">
<el-input v-model="dataForm.registerWay" placeholder="注册方式(wx:微信注册)"></el-input>
</el-form-item>
<el-form-item label="用户来源(wp:公众号)" prop="registerSource">
<el-input v-model="dataForm.registerSource" placeholder="用户来源(wp:公众号)"></el-input>
</el-form-item>
<el-form-item label="手机号所属省份" prop="phoneProvince">
<el-input v-model="dataForm.phoneProvince" placeholder="手机号所属省份"></el-input>
</el-form-item>
<el-form-item label="手机号所属城市" prop="phoneCity">
<el-input v-model="dataForm.phoneCity" placeholder="手机号所属城市"></el-input>
</el-form-item>
<el-form-item label="手机号所属运营商" prop="phoneCarrier">
<el-input v-model="dataForm.phoneCarrier" placeholder="手机号所属运营商"></el-input>
</el-form-item>
<el-form-item label="用户积分" prop="points">
<el-input v-model="dataForm.points" placeholder="用户积分"></el-input>
</el-form-item>
<el-form-item label="邀请人ID" prop="inviteUserId">
<el-input v-model="dataForm.inviteUserId" placeholder="邀请人ID"></el-input>
</el-form-item>
<el-form-item label="乐观锁" prop="revision">
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
</el-form-item>
<el-form-item label="网格ID" prop="gridId">
<el-input v-model="dataForm.gridId" placeholder="网格ID"></el-input>
</el-form-item>
<el-form-item label="创建人" prop="createdBy">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
</el-form-item>
<el-form-item label="更新人" prop="updatedBy">
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updatedTime">
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
</el-form-item>
<el-form-item label="删除标记" prop="delFlag">
<el-input v-model="dataForm.delFlag" placeholder="删除标记"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
nickname: '',
mobile: '',
password: '',
registerTime: '',
faceImg: '',
sex: '',
birthday: '',
email: '',
telephone: '',
zipCode: '',
profession: '',
hobbies: '',
userSign: '',
invitationCode: '',
lastLoginTime: '',
lastLoginIp: '',
lastLongitude: '',
lastLatitude: '',
realName: '',
identityNo: '',
address: '',
wxOpenId: '',
partyFlag: '',
registerWay: '',
registerSource: '',
phoneProvince: '',
phoneCity: '',
phoneCarrier: '',
points: '',
inviteUserId: '',
revision: '',
gridId: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
}
}
},
computed: {
dataRule () {
return {
nickname: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
mobile: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
password: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
registerTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
faceImg: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
sex: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
birthday: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
email: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
telephone: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
zipCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
profession: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
hobbies: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
userSign: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
invitationCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
lastLoginTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
lastLoginIp: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
lastLongitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
lastLatitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
realName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
identityNo: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
address: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
wxOpenId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
partyFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
registerWay: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
registerSource: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
phoneProvince: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
phoneCity: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
phoneCarrier: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
points: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
inviteUserId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
gridId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
//
getInfo () {
this.$http.get(`/epdc/user/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
//
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/epdc/user/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

102
src/views/modules/epdc/user.vue

@ -0,0 +1,102 @@
<template>
<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-item>
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('epdc:user:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('epdc:user:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</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 prop="id" label="主键" header-align="center" align="center"></el-table-column>
<el-table-column prop="nickname" 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="password" label="密码" 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="faceImg" label="头像" header-align="center" align="center"></el-table-column>
<el-table-column prop="sex" label="性别(女性-female,男性-male)" header-align="center" align="center"></el-table-column>
<el-table-column prop="birthday" label="生日" header-align="center" align="center"></el-table-column>
<el-table-column prop="email" label="邮箱" header-align="center" align="center"></el-table-column>
<el-table-column prop="telephone" label="电话" header-align="center" align="center"></el-table-column>
<el-table-column prop="zipCode" label="邮编" header-align="center" align="center"></el-table-column>
<el-table-column prop="profession" label="职业" header-align="center" align="center"></el-table-column>
<el-table-column prop="hobbies" label="爱好" header-align="center" align="center"></el-table-column>
<el-table-column prop="userSign" label="个性签名" header-align="center" align="center"></el-table-column>
<el-table-column prop="invitationCode" label="邀请码" header-align="center" align="center"></el-table-column>
<el-table-column prop="lastLoginTime" label="最近登录时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="lastLoginIp" label="最近登录IP" header-align="center" align="center"></el-table-column>
<el-table-column prop="lastLongitude" label="最近登录位置经度" header-align="center" align="center"></el-table-column>
<el-table-column prop="lastLatitude" label="最近登录位置维度" 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="identityNo" label="身份证号" header-align="center" align="center"></el-table-column>
<el-table-column prop="address" label="居民住址" header-align="center" align="center"></el-table-column>
<el-table-column prop="wxOpenId" label="微信OPENID" header-align="center" align="center"></el-table-column>
<el-table-column prop="partyFlag" label="是否是党员(0-否,1-是)" header-align="center" align="center"></el-table-column>
<el-table-column prop="registerWay" label="注册方式(wx:微信注册)" header-align="center" align="center"></el-table-column>
<el-table-column prop="registerSource" label="用户来源(wp:公众号)" header-align="center" align="center"></el-table-column>
<el-table-column prop="phoneProvince" label="手机号所属省份" header-align="center" align="center"></el-table-column>
<el-table-column prop="phoneCity" label="手机号所属城市" header-align="center" align="center"></el-table-column>
<el-table-column prop="phoneCarrier" label="手机号所属运营商" 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 prop="inviteUserId" label="邀请人ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>
<el-table-column prop="gridId" label="网格ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="delFlag" label="删除标记" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button v-if="$hasPermission('epdc:user:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('epdc:user: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>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './user-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/epdc/user/page',
getDataListIsPage: true,
deleteURL: '/epdc/user',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>
Loading…
Cancel
Save