diff --git a/src/views/system/role/listRole.vue b/src/views/system/role/listRole.vue
index c567717..1d33eb2 100644
--- a/src/views/system/role/listRole.vue
+++ b/src/views/system/role/listRole.vue
@@ -5,23 +5,23 @@
       <search-item>
         <el-input v-model.trim="listQuery.keyword" size="small" placeholder="角色名称" clearable/>
       </search-item>
-      <template slot="btns">
-        <el-button v-if="hasPerm('/role/add')" class="filter-item" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
-      </template>
     </search-area>
     <!--查询结果Table显示-->
-    <div class="table-container">
-      <tree-table v-loading="listLoading" :data="list" :columns="columns" rowkey="id" class="treetable" border>
-        <el-table-column v-if="showOperate" label="操作" width="250">
+    <tree-table :data="list" :columns="columns" :query="listQuery" :list-loading="listLoading" rowkey="id">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/role/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column v-if="showOperate" label="操作" width="250" align="center">
           <template slot-scope="scope">
-            <el-button v-if="hasPerm('/role/update')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-            <el-button v-if="hasPerm('/role/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
-            <el-button v-if="hasPerm('/role/funcAuthor')" type="primary" size="mini" @click="funcPermission(scope.row)">功能权限</el-button>
-            <el-button v-if="hasPerm('/role/dataAuthor')" type="success" size="mini" @click="dataPermission(scope.row)">数据权限</el-button>
+            <el-button v-if="hasPerm('/role/update')" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/role/delete')" type="text" size="small" @click="del(scope.row)">删除</el-button>
+            <el-button v-if="hasPerm('/role/funcAuthor')" type="text" size="small" @click="funcPermission(scope.row)">功能权限</el-button>
+            <el-button v-if="hasPerm('/role/dataAuthor')" type="text" size="small" @click="dataPermission(scope.row)">数据权限</el-button>
           </template>
         </el-table-column>
-      </tree-table>
-    </div>
+      </template>
+    </tree-table>
     <!--编辑资源的对话框-->
     <edit-role v-show="editShow" ref="editrole" @watchChild="fetchData"/>
     <!--功能权限-->
@@ -34,7 +34,7 @@
 
 <script>
 
-import treeTable from '@/components/TreeTable'
+import treeTable from '@/components/TreeTable/treeTable'
 import editRole from '@/views/system/role/editrole'
 import functionPerm from '@/views/system/role/functionPerm'
 import dataPerm from '@/views/system/role/dataPerm'