dept

package.json

@@ -60,7 +60,9 @@
 			"no-tabs": 0,
 			"no-mixed-spaces-and-tabs": 0,
 			"vue/no-unused-components": 0,
-			"vue/multi-word-component-names": 0
+			"vue/multi-word-component-names": 0,
+			"no-debugger": "off",
+			"no-console": "off"
 		}
 	},
 	"browserslist": [

src/api/model/hrm.js

@@ -10,6 +10,14 @@ export default {
 				return await http.get(this.url, data);
 			}
 		},
+		create: {
+			name: "新增员工",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/hrm/employee/`,
+					data);
+			}
+		},
 		update: {
 			name: "更新员工信息",
 			req: async function(id, data){
@@ -17,6 +25,12 @@ export default {
 					`${config.API_URL}/hrm/employee/${id}/`,
 					data);
 			}
+		},
+		delete: {
+			name: "删除员工",
+			req: async function(id){
+				return await http.delete(`${config.API_URL}/hrm/employee/${id}/`);
+			}
 		}
 	},
 }

src/api/model/system.js

@@ -18,29 +18,144 @@ export default {
 			}
 		}
 	},
-	dic: {
+	dept: {
-		tree: {
-			url: `${config.API_URL}/system/dic/tree`,
-			name: "获取字典树",
-			get: async function(){
-				return await http.get(this.url);
-			}
-		},
 		list: {
-			url: `${config.API_URL}/system/dic/list`,
+			url: `${config.API_URL}/system/dept/`,
-			name: "字典明细",
+			name: "获取部门列表",
-			get: async function(params){
+			req: async function(data){
-				return await http.get(this.url, params);
+				return await http.get(this.url, data);
 			}
 		},
-		get: {
+		create: {
-			url: `${config.API_URL}/system/dic/get`,
+			url: `${config.API_URL}/system/dept/`,
-			name: "获取字典数据",
+			name: "新增部门",
-			get: async function(params){
+			req: async function(data){
-				return await http.get(this.url, params);
+				return await http.post(this.url,data);
+			}
+		},
+		update: {
+			name: "更新部门信息",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/system/dept/${id}/`,
+					data
+				);
+			}
+		},
+		delete: {
+			name: "删除部门",
+			req: async function(id){
+				return await http.delete(`${config.API_URL}/hrm/employee/${id}/`);
 			}
 		}
 	},
+	dicttype: {
+		list: {
+			url: `${config.API_URL}/system/dicttype/`,
+			name: "获取字典类型列表",
+			req: async function(data){
+				return await http.get(this.url, data);
+			}
+		},
+		create: {
+			url: `${config.API_URL}/system/dicttype/`,
+			name: "新增字典类型",
+			req: async function(data){
+				return await http.post(this.url,data);
+			}
+		},
+		update: {
+			name: "更新字典类型",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/system/dicttype/${id}/`,
+					data
+				);
+			}
+		},
+		delete: {
+			name: "删除字典类型",
+			req: async function(id){
+				return await http.delete(`${config.API_URL}/system/dicttype/${id}/`);
+			}
+		}
+	},
+	dict: {
+		list: {
+			url: `${config.API_URL}/system/dict/`,
+			name: "获取字典列表",
+			req: async function(data){
+				return await http.get(this.url, data);
+			}
+		},
+		create: {
+			url: `${config.API_URL}/system/dict/`,
+			name: "新增字典",
+			req: async function(data){
+				return await http.post(this.url,data);
+			}
+		},
+		update: {
+			name: "更新字典",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/system/dict/${id}/`,
+					data
+				);
+			}
+		},
+		delete: {
+			name: "删除字典",
+			req: async function(id){
+				return await http.delete(`${config.API_URL}/system/dict/${id}/`);
+			}
+		}
+	},
+	permission:{
+		list: {
+			url: `${config.API_URL}/system/permission/`,
+			name: "获取菜单权限列表",
+			req: async function(data){
+				return await http.get(this.url, data);
+			}
+		},
+		codes: {
+			url: `${config.API_URL}/system/permission/codes/`,
+			name: "获取全部权限标识",
+			req: async function(data){
+				return await http.get(this.url, data);
+			}
+		},
+		create: {
+			url: `${config.API_URL}/system/permission/`,
+			name: "新增菜单权限",
+			req: async function(data){
+				return await http.post(this.url,data);
+			}
+		},
+		update: {
+			name: "更新菜单权限",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/system/permission/${id}/`,
+					data
+				);
+			}
+		},
+		delete: {
+			name: "删除菜单权限",
+			req: async function(id){
+				return await http.delete(`${config.API_URL}/system/permission/${id}/`);
+			}
+		},
+		deletes: {
+			name: "批量删除菜单权限",
+			url: `${config.API_URL}/system/permission/deletes/`,
+			req: async function(data){
+				return await http.post(this.url,data);
+			}
+		},
+	},
 	role: {
 		list: {
 			url: `${config.API_URL}/system/role/list2`,
@@ -50,15 +165,7 @@ export default {
 			}
 		}
 	},
-	dept: {
+
-		list: {
-			url: `${config.API_URL}/system/dept/list`,
-			name: "获取部门列表",
-			get: async function(params){
-				return await http.get(this.url, params);
-			}
-		}
-	},
 	user: {
 		list: {
 			url: `${config.API_URL}/system/user/list`,
@@ -68,15 +175,6 @@ export default {
 			}
 		}
 	},
-	app: {
-		list: {
-			url: `${config.API_URL}/system/app/list`,
-			name: "应用列表",
-			get: async function(){
-				return await http.get(this.url);
-			}
-		}
-	},
 	log: {
 		list: {
 			url: `${config.API_URL}/system/log/list`,
@@ -86,20 +184,4 @@ export default {
 			}
 		}
 	},
-	table: {
-		list: {
-			url: `${config.API_URL}/system/table/list`,
-			name: "表格列管理列表",
-			get: async function(params){
-				return await http.get(this.url, params);
-			}
-		},
-		info: {
-			url: `${config.API_URL}/system/table/info`,
-			name: "表格列管理详情",
-			get: async function(params){
-				return await http.get(this.url, params);
-			}
-		}
-	}
 }

src/components/scTable/index.vue

@@ -264,6 +264,7 @@ export default {
     },
     //获取数据
     async getData() {
+		debugger;
       this.loading = true;
       var reqData = {
         [config.request.page]: this.currentPage,
@@ -277,14 +278,22 @@ export default {
         // delete reqData[config.request.pageSize]
       }
       Object.assign(reqData, this.tableParams);
-
+      debugger;
       try {
         var res = await this.apiObj.req(reqData);
         if (this.hidePagination) {
-          this.tableData = res;
+
           if (res.length == 0) {
             this.emptyText = "暂无数据";
           }
+			if(this.$route.path==='/sys/dept'||this.$route.path==='/sys/perm'){
+				this.tableData = this.redata(res);
+				debugger;
+				console.log(this.tableData)
+			}else{
+				this.tableData = res || [];
+			}
+			// this.tableData = res;
           this.loading = false;
           this.$refs.scTable.setScrollTop(0);
           this.$emit("dataChange", res, this.tableData);
@@ -296,18 +305,28 @@ export default {
       }
       try {
         var response = config.parseData(res);
-        if (response.total == 0) {
+        if (response.total === 0) {
           this.emptyText = "暂无数据";
         }
+        let dataList = null;
         if (this.hidePagination) {
-          this.tableData = response.data || [];
+			dataList = response.data || [];
         } else {
-          this.tableData = response.rows || [];
+			dataList = response.rows || [];
+        }
+		  if(this.$route.path==='/sys/dept'||this.$route.path==='/sys/perm'){
+			  this.tableData = this.redata(dataList);
+			  debugger;
+			  console.log(this.tableData)
+		  }else{
+			  this.tableData = dataList || [];
 		  }
         this.total = response.total || 0;
         this.summary = response.summary || {};
         this.loading = false;
         this.$refs.scTable.setScrollTop(0);
+
+
         this.$emit("dataChange", res, this.tableData);
       } catch (error) {
         this.loading = false;
@@ -315,6 +334,30 @@ export default {
         return false;
       }
     },
+	  redata(postList){
+		  let posts = [];
+		  postList.forEach(item => {
+			  let obj = new Object();
+			  obj = {...item};
+			  obj.parentId = item.parent;
+			  posts.push(obj)
+		  });
+		  let obj = posts.reduce((res, v) => (res[v.id] = v , res), {});//Object
+		  let arr = [];
+		  for (let item of posts) {
+			  //debugger;
+			  if (item.parentId == null) {
+				  arr.push(item);
+				  continue
+			  }
+			  let parent = obj[item.parentId];
+			  parent.children = parent.children ? parent.children : [];
+			  parent.children.push(item);
+		  }
+		  debugger;
+		  console.log(arr);
+		  return arr;
+	  },
     //分页点击
     paginationChange() {
       this.getData();

src/config/select.js

@@ -3,7 +3,7 @@ import API from "@/api";
 //字典选择器配置
 
 export default {
-	dicApiObj: API.system.dic.get,		//获取字典接口对象
+	dicApiObj: API.system.dict.list,		//获取字典接口对象
 	parseData: function (res) {
 		return {
 			data: res.data,				//分析行数据字段结构

src/views/hrm/employee.vue

@@ -2,7 +2,8 @@
 	<el-container>
 		<el-header>
 			<div class="left-panel">
-				<!-- <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+				<el-button type="primary" icon="el-icon-plus" @click="handleForm('add')"></el-button>
+				<!--
 				<el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button>
 				<el-button type="primary" plain :disabled="selection.length!=1" @click="permission">权限设置</el-button> -->
 			</div>
@@ -31,8 +32,8 @@
 				<el-table-column label="操作" fixed="right" align="right" width="170">
 					<template #default="scope">
 						<el-button-group>
-							<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
+							<el-button text type="primary" size="small" @click="handleForm('show',scope.row)">查看</el-button>
-							<el-button text type="warning" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
+							<el-button text type="warning" size="small" @click="handleForm('edit',scope.row)">编辑</el-button>
 							<!-- <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
 								<template #reference>
 									<el-button text type="danger" size="small">删除</el-button>
@@ -70,6 +71,19 @@
 		},
 		methods: {
 			//添加
+			handleForm(type,row) {
+				this.dialog.save = true;
+				this.$nextTick(() => {
+					if(type==='add'){
+						this.$refs.saveDialog.open(type).setData({})
+					}else{
+						this.$refs.saveDialog.open(type).setData(row)
+					}
+
+				})
+			},
+
+			/*//添加
 			add(){
 				this.dialog.save = true
 				this.$nextTick(() => {
@@ -89,7 +103,7 @@
 				this.$nextTick(() => {
 					this.$refs.saveDialog.open('show').setData(row)
 				})
-			},
+			},*/
 			//权限设置
 			permission(){
 				this.dialog.permission = true
@@ -99,14 +113,14 @@
 			},
 			//删除
 			async table_del(row){
-				var reqData = {id: row.id}
+				 await this.$API.hrm.employee.create.req(row.id).then(res=>{
-				var res = await this.$API.demo.post.post(reqData);
+				 	if(res.err_msg){
-				if(res.code == 200){
+						this.$message.error(res.err_msg);
-					this.$refs.table.refresh()
-					this.$message.success("删除成功")
 					}else{
-					this.$alert(res.message, "提示", {type: 'error'})
+						this.$refs.table.refresh();
+						this.$message.success("删除成功")
 					}
+				 });
 			},
 			//批量删除
 			async batch_del(){

src/views/hrm/ep_form.vue

@@ -7,15 +7,110 @@
 		@closed="$emit('closed')"
 	>
 		<el-container v-loading="loading">
+			<!--<sc-title title="详细信息"></sc-title>-->
 			<el-main style="padding: 0 20px 20px 20px">
 				<el-form
 					ref="dialogForm"
 					:model="form"
 					:rules="rules"
-		  :disabled="mode=='show'"
+					:disabled="mode==='show'"
-		  label-width="80px"
+					label-width="120px"
 				>
-          <sc-title title="详细信息"></sc-title>
+					<el-row>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="姓名" prop="name">
+								<el-input v-model="form.name" placeholder="请输入真实姓名" clearable></el-input>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="手机号" prop="phone">
+								<el-input v-model="form.phone" placeholder="请输入手机号" clearable></el-input>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="身份证号" prop="id_number">
+								<el-input v-model="form.id_number" placeholder="请输入身份证号" clearable></el-input>
+							</el-form-item>
+						</el-col>
+
+						<el-col :md="12" :sm="24">
+							<el-form-item label="人员编号" prop="number">
+								<el-input v-model="form.number" placeholder="请输入人员编号" clearable></el-input>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="所属部门">
+								<el-cascader
+									v-model="form.dept"
+									:options="depts"
+									:props="deptsProps"
+									clearable
+									style="width: 100%;">
+								</el-cascader>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="在职状态">
+								<el-select v-model="form.job_state" style="width: 100%">
+									<el-option
+										v-for="item in job_states"
+										:key="item.id"
+										:label="item.name"
+										:value="item.id"
+									/>
+								</el-select>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="系统账号">
+								<el-input v-model="form.user" placeholder="请输入系统账号" clearable></el-input>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="邮箱">
+								<el-input v-model="form.email" placeholder="请输入邮箱" clearable></el-input>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="学历">
+								<el-input v-model="form.qualification" placeholder="学历" clearable></el-input>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="生日">
+								<el-date-picker
+									v-model="form.birthday"
+									type="date"
+									placeholder="生日"
+								/>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="在岗状态展示">
+								<el-switch v-model="form.show_atwork"/>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="性别">
+								<el-radio-group v-model="form.gender">
+									<el-radio label="男" size="large" >男</el-radio>
+									<el-radio label="女" size="large">女</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="证件照">
+								<sc-upload v-model="form.photo" :modelValue="form.photo" title="证件照"></sc-upload>
+							</el-form-item>
+						</el-col>
+						<el-col :md="12" :sm="24">
+							<el-form-item label="签名照">
+								<sc-upload v-model="form.signature" title="签名照"></sc-upload>
+							</el-form-item>
+						</el-col>
+					</el-row>
+				</el-form>
+				<!--<el-row>
 				<el-row>
 						<el-col :md="8" :sm="12" :xs="24">
 							<el-form-item label="姓名">
@@ -48,19 +143,21 @@
 							</el-form-item>
 						</el-col>
 					</el-row>
-        </el-form>
-		<el-row>
 					<el-col :md="8" :sm="12" :xs="24">
 						<el-form-item label="证件照" label-width="80px">
 							<sc-upload v-model="form.photo" title="头像"></sc-upload>
 						</el-form-item>
 					</el-col>
-		</el-row>
+				</el-row>-->
 			</el-main>
 			<el-footer>
-        <el-button type="primary" :loading="isSaveing" @click="submit"
+				<el-button
-          >保存</el-button
+					type="primary"
+					:loading="isSaveing"
+					@click="submit"
 				>
+					保存
+				</el-button>
 				<el-button @click="visible = false">取消</el-button>
 			</el-footer>
 		</el-container>
@@ -68,21 +165,68 @@
 </template>
 
 <script>
-export default {
+	const defaultForm = {
+		id: null,
+		phone: '',
+		name: '',
+		email: '',
+		number: '',
+		photo: '',
+		id_number: '',
+		gender: '男',
+		signature: '',
+		birthday: null,
+		qualification: '',
+		job_state: 10,
+		show_atwork: true,
+		belong_dept: '',
+		user: '',
+	};
+	export default {
 		emits: ["success", "closed"],
 		data() {
 			return {
 				loading: false,
 				mode: "add",
 				titleMap: {
-        add: "新增",
+					add: '新增员工',
-        edit: "编辑",
+					edit: '员工信息编辑',
-        show: "查看",
+					show: '员工信息查看'
 				},
-      form: {},
+				job_states: [
+					{id: 10, name: "在职"},
+					{id: 20, name: "离职"},
+				],
+				visible: false,
+				isSaveing: false,
+				form: defaultForm,
+
+				//验证规则
 				rules: {
-        name: [{ required: true, message: "请输入表格名称", trigger: "blur" }],
+					phone: [
-        code: [{ required: true, message: "请输入唯一标识", trigger: "blur" }],
+						{required: true, message: '请输入手机号'}
+					],
+					name: [
+						{required: true, message: '请输入姓名'}
+					],
+					number: [
+						{required: true, message: '请输入人员编号'}
+					],
+					photo: [
+						{required: true, message: '请上传证件照'}
+					],
+					id_number: [
+						{required: true, message: '请输入身份证号', trigger: 'blur'},
+						{pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确'},
+						/*{
+                            validator: (rule, value, callback) => {
+                                if (this.form.id_number.length !== 18) {
+                                    callback(new Error('请输入正确的身份证号!'));
+                                }
+                                callback();
+                            }
+                        }*/
+					],
 				},
 				addTemplate: {
 					label: "",
@@ -93,8 +237,11 @@ export default {
 					fixed: false,
 					filters: [],
 				},
-      visible: false,
+				depts: [],
-      isSaveing: false,
+				deptsProps: {
+					value: "id",
+					checkStrictly: true
+				},
 				selectionFilters: [],
 				filtersAddTemplate: {
 					text: "",
@@ -103,44 +250,58 @@ export default {
 				setFiltersVisible: false,
 			};
 		},
-  mounted() {},
+		mounted() {
+		},
 		methods: {
 			//显示
-    open(mode = "add") {
+			open(mode) {
 				this.mode = mode;
 				this.visible = true;
-	  console.log(this.mode)
 				return this;
 			},
 			//表单提交方法
 			submit() {
-      this.$refs.dialogForm.validate(async (valid) => {
+				debugger;
+				this.$refs.dialogForm.validate((valid) => {
+					debugger;
 					if (valid) {
+						debugger;
 						this.isSaveing = true;
-          this.$API.hrm.employee.update.req(this.form.id, this.form).then(res=>{
+						if (this.mode === 'add') {
+							debugger;
+							this.$API.hrm.employee.create.req(this.form)
+								.then(res => {
 									this.isSaveing = false;
 									this.visible = false;
 									this.$emit("success", this.form, this.mode);
 									this.$message.success("操作成功");
 									return res
-		  }).catch(err=>{
+								}).catch(err => {
 								this.isSaveing = false;
 								return err
 							})
+						} else {
+							this.$API.hrm.employee.update.req(this.form.id, this.form)
+								.then(res => {
+									this.isSaveing = false;
+									this.visible = false;
+									this.$emit("success", this.form, this.mode);
+									this.$message.success("操作成功");
+									return res
+								}).catch(err => {
+								this.isSaveing = false;
+								return err
+							})
+						}
+
 					}
 				});
 			},
 			//表单注入数据
 			setData(data) {
-      // this.loading = true
+				debugger;
-      // const params = {
+				console.log(defaultForm);
-      // 	id: data.id
+				// this.form = defaultForm;
-      // }
-      // setTimeout(async ()=>{
-      // 	var res = await this.$API.system.table.info.get(params)
-      // 	this.loading = false
-      // 	this.form = res.data
-      // },400)
 				Object.assign(this.form, data);
 			},
 			//设置过滤项
@@ -149,7 +310,7 @@ export default {
 				this.setFiltersVisible = true;
 			},
 		},
-};
+	};
 </script>
 
 <style>

src/views/sys/dept.vue

@@ -0,0 +1,248 @@
+<template>
+	<el-container>
+		<el-header>
+			<div class="left-panel">
+				<el-button type="primary" icon="el-icon-plus" @click="addDept"></el-button>
+				<el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button>
+			</div>
+			<div class="right-panel">
+				<div class="right-panel-search">
+					<el-input v-model="search.keyword" placeholder="部门名称"></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" row-key="id" @selection-change="selectionChange" stripe @resetQuery="resetQuery"  >
+				<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="name" min-width="200"></el-table-column>
+				<el-table-column label="部门类型" prop="type" min-width="200"></el-table-column>
+				<el-table-column label="创建日期" prop="create_time" min-width="200"></el-table-column>
+				<el-table-column label="操作" fixed="right" align="center" width="200">
+					<template #default="scope">
+						<el-button type="text" size="small" @click="editDept(scope.row, scope.$index)">编辑</el-button>
+						<el-divider direction="vertical"></el-divider>
+						<el-popconfirm title="确定删除吗？" @confirm="delDept(scope.row, scope.$index)">
+							<template #reference>
+								<el-button type="text" size="small">删除</el-button>
+							</template>
+						</el-popconfirm>
+					</template>
+				</el-table-column>
+			</scTable>
+		</el-main>
+	</el-container>
+	<el-dialog :title="titleMap[type]" v-model="limitedVisible" :width="600">
+		<el-form :model="addForm" :rules="rules" ref="addForm" label-width="100px" label-position="left">
+			<el-form-item label="部门名称" prop="name">
+				<el-input v-model="addForm.name" clearable></el-input>
+			</el-form-item>
+			<el-form-item label="上级部门">
+				<el-cascader
+					v-model="addForm.parent"
+					:options="group"
+					:props="groupsProps"
+					:show-all-levels="false"
+					clearable
+					style="width: 100%"
+					@change="handleChange"
+				></el-cascader>
+				<!--<el-input v-model="addForm.parent" clearable></el-input>-->
+			</el-form-item>
+			<el-form-item label="类型">
+				<el-select v-model="addForm.type" placeholder="Select" style="width: 100%;">
+					<el-option label="公司" value="10"></el-option>
+					<el-option label="部门" value="20"></el-option>
+				</el-select>
+			</el-form-item>
+			<el-form-item label="排序">
+				<el-input-number v-model="addForm.sort" controls-position="right" :min="1" style="width: 100%;"></el-input-number>
+			</el-form-item>
+		</el-form>
+		<template #footer>
+			<el-button @click="limitedVisible=false" >取 消</el-button>
+			<el-button type="primary" :loading="isSaving" @click="submitHandle()">保 存</el-button>
+		</template>
+	</el-dialog>
+</template>
+
+<script>
+	export default {
+		name: 'dept',
+		data() {
+			return {
+				dialog: {
+					save: false,
+					permission: false
+				},
+				apiObj: this.$API.system.dept.list,
+				selection: [],
+				search: {
+					keyword: null
+				},
+				params:{
+					page:0
+				},
+				isSaving: false,
+				limitedVisible : false,
+				type: "add",
+				titleMap: {
+					add: '新增',
+					edit: '编辑',
+				},
+
+				//表单数据
+				addForm: {
+					id:"",
+					name: "",
+					type: "10",
+					sort: 1,
+					parent: "",
+				},
+				//验证规则
+				rules: {
+					name: [
+						{required: true, message: '请输入部门名称'}
+					],
+				},
+				groupsProps: {
+					value: "id",
+					multiple: false,
+					checkStrictly: true,
+				},
+				group: [],
+				postList: [],
+				temp:[]
+			}
+		},
+
+		mounted() {
+			this.getGroup();
+		},
+		methods: {
+			handleChange(value) {
+				// this.menu.checked = check.checkedKeys;
+				debugger;
+				console.log(value);
+				console.log(this.addForm.parent);
+			},
+			//加载树数据
+			async getGroup() {
+				var res = await this.$API.system.dept.list.req({page: 0});
+				let postList = res;
+				this.postList = res;
+				let posts = [];
+				postList.forEach(item => {
+					let obj = new Object();
+					obj.id = item.id;
+					obj.sort = item.sort;
+					obj.label = item.name;
+					obj.type = item.type;
+					obj.parent = item.parent;
+					obj.create_time = item.create_time;
+					posts.push(obj)
+				});
+				let obj = posts.reduce((res, v) => (res[v.id] = v , res), {});//Object
+				let arr = [];
+				for (let item of posts) {
+					// debugger;
+					if (item.parent == null) {
+						arr.push(item);
+						continue
+					}
+					let parent = obj[item.parent];
+					parent.children = parent.children ? parent.children : [];
+					parent.children.push(item);
+				}
+				this.group = arr;
+			},
+
+			//添加
+			addDept(){
+				this.type='add';
+				this.limitedVisible = true;
+			},
+			//编辑
+			editDept(row){
+				debugger;
+				this.temp = [];
+				this.type='edit';
+				this.addForm.id=row.id;
+				this.addForm.name=row.name;
+				let parent = this.findParents(this.postList,row.parent);
+				this.addForm.parent=parent.reverse();
+				this.addForm.type=row.type+"";
+				this.addForm.sort=row.sort;
+				this.limitedVisible = true;
+			},
+			findParents(arr,parent){
+				let that = this;
+				arr.forEach(item=>{
+					if(item.id===parent){
+						that.temp.push(item.id);
+						if(item.parent!==null){
+							this.findParents(arr,item.parent)
+						}else{
+							return that.temp
+						}
+					}
+				});
+				return that.temp
+			},
+			//删除
+			delDept(row){
+				var id = row.id;
+				var res = this.$API.system.deptDel.delete(id);
+				if(res.code == 200){
+					this.$refs.table.refresh();
+					this.$message.success("删除成功")
+				}else{
+					this.$alert(res.message, "提示", {type: 'error'})
+				}
+			},
+			submitHandle(){
+				let that = this;
+				debugger;
+				console.log(this.addForm.parent);
+				debugger;
+				this.addForm.parent = this.addForm.parent!==null?this.addForm.parent[0]?this.addForm.parent[0]:'':'';
+				this.$refs.addForm.validate( (valid) => {
+					debugger;
+					if (valid) {
+						this.isSaveing = true;
+						var res;
+						if(this.type==='add'){
+							res = this.$API.system.deptAdd.post(that.addForm);
+						}else{
+							res = this.$API.system.deptEdit.put(that.addForm.id,that.addForm);
+						}
+						this.isSaveing = false;
+						this.limitedVisible = false;
+						this.$refs.table.refresh();
+						console.log(res);
+						debugger;
+					}
+				})
+			},
+			//表格选择后回调事件
+			selectionChange(selection){
+				this.selection = selection;
+			},
+			//搜索
+			upsearch(){
+
+			},
+			//本地更新数据
+			handleSaveSuccess(data, mode){
+				if(mode=='add'){
+					this.$refs.table.refresh()
+				}else if(mode=='edit'){
+					this.$refs.table.refresh()
+				}
+			}
+		}
+	}
+</script>
+<style>
+</style>