diff --git a/public/json/user.json b/public/json/user.json
index faa5f288..0ceced5f 100644
--- a/public/json/user.json
+++ b/public/json/user.json
@@ -174,14 +174,56 @@
 					"title": "配置",
 					"icon": "el-icon-setting"
 				},
-				"children": [{
-					"path": "/setting/system",
-					"name": "system",
-					"meta": {
-						"title": "系统设置"
+				"children": [
+					{
+						"path": "/setting/system",
+						"name": "system",
+						"meta": {
+							"title": "系统设置"
+						},
+						"component": "setting/system"
 					},
-					"component": "setting/system"
-				}]
+					{
+						"path": "/setting/user",
+						"name": "user",
+						"meta": {
+							"title": "用户管理"
+						},
+						"component": "setting/user"
+					},
+					{
+						"path": "/setting/role",
+						"name": "role",
+						"meta": {
+							"title": "角色管理"
+						},
+						"component": "setting/role"
+					},
+					{
+						"path": "/setting/menu",
+						"name": "menu",
+						"meta": {
+							"title": "菜单管理"
+						},
+						"component": "setting/menu"
+					},
+					{
+						"path": "/setting/dic",
+						"name": "dic",
+						"meta": {
+							"title": "字典管理"
+						},
+						"component": "setting/dic"
+					},
+					{
+						"path": "/setting/client",
+						"name": "client",
+						"meta": {
+							"title": "应用管理"
+						},
+						"component": "setting/client"
+					}
+				]
 			}
 		],
 		"permissions": [
diff --git a/src/views/setting/role/index.vue b/src/views/setting/role/index.vue
new file mode 100644
index 00000000..c0f956c1
--- /dev/null
+++ b/src/views/setting/role/index.vue
@@ -0,0 +1,63 @@
+<template>
+	<el-container>
+		<el-header>
+			<div class="left-panel">
+				<el-button type="primary" icon="el-icon-plus"></el-button>
+				<el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0"></el-button>
+				<el-button type="primary" plain :disabled="selection.length==0">权限设置</el-button>
+			</div>
+			<div class="right-panel">
+				<div class="right-panel-search">
+					<el-input v-model="search.keyword" placeholder="角色名称" clearable></el-input>
+					<el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button>
+				</div>
+			</div>
+		</el-header>
+		<el-main class="nopadding">
+			<scTable ref="table" :apiObj="apiObj" @selection-change="selectionChange">
+
+				<el-table-column type="selection" width="50"></el-table-column>
+
+				<el-table-column label="#" type="index" width="50"></el-table-column>
+
+				<el-table-column label="角色名称" prop="yx" width="250"></el-table-column>
+
+				<el-table-column label="别名" prop="name" width="150"></el-table-column>
+
+				<el-table-column label="排序" prop="progress" width="150"></el-table-column>
+
+				<el-table-column label="操作" fixed="right" align="right" width="140">
+					<template #default="scope">
+						<el-button type="text" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
+						<el-button type="text" size="small">编辑</el-button>
+						<el-button type="text" size="small">删除</el-button>
+					</template>
+				</el-table-column>
+
+			</scTable>
+		</el-main>
+	</el-container>
+</template>
+
+<script>
+	export default {
+		name: 'user',
+		data() {
+			return {
+				selection: [],
+				search: {
+					keyword: null
+				}
+			}
+		},
+		methods: {
+			//表格选择后回调事件
+			selectionChange(selection){
+				this.selection = selection;
+			},
+		}
+	}
+</script>
+
+<style>
+</style>
diff --git a/src/views/setting/user/index.vue b/src/views/setting/user/index.vue
new file mode 100644
index 00000000..257cf473
--- /dev/null
+++ b/src/views/setting/user/index.vue
@@ -0,0 +1,84 @@
+<template>
+	<el-container>
+		<el-aside width="200px">
+			<el-tree node-key="id" :data="group" :default-expanded-keys="[2]" :current-node-key="[1]" :highlight-current="true" :expand-on-click-node="false" @node-click="handleNodeClick"></el-tree>
+		</el-aside>
+		<el-container>
+				<el-header>
+					<div class="left-panel">
+						<el-button type="primary" icon="el-icon-plus"></el-button>
+						<el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0"></el-button>
+						<el-button type="primary" plain :disabled="selection.length==0">分配角色</el-button>
+						<el-button type="primary" plain :disabled="selection.length==0">密码重置</el-button>
+					</div>
+					<div class="right-panel">
+						<div class="right-panel-search">
+							<el-input v-model="search.name" placeholder="登录账号 / 姓名" clearable></el-input>
+							<el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button>
+						</div>
+					</div>
+				</el-header>
+				<el-main class="nopadding">
+					<scTable ref="table" :apiObj="apiObj" @selection-change="selectionChange">
+
+						<el-table-column type="selection" width="50"></el-table-column>
+
+						<el-table-column label="#" type="index" width="50"></el-table-column>
+
+						<el-table-column label="登录账号" prop="yx" width="150"></el-table-column>
+
+						<el-table-column label="姓名" prop="name" width="150"></el-table-column>
+
+						<el-table-column label="所属角色" prop="progress" width="150"></el-table-column>
+
+						<el-table-column label="操作" fixed="right" align="right" width="140">
+							<template #default="scope">
+								<el-button type="text" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
+								<el-button type="text" size="small">编辑</el-button>
+								<el-button type="text" size="small">删除</el-button>
+							</template>
+						</el-table-column>
+
+					</scTable>
+				</el-main>
+		</el-container>
+	</el-container>
+</template>
+
+<script>
+	export default {
+		name: 'user',
+		data() {
+			return {
+				group: [
+					{id: 0, label: '所有'},
+					{id: 1, label: '超级管理员'},
+					{id: 2, label: '管理员', children:[
+						{id: 21, label: '系统管理员'},
+						{id: 22, label: '业务管理员'},
+						{id: 24, label: '数据管理员'}
+					]},
+					{id: 3, label: '操作员', children:[
+						{id: 31, label: '公告维护员'},
+						{id: 32, label: '审核员'},
+						{id: 33, label: '复审员'}
+					]}
+				],
+				apiObj: this.$API.demo.demolist.list,
+				selection: [],
+				search: {
+					name: null
+				}
+			}
+		},
+		methods: {
+			//表格选择后回调事件
+			selectionChange(selection){
+				this.selection = selection;
+			},
+		}
+	}
+</script>
+
+<style>
+</style>