<template>
|
<div>
|
<el-form :model="params" :inline="true" class="demo-form-inline">
|
<el-form-item label="用户账号">
|
<el-input type="text" v-model="params.username" show-word-limit placeholder="输入用户账号" clearable></el-input>
|
</el-form-item>
|
<el-form-item label="用户昵称">
|
<el-input type="text" v-model="params.nickname" show-word-limit width="200" placeholder="输入用户昵称"
|
clearable></el-input>
|
</el-form-item>
|
<el-form-item label="部门名称">
|
<el-select v-model="mineStatus" placeholder="请选择" collapse-tags>
|
<el-option :value="mineStatus" style="height: auto">
|
<!-- <el-tree :data="treeDate"
|
show-checkbox
|
check-strictly
|
node-key="id"
|
></el-tree>-->
|
</el-option>
|
<el-tree :data="treeDate"
|
show-checkbox
|
check-strictly
|
node-key="id"
|
ref="tree"
|
@check-change="handleCheckChange"></el-tree>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="userSearch" icon="el-icon-search" size="small">查询</el-button>
|
</el-form-item>
|
<el-form-item>
|
<template slot-scope="scope">
|
<el-button type="primary" v-if="buttonList.user_manager_add.show" @click="showUserAddDialog"
|
icon="el-icon-circle-plus" size="small">新增
|
</el-button>
|
</template>
|
</el-form-item>
|
</el-form>
|
<el-table :data="userList" class="show_table" v-if="userList"
|
highlight-current-row v-loading="buttonLoading"
|
style="width: 100%"
|
:height="conHeight.height">
|
<el-table-column type="expand">
|
<template slot-scope="props">
|
<el-form label-position="left" inline class="demo-table-expand">
|
<el-form-item label="用户账号">
|
<span>{{ props.row.username }}</span>
|
</el-form-item>
|
<el-form-item label="用户昵称">
|
<span>{{ props.row.nickname }}</span>
|
</el-form-item>
|
<el-form-item label="用户状态">
|
<span>{{ getUserStatus(props.row.userStatus) }}</span>
|
</el-form-item>
|
<el-form-item label="联系电话">
|
<span>{{ props.row.phoneNo }}</span>
|
</el-form-item>
|
<el-form-item label="出生日期">
|
<span>{{ props.row.birthday == null ? '':props.row.birthday.substring(0,10)}}</span>
|
</el-form-item>
|
<el-form-item label="用户性别">
|
<span>{{sex_status[props.row.sex]}}</span>
|
</el-form-item>
|
<el-form-item label="联系邮箱">
|
<span>{{ props.row.email}}</span>
|
</el-form-item>
|
<el-form-item label="所属部门">
|
<el-tag
|
v-for="(item,index) in (props.row.departs)"
|
:key="index"
|
size="small"
|
>
|
{{ item.departName }}
|
</el-tag>
|
</el-form-item>
|
</el-form>
|
</template>
|
</el-table-column>
|
<el-table-column type="index" label="序号" class-name="right">
|
</el-table-column>
|
<el-table-column prop="username" label="用户账号" class-name="left">
|
</el-table-column>
|
<el-table-column prop="nickname" label="用户昵称" class-name="left">
|
</el-table-column>
|
<el-table-column prop="userStatus" label="用户状态" class-name="left" width="100">
|
<template slot-scope="scope">
|
{{getUserStatus(scope.row.userStatus)}}
|
</template>
|
</el-table-column>
|
<el-table-column prop="phoneNo" label="联系电话" class-name="right">
|
</el-table-column>
|
<el-table-column prop="departs" label="所属部门" class-name="left">
|
<template slot-scope="scope">
|
<el-tag
|
v-for="item in scope.row.departs"
|
:key="item.departId"
|
size="small"
|
>
|
{{ item.departName }}
|
</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" align="center" width="400">
|
<template slot-scope="scope">
|
<el-button v-if="buttonList.user_manager_edit.show" size="mini" icon="el-icon-edit"
|
@click="showUserEditDialog(scope.$index, scope.row)">编辑
|
</el-button>
|
<el-button v-if="buttonList.user_manager_delete.show" size="mini" icon="el-icon-delete"
|
@click="deleteUser(scope.$index, scope.row)">删除
|
</el-button>
|
<el-button v-if="buttonList.user_manager_assign.show" size="mini" icon="el-icon-setting"
|
@click="assignUserDialog(scope.$index, scope.row)">用户权限
|
</el-button>
|
<el-button v-if="buttonList.user_manager_reset_password.show" size="mini" icon="el-icon-refresh"
|
@click="resetPassword(scope.$index, scope.row)">重置密码
|
</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="pageData.page"
|
:page-sizes="pageData.pageSizeArr"
|
:page-size="pageData.size"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="pageData.total">
|
</el-pagination>
|
<el-dialog :visible.sync="addFormVisible" class="user_dialog" :close-on-click-modal="false" title="新增用户"
|
@close="closeDialog" width="480px">
|
<el-form :model="userAddData" :rules="userAddRules" ref="userAddForm" label-width="80px">
|
<el-form-item label="用户账号" prop="username">
|
<el-input placeholder="请输入账号" v-model.trim="userAddData.username"></el-input>
|
</el-form-item>
|
<el-form-item label="用户性别" prop="sex">
|
<input type="radio" name="radios" value="1" v-model.trim="userAddData.sex"><label>男</label>
|
<input type="radio" name="radios" value="2" v-model.trim="userAddData.sex"><label>女</label>
|
</el-form-item>
|
<el-form-item label="用户昵称" prop="nickname">
|
<el-input placeholder="请输入昵称" v-model.trim="userAddData.nickname"></el-input>
|
</el-form-item>
|
|
<el-form-item label="登陆密码" prop="password">
|
<el-input placeholder="请输入密码" v-model.trim="userAddData.password" show-password></el-input>
|
</el-form-item>
|
<el-form-item label="出生日期" prop="birthday">
|
<el-date-picker
|
type="date"
|
placeholder="选择日期"
|
v-model.trim="userAddData.birthday"
|
format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"
|
style="width: 100%;">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="联系电话" prop="phoneNo">
|
<el-input placeholder="请输入电话" v-model.trim="userAddData.phoneNo" :maxlength='11' type="text"></el-input>
|
</el-form-item>
|
<el-form-item label="联系邮箱" prop="email">
|
<el-input v-model.trim="userAddData.email"></el-input>
|
</el-form-item>
|
|
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click.native="userAddCommit" :loading="buttonLoading" type="primary" class="btn-custom">
|
<span>保 存</span></el-button>
|
<el-button @click="closeDialog" class="btn-custom"><span>取 消</span></el-button>
|
</div>
|
</el-dialog>
|
<el-dialog :visible.sync="editFormVisible" class="user_dialog" :close-on-click-modal="false" title="编辑用户信息"
|
@close="closeDialog" width="480px">
|
<el-form :model="userAddData" :rules="userEditRules" ref="userEditForm" label-width="80px">
|
<el-form-item label="用户账号" prop="username">
|
<el-input v-model.trim="userAddData.username" readonly></el-input>
|
</el-form-item>
|
<el-form-item label="用户性别">
|
<el-radio-group v-model="userAddData.sex">
|
<el-radio :label="1">男</el-radio>
|
<el-radio :label="2">女</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="用户密码" prop="password">
|
<el-input placeholder="请输入密码" v-model.trim="userAddData.password" show-password></el-input>
|
</el-form-item>
|
<el-form-item label="用户昵称" prop="nickname">
|
<el-input placeholder="请输入昵称" v-model.trim="userAddData.nickname"></el-input>
|
</el-form-item>
|
<el-form-item label="出生日期" prop="birthday">
|
<el-date-picker
|
type="date"
|
placeholder="选择日期"
|
v-model.trim="userAddData.birthday"
|
format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"
|
style="width: 100%;">
|
</el-date-picker>
|
</el-form-item>
|
|
<el-form-item label="联系电话" prop="phoneNo">
|
<el-input placeholder="请输入联系方式" v-model.trim="userAddData.phoneNo" :maxlength='11' type="text"></el-input>
|
</el-form-item>
|
<el-form-item label="联系邮箱" prop="email">
|
<el-input v-model.trim="userAddData.email"></el-input>
|
</el-form-item>
|
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click.native="userEditCommit" :loading="buttonLoading" type="primary" class="btn-custom">
|
<span>保 存</span>
|
</el-button>
|
<el-button @click="closeDialog" class="btn-custom">
|
<span>取 消</span>
|
</el-button>
|
</div>
|
</el-dialog>
|
<el-dialog :visible.sync="assignFormVisible" class="transfer_dialog" title="分配用户权限" @close="closeAssignDialog"
|
width="50%">
|
<template>
|
<el-form :inline="true" class="demo-form-inline">
|
<el-form-item label="用户账号">
|
<el-input v-model.trim="currentRow.username" readOnly></el-input>
|
</el-form-item>
|
<el-form-item label="用户昵称">
|
<el-input v-model.trim="currentRow.nickname" readOnly></el-input>
|
</el-form-item>
|
</el-form>
|
<el-tabs v-model="activeName">
|
<el-tab-pane label="分配角色" name="first">
|
<template>
|
<div style="text-align: center">
|
<el-transfer
|
filterable
|
style="text-align: left; display: inline-block"
|
v-model="roleListKey"
|
:props="{
|
key: 'roleId',
|
label: 'roleName'
|
}"
|
:data="roleList"
|
@change="handleUserRoleListChange"
|
:titles="['未分配角色', '已分配角色']"
|
:button-texts="['移出角色','分配角色']"
|
>
|
|
</el-transfer>
|
</div>
|
</template>
|
</el-tab-pane>
|
<el-tab-pane label="分配部门" name="second">
|
<template>
|
<div style="text-align: center">
|
<el-transfer
|
filterable
|
style="text-align: left; display: inline-block"
|
v-model="departListKey"
|
:props="{
|
key: 'departId',
|
label: 'departName'
|
}"
|
:data="departList"
|
@change="handleUserDepartListChange"
|
:titles="['未分配部门', '已分配部门']"
|
:button-texts="['移出部门','分配部门']"
|
>
|
|
</el-transfer>
|
</div>
|
</template>
|
</el-tab-pane>
|
|
</el-tabs>
|
</template>
|
</el-dialog>
|
|
</div>
|
</template>
|
<script>
|
import * as userApi from '../api/user'
|
import * as SystemApi from '../../../base/api/system'
|
|
export default {
|
data() {
|
var validatePhone = (rule, value, callback) => {
|
var re = /^1\d{10}$/;
|
if (value != '' && !re.test(value)) {
|
callback(new Error('电话号码不正确'));
|
} else {
|
callback();
|
}
|
}
|
var validateEmail = (rule, value, callback) => {
|
var regEmail = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
|
if (value != '' && !regEmail.test(value)) {
|
callback(new Error('邮箱不正确'));
|
} else {
|
callback();
|
}
|
}
|
return {
|
mineStatus: '',
|
treeDate: [],
|
pageData: {
|
page: 1,
|
size: 10,
|
total: 0,
|
pageSizeArr: [10, 20, 40]
|
},
|
params: {
|
username: '',//用户名
|
nickname: '', //昵称
|
departId: '' //部门id
|
},
|
buttonLoading: false,
|
currentRow: {},
|
userList: [],
|
roleList: [],
|
roleListKey: [],
|
departList: [],
|
departListKey: [],
|
buttonList: {
|
user_manager_add: {show: false, code: 'user_manager_add'},
|
user_manager_edit: {show: false, code: 'user_manager_edit'},
|
user_manager_delete: {show: false, code: 'user_manager_delete'},
|
user_manager_assign: {show: false, code: 'user_manager_assign'},
|
user_manager_reset_password: {show: false, code: 'user_manager_reset_password'},
|
},
|
activeName: 'first',
|
conHeight: {//表格样式
|
height: '',
|
overflow: 'auto'
|
},
|
sex_status: {
|
'1': '男',
|
'2': '女'
|
},
|
addFormVisible: false,
|
editFormVisible: false,
|
assignFormVisible: false,
|
defaultUserAddData: {},
|
userAddData: {
|
username: '',
|
nickname: '',
|
password: '',
|
sex: 1,
|
email: '',
|
phoneNo: '',
|
birthday: ''
|
},
|
userAddRules: {
|
username: [
|
{required: true, message: '请输入账号', trigger: 'blur'}
|
],
|
nickname: [
|
{required: true, message: '请输入昵称', trigger: 'blur'}
|
],
|
password: [
|
{required: true, message: '请输入密码', trigger: 'blur'},
|
{
|
pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
|
message: '密码由8位数字、大小写字母和特殊符号组成!',
|
}
|
],
|
phoneNo: [
|
{required: false, validator: validatePhone, trigger: 'blur'}
|
],
|
email: [
|
{required: false, validator: validateEmail, trigger: 'blur'}
|
],
|
},
|
userEditRules: {
|
username: [
|
{required: true, message: '请输入账号', trigger: 'blur'}
|
],
|
nickname: [
|
{required: true, message: '请输入昵称', trigger: 'blur'}
|
],
|
phoneNo: [
|
{required: false, validator: validatePhone, trigger: 'blur'}
|
],
|
email: [
|
{required: false, validator: validateEmail, trigger: 'blur'}
|
],
|
},
|
}
|
},
|
methods: {
|
|
getHeight() {
|
this.conHeight.height = window.innerHeight - 160;
|
},
|
showUserAddDialog() {
|
this.addFormVisible = true;
|
this.currentRow = {};
|
if (this.$refs.userAddForm) this.$refs.userAddForm.clearValidate()
|
},
|
userAddCommit() {
|
this.$refs.userAddForm.validate((valid) => {
|
if (valid) {
|
this.$confirm('确认提交吗？', '提示', {}).then(() => {
|
this.buttonLoading = true;
|
userApi.user_add(this.userAddData).then((res) => {
|
if (res.success) {
|
this.buttonLoading = false;
|
this.$message({
|
message: res.message,
|
type: 'success'
|
});
|
this.closeDialog();
|
this.userQuery();
|
} else if (res.message) {
|
this.buttonLoading = false;
|
this.$message({
|
message: res.message,
|
type: 'error'
|
});
|
}
|
}).catch((error) => {
|
this.$message({
|
message: '服务异常！',
|
type: 'error'
|
});
|
});
|
});
|
}
|
});
|
},
|
showUserEditDialog(index, row) {
|
this.editFormVisible = true;
|
this.currentRow = row;
|
this.userAddData = Object.assign({}, row);
|
this.userAddData.password = '';
|
},
|
|
/**
|
* 手机号码校验
|
*/
|
/* animate(){
|
var re = /^1\d{10}$/;
|
let str = this.userAddData.phoneNo;
|
if(re.test(str)){
|
this.$message({
|
message: '手机号可正常',
|
type:'success'
|
});
|
}else {
|
this.$message({
|
message: '抱歉手机号不合法',
|
type:'error'
|
});
|
return
|
}
|
|
},*/
|
|
/**
|
* 邮箱校验
|
*/
|
/* sendEmail(){
|
var regEmail = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
|
if (this.userAddData.email != '' && !regEmail.test(this.userAddData.email)) {
|
this.$message({
|
message: '邮箱格式不正确',
|
type: 'error'
|
})
|
return
|
}
|
},*/
|
|
userEditCommit() {
|
|
/* this.animate();
|
this.sendEmail();*/
|
this.$refs.userEditForm.validate((valid) => {
|
if (valid) {
|
this.$confirm('确认提交吗？', '提示', {}).then(() => {
|
this.buttonLoading = true;
|
userApi.user_edit(this.currentRow.userId, this.userAddData).then((res) => {
|
if (res.success) {
|
this.buttonLoading = false;
|
this.$message({
|
message: res.message,
|
type: 'success'
|
});
|
this.closeDialog();
|
this.userQuery();
|
} else if (res.message) {
|
this.buttonLoading = false;
|
this.$message({
|
message: res.message,
|
type: 'error'
|
});
|
}
|
});
|
});
|
}
|
});
|
},
|
assignUserDialog(index, row) {
|
this.assignFormVisible = true;
|
this.currentRow = row;
|
this.getUserDepartList();
|
this.getUserRoleList();
|
},
|
changePage(page) {
|
this.pageData.page = page;
|
this.userQuery()
|
},
|
userSearch() {
|
this.pageData.page = 1;
|
this.userQuery();
|
},
|
userQuery() {
|
this.buttonLoading = true;
|
userApi.user_list(this.pageData.page, this.pageData.size, this.params).then((res) => {
|
if (res.success) {
|
this.buttonLoading = false;
|
this.pageData.total = res.page.total;
|
this.userList = res.page.records;
|
console.log(this.userList)
|
} else if (res.message) {
|
this.buttonLoading = false;
|
this.$message({
|
type: 'error',
|
message: res.message
|
});
|
}
|
}).catch((error) => {
|
this.$message({
|
type: 'error',
|
message: '服务器异常！'
|
});
|
});
|
},
|
getButtonList() {
|
let params = {flag: 1, param: this.$route.path};
|
SystemApi.button_list(params).then((res) => {
|
if (res.success && res.list.length > 0) {
|
res.list.forEach((v, k) => {
|
if (this.buttonList[v] && this.buttonList[v].code == v) {
|
this.buttonList[v].show = true
|
}
|
});
|
}
|
})
|
},
|
|
closeDialog() {
|
this.addFormVisible = false;
|
this.editFormVisible = false;
|
this.userAddData = JSON.parse(JSON.stringify(this.defaultUserAddData));
|
},
|
closeAssignDialog() {
|
this.assignFormVisible = false;
|
this.roleListKey = [];
|
this.departListKey = [];
|
this.currentRow = {};
|
},
|
handleCheckChange(data, checked, node) {
|
let res = this.$refs.tree.getCheckedNodes(false, true); //true，1. 是否只是叶子节点 2.选择的时候不包含父节点）
|
if (checked) {
|
this.$refs.tree.setCheckedNodes([]);
|
this.$refs.tree.setCheckedNodes([data]);
|
}
|
let arrLabel = [];
|
this.params.departId = '';
|
if (res.length > 0) {
|
res.forEach(item => {
|
arrLabel = item;
|
});
|
this.mineStatus = arrLabel.label;
|
this.params.departId = arrLabel.id;
|
} else {
|
this.mineStatus = '';
|
this.params.departId = '';
|
}
|
|
console.log(arrLabel, 'arrLabel', this.params.departId)
|
},
|
handleSizeChange(val) {
|
this.pageData.size = val;
|
this.userQuery();
|
},
|
handleCurrentChange(val) {
|
this.pageData.page = val;
|
this.userQuery();
|
},
|
handleUserDepartListChange(value, direction, movedKeys) {
|
let userId = '';
|
if (this.currentRow && this.currentRow.userId) {
|
userId = this.currentRow.userId;
|
}
|
if (userId && userId !== '') {
|
if (direction === 'right') {
|
userApi.assign_add_depart(userId, movedKeys).then((res) => {
|
if (res.success) {
|
this.$message({
|
type: 'success',
|
message: res.message
|
});
|
} else {
|
this.$message({
|
type: 'error',
|
message: res.message
|
});
|
}
|
}).catch((error) => {
|
this.$message({
|
type: 'error',
|
message: '服务异常！'
|
});
|
})
|
} else {
|
userApi.assign_remove_depart(userId, movedKeys).then((res) => {
|
if (res.success) {
|
this.$message({
|
type: 'success',
|
message: res.message
|
});
|
} else {
|
this.$message({
|
type: 'error',
|
message: res.message
|
});
|
}
|
}).catch((error) => {
|
this.$message({
|
type: 'error',
|
message: '服务异常！'
|
});
|
})
|
}
|
} else {
|
this.$message({
|
type: 'error',
|
message: '当前选择用户为空！'
|
})
|
}
|
},
|
handleUserRoleListChange(value, direction, movedKeys) {
|
let userId = '';
|
if (this.currentRow && this.currentRow.userId) {
|
userId = this.currentRow.userId;
|
}
|
if (userId && userId !== '') {
|
if (direction === 'right') {
|
userApi.assign_add_role(userId, movedKeys).then((res) => {
|
if (res.success) {
|
this.$message({
|
type: 'success',
|
message: res.message
|
});
|
} else {
|
this.$message({
|
type: 'error',
|
message: res.message
|
});
|
}
|
}).catch((error) => {
|
this.$message({
|
type: 'error',
|
message: '服务异常！'
|
});
|
})
|
} else {
|
userApi.assign_remove_role(userId, movedKeys).then((res) => {
|
if (res.success) {
|
this.$message({
|
type: 'success',
|
message: res.message
|
});
|
} else {
|
this.$message({
|
type: 'error',
|
message: res.message
|
});
|
}
|
}).catch((error) => {
|
this.$message({
|
type: 'error',
|
message: '服务异常！'
|
});
|
})
|
}
|
} else {
|
this.$message({
|
type: 'error',
|
message: '当前选择用户为空！'
|
})
|
}
|
},
|
getRoleList() {
|
userApi.role_list().then((res) => {
|
if (res.success && res.list && res.list.length > 0) {
|
this.roleList = res.list;
|
} else {
|
this.roleList = [];
|
}
|
})
|
},
|
getUserRoleList() {
|
if (this.currentRow && this.currentRow.userId) {
|
userApi.user_role(this.currentRow.userId).then((res) => {
|
if (res.success && res.list && res.list.length > 0) {
|
this.roleListKey = [];
|
res.list.forEach((v, k) => {
|
this.roleListKey.push(v.roleId);
|
})
|
} else {
|
this.roleListKey = [];
|
}
|
})
|
} else {
|
this.roleListKey = [];
|
}
|
|
},
|
getDepartList() {
|
SystemApi.depart_list().then((res) => {
|
if (res.success && res.list && res.list.length > 0) {
|
this.departList = res.list;
|
this.treeDate = res.list;
|
}
|
})
|
},
|
getDepartTree() {
|
SystemApi.get_depart_tree().then((res) => {
|
if (res.success && res.list && res.list.length > 0) {
|
this.treeDate = res.list;
|
}
|
})
|
},
|
getUserDepartList() {
|
if (this.currentRow && this.currentRow.userId) {
|
userApi.user_depart(this.currentRow.userId).then((res) => {
|
if (res.success && res.list && res.list.length > 0) {
|
this.departListKey = [];
|
res.list.forEach((v, k) => {
|
this.departListKey.push(v.departId);
|
});
|
} else {
|
this.departListKey = [];
|
}
|
});
|
} else {
|
this.departListKey = [];
|
}
|
},
|
deleteUser(index, row) {
|
this.$confirm('确认删除吗？', '提示', {}).then(() => {
|
userApi.delete_user(row.userId).then((res) => {
|
if (res.success) {
|
let totalPage = Math.ceil((this.pageData.total - 1) / this.pageData.size);
|
totalPage = (totalPage < 1 ? 1 : totalPage);
|
this.pageData.page = this.pageData.page > totalPage ? totalPage : this.pageData.page;
|
this.userQuery();
|
this.$message({
|
message: res.message,
|
type: 'success'
|
});
|
} else if (res.message) {
|
this.$message({
|
message: res.message,
|
type: 'error'
|
});
|
}
|
});
|
});
|
},
|
|
getUserStatus(userStatus) {
|
switch (userStatus) {
|
case 0:
|
return '未激活'
|
case 1:
|
return '正常'
|
case 2:
|
return '封禁'
|
default:
|
return '正常'
|
}
|
},
|
|
/**
|
* 单击重置按钮时触发
|
* @param index 当前行下标
|
* @param row 当前行信息
|
*/
|
resetPassword(index, row) {
|
this.$confirm('确认重置吗？', '提示', {}).then(() => {
|
userApi.reset_user_password(row.userId)
|
.then(res => {
|
console.log('res=', res)
|
if (res.success) {
|
this.$message({
|
message: res.message,
|
type: 'success'
|
});
|
} else {
|
this.$message({
|
message: res.message,
|
type: 'warning'
|
});
|
}
|
})
|
.catch(err => {
|
this.$message.error(err.message);
|
})
|
});
|
|
}
|
},
|
computed: {
|
partsList: function (params) {
|
if (params && params.length > 0) {
|
|
}
|
},
|
},
|
created() {
|
this.defaultUserAddData = JSON.parse(JSON.stringify(this.userAddData));
|
window.addEventListener('resize', this.getHeight);
|
this.getHeight()
|
},
|
mounted() {
|
//按钮权限
|
this.getButtonList();
|
//默认查询页面
|
this.userQuery();
|
//初始化查询条件
|
this.getRoleList();
|
this.getDepartList();
|
this.getDepartTree();
|
}
|
}
|
</script>
|
|
<style>
|
.user_dialog .el-dialog__body .el-form-item {
|
margin-bottom: 2vh;
|
}
|
|
.demo-table-expand {
|
font-size: 0;
|
}
|
|
.demo-table-expand label {
|
width: 90px;
|
color: #99a9bf;
|
}
|
|
.demo-table-expand .el-form-item {
|
margin-right: 0;
|
margin-bottom: 0;
|
width: 50%;
|
}
|
|
.transfer-footer {
|
margin-left: 20px;
|
padding: 6px 5px;
|
}
|
|
.el-table__expanded-cell {
|
background-color: #FCFCFC;
|
}
|
|
.el-table__expanded-cell:hover {
|
background-color: #FCFCFC;
|
}
|
|
.show_table .el-tag + .el-tag {
|
margin-left: 5px;
|
}
|
</style>
|
