|
@@ -6,32 +6,14 @@
|
|
<div class="head-container">
|
|
<div class="head-container">
|
|
<el-input v-model="deptName" placeholder="请输入部门名称" clearable prefix-icon="Search" style="margin-bottom: 20px" />
|
|
<el-input v-model="deptName" placeholder="请输入部门名称" clearable prefix-icon="Search" style="margin-bottom: 20px" />
|
|
<div style="height: 750px; overflow: auto">
|
|
<div style="height: 750px; overflow: auto">
|
|
- <el-tree
|
|
|
|
- :data="deptOptions"
|
|
|
|
- :props="{ label: 'label', children: 'children' }"
|
|
|
|
- :expand-on-click-node="false"
|
|
|
|
- :filter-node-method="filterNode"
|
|
|
|
- ref="deptTreeRef"
|
|
|
|
- node-key="id"
|
|
|
|
- highlight-current
|
|
|
|
- default-expand-all
|
|
|
|
- @node-click="handleNodeClick"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-tree :data="deptOptions" :props="{ label: 'label', children: 'children' }" :expand-on-click-node="false" :filter-node-method="filterNode" ref="deptTreeRef" node-key="id" highlight-current default-expand-all @node-click="handleNodeClick" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
<!--用户数据-->
|
|
<!--用户数据-->
|
|
<el-col :span="20" :xs="24">
|
|
<el-col :span="20" :xs="24">
|
|
<!-- 搜索区 -->
|
|
<!-- 搜索区 -->
|
|
- <el-form
|
|
|
|
- class="list-search-container"
|
|
|
|
- :model="queryParams"
|
|
|
|
- ref="queryRef"
|
|
|
|
- :inline="true"
|
|
|
|
- v-show="showSearch"
|
|
|
|
- label-width="68px"
|
|
|
|
- style="padding-bottom: 10px; padding-top: 10px"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-form class="list-search-container" :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px" style="padding-bottom: 10px; padding-top: 10px">
|
|
<el-form-item label="用户名称:" prop="userName">
|
|
<el-form-item label="用户名称:" prop="userName">
|
|
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 130px" @keyup.enter="handleQuery" />
|
|
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 130px" @keyup.enter="handleQuery" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -93,19 +75,11 @@
|
|
<el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
|
|
<el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ <!-- <el-col :span="12">
|
|
<el-form-item label="归属部门" prop="deptId">
|
|
<el-form-item label="归属部门" prop="deptId">
|
|
- <el-tree-select
|
|
|
|
- v-model="form.deptId"
|
|
|
|
- :data="deptOptions"
|
|
|
|
- :props="{ value: 'id', label: 'label', children: 'children' }"
|
|
|
|
- value-key="id"
|
|
|
|
- placeholder="请选择归属部门"
|
|
|
|
- check-strictly
|
|
|
|
- :render-after-expand="false"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-tree-select v-model="form.deptId" :data="deptOptions" :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属部门" check-strictly :render-after-expand="false" />
|
|
</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">
|
|
@@ -150,13 +124,7 @@
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="角色">
|
|
<el-form-item label="角色">
|
|
<el-select v-model="form.roleIds" multiple placeholder="请选择">
|
|
<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-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -189,18 +157,7 @@
|
|
|
|
|
|
<!-- 用户导入对话框 -->
|
|
<!-- 用户导入对话框 -->
|
|
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body draggable>
|
|
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body draggable>
|
|
- <el-upload
|
|
|
|
- ref="uploadRef"
|
|
|
|
- :limit="1"
|
|
|
|
- accept=".xlsx, .xls"
|
|
|
|
- :headers="upload.headers"
|
|
|
|
- :action="upload.url + '?updateSupport=' + upload.updateSupport"
|
|
|
|
- :disabled="upload.isUploading"
|
|
|
|
- :on-progress="handleFileUploadProgress"
|
|
|
|
- :on-success="handleFileSuccess"
|
|
|
|
- :auto-upload="false"
|
|
|
|
- drag
|
|
|
|
- >
|
|
|
|
|
|
+ <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
|
|
<el-icon class="el-icon--upload">
|
|
<el-icon class="el-icon--upload">
|
|
<upload-filled />
|
|
<upload-filled />
|
|
</el-icon>
|
|
</el-icon>
|
|
@@ -287,7 +244,7 @@ const data = reactive({
|
|
deptId: 0
|
|
deptId: 0
|
|
},
|
|
},
|
|
rules: {
|
|
rules: {
|
|
- deptId: [{ required: true, message: '部门名称不能为空', trigger: 'blur' }],
|
|
|
|
|
|
+ // deptId: [{ required: true, message: '部门名称不能为空', trigger: 'blur' }],
|
|
userName: [
|
|
userName: [
|
|
{ required: true, message: '用户名称不能为空', trigger: 'blur' },
|
|
{ required: true, message: '用户名称不能为空', trigger: 'blur' },
|
|
{ min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur' }
|
|
{ min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur' }
|
|
@@ -500,6 +457,7 @@ function handleUpdate(row) {
|
|
roleOptions.value = response.roles
|
|
roleOptions.value = response.roles
|
|
form.value.postIds = response.postIds
|
|
form.value.postIds = response.postIds
|
|
form.value.roleIds = response.roleIds
|
|
form.value.roleIds = response.roleIds
|
|
|
|
+ console.log(response)
|
|
open.value = true
|
|
open.value = true
|
|
title.value = '修改用户'
|
|
title.value = '修改用户'
|
|
form.password = ''
|
|
form.password = ''
|
|
@@ -511,13 +469,19 @@ function submitForm() {
|
|
if (valid) {
|
|
if (valid) {
|
|
if (form.value.userId != undefined) {
|
|
if (form.value.userId != undefined) {
|
|
updateUser(form.value).then((response) => {
|
|
updateUser(form.value).then((response) => {
|
|
- proxy.$modal.msgSuccess('修改成功')
|
|
|
|
- open.value = false
|
|
|
|
|
|
+ if (response.code == 200) {
|
|
|
|
+ proxy.$modal.msgSuccess('修改成功')
|
|
|
|
+ open.value = false
|
|
|
|
+ }
|
|
|
|
+
|
|
getList()
|
|
getList()
|
|
})
|
|
})
|
|
} else {
|
|
} else {
|
|
|
|
+ console.log('1111')
|
|
addUser(form.value).then((response) => {
|
|
addUser(form.value).then((response) => {
|
|
- proxy.$modal.msgSuccess('新增成功')
|
|
|
|
|
|
+ if (response.code == 200) {
|
|
|
|
+ proxy.$modal.msgSuccess('新增成功')
|
|
|
|
+ }
|
|
open.value = false
|
|
open.value = false
|
|
getList()
|
|
getList()
|
|
})
|
|
})
|