diff --git a/src/components/DownloadTemplate/index.vue b/src/components/DownloadTemplate/index.vue
index 8ded2cd..19923dd 100644
--- a/src/components/DownloadTemplate/index.vue
+++ b/src/components/DownloadTemplate/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
+  <el-button :icon="icon" class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
 </template>
 
 <script>
@@ -10,6 +10,10 @@
     filename: {
       type: String,
       default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
     }
   },
   methods: {

diff --git a/src/components/DownloadTemplate/index.vue b/src/components/DownloadTemplate/index.vue
index 8ded2cd..19923dd 100644
--- a/src/components/DownloadTemplate/index.vue
+++ b/src/components/DownloadTemplate/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
+  <el-button :icon="icon" class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
 </template>
 
 <script>
@@ -10,6 +10,10 @@
     filename: {
       type: String,
       default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
     }
   },
   methods: {
diff --git a/src/views/carinfo/editCarInfo.vue b/src/views/carinfo/editCarInfo.vue
index 5275a40..c115f65 100644
--- a/src/views/carinfo/editCarInfo.vue
+++ b/src/views/carinfo/editCarInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body >
-    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" label-position="right" label-width="120px">
+    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" size="small" label-position="right" label-width="120px">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="车牌号">

diff --git a/src/components/DownloadTemplate/index.vue b/src/components/DownloadTemplate/index.vue
index 8ded2cd..19923dd 100644
--- a/src/components/DownloadTemplate/index.vue
+++ b/src/components/DownloadTemplate/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
+  <el-button :icon="icon" class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
 </template>
 
 <script>
@@ -10,6 +10,10 @@
     filename: {
       type: String,
       default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
     }
   },
   methods: {
diff --git a/src/views/carinfo/editCarInfo.vue b/src/views/carinfo/editCarInfo.vue
index 5275a40..c115f65 100644
--- a/src/views/carinfo/editCarInfo.vue
+++ b/src/views/carinfo/editCarInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body >
-    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" label-position="right" label-width="120px">
+    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" size="small" label-position="right" label-width="120px">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="车牌号">
diff --git a/src/views/carinfo/editGpsDevice.vue b/src/views/carinfo/editGpsDevice.vue
index 6e63ab0..9c177e5 100644
--- a/src/views/carinfo/editGpsDevice.vue
+++ b/src/views/carinfo/editGpsDevice.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body width="700px">
-    <el-form ref="dataForm" :rules="rules" :model="deviceInfoForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="deviceInfoForm" label-position="right" size="small" label-width="100px">
       <el-row :gutter="20">
         <el-col :span="12" offset="6">
           <el-form-item label="IMEI" prop="imei">

diff --git a/src/components/DownloadTemplate/index.vue b/src/components/DownloadTemplate/index.vue
index 8ded2cd..19923dd 100644
--- a/src/components/DownloadTemplate/index.vue
+++ b/src/components/DownloadTemplate/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
+  <el-button :icon="icon" class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
 </template>
 
 <script>
@@ -10,6 +10,10 @@
     filename: {
       type: String,
       default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
     }
   },
   methods: {
diff --git a/src/views/carinfo/editCarInfo.vue b/src/views/carinfo/editCarInfo.vue
index 5275a40..c115f65 100644
--- a/src/views/carinfo/editCarInfo.vue
+++ b/src/views/carinfo/editCarInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body >
-    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" label-position="right" label-width="120px">
+    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" size="small" label-position="right" label-width="120px">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="车牌号">
diff --git a/src/views/carinfo/editGpsDevice.vue b/src/views/carinfo/editGpsDevice.vue
index 6e63ab0..9c177e5 100644
--- a/src/views/carinfo/editGpsDevice.vue
+++ b/src/views/carinfo/editGpsDevice.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body width="700px">
-    <el-form ref="dataForm" :rules="rules" :model="deviceInfoForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="deviceInfoForm" label-position="right" size="small" label-width="100px">
       <el-row :gutter="20">
         <el-col :span="12" offset="6">
           <el-form-item label="IMEI" prop="imei">
diff --git a/src/views/carinfo/listCarInfo.vue b/src/views/carinfo/listCarInfo.vue
index a20c0b1..d54303c 100644
--- a/src/views/carinfo/listCarInfo.vue
+++ b/src/views/carinfo/listCarInfo.vue
@@ -1,65 +1,45 @@
-<template xmlns:align="">
-  <div class="app-container">
+<template>
+  <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="keywords">
-          <el-input v-model.trim="listQuery.description" placeholder="车辆描述" clearable/>
-        </el-form-item>
-        <el-form-item class="selectForm-container-item" prop="keywords">
-          <el-input v-model="listQuery.carCode" placeholder="车牌号" clearable/>
-        </el-form-item>
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.description" placeholder="车辆描述" size="small" clearable/>
+      </search-item>
+      <search-item>
+        <el-input v-model="listQuery.carCode" placeholder="车牌号" size="small" clearable/>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.carType" filterable placeholder="车辆类型" clearable value="" size="small" @change="fetchData()">
+          <el-option
+            v-for="item in cartypelist"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"/>
+        </el-select>
+      </search-item>
+      <search-item>
+        <dept-select v-model="listQuery.deptId" :dept-show="deptShow" placeholder="使用单位" clearable size="small" value=""/>
+      </search-item>
+    </search-area>
 
-        <el-form-item class="selectForm-container-item" prop="keywords">
-          <el-select v-model="listQuery.carType" filterable placeholder="车辆类型" clearable value="" @change="fetchData()">
-            <el-option
-              v-for="item in cartypelist"
-              :key="item.value"
-              :label="item.name"
-              :value="item.value"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item class="selectForm-container-item" prop="keywords">
-          <dept-select v-model="listQuery.deptId" :dept-show="deptShow" placeholder="使用单位" clearable value=""/>
-        </el-form-item>
-
-        <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">查 询</el-button>
-        <el-button class="filter-item" type="primary" icon="el-icon-edit" @click="add">新 增</el-button>
-        <el-button class="edit_btn" type="primary" icon="el-icon-receiving" @click="batchExport">导 出</el-button>
-      </el-form>
-    </div>
-    <!--查询结果Table显示-->
-    <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
-      <el-table-column :index="indexMethod" align="center" type="index" label="序号" width="55"/>
-      <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>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" width="180" align="center">
-        <template slot-scope="scope">
-          <el-button type="primary" size="mini" @click="detail(scope.row)">详情</el-button>
-          <el-button type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button type="danger" size="mini" @click="del(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页-->
-    <div class="pagination-container">
-      <el-pagination
-        v-show="total>listQuery.limit"
-        :current-page="listQuery.offset"
-        :page-sizes="[15,20,30]"
-        :page-size="listQuery.limit"
-        :total="total"
-        align="center"
-        layout="total, sizes, prev, pager, next"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"/>
-    </div>
+    <normal-table :data="list" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" class="table" border size="small" @selection-change="handleSelectionChange" @change="changePage">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-plus" @click="add">新增</el-button>
+        <el-button size="small" class="edit_btn" icon="el-icon-receiving" @click="batchExport">导出</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column label="操作" width="180" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="detail(scope.row)">详情</el-button>
+            <el-button type="text" size="mini" @click="edit(scope.row)">修改</el-button>
+            <el-button type="text" size="mini" @click="del(scope.row)">删除</el-button>
+          </template>>
+        </el-table-column>
+      </template>
+    </normal-table>
     <!--编辑资源的对话框-->
     <edit-car-info v-show="dialogFormVisible" ref="editCarInfo" @watchChild="fetchData"/>
-  </div>
+  </app-container>
 </template>
 <script>
 import editCarInfo from '@/views/carinfo/editCarInfo'
@@ -213,6 +193,16 @@
     // 多选触发方法
     handleSelectionChange(val) {
       this.multipleSelection = val
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
     }
   }
 }

