|
|
@@ -2,22 +2,22 @@
|
|
|
<div class="app-container">
|
|
|
<el-row :gutter="20">
|
|
|
<!--部门数据-->
|
|
|
- <el-col :span="4" :xs="24">
|
|
|
- <div class="head-container">
|
|
|
- <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" 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
|
|
|
- @node-click="handleNodeClick"/>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
+<!-- <el-col :span="4" :xs="24">-->
|
|
|
+<!-- <div class="head-container">-->
|
|
|
+<!-- <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" 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-->
|
|
|
+<!-- @node-click="handleNodeClick"/>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-col>-->
|
|
|
<!--用户数据-->
|
|
|
<el-col :span="20" :xs="24">
|
|
|
<div class="filter-container" style="margin-bottom: 15px">
|
|
|
@@ -28,6 +28,10 @@
|
|
|
class="filter-item"
|
|
|
:size="tableSize"
|
|
|
@keyup.enter.native="handleFilter"/>
|
|
|
+ <template>
|
|
|
+ <!-- `checked` 为 true 或 false -->
|
|
|
+ <el-checkbox v-model="checked" @change="checkLock">查看已禁用</el-checkbox>
|
|
|
+ </template>
|
|
|
|
|
|
<el-button :size="tableSize" class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">
|
|
|
搜索
|
|
|
@@ -42,16 +46,16 @@
|
|
|
@click="handleCreate(1)">
|
|
|
增加用户
|
|
|
</el-button>
|
|
|
- <el-button
|
|
|
- v-if="webType && isChoose == false && permissionFlag1"
|
|
|
- class="filter-item"
|
|
|
- style="margin-left: 10px;"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-plus"
|
|
|
- :size="tableSize"
|
|
|
- @click="handleCreate(2)">
|
|
|
- 增加人员
|
|
|
- </el-button>
|
|
|
+<!-- <el-button-->
|
|
|
+<!-- v-if="webType && isChoose == false && permissionFlag1"-->
|
|
|
+<!-- class="filter-item"-->
|
|
|
+<!-- style="margin-left: 10px;"-->
|
|
|
+<!-- type="primary"-->
|
|
|
+<!-- icon="el-icon-plus"-->
|
|
|
+<!-- :size="tableSize"-->
|
|
|
+<!-- @click="handleCreate(2)">-->
|
|
|
+<!-- 增加人员-->
|
|
|
+<!-- </el-button>-->
|
|
|
<el-button
|
|
|
v-if="type == 1"
|
|
|
:size="tableSize"
|
|
|
@@ -89,14 +93,14 @@
|
|
|
prop="userName"
|
|
|
label="用户名">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="deptName"
|
|
|
- label="部门">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="email"
|
|
|
- label="邮箱">
|
|
|
- </el-table-column>
|
|
|
+<!-- <el-table-column-->
|
|
|
+<!-- prop="deptName"-->
|
|
|
+<!-- label="部门">-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column-->
|
|
|
+<!-- prop="email"-->
|
|
|
+<!-- label="邮箱">-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
<el-table-column
|
|
|
prop="phoneNumber"
|
|
|
label="手机">
|
|
|
@@ -123,12 +127,13 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column v-if="type !=1" fixed="left" label="操作" align="center" width="230" class-name="small-padding fixed-width">
|
|
|
+ <el-table-column v-if="type !=1" fixed="left" label="操作" align="center" width="300"
|
|
|
+ class-name="small-padding fixed-width">
|
|
|
<template slot-scope="{row}">
|
|
|
<template v-if="webType">
|
|
|
<template v-if="!isChoose">
|
|
|
<el-button v-if="permissionFlag5" @click="handleUpdate(row.id,1)" class="operateBtn" type="primary" size="mini">
|
|
|
- 编辑
|
|
|
+ 权限设定
|
|
|
</el-button>
|
|
|
<el-button @click="resetPwd(row.id)" class="operateBtn" type="success" size="mini">
|
|
|
重置密码
|
|
|
@@ -143,12 +148,12 @@
|
|
|
<el-button @click="editStatus(row.id,'0')" class="operateBtn" v-else size="mini">
|
|
|
启用
|
|
|
</el-button>
|
|
|
- <el-button v-if="permissionFlag2" @click="handleUpdate(row.id,2)" class="operateBtn" type="primary" size="mini">
|
|
|
- 编辑
|
|
|
- </el-button>
|
|
|
- <el-button v-if="permissionFlag3" @click="configUser(row.id)" class="operateBtn" type="warning" size="mini">
|
|
|
- 角色配置
|
|
|
- </el-button>
|
|
|
+<!-- <el-button v-if="permissionFlag2" @click="handleUpdate(row.id,2)" class="operateBtn" type="primary" size="mini">-->
|
|
|
+<!-- 编辑-->
|
|
|
+<!-- </el-button>-->
|
|
|
+<!-- <el-button v-if="permissionFlag3" @click="configUser(row.id)" class="operateBtn" type="warning" size="mini">-->
|
|
|
+<!-- 角色配置-->
|
|
|
+<!-- </el-button>-->
|
|
|
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
@@ -259,8 +264,10 @@ export default {
|
|
|
dialogVisible: false,
|
|
|
oldPassword: '',
|
|
|
newPassword: '',
|
|
|
+ checked: false,
|
|
|
search: {
|
|
|
keyWord: '',
|
|
|
+ status: 0,
|
|
|
deptId: undefined
|
|
|
},
|
|
|
listData: {
|
|
|
@@ -406,6 +413,13 @@ export default {
|
|
|
if (!value) return true
|
|
|
return data.name.indexOf(value) !== -1
|
|
|
},
|
|
|
+ checkLock() {
|
|
|
+ if (this.checked) {
|
|
|
+ this.search.status = 1;
|
|
|
+ } else {
|
|
|
+ this.search.status = 0
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
// 部门树选中
|
|
|
handleNodeClick(data) {
|