|
@@ -1,16 +1,16 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
|
|
|
- <el-form-item label="部门名称" prop="name">
|
|
|
|
|
|
|
+ <el-form-item label="机构名称" prop="name">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="queryParams.name"
|
|
v-model="queryParams.name"
|
|
|
- placeholder="请输入部门名称"
|
|
|
|
|
|
|
+ placeholder="请输入机构名称"
|
|
|
clearable
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
/>
|
|
|
</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>
|
|
|
|
|
|
|
+ <el-select v-model="queryParams.status" placeholder="机构状态" clearable>
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="dict in dict.type.sys_normal_disable"
|
|
v-for="dict in dict.type.sys_normal_disable"
|
|
|
:key="dict.value"
|
|
:key="dict.value"
|
|
@@ -56,7 +56,7 @@
|
|
|
:default-expand-all="isExpandAll"
|
|
:default-expand-all="isExpandAll"
|
|
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
|
|
>
|
|
>
|
|
|
- <el-table-column prop="name" label="部门名称" width="260"></el-table-column>
|
|
|
|
|
|
|
+ <el-table-column prop="name" label="机构名称" width="260"></el-table-column>
|
|
|
<el-table-column prop="sort" label="排序" width="200"></el-table-column>
|
|
<el-table-column prop="sort" label="排序" width="200"></el-table-column>
|
|
|
<el-table-column prop="isLock" label="状态" width="100">
|
|
<el-table-column prop="isLock" label="状态" width="100">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -96,20 +96,20 @@
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
|
|
|
|
|
- <!-- 添加或修改部门对话框 -->
|
|
|
|
|
|
|
+ <!-- 添加或修改机构对话框 -->
|
|
|
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
|
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="24" v-if="form.parentId > 0">
|
|
<el-col :span="24" v-if="form.parentId > 0">
|
|
|
- <el-form-item label="上级部门" prop="parentId">
|
|
|
|
|
- <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
|
|
|
|
|
|
|
+ <el-form-item label="上级机构" prop="parentId">
|
|
|
|
|
+ <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级机构" />
|
|
|
</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="name">
|
|
|
|
|
- <el-input v-model="form.name" placeholder="请输入部门名称" />
|
|
|
|
|
|
|
+ <el-form-item label="机构名称" prop="name">
|
|
|
|
|
+ <el-input v-model="form.name" placeholder="请输入机构名称" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -137,7 +137,7 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="部门状态">
|
|
|
|
|
|
|
+ <el-form-item label="机构状态">
|
|
|
<el-radio-group v-model="form.isLock">
|
|
<el-radio-group v-model="form.isLock">
|
|
|
<el-radio
|
|
<el-radio
|
|
|
v-for="dict in dict.type.sys_normal_disable"
|
|
v-for="dict in dict.type.sys_normal_disable"
|
|
@@ -150,8 +150,8 @@
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button v-if="title == '修改部门'" type="primary" @click="changeSubmitForm">确 定</el-button>
|
|
|
|
|
- <el-button v-if="title == '添加部门'" type="primary" @click="addSubmitForm">确 定</el-button>
|
|
|
|
|
|
|
+ <el-button v-if="title == '修改机构'" type="primary" @click="changeSubmitForm">确 定</el-button>
|
|
|
|
|
+ <el-button v-if="title == '添加机构'" type="primary" @click="addSubmitForm">确 定</el-button>
|
|
|
<el-button @click="cancel">取 消</el-button>
|
|
<el-button @click="cancel">取 消</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
@@ -175,7 +175,7 @@ export default {
|
|
|
showSearch: true,
|
|
showSearch: true,
|
|
|
// 表格树数据
|
|
// 表格树数据
|
|
|
deptList: [],
|
|
deptList: [],
|
|
|
- // 部门树选项
|
|
|
|
|
|
|
+ // 机构树选项
|
|
|
deptOptions: [],
|
|
deptOptions: [],
|
|
|
// 弹出层标题
|
|
// 弹出层标题
|
|
|
title: "",
|
|
title: "",
|
|
@@ -195,10 +195,10 @@ export default {
|
|
|
// 表单校验
|
|
// 表单校验
|
|
|
rules: {
|
|
rules: {
|
|
|
parentId: [
|
|
parentId: [
|
|
|
- { required: true, message: "上级部门不能为空", trigger: "blur" }
|
|
|
|
|
|
|
+ { required: true, message: "上级机构不能为空", trigger: "blur" }
|
|
|
],
|
|
],
|
|
|
deptName: [
|
|
deptName: [
|
|
|
- { required: true, message: "部门名称不能为空", trigger: "blur" }
|
|
|
|
|
|
|
+ { required: true, message: "机构名称不能为空", trigger: "blur" }
|
|
|
],
|
|
],
|
|
|
orderNum: [
|
|
orderNum: [
|
|
|
{ required: true, message: "显示排序不能为空", trigger: "blur" }
|
|
{ required: true, message: "显示排序不能为空", trigger: "blur" }
|
|
@@ -224,7 +224,7 @@ export default {
|
|
|
this.getList();
|
|
this.getList();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
- /** 查询部门列表 */
|
|
|
|
|
|
|
+ /** 查询机构列表 */
|
|
|
getList() {
|
|
getList() {
|
|
|
this.loading = true;
|
|
this.loading = true;
|
|
|
listDept(this.queryParams).then(response => {
|
|
listDept(this.queryParams).then(response => {
|
|
@@ -232,7 +232,7 @@ export default {
|
|
|
this.loading = false;
|
|
this.loading = false;
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- /** 转换部门数据结构 */
|
|
|
|
|
|
|
+ /** 转换机构数据结构 */
|
|
|
normalizer(node) {
|
|
normalizer(node) {
|
|
|
if (node.children && !node.children.length) {
|
|
if (node.children && !node.children.length) {
|
|
|
delete node.children;
|
|
delete node.children;
|
|
@@ -278,7 +278,7 @@ export default {
|
|
|
this.form.parentId = row.id;
|
|
this.form.parentId = row.id;
|
|
|
}
|
|
}
|
|
|
this.open = true;
|
|
this.open = true;
|
|
|
- this.title = "添加部门";
|
|
|
|
|
|
|
+ this.title = "添加机构";
|
|
|
listDept().then(response => {
|
|
listDept().then(response => {
|
|
|
this.deptOptions = this.handleTree(response.data, "id");
|
|
this.deptOptions = this.handleTree(response.data, "id");
|
|
|
});
|
|
});
|
|
@@ -297,7 +297,7 @@ export default {
|
|
|
getDept(row.id).then(response => {
|
|
getDept(row.id).then(response => {
|
|
|
this.form = response.data;
|
|
this.form = response.data;
|
|
|
this.open = true;
|
|
this.open = true;
|
|
|
- this.title = "修改部门";
|
|
|
|
|
|
|
+ this.title = "修改机构";
|
|
|
});
|
|
});
|
|
|
listDeptExcludeChild(row.id).then(response => {
|
|
listDeptExcludeChild(row.id).then(response => {
|
|
|
this.deptOptions = this.handleTree(response.data, "id");
|
|
this.deptOptions = this.handleTree(response.data, "id");
|