diff --git a/src/components/DownloadTemplate/index.vue b/src/components/DownloadTemplate/index.vue
index 8ded2cd..19923dd 100644
--- a/src/components/DownloadTemplate/index.vue
+++ b/src/components/DownloadTemplate/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
+  <el-button :icon="icon" class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>
 </template>
 
 <script>
@@ -10,6 +10,10 @@
     filename: {
       type: String,
       default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
     }
   },
   methods: {
diff --git a/src/views/carinfo/editCarInfo.vue b/src/views/carinfo/editCarInfo.vue
index 5275a40..c115f65 100644
--- a/src/views/carinfo/editCarInfo.vue
+++ b/src/views/carinfo/editCarInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body >
-    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" label-position="right" label-width="120px">
+    <el-form ref="dataForm" :rules="rules" :model="carInfoForm" size="small" label-position="right" label-width="120px">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="车牌号">
diff --git a/src/views/carinfo/editGpsDevice.vue b/src/views/carinfo/editGpsDevice.vue
index 6e63ab0..9c177e5 100644
--- a/src/views/carinfo/editGpsDevice.vue
+++ b/src/views/carinfo/editGpsDevice.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body width="700px">
-    <el-form ref="dataForm" :rules="rules" :model="deviceInfoForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="deviceInfoForm" label-position="right" size="small" label-width="100px">
       <el-row :gutter="20">
         <el-col :span="12" offset="6">
           <el-form-item label="IMEI" prop="imei">
diff --git a/src/views/carinfo/listCarInfo.vue b/src/views/carinfo/listCarInfo.vue
index a20c0b1..d54303c 100644
--- a/src/views/carinfo/listCarInfo.vue
+++ b/src/views/carinfo/listCarInfo.vue
@@ -1,65 +1,45 @@
-<template xmlns:align="">
-  <div class="app-container">
+<template>
+  <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="keywords">
-          <el-input v-model.trim="listQuery.description" placeholder="车辆描述" clearable/>
-        </el-form-item>
-        <el-form-item class="selectForm-container-item" prop="keywords">
-          <el-input v-model="listQuery.carCode" placeholder="车牌号" clearable/>
-        </el-form-item>
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.description" placeholder="车辆描述" size="small" clearable/>
+      </search-item>
+      <search-item>
+        <el-input v-model="listQuery.carCode" placeholder="车牌号" size="small" clearable/>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.carType" filterable placeholder="车辆类型" clearable value="" size="small" @change="fetchData()">
+          <el-option
+            v-for="item in cartypelist"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"/>
+        </el-select>
+      </search-item>
+      <search-item>
+        <dept-select v-model="listQuery.deptId" :dept-show="deptShow" placeholder="使用单位" clearable size="small" value=""/>
+      </search-item>
+    </search-area>
 
-        <el-form-item class="selectForm-container-item" prop="keywords">
-          <el-select v-model="listQuery.carType" filterable placeholder="车辆类型" clearable value="" @change="fetchData()">
-            <el-option
-              v-for="item in cartypelist"
-              :key="item.value"
-              :label="item.name"
-              :value="item.value"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item class="selectForm-container-item" prop="keywords">
-          <dept-select v-model="listQuery.deptId" :dept-show="deptShow" placeholder="使用单位" clearable value=""/>
-        </el-form-item>
-
-        <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">查 询</el-button>
-        <el-button class="filter-item" type="primary" icon="el-icon-edit" @click="add">新 增</el-button>
-        <el-button class="edit_btn" type="primary" icon="el-icon-receiving" @click="batchExport">导 出</el-button>
-      </el-form>
-    </div>
-    <!--查询结果Table显示-->
-    <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
-      <el-table-column :index="indexMethod" align="center" type="index" label="序号" width="55"/>
-      <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>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" width="180" align="center">
-        <template slot-scope="scope">
-          <el-button type="primary" size="mini" @click="detail(scope.row)">详情</el-button>
-          <el-button type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button type="danger" size="mini" @click="del(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页-->
-    <div class="pagination-container">
-      <el-pagination
-        v-show="total>listQuery.limit"
-        :current-page="listQuery.offset"
-        :page-sizes="[15,20,30]"
-        :page-size="listQuery.limit"
-        :total="total"
-        align="center"
-        layout="total, sizes, prev, pager, next"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"/>
-    </div>
+    <normal-table :data="list" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" class="table" border size="small" @selection-change="handleSelectionChange" @change="changePage">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-plus" @click="add">新增</el-button>
+        <el-button size="small" class="edit_btn" icon="el-icon-receiving" @click="batchExport">导出</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column label="操作" width="180" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="detail(scope.row)">详情</el-button>
+            <el-button type="text" size="mini" @click="edit(scope.row)">修改</el-button>
+            <el-button type="text" size="mini" @click="del(scope.row)">删除</el-button>
+          </template>>
+        </el-table-column>
+      </template>
+    </normal-table>
     <!--编辑资源的对话框-->
     <edit-car-info v-show="dialogFormVisible" ref="editCarInfo" @watchChild="fetchData"/>
-  </div>
+  </app-container>
 </template>
 <script>
 import editCarInfo from '@/views/carinfo/editCarInfo'
@@ -213,6 +193,16 @@
     // 多选触发方法
     handleSelectionChange(val) {
       this.multipleSelection = val
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
     }
   }
 }
