|
@@ -17,7 +17,7 @@
|
|
|
<el-form-item label="" prop="userName">
|
|
|
<el-input
|
|
|
v-model="queryParams.userName"
|
|
|
- placeholder="请输入用户名"
|
|
|
+ placeholder="请输入名称"
|
|
|
prefix-icon="el-icon-search"
|
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
@@ -80,7 +80,7 @@
|
|
|
<el-form-item label="" prop="state">
|
|
|
<el-select
|
|
|
v-model="queryParams.state"
|
|
|
- placeholder="用户状态"
|
|
|
+ placeholder="状态"
|
|
|
clearable
|
|
|
style="width: 100px"
|
|
|
>
|
|
@@ -95,7 +95,7 @@
|
|
|
<el-form-item label="" prop="userType">
|
|
|
<el-select
|
|
|
v-model="queryParams.userType"
|
|
|
- placeholder="用户类型"
|
|
|
+ placeholder="类型"
|
|
|
clearable
|
|
|
style="width: 100px"
|
|
|
>
|
|
@@ -117,12 +117,11 @@
|
|
|
|
|
|
|
|
|
<!-- 表格数据信息 -->
|
|
|
- <el-table height="62vh"
|
|
|
+ <el-table
|
|
|
ref="userTable"
|
|
|
v-loading="loading"
|
|
|
:data="userList"
|
|
|
stripe
|
|
|
- border
|
|
|
header-row-class-name="headBackground"
|
|
|
@selection-change="handleSelectionChange"
|
|
|
>
|
|
@@ -130,20 +129,20 @@
|
|
|
<el-table-column
|
|
|
v-if="false"
|
|
|
key="userId"
|
|
|
- label="用户编号"
|
|
|
+ label="编号"
|
|
|
align="left"
|
|
|
prop="userId"
|
|
|
/>
|
|
|
<el-table-column
|
|
|
key="userName"
|
|
|
- label="用户名"
|
|
|
+ label="名称"
|
|
|
align="left"
|
|
|
prop="userName"
|
|
|
:show-overflow-tooltip="true"
|
|
|
/>
|
|
|
<el-table-column
|
|
|
key="state"
|
|
|
- label="用户状态"
|
|
|
+ label="状态"
|
|
|
align="left"
|
|
|
prop="state"
|
|
|
:show-overflow-tooltip="true"
|
|
@@ -154,7 +153,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
key="userType"
|
|
|
- label="用户类型"
|
|
|
+ label="类型"
|
|
|
align="left"
|
|
|
prop="userType"
|
|
|
:show-overflow-tooltip="true"
|
|
@@ -222,11 +221,11 @@
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
<el-row style="margin-bottom: 5px">
|
|
|
<el-col>
|
|
|
- <el-form-item label="用户名" prop="userName">
|
|
|
+ <el-form-item label="名称" prop="userName">
|
|
|
<el-input
|
|
|
v-if="form.userId == undefined"
|
|
|
v-model.trim="form.userName"
|
|
|
- placeholder="请输入用户名"
|
|
|
+ placeholder="请输入名称"
|
|
|
maxlength="20"
|
|
|
style="width: 360px"
|
|
|
minlength="2"
|
|
@@ -234,7 +233,7 @@
|
|
|
<el-input
|
|
|
v-else
|
|
|
v-model.trim="form.userName"
|
|
|
- placeholder="请输入用户名"
|
|
|
+ placeholder="请输入名称"
|
|
|
maxlength="20"
|
|
|
minlength="2"
|
|
|
disabled
|
|
@@ -247,13 +246,13 @@
|
|
|
<el-col>
|
|
|
<el-form-item
|
|
|
v-if="form.userId == undefined"
|
|
|
- label="用户密码"
|
|
|
+ label="密码"
|
|
|
prop="password"
|
|
|
>
|
|
|
<el-input
|
|
|
ref="password"
|
|
|
v-model.trim="form.password"
|
|
|
- placeholder="请输入用户密码"
|
|
|
+ placeholder="请输入密码"
|
|
|
:type="passwordType"
|
|
|
maxlength="20"
|
|
|
auto-complete="new-password"
|
|
@@ -269,8 +268,8 @@
|
|
|
</el-row>
|
|
|
<el-row style="margin-bottom: 5px">
|
|
|
<el-col>
|
|
|
- <el-form-item label="用户类型" prop="userType">
|
|
|
- <el-select v-model="form.userType" placeholder="请选择用户类型" style="width: 360px">
|
|
|
+ <el-form-item label="类型" prop="userType">
|
|
|
+ <el-select v-model="form.userType" placeholder="请选择类型" style="width: 360px">
|
|
|
<el-option
|
|
|
v-for="dict in userType"
|
|
|
:key="dict.value"
|
|
@@ -281,7 +280,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item v-if="form.userId != undefined" label="用户状态">
|
|
|
+ <el-form-item v-if="form.userId != undefined" label="状态">
|
|
|
<el-radio-group v-model="form.state">
|
|
|
<el-radio
|
|
|
v-for="dict in userStatus"
|
|
@@ -297,7 +296,7 @@
|
|
|
<el-form-item label="所属角色" prop="roleList">
|
|
|
<el-select
|
|
|
v-model="form.roleList"
|
|
|
- placeholder="请选择用户角色"
|
|
|
+ placeholder="请选择角色"
|
|
|
multiple
|
|
|
style="width: 360px"
|
|
|
>
|
|
@@ -437,25 +436,25 @@ export default {
|
|
|
// 表单校验
|
|
|
rules: {
|
|
|
userName: [
|
|
|
- { required: true, message: '用户名不能为空', trigger: 'blur' },
|
|
|
+ { required: true, message: '名称不能为空', trigger: 'blur' },
|
|
|
{
|
|
|
min: 2,
|
|
|
max: 20,
|
|
|
- message: '用户名长度必须介于 2 和 20 之间',
|
|
|
+ message: '名称长度必须介于 2 和 20 之间',
|
|
|
trigger: 'blur'
|
|
|
},
|
|
|
{
|
|
|
pattern: /^[^\s]*$/,
|
|
|
- message: '用户名不能有空格',
|
|
|
+ message: '名称不能有空格',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
],
|
|
|
password: [
|
|
|
- { required: true, message: '用户密码不能为空', trigger: 'blur' },
|
|
|
+ { required: true, message: '密码不能为空', trigger: 'blur' },
|
|
|
{ validator: validatePass, trigger: 'blur' }
|
|
|
],
|
|
|
userType: [
|
|
|
- { required: true, message: '请选择用户类型', trigger: 'change' }
|
|
|
+ { required: true, message: '请选择类型', trigger: 'change' }
|
|
|
]
|
|
|
},
|
|
|
passwordType: 'password'
|
|
@@ -691,7 +690,7 @@ export default {
|
|
|
this.form.userType = this.userType[0].value
|
|
|
this.open = true
|
|
|
this.passwordType = 'password'
|
|
|
- this.title = '添加用户'
|
|
|
+ this.title = '新增用户'
|
|
|
this.isDisabled = false
|
|
|
this.getRoleList()
|
|
|
this.getDeptList()
|