|
@@ -4,7 +4,7 @@
|
|
|
<!--部门数据-->
|
|
<!--部门数据-->
|
|
|
<el-col :span="2" :xs="24">
|
|
<el-col :span="2" :xs="24">
|
|
|
<div class="head-container">
|
|
<div class="head-container">
|
|
|
- <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />
|
|
|
|
|
|
|
+ <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" @blur="trimInput('deptName')" />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="head-container">
|
|
<div class="head-container">
|
|
|
<el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" @node-click="handleNodeClick" />
|
|
<el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" @node-click="handleNodeClick" />
|
|
@@ -14,13 +14,13 @@
|
|
|
<el-col :span="22" :xs="24">
|
|
<el-col :span="22" :xs="24">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
|
|
|
<el-form-item label="ID" prop="userId">
|
|
<el-form-item label="ID" prop="userId">
|
|
|
- <el-input v-model="queryParams.userId" placeholder="请输入员工ID" clearable size="small" style="width: 240px" @keyup.enter.native="handleQuery" />
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.userId" placeholder="请输入员工ID" clearable size="small" style="width: 240px" @keyup.enter.native="handleQuery" @blur="trimInput('userId', queryParams)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="员工后台昵称" prop="nickName">
|
|
<el-form-item label="员工后台昵称" prop="nickName">
|
|
|
- <el-input v-model="queryParams.nickName" placeholder="请输入员工后台昵称" clearable size="small" style="width: 240px" @keyup.enter.native="handleQuery" />
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.nickName" placeholder="请输入员工后台昵称" clearable size="small" style="width: 240px" @keyup.enter.native="handleQuery" @blur="trimInput('nickName', queryParams)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="手机号码" prop="phonenumber">
|
|
<el-form-item label="手机号码" prop="phonenumber">
|
|
|
- <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable size="small" style="width: 240px" @keyup.enter.native="handleQuery" />
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable size="small" style="width: 240px" @keyup.enter.native="handleQuery" @blur="trimInput('phonenumber', queryParams)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="状态" prop="status">
|
|
<el-form-item label="状态" prop="status">
|
|
|
<el-select v-model="queryParams.status" placeholder="员工状态" clearable size="small" style="width: 240px" @change="handleQuery">
|
|
<el-select v-model="queryParams.status" placeholder="员工状态" clearable size="small" style="width: 240px" @change="handleQuery">
|
|
@@ -430,7 +430,7 @@
|
|
|
<!-- <el-input v-model="form.userName" placeholder="请输入员工后台账号" />-->
|
|
<!-- <el-input v-model="form.userName" placeholder="请输入员工后台账号" />-->
|
|
|
<!-- </el-form-item>-->
|
|
<!-- </el-form-item>-->
|
|
|
<el-form-item label="员工姓名" prop="nickName">
|
|
<el-form-item label="员工姓名" prop="nickName">
|
|
|
- <el-input v-model="form.nickName" placeholder="请输入员工后台昵称" />
|
|
|
|
|
|
|
+ <el-input v-model="form.nickName" placeholder="请输入员工后台昵称" @blur="trimInput('nickName', form)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -442,24 +442,24 @@
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="手机号码" prop="phonenumber">
|
|
<el-form-item label="手机号码" prop="phonenumber">
|
|
|
- <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
|
|
|
|
|
|
|
+ <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" @blur="trimInput('phonenumber', form)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="邮箱" prop="email">
|
|
<el-form-item label="邮箱" prop="email">
|
|
|
- <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
|
|
|
|
|
|
|
+ <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" @blur="trimInput('email', form)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="员工账号" prop="userName">
|
|
<el-form-item label="员工账号" prop="userName">
|
|
|
- <el-input v-model="form.userName" placeholder="请输入员工工号" />
|
|
|
|
|
|
|
+ <el-input v-model="form.userName" placeholder="请输入员工工号" @blur="trimInput('userName', form)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
|
|
<el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
|
|
|
- <el-input v-model="form.password" placeholder="请输入用户密码" type="password" show-password />
|
|
|
|
|
|
|
+ <el-input v-model="form.password" placeholder="请输入用户密码" type="password" show-password @blur="trimInput('password', form)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -501,7 +501,7 @@
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="身份证号">
|
|
<el-form-item label="身份证号">
|
|
|
- <el-input v-model="form.idCard" placeholder="请输入身份证号" maxlength="18" />
|
|
|
|
|
|
|
+ <el-input v-model="form.idCard" placeholder="请输入身份证号" maxlength="18" @blur="trimInput('idCard', form)" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -720,6 +720,7 @@
|
|
|
clearable
|
|
clearable
|
|
|
style="width: 300px;"
|
|
style="width: 300px;"
|
|
|
@keyup.enter.native="queryFsUserByPhone"
|
|
@keyup.enter.native="queryFsUserByPhone"
|
|
|
|
|
+ @blur="trimInput('phone', bindUserForm)"
|
|
|
>
|
|
>
|
|
|
<el-button slot="append" icon="el-icon-search" @click="queryFsUserByPhone">查询</el-button>
|
|
<el-button slot="append" icon="el-icon-search" @click="queryFsUserByPhone">查询</el-button>
|
|
|
</el-input>
|
|
</el-input>
|
|
@@ -787,6 +788,7 @@
|
|
|
placeholder="请输入昵称"
|
|
placeholder="请输入昵称"
|
|
|
clearable
|
|
clearable
|
|
|
@keyup.enter.native="handleMemberQuery"
|
|
@keyup.enter.native="handleMemberQuery"
|
|
|
|
|
+ @blur="trimInput('nickName', memberQueryParams)"
|
|
|
prefix-icon="el-icon-user"
|
|
prefix-icon="el-icon-user"
|
|
|
style="width: 100%;"
|
|
style="width: 100%;"
|
|
|
/>
|
|
/>
|
|
@@ -798,6 +800,7 @@
|
|
|
placeholder="请输入手机号"
|
|
placeholder="请输入手机号"
|
|
|
clearable
|
|
clearable
|
|
|
@keyup.enter.native="handleMemberQuery"
|
|
@keyup.enter.native="handleMemberQuery"
|
|
|
|
|
+ @blur="trimInput('phone', memberQueryParams)"
|
|
|
prefix-icon="el-icon-phone"
|
|
prefix-icon="el-icon-phone"
|
|
|
style="width: 100%;"
|
|
style="width: 100%;"
|
|
|
/>
|
|
/>
|
|
@@ -1204,6 +1207,12 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ trimInput(key, obj) {
|
|
|
|
|
+ const target = obj || this;
|
|
|
|
|
+ if (target[key] && typeof target[key] === 'string') {
|
|
|
|
|
+ target[key] = target[key].trim();
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
|
|
|
handlePagination(data) {
|
|
handlePagination(data) {
|
|
|
// 添加防抖或判断,避免初始化时自动触发
|
|
// 添加防抖或判断,避免初始化时自动触发
|