diff --git a/src/views/carinfo/listGpsDevice.vue b/src/views/carinfo/listGpsDevice.vue
index a9338a6..0f6455f 100644
--- a/src/views/carinfo/listGpsDevice.vue
+++ b/src/views/carinfo/listGpsDevice.vue
@@ -1,22 +1,19 @@
-<template xmlns:align="">
-  <div class="app-container">
+<template>
+  <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="keywords">
-          <el-input v-model.trim="listQuery.imei" placeholder="IEMI号" clearable/>
-        </el-form-item>
-        <el-form-item class="selectForm-container-item" prop="keywords">
-          <el-input v-model="listQuery.iot" placeholder="物联网卡号" clearable/>
-        </el-form-item>
-        <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">查 询</el-button>
-        <el-button class="filter-item" type="primary" icon="el-icon-edit" @click="add">新 增</el-button>
-      </el-form>
-    </div>
-    <el-row class="table-title">
-      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
-      <el-col :span="12" :offset="6" class="edit_btns">
-        <!--批量导入-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.imei" placeholder="IEMI号" size="small" clearable/>
+      </search-item>
+      <search-item>
+        <el-input v-model="listQuery.iot" placeholder="物联网卡号" size="small" clearable/>
+      </search-item>
+    </search-area>
+
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" class="table" border size="small" @selection-change="handleSelectionChange" @change="changePage">
+      <template slot="btns">
+        <download-template filename="deviceImportTemp.xlsx" class="edit_btn" size="small" icon="el-icon-document" btnname="模板下载"/>
         <el-upload
           :limit="1"
           :show-file-list="false"
