更新

src/views/refineryInfo/index.vue

@@ -11,15 +11,13 @@
         </el-option>
       </el-select>
       <div class="buttons">
-        <el-button icon="el-icon-search" @click="handleCurrentChange(1)"
-          >查询</el-button
-        >
+        <el-button icon="el-icon-search" @click="search">查询</el-button>
         <el-button icon="el-icon-refresh" @click="reset">重置</el-button>
       </div>
     </div>
     <div class="table">
       <div class="operation">
-        <el-button icon="el-icon-upload2" @click="addition">炼厂入驻</el-button>
+        <el-button @click="addition">炼厂入驻</el-button>
       </div>
       <el-table
         v-if="tableHeight"
@@ -99,23 +97,13 @@
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        background
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="parameter.currentPage"
-        :page-size="parameter.pageSize"
-        :popper-append-to-body="false"
-        :page-sizes="[10, 20, 30, 50]"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="total"
-      >
-      </el-pagination>
+      <!-- 分页 -->
+      <pagination :parameter="parameter" @searchAgain="getByPage" />
     </div>
     <add
       :controlWindows="controlWindows"
       :refineryTypeEnum="refineryTypeEnum"
-      @closeWindow="handleCurrentChange(1)"
+      @closeWindow="search"
     />
 
     <el-drawer
@@ -142,6 +130,8 @@
 import serve from "api/refineryInfo.js";
 
 import add from "./components/add.vue";
+
+import pagination from "components/pagination/index.vue";
 import generalDetails from "components/generalDetails/index.vue";
 
 export default {
@@ -149,9 +139,7 @@ export default {
     return {
       controlWindows: {
         add: false,
-        addInfo: {
-          title: "炼厂入驻",
-        },
+        addInfo: {},
         detail: false,
       },
       refineryTypeEnum: [
@@ -167,6 +155,7 @@ export default {
       parameter: {
         currentPage: 1,
         pageSize: 10,
+        total: 0,
         params: {},
       },
       oilCompanyMatch: {},
@@ -190,6 +179,7 @@ export default {
   },
   components: {
     add,
+    pagination,
     generalDetails,
   },
   mounted() {
@@ -206,22 +196,15 @@ export default {
     this.getByPage();
   },
   methods: {
-    // currentPage change
-    handleCurrentChange(page) {
-      this.parameter.currentPage = page;
-      this.getByPage();
-    },
-    // pageSize change
-    handleSizeChange(size) {
+    serch() {
       this.parameter.currentPage = 1;
-      this.parameter.pageSize = size;
       this.getByPage();
     },
     //table list
     getByPage() {
       serve.getByPage(this.parameter).then((res) => {
         this.tableData = res.data.list;
-        this.total = res.data.totalPage;
+        this.parameter.total = res.data.totalPage;
       });
     },
     //炼厂list
@@ -276,6 +259,7 @@ export default {
       this.parameter = {
         currentPage: 1,
         pageSize: 10,
+        total: 0,
         params: {},
       };
     },