diff --git a/src/components/NomalTable/index.vue b/src/components/NomalTable/index.vue
index c31c678..de485f7 100644
--- a/src/components/NomalTable/index.vue
+++ b/src/components/NomalTable/index.vue
@@ -5,6 +5,7 @@
         <el-col :span="6">
           <div class="title-header">
             <el-popover
+              v-if="toolsOption.selectColumns"
               v-model="visible"
               placement="bottom-start"
               trigger="click">
@@ -19,6 +20,7 @@
               </div>
               <i slot="reference" ref="icon" :class="animateClass" class="el-icon-menu" @mouseenter="iconRotate" @mouseleave="removeAnimateClass"/>
             </el-popover>
+            <i v-else class="el-icon-menu"/>
             {{ head.text }}
           </div>
         </el-col>
@@ -26,7 +28,36 @@
           <slot name="btns"/>
         </el-col>
       </el-row>
+      <!--工具栏-->
+      <el-row class="tool" type="flex" justify="right">
+        <el-col>
+          <el-button-group style="float: right">
+            <!--显示列筛选工具-->
+            <el-popover
+              v-if="toolsOption.selectColumns"
+              v-model="visible"
+              placement="bottom-end"
+              trigger="click">
+              <div class="popper-div">
+                <div v-for="(column,index) in columnsChecked" :key="index">
+                  <el-checkbox v-model="column.show" >{{ column.text }}</el-checkbox>
+                </div>
+                <div class="popper-btns">
+                  <el-button size="mini" type="" @click="initColumnsState">取消</el-button>
+                  <el-button size="mini" type="primary" @click="changeColumns">确定</el-button>
+                </div>
+              </div>
+              <el-button slot="reference" type="" icon="el-icon-menu" size="mini"/>
+            </el-popover>
+            <!--刷新按钮-->
+            <el-button v-if="toolsOption.refresh" type="" icon="el-icon-refresh" size="mini" @click="refresh"/>
+          </el-button-group>
+        </el-col>
+      </el-row>
+      <!-- 表格正文-->
       <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="small-row-class" border>
+        <!--需要加在表最前方的插槽-->
+        <slot name="preColumns"/>
         <!--序号列-->
         <el-table-column v-if="options && options.needIndex" :index="indexMethod" label="#" align="center" type="index"/>
         <!--内容列, 若columns存在且长度大于0-->
@@ -75,7 +106,7 @@
           limit: 20
         }
       }
-    },
+    }, // 查询条件，此处主要需要分页的条件
     head: {
       type: Object,
       default: function() {
@@ -84,7 +115,7 @@
           text: '数据列表'
         }
       }
-    }, // 是否显示头
+    }, // 是否显示头，一般需要再此行中加按钮需要设置为true
     listLoading: {
       type: Boolean,
       default: false
@@ -98,7 +129,7 @@
     total: {
       type: Number,
       default: 0
-    },
+    }, // 数据总数
     columns: {
       type: Array,
       default: function() {
@@ -109,7 +140,7 @@
       type: Object,
       default: function() {
         return {
-          needIndex: true
+          needIndex: true // 是否需要序号列
         }
       }
     }, // 配置项
@@ -122,11 +153,20 @@
     size: {
       type: String,
       default: ''
-    }// 表格大小
+    }, // 表格大小，默认，small,mini等，与el-table条件仙童
+    toolsOption: {
+      type: Object,
+      default: function() {
+        return {
+          selectColumns: false, // 是否需要筛选列工具
+          refresh: false // 是否需要刷新按钮
+        }
+      }
+    }// 表格工具配置
   },
   data() {
     return {
-      columnsFiltered: [], // 过滤后的列请款
+      columnsFiltered: [], // 过滤后的列情况
       columnsChecked: [], // 显示列选择情况
       visible: false, // 弹窗显示情况
       animateClass: '' // 按钮动画效果
@@ -164,6 +204,10 @@
     indexMethod(index) {
       return this.query.limit * (this.query.offset - 1) + index + 1
     },
+    // 刷新
+    refresh() {
+      this.$emit('change')
+    },
     // 改变页容量
     handleSizeChange(val) {
       this.query.limit = val