@@ -26,43 +23,24 @@
           accept=".xls,.xlsx"
           class="edit_btn"
           style="margin-top: 0">
-          <el-button slot="trigger" class="edit_btn" size="small">批量导入</el-button>
+          <el-button slot="trigger" class="edit_btn" icon="el-icon-document-checked" size="small">批量导入</el-button>
         </el-upload>
-        <download-template filename="deviceImportTemp.xlsx" class="edit_btn" btnname="模板下载"/>
-      </el-col>
-    </el-row>
-    <!--查询结果Table显示-->
-    <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
-      <el-table-column :index="indexMethod" align="center" type="index" label="序号" width="55"/>
-      <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>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" width="180" align="center">
-        <template slot-scope="scope">
-          <el-button type="primary" size="mini" @click="detail(scope.row)">详情</el-button>
-          <el-button type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button type="danger" size="mini" @click="del(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页-->
-    <div class="pagination-container">
-      <el-pagination
-        v-show="total>listQuery.limit"
-        :current-page="listQuery.offset"
-        :page-sizes="[15,20,30]"
-        :page-size="listQuery.limit"
-        :total="total"
-        align="center"
-        layout="total, sizes, prev, pager, next"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"/>
-    </div>
+        <el-button size="small" class="edit_btn" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column label="操作" width="180" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="detail(scope.row)">详情</el-button>
+            <el-button type="text" size="mini" @click="edit(scope.row)">修改</el-button>
+            <el-button type="text" size="mini" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+
     <!--编辑资源的对话框-->
     <edit-gps-device v-show="dialogFormVisible" ref="editGpsDevice" @watchChild="fetchData"/>
-  </div>
+  </app-container>
 </template>
 <script>
 import editGpsDevice from '@/views/carinfo/editGpsDevice'
@@ -220,6 +198,16 @@
     // 多选触发方法
     handleSelectionChange(val) {
       this.multipleSelection = val
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
     }
   }
 }