diff --git a/src/views/system/area/listArea.vue b/src/views/system/area/listArea.vue
index 5d9f44d..97ac1c4 100644
--- a/src/views/system/area/listArea.vue
+++ b/src/views/system/area/listArea.vue
@@ -10,9 +10,8 @@
       </template>
     </search-area>
     <!--查询结果Table显示-->
-    <div class="table-container">
-      <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
-        <el-table-column :index="indexMethod" align="center" type="index"/>
+    <normal-table :data="list" :total="total" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="columns">
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
           <template slot-scope="scope">
             <span :class="column.class">{{ scope.row[column.value] }}</span>
@@ -24,37 +23,19 @@
             <el-button v-if="hasPerm('/area/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
           </template>
         </el-table-column>
-      </el-table>
-    </div>
-    <!--分页-->
-    <div class="pagination-container">
-      <el-pagination
-        v-show="total>listQuery.limit"
-        :current-page="listQuery.offset"
-        :page-sizes="[20,30,50]"
-        :page-size="listQuery.limit"
-        :total="total"
-        align="center"
-        layout="total, sizes, prev, pager, next"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"/>
-    </div>
-
+      </template>
+    </normal-table>
     <edit-area v-show="dialogFormVisible" ref="editarea" @watchChild="fetchData"/>
-
   </app-container>
 </template>
 
 <script>
 import { getAreaListPage, delArea } from '@/api/system/area'
 import EditArea from './editArea'
-import AppContainer from '../../../components/layout/AppContainer'
-import SearchArea from '../../../components/SearchArea/SearchArea'
-import SearchItem from '../../../components/SearchArea/SearchItem'
 
 export default {
   name: 'ListArea',
-  components: { SearchItem, SearchArea, AppContainer, EditArea },
+  components: { EditArea },
   data() {
     return {
       listQuery: {
@@ -158,27 +139,22 @@
         this.listQuery.offset = 1
       }
       getAreaListPage(this.listQuery).then(response => {
-        this.list = response.data.rows
-        this.total = parseInt(response.data.total)
-        this.listLoading = false
+        if (response.code === 200) {
+          this.list = response.data.rows
+          this.total = parseInt(response.data.total)
+          this.listLoading = false
+        }
       })
     },
-    indexMethod(index) {
-      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
-    },
-    // 改变页容量
-    handleSizeChange(val) {
-      this.listQuery.limit = val
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
       this.fetchData()
-    },
-    // 改变当前页
-    handleCurrentChange(val) {
-      this.listQuery.offset = val
-      this.fetchData()
-    },
-    // 多选触发方法
-    handleSelectionChange(val) {
-      this.multipleSelection = val
     }
   }
 }