|
@@ -2,14 +2,14 @@
|
|
|
<div class="app-container">
|
|
|
<el-row :gutter="20">
|
|
|
<!--部门数据-->
|
|
|
- <el-col :span="3" :xs="24" v-if="">
|
|
|
+ <el-col :span="3" :xs="24" v-if="!user.companyId">
|
|
|
<div class="head-container"><el-input v-model="deptName" placeholder="请输入部门名称" clearable prefix-icon="el-icon-search" style="margin-bottom: 20px" /></div>
|
|
|
<div class="head-container">
|
|
|
<el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" default-expand-all highlight-current @node-click="handleNodeClick" />
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<!--用户数据-->
|
|
|
- <el-col :span="21" :xs="24">
|
|
|
+ <el-col :span="user.companyId ? 24 : 21" :xs="24">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
|
|
|
<el-form-item label="关键字" prop="userName">
|
|
|
<el-input v-model="queryParams.userName" placeholder="请输入账号|姓名" clearable @keyup.enter.native="handleQuery" />
|
|
@@ -36,9 +36,9 @@
|
|
|
</el-row>
|
|
|
<el-table border :data="userList" @selection-change="handleSelectionChange" height="calc(100vh - 273px)">
|
|
|
<el-table-column type="selection" align="center" width="50" />
|
|
|
- <el-table-column label="账号" align="center" key="userName" prop="userName" :show-overflow-tooltip="true" width="110" />
|
|
|
- <el-table-column label="姓名" align="center" key="nickName" prop="nickName" :show-overflow-tooltip="true" width="110" />
|
|
|
- <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" :show-overflow-tooltip="true" width="170" v-if="!user.companyId"/>
|
|
|
+ <el-table-column label="账号" align="center" key="userName" prop="userName" :show-overflow-tooltip="true" width="130" />
|
|
|
+ <el-table-column label="姓名" align="center" key="nickName" prop="nickName" :show-overflow-tooltip="true" width="130" />
|
|
|
+ <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" :show-overflow-tooltip="true" width="170" v-if="!user.companyId" />
|
|
|
<el-table-column label="角色" align="center" width="170">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag type="danger" size="mini" style="margin-top: 2px" v-if="scope.row.userName == 'admin'">超级管理员</el-tag>
|
|
@@ -50,7 +50,7 @@
|
|
|
<el-table-column label="状态" align="center" key="status" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<div class="switch">
|
|
|
- <el-switch v-model="scope.row.status" active-value="0" :width="50" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
|
|
|
+ <el-switch v-model="scope.row.status" :disabled="user.companyId && !scope.row.createBy" active-value="0" :width="50" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
|
|
|
<span class="zc" v-if="scope.row.status == 0">正常</span>
|
|
|
<span class="ty" v-else>停用</span>
|
|
|
</div>
|
|
@@ -61,20 +61,31 @@
|
|
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column label="创建人" align="center" width="150" v-if="user.companyId">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.createBy || '平台' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="操作" align="center">
|
|
|
<template slot-scope="scope" v-if="scope.row.userId !== 1">
|
|
|
- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
|
|
|
- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
|
|
|
- <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']" v-if="!user.companyId">
|
|
|
- <span class="el-dropdown-link">
|
|
|
- <i class="el-icon-d-arrow-right el-icon--right"></i>
|
|
|
- 更多
|
|
|
- </span>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item command="handleResetPwd" icon="el-icon-key" v-hasPermi="['system:user:resetPwd']">重置密码</el-dropdown-item>
|
|
|
- <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check" v-hasPermi="['system:user:edit']">分配角色</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
+ <div v-if="user.companyId">
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']" v-if="scope.row.createBy">修改</el-button>
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']" v-if="scope.row.createBy">删除</el-button>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
|
|
|
+ <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']">
|
|
|
+ <span class="el-dropdown-link">
|
|
|
+ <i class="el-icon-d-arrow-right el-icon--right"></i>
|
|
|
+ 更多
|
|
|
+ </span>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item command="handleResetPwd" icon="el-icon-key" v-hasPermi="['system:user:resetPwd']">重置密码</el-dropdown-item>
|
|
|
+ <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check" v-hasPermi="['system:user:edit']">分配角色</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<template slot="empty">
|
|
@@ -91,12 +102,12 @@
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item v-if="form.userId == undefined" label="账号" prop="userName">
|
|
|
- <el-input v-model="form.userName" placeholder="请输入账号" maxlength="30" />
|
|
|
+ <el-input v-model="form.userName" placeholder="请输入账号" maxlength="30" auto-complete="new-password" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item v-if="form.userId == undefined" label="密码" prop="password">
|
|
|
- <el-input v-model="form.password" placeholder="请输入密码" type="password" maxlength="20" show-password />
|
|
|
+ <el-input v-model="form.password" placeholder="请输入密码" type="password" maxlength="20" show-password auto-complete="new-password" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -108,26 +119,45 @@
|
|
|
<el-form-item label="手机" prop="phonenumber"><el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" /></el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row>
|
|
|
+ <el-row v-if="user.companyId">
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="部门" prop="deptId">
|
|
|
- <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属部门" />
|
|
|
+ <el-form-item label="角色">
|
|
|
+ <el-select v-model="form.roleIds" multiple placeholder="请选择角色" :disabled="user.companyId && user.id === form.userId">
|
|
|
+ <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="角色">
|
|
|
- <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
|
|
|
- <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
|
|
|
+ <el-form-item label="状态">
|
|
|
+ <el-select v-model="form.status" placeholder="请选择状态" clearable :disabled="user.companyId && user.id === form.userId">
|
|
|
+ <el-option value="0" label="启用"></el-option>
|
|
|
+ <el-option value="1" label="禁用"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item label="状态">
|
|
|
- <el-select v-model="form.status" placeholder="请选择状态" clearable>
|
|
|
- <el-option value="0" label="启用"></el-option>
|
|
|
- <el-option value="1" label="禁用"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <div v-else>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="部门" prop="deptId">
|
|
|
+ <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属部门" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="角色">
|
|
|
+ <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
|
|
|
+ <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item label="状态">
|
|
|
+ <el-select v-model="form.status" placeholder="请选择状态" clearable>
|
|
|
+ <el-option value="0" label="启用"></el-option>
|
|
|
+ <el-option value="1" label="禁用"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="备注"><el-input v-model="form.remark" type="textarea" placeholder="请输入内容" rows="3"></el-input></el-form-item>
|
|
@@ -453,7 +483,7 @@ export default {
|
|
|
handleDelete(row) {
|
|
|
const userIds = row.userId || this.ids;
|
|
|
this.$modal
|
|
|
- .confirm('是否确认删除用户编号为"' + userIds + '"的数据项?')
|
|
|
+ .confirm('是否确认删除?')
|
|
|
.then(function () {
|
|
|
return delUser(userIds);
|
|
|
})
|