diff --git a/src/views/system/dept/listDept.vue b/src/views/system/dept/listDept.vue
index da2419a..8c20b81 100644
--- a/src/views/system/dept/listDept.vue
+++ b/src/views/system/dept/listDept.vue
@@ -1,33 +1,34 @@
 <template>
-  <div class="app-container">
+  <app-container>
     <!--筛选条件-->
-    <div class="search-div">
-      <el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">
-        <el-form-item class="selectForm-container-item" prop="deptName">
-          <el-input v-model.trim="listQuery.deptName" placeholder="组织名称" clearable/>
-        </el-form-item>
-        <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
-        <el-button v-if="hasPerm('/dept/add')" class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
-      </el-form>
-    </div>
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.deptName" size="small" placeholder="组织名称" clearable/>
+      </search-item>
+    </search-area>
     <!--查询结果Table显示-->
-    <tree-table v-loading="listLoading" :data="list" :columns="columns" rowkey="simplename" class="treetable" border stripe>
-      <el-table-column v-if="showOperate" label="操作" width="110">
-        <template slot-scope="scope">
-          <el-button v-if="hasPerm('/dept/update')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/dept/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
+    <tree-table :data="list" :columns="columns" :query="listQuery" :list-loading="listLoading" rowkey="id">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/dept/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column v-if="showOperate" label="操作" width="130" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/dept/update')" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/dept/delete')" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
     </tree-table>
 
     <!--编辑资源的对话框-->
     <edit-dept v-show="dialogFormVisible" ref="editdept" @watchChild="fetchData"/>
-  </div>
+  </app-container>
 </template>
 
 <script>
 
-import treeTable from '@/components/TreeTable'
+import treeTable from '@/components/TreeTable/treeTable'
 import editDept from '@/views/system/dept/editdept'
 import { getDeptList, delDept } from '@/api/system/dept'
 import { toTreeList } from '@/utils/structure'