|
|
|
@ -1,171 +1,189 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<el-form :inline="true" :model="query" class="query-form" size="mini">
|
|
|
|
|
<el-form-item class="query-form-item">
|
|
|
|
|
<el-input v-model="query.userName" placeholder="用户账号"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item class="query-form-item">
|
|
|
|
|
<el-select v-model="query.userFlag" placeholder="状态">
|
|
|
|
|
<el-option label="全部" value=""></el-option>
|
|
|
|
|
<el-option label="禁用" value="0"></el-option>
|
|
|
|
|
<el-option label="正常" value="1"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button-group>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-refresh"
|
|
|
|
|
@click="onReset"
|
|
|
|
|
></el-button>
|
|
|
|
|
<el-button type="primary" icon="search" @click="onSubmit"
|
|
|
|
|
>查询</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button type="primary" @click.native="handleForm(null, null)"
|
|
|
|
|
:disabled="!configParms.sysUser"
|
|
|
|
|
>新增</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-button-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<el-table v-loading="loading" :data="list" style="width: 100%">
|
|
|
|
|
<el-table-column label="用户账号" prop="userName" fixed> </el-table-column>
|
|
|
|
|
<el-table-column label="用户名称" prop="employeeName" fixed>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="状态" fixed="">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag :type="scope.row.userFlag | statusFilterType">{{
|
|
|
|
|
scope.row.userFlag | statusFilterName
|
|
|
|
|
}}</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="备注" prop="comments" fixed> </el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="登录时间"
|
|
|
|
|
with="300"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<i class="el-icon-time"></i>
|
|
|
|
|
<span> {{ scope.row.lastLoginTime }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<div>
|
|
|
|
|
<el-form :inline="true" :model="query" class="query-form" size="mini">
|
|
|
|
|
<el-form-item class="query-form-item">
|
|
|
|
|
<el-input v-model="query.userName" placeholder="用户账号"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item class="query-form-item">
|
|
|
|
|
<el-select v-model="query.userFlag" placeholder="状态">
|
|
|
|
|
<el-option label="全部" value=""></el-option>
|
|
|
|
|
<el-option label="禁用" value="0"></el-option>
|
|
|
|
|
<el-option label="正常" value="1"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button-group>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-refresh"
|
|
|
|
|
@click="onReset"
|
|
|
|
|
></el-button>
|
|
|
|
|
<el-button type="primary" icon="search" @click="onSubmit"
|
|
|
|
|
>查询
|
|
|
|
|
</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button type="primary" @click.native="handleForm(null, null)"
|
|
|
|
|
:disabled="!configParms.sysUser"
|
|
|
|
|
>新增
|
|
|
|
|
</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-button-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<el-table v-loading="loading" :data="list" style="width: 100%">
|
|
|
|
|
<el-table-column label="序号" type="index" fixed></el-table-column>
|
|
|
|
|
<el-table-column label="用户账号" prop="userName" fixed></el-table-column>
|
|
|
|
|
<el-table-column label="用户名称" prop="employeeName" fixed>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="状态" fixed="">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag :type="scope.row.userFlag | statusFilterType">{{
|
|
|
|
|
scope.row.userFlag | statusFilterName
|
|
|
|
|
}}
|
|
|
|
|
</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="备注" prop="comments" fixed></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="登录时间"
|
|
|
|
|
with="300"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<i class="el-icon-time"></i>
|
|
|
|
|
<span> {{ scope.row.lastLoginTime }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="操作" fixed="right">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
type="text"
|
|
|
|
|
size="small"
|
|
|
|
|
:disabled="!configParms.sysUser"
|
|
|
|
|
@click.native="handleForm(scope.$index, scope.row)"
|
|
|
|
|
>编辑
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="text"
|
|
|
|
|
size="small"
|
|
|
|
|
:disabled="!configParms.sysUser"
|
|
|
|
|
@click.native="handleDel(scope.$index, scope.row)"
|
|
|
|
|
>删除
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<el-table-column label="操作" fixed="right">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
type="text"
|
|
|
|
|
size="small"
|
|
|
|
|
:disabled="!configParms.sysUser"
|
|
|
|
|
@click.native="handleForm(scope.$index, scope.row)"
|
|
|
|
|
>编辑
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="text"
|
|
|
|
|
size="small"
|
|
|
|
|
:disabled="!configParms.sysUser"
|
|
|
|
|
@click.native="handleDel(scope.$index, scope.row)"
|
|
|
|
|
>删除
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
<el-pagination
|
|
|
|
|
:page-size="query.limit"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
layout="prev, pager, next"
|
|
|
|
|
:total="total"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
<el-pagination
|
|
|
|
|
:page-size="query.limit"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
layout="prev, pager, next"
|
|
|
|
|
:total="total"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
|
|
|
|
|
<!--表单-->
|
|
|
|
|
<el-dialog
|
|
|
|
|
:title="formMap[formName]"
|
|
|
|
|
:visible.sync="formVisible"
|
|
|
|
|
:before-close="hideForm"
|
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
|
:close-on-press-escape="false"
|
|
|
|
|
v-if="formVisible"
|
|
|
|
|
width="70%"
|
|
|
|
|
top="5vh"
|
|
|
|
|
>
|
|
|
|
|
<el-form :model="formData" :rules="formRules" ref="dataForm">
|
|
|
|
|
<el-row :gutter="20" class="el-row" type="flex">
|
|
|
|
|
<el-col :span="10" class="el-col" type="flex">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="用户账号" prop="userName">
|
|
|
|
|
<el-input v-model="formData.userName" size="small"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10" class="el-col">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="用户名称" prop="employeeName">
|
|
|
|
|
<el-input v-model="formData.employeeName" size="small"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<!--表单-->
|
|
|
|
|
<el-dialog
|
|
|
|
|
:title="formMap[formName]"
|
|
|
|
|
:visible.sync="formVisible"
|
|
|
|
|
:before-close="hideForm"
|
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
|
:close-on-press-escape="false"
|
|
|
|
|
v-if="formVisible"
|
|
|
|
|
width="70%"
|
|
|
|
|
top="5vh"
|
|
|
|
|
>
|
|
|
|
|
<el-form :model="formData" :rules="formRules" ref="dataForm">
|
|
|
|
|
<el-row :gutter="20" class="el-row" type="flex">
|
|
|
|
|
<el-col :span="10" class="el-col" type="flex">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="用户账号" prop="userName">
|
|
|
|
|
<el-input v-model="formData.userName" size="small"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10" class="el-col">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="用户名称" prop="employeeName">
|
|
|
|
|
<el-input v-model="formData.employeeName" size="small"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="20" class="el-row" type="flex">
|
|
|
|
|
<el-col :span="10" class="el-col" type="flex">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="登录密码" prop="passWord">
|
|
|
|
|
<el-input
|
|
|
|
|
type="password"
|
|
|
|
|
size="small"
|
|
|
|
|
v-model="formData.passWord"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10" class="el-col">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="确认密码" prop="checkPassword">
|
|
|
|
|
<el-input
|
|
|
|
|
type="password"
|
|
|
|
|
size="small"
|
|
|
|
|
v-model="formData.checkPassword"
|
|
|
|
|
></el-input>
|
|
|
|
|
<el-row :gutter="20" class="el-row" type="flex">
|
|
|
|
|
<el-col :span="10" class="el-col" type="flex">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="登录密码" prop="passWord">
|
|
|
|
|
<el-input
|
|
|
|
|
type="password"
|
|
|
|
|
size="small"
|
|
|
|
|
v-model="formData.passWord"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10" class="el-col">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="确认密码" prop="checkPassword">
|
|
|
|
|
<el-input
|
|
|
|
|
type="password"
|
|
|
|
|
size="small"
|
|
|
|
|
v-model="formData.checkPassword"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="20" class="el-row" type="flex">
|
|
|
|
|
<el-col :span="10" class="el-col" type="flex">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item label="备注" prop="comments">
|
|
|
|
|
<el-input v-model="formData.comments" size="small"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="状态" prop="userFlag">
|
|
|
|
|
<el-radio-group v-model="formData.userFlag">
|
|
|
|
|
<el-radio :label="0">禁用</el-radio>
|
|
|
|
|
<el-radio :label="1">正常</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
<el-form-item label="角色">
|
|
|
|
|
<el-checkbox-group v-model="formData.roles">
|
|
|
|
|
<el-checkbox
|
|
|
|
|
v-for="item in roles"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.id"
|
|
|
|
|
>{{ item.name }}
|
|
|
|
|
</el-checkbox
|
|
|
|
|
>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click.native="hideForm" size="small">取消</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
size="small"
|
|
|
|
|
@click.native="formSubmit()"
|
|
|
|
|
:loading="formLoading"
|
|
|
|
|
>提交
|
|
|
|
|
</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="状态" prop="userFlag">
|
|
|
|
|
<el-radio-group v-model="formData.userFlag">
|
|
|
|
|
<el-radio :label="0">禁用</el-radio>
|
|
|
|
|
<el-radio :label="1">正常</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="角色">
|
|
|
|
|
<el-checkbox-group v-model="formData.roles">
|
|
|
|
|
<el-checkbox
|
|
|
|
|
v-for="item in roles"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.id"
|
|
|
|
|
>{{ item.name }}</el-checkbox
|
|
|
|
|
>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click.native="hideForm" size="small">取消</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
size="small"
|
|
|
|
|
@click.native="formSubmit()"
|
|
|
|
|
:loading="formLoading"
|
|
|
|
|
>提交</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
@ -185,6 +203,7 @@ const formJson = {
|
|
|
|
|
checkPassword: "",
|
|
|
|
|
employeeName: "",
|
|
|
|
|
userFlag: 1,
|
|
|
|
|
comments: '',
|
|
|
|
|
roles: []
|
|
|
|
|
};
|
|
|
|
|
export default {
|
|
|
|
@ -211,7 +230,7 @@ export default {
|
|
|
|
|
userName: "",
|
|
|
|
|
userFlag: "",
|
|
|
|
|
page: 1,
|
|
|
|
|
limit: 20,
|
|
|
|
|
limit: 10,
|
|
|
|
|
roleId: ""
|
|
|
|
|
},
|
|
|
|
|
list: [],
|
|
|
|
@ -230,11 +249,11 @@ export default {
|
|
|
|
|
formRules: {},
|
|
|
|
|
addRules: {
|
|
|
|
|
userName: [
|
|
|
|
|
{ required: true, message: "请输入姓名", trigger: "blur" }
|
|
|
|
|
{required: true, message: "请输入姓名", trigger: "blur"}
|
|
|
|
|
],
|
|
|
|
|
passWord: [
|
|
|
|
|
{ required: true, message: "请输入密码", trigger: "blur" },
|
|
|
|
|
{ validator: validatePass, trigger: "blur" }
|
|
|
|
|
{required: true, message: "请输入密码", trigger: "blur"},
|
|
|
|
|
{validator: validatePass, trigger: "blur"}
|
|
|
|
|
],
|
|
|
|
|
checkPassword: [
|
|
|
|
|
{
|
|
|
|
@ -242,18 +261,18 @@ export default {
|
|
|
|
|
message: "请再次输入密码",
|
|
|
|
|
trigger: "blur"
|
|
|
|
|
},
|
|
|
|
|
{ validator: validatePass2, trigger: "blur" }
|
|
|
|
|
{validator: validatePass2, trigger: "blur"}
|
|
|
|
|
],
|
|
|
|
|
userFlag: [
|
|
|
|
|
{ required: true, message: "请选择状态", trigger: "change" }
|
|
|
|
|
{required: true, message: "请选择状态", trigger: "change"}
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
editRules: {
|
|
|
|
|
userName: [
|
|
|
|
|
{ required: true, message: "请输入姓名", trigger: "blur" }
|
|
|
|
|
{required: true, message: "请输入姓名", trigger: "blur"}
|
|
|
|
|
],
|
|
|
|
|
userFlag: [
|
|
|
|
|
{ required: true, message: "请选择状态", trigger: "change" }
|
|
|
|
|
{required: true, message: "请选择状态", trigger: "change"}
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
deleteLoading: false
|
|
|
|
@ -268,7 +287,7 @@ export default {
|
|
|
|
|
userName: "",
|
|
|
|
|
userFlag: "",
|
|
|
|
|
page: 1,
|
|
|
|
|
limit: 20,
|
|
|
|
|
limit: 10,
|
|
|
|
|
roleId: ""
|
|
|
|
|
};
|
|
|
|
|
this.getList();
|
|
|
|
@ -330,7 +349,16 @@ export default {
|
|
|
|
|
this.formVisible = true;
|
|
|
|
|
this.formData = JSON.parse(JSON.stringify(formJson));
|
|
|
|
|
if (row !== null) {
|
|
|
|
|
this.formData = Object.assign({}, row);
|
|
|
|
|
this.formData = {
|
|
|
|
|
id: row.id,
|
|
|
|
|
passWord: row.passWord,
|
|
|
|
|
userName: row.userName,
|
|
|
|
|
checkPassword: "",
|
|
|
|
|
employeeName: row.employeeName,
|
|
|
|
|
userFlag: 1,
|
|
|
|
|
comments: row.comments,
|
|
|
|
|
roles: row.roles
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
this.formName = "add";
|
|
|
|
|
this.formRules = this.addRules;
|
|
|
|
@ -347,7 +375,7 @@ export default {
|
|
|
|
|
} else if (isBlank(this.formData.passWord)) {
|
|
|
|
|
this.$message.error("密码不能为空")
|
|
|
|
|
return;
|
|
|
|
|
}else if (isBlank(this.formData.employeeName)) {
|
|
|
|
|
} else if (isBlank(this.formData.employeeName)) {
|
|
|
|
|
this.$message.error("用户名称不能为空");
|
|
|
|
|
return;
|
|
|
|
|
} else if (this.formData.roles.length === 0) {
|
|
|
|
@ -392,7 +420,7 @@ export default {
|
|
|
|
|
type: "warning"
|
|
|
|
|
})
|
|
|
|
|
.then(() => {
|
|
|
|
|
let para = { id: row.id };
|
|
|
|
|
let para = {id: row.id};
|
|
|
|
|
this.deleteLoading = true;
|
|
|
|
|
authAdminDelete(para)
|
|
|
|
|
.then(response => {
|
|
|
|
@ -443,7 +471,8 @@ export default {
|
|
|
|
|
return statusMap[status];
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
|
mounted() {
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
// 将参数拷贝进查询对象
|
|
|
|
|
let query = this.$route.query;
|
|
|
|
|