|
|
|
|
@ -2,18 +2,27 @@
|
|
|
|
|
<div class="main-container">
|
|
|
|
|
<div class="title">用户管理</div>
|
|
|
|
|
<div class="header">
|
|
|
|
|
<el-input placeholder="请输入工号" />
|
|
|
|
|
<el-input placeholder="请输入姓名" />
|
|
|
|
|
<el-select placeholder="请输入角色" :value="manageer" />
|
|
|
|
|
<el-select placeholder="账号状态" :value="manageer" />
|
|
|
|
|
<el-input v-model="user_code" placeholder="请输入工号" />
|
|
|
|
|
<el-input v-model="real_name" placeholder="请输入姓名" />
|
|
|
|
|
<el-select v-model="role_id" placeholder="请输入角色" :value="manageer">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in roleData"
|
|
|
|
|
:key="item.module_id"
|
|
|
|
|
:label="item.module_name"
|
|
|
|
|
:value="item.module_id"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-select v-model="is_enabled" placeholder="账号状态" :value="manageer" />
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
|
|
|
|
|
<el-button type="primary" plain @click="handleAddUser()"><i class="el-icon-plus" />新增用户</el-button>
|
|
|
|
|
<el-button type="primary" plain @click="handleAddUser"><i class="el-icon-plus" />新增用户</el-button>
|
|
|
|
|
<div class="header-right">
|
|
|
|
|
<el-button icon="el-icon-delete" circle @click="handleDelTem" />
|
|
|
|
|
<el-button icon="el-icon-refresh" circle @click="handleRefresh" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
element-loading-text="拼命加载中"
|
|
|
|
|
:data="tableData"
|
|
|
|
|
:header-cell-style="headerStyle"
|
|
|
|
|
height="460"
|
|
|
|
|
@ -25,47 +34,59 @@
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="date"
|
|
|
|
|
prop="user_code"
|
|
|
|
|
label="工号"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="name"
|
|
|
|
|
prop="real_name"
|
|
|
|
|
label="姓名"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag type="success">{{ scope.row.real_name }}</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="address"
|
|
|
|
|
prop="role_name"
|
|
|
|
|
label="角色"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="address"
|
|
|
|
|
prop="sex"
|
|
|
|
|
label="性别"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.sex === 1?'男':'女' }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
show-overflow-tooltip
|
|
|
|
|
prop="address"
|
|
|
|
|
prop="mobile"
|
|
|
|
|
label="联系电话"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
show-overflow-tooltip
|
|
|
|
|
prop="address"
|
|
|
|
|
prop="email"
|
|
|
|
|
label="电子邮箱"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="address"
|
|
|
|
|
prop="create_date"
|
|
|
|
|
label="创建时间"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="address"
|
|
|
|
|
label="status"
|
|
|
|
|
prop="is_enabled"
|
|
|
|
|
label="状态"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag :type="scope.row.is_enabled === 1?'success':'danger'">{{ scope.row.is_enabled === 1?'启用':'未启用' }}</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="address"
|
|
|
|
|
label="操作"
|
|
|
|
|
@ -95,7 +116,7 @@
|
|
|
|
|
width="38%"
|
|
|
|
|
@close="userFormDialogClose"
|
|
|
|
|
>
|
|
|
|
|
<UserForm :propsformdata="userFormData" @handlesubmit="handleUserSubmit" @handlecancel="handleUserFormCancel" />
|
|
|
|
|
<UserForm :propsformdata="userFormData" :roledata="roleData" @handlesubmit="handleUserSubmit" @handlecancel="handleUserFormCancel" />
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<el-dialog
|
|
|
|
|
title="分配用户权限"
|
|
|
|
|
@ -126,17 +147,14 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import UserForm from '@/components/UserForm'
|
|
|
|
|
import { get_user_list, add, user_power, update, del } from '@/api/user/user'
|
|
|
|
|
import stringify from '@/utils/stringify'
|
|
|
|
|
export default {
|
|
|
|
|
name: 'User',
|
|
|
|
|
components: { UserForm },
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
tableData: [
|
|
|
|
|
{
|
|
|
|
|
date: 1,
|
|
|
|
|
name: 'test'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
tableData: [],
|
|
|
|
|
manageer: null,
|
|
|
|
|
headerStyle: { 'background': '#E6E6E6' },
|
|
|
|
|
dialogVisible: false,
|
|
|
|
|
@ -152,10 +170,40 @@ export default {
|
|
|
|
|
isIndeterminate: true,
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 15,
|
|
|
|
|
total: 0
|
|
|
|
|
total: 0,
|
|
|
|
|
user_code: '',
|
|
|
|
|
real_name: '',
|
|
|
|
|
role_id: '',
|
|
|
|
|
is_enabled: '',
|
|
|
|
|
loading: false,
|
|
|
|
|
roleData: []
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getList()
|
|
|
|
|
this.getRoleList()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getRoleList() {
|
|
|
|
|
user_power().then(
|
|
|
|
|
res => (this.roleData = res.data)
|
|
|
|
|
)
|
|
|
|
|
},
|
|
|
|
|
getList() {
|
|
|
|
|
const data = {
|
|
|
|
|
page: this.page,
|
|
|
|
|
page_size: this.page_size,
|
|
|
|
|
user_code: this.user_code,
|
|
|
|
|
real_name: this.real_name,
|
|
|
|
|
role_id: this.role_id,
|
|
|
|
|
is_enabled: this.is_enabled
|
|
|
|
|
}
|
|
|
|
|
this.loading = true
|
|
|
|
|
get_user_list(stringify(data)).then(res => {
|
|
|
|
|
this.total = res.data.total_count
|
|
|
|
|
this.tableData = res.data.data_list
|
|
|
|
|
}).finally(() => (this.loading = false))
|
|
|
|
|
},
|
|
|
|
|
pageChange(page) {
|
|
|
|
|
this.page = page
|
|
|
|
|
},
|
|
|
|
|
@ -176,8 +224,19 @@ export default {
|
|
|
|
|
...this.userFormData,
|
|
|
|
|
...formdata
|
|
|
|
|
}
|
|
|
|
|
// TODO 提交表单
|
|
|
|
|
console.log(data)
|
|
|
|
|
data.is_enabled = data.is_enabled ? 1 : 0
|
|
|
|
|
data.role_name = this.roleData.find(item => item.module_id === data.role_id).module_name
|
|
|
|
|
if (this.userFormTitle === '新增用户') {
|
|
|
|
|
add(stringify(data)).then(res => {
|
|
|
|
|
this.$message.success(res.msg)
|
|
|
|
|
this.dialogVisible = false
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
update(stringify(data)).then(res => {
|
|
|
|
|
this.$message.success(res.msg)
|
|
|
|
|
this.dialogVisible = false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
userFormDialogClose() {
|
|
|
|
|
this.userFormData = {}
|
|
|
|
|
@ -192,7 +251,9 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
handleEdit(index, row) {
|
|
|
|
|
this.userFormTitle = '编辑用户'
|
|
|
|
|
this.userFormData = row
|
|
|
|
|
const data = JSON.parse(JSON.stringify(row))
|
|
|
|
|
data.is_enabled = data.is_enabled !== 0
|
|
|
|
|
this.userFormData = data
|
|
|
|
|
this.dialogVisible = true
|
|
|
|
|
},
|
|
|
|
|
handleFace(index, row) {
|
|
|
|
|
@ -202,20 +263,22 @@ export default {
|
|
|
|
|
this.roleDialogVisible = true
|
|
|
|
|
},
|
|
|
|
|
handleDelTem() {
|
|
|
|
|
if (this.multipleSelection.length === 0) {
|
|
|
|
|
this.$message.warning('请选择需要删除的用户')
|
|
|
|
|
if (this.multipleSelection.length !== 1) {
|
|
|
|
|
this.$message.warning('请选择1个需要删除的用户')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.$confirm('确定要删除用户“陈小红”吗?', '提示', {
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(() => {
|
|
|
|
|
this.$message({
|
|
|
|
|
}).then(() =>
|
|
|
|
|
del(stringify({ 'user_id': this.multipleSelection[0].user })).then(
|
|
|
|
|
res => this.$message.success({
|
|
|
|
|
type: 'success',
|
|
|
|
|
message: '删除成功!'
|
|
|
|
|
})
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
)
|
|
|
|
|
).catch(() => {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: 'info',
|
|
|
|
|
message: '已取消删除'
|
|
|
|
|
@ -223,10 +286,10 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleRefresh() {
|
|
|
|
|
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
handleSearch() {
|
|
|
|
|
|
|
|
|
|
this.getList()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
duan
2 years ago