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

epdc

master
qushutong 6 years ago
parent
0288e990f5
commit
bef2020bb7
2 changed files with 436 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

@ -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
View File

@ -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>
Write Preview
Loading…
Cancel
Save