分页bug修改

src/views/Statics/Oit/views/Infoit/index.vue

@@ -44,7 +44,7 @@ export default {
         // paging
         pageNum: 1,
         pageSize: 5,
-        total: 0,
+        totals: 0,
       },
     }
   },

src/views/Statics/Oit/views/Infoit/infsea.vue

@@ -65,25 +65,26 @@
         </el-button>
       </c-col>
     </c-col>
-    <c-col :span="24">
-      <c-paging-table
-        :data="oitData"
-        :columns="oitColumns"
-        :pageNumber="model.pageNum"
-        :pageSize="model.pageSize"
-        :total="model.total"
-        v-on:queryFunc="queryFunc"
-        :border="true"
-      >
-        <c-table-column fixed="right" prop="op" label="操作" width="240px">
-          <template slot-scope="{ scope }">
-            <c-button
-              style="margin-left: 0"
-              size="small"
-              @click="oitInfo(scope.$index, scope.row)"
-              >详情</c-button
+
+        <c-col :span="24" style="">
+          <el-table :data="oitData" :columns="oitColumns" style="width:100%">
+            <el-table-column
+                v-for="(item, key) in oitColumns"
+                :key="key"
+                :label="item.label"
+                :prop="item.prop"
             >
-            <c-button
+
+            </el-table-column>
+            <el-table-column fixed="right" prop="op" label="操作" width="140px">
+              <template slot="header">
+                <c-col :span="11" style="text-align:center"><span>操作</span></c-col>
+              </template>
+              <template slot-scope="scope">
+                <c-button style="margin-left: 0" size="small" @click="oitInfo(scope.$index, scope.row)">
+                  详情
+                </c-button>
+                <c-button
               style="margin-left: 5px"
               size="small"
               type="primary"
@@ -96,27 +97,20 @@
               @click="oitDelete(scope.$index, scope.row)"
               >删除</c-button
             >
-            <el-popover placement="top-start" width="50" trigger="click">
-              <ul class="table-button-item-list">
-                <li>
-                  <c-button size="small" style="margin-left: 0">指派</c-button>
-                </li>
-                <li>
-                  <c-button size="small" style="margin-left: 0">删除</c-button>
-                </li>
-              </ul>
-              <a
-                slot="reference"
-                href="javascript:void(0)"
-                style="margin-left: 5px"
-              >
-                <i class="el-icon-more"></i>
-              </a>
-            </el-popover>
-          </template>
-        </c-table-column>
-      </c-paging-table>
-    </c-col>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="model.pageNum"
+            :page-sizes="[5,10, 20, 50, 100, 500]"
+            :page-size="model.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="model.totals">
+          </el-pagination>
+        </c-col>
+
   </div>
 </template>
 
@@ -137,11 +131,11 @@ export default {
           prop: 'objtypCn',
           width: '120',
         },
-        { label: 'Key', prop: 'ownref', width: '120' },
-        { label: 'Name', prop: 'nam', width: '120' },
-        { label: '提示类型', prop: 'subtypCn', width: '120' },
-        { label: '相关业务品种', prop: 'subbus', width: '150' },
-        { label: '提示信息级别', prop: 'inflevCn', width: '200' },
+        { label: 'Key', prop: 'ownref' },
+        { label: 'Name', prop: 'nam' },
+        { label: '提示类型', prop: 'subtypCn'},
+        { label: '相关业务品种', prop: 'subbus'},
+        { label: '提示信息级别', prop: 'inflevCn' },
       ],
     }
   },
@@ -195,13 +189,19 @@ export default {
         this.oitData = list
         this.model.pageNum = res.pageNumber
         this.model.pageSize = res.pageSize
-        this.model.total = res.total
+        this.model.totals= parseInt(res.total)
       })
     },
-    queryFunc(pageNumber, pageSize) {
-      this.model.pageNum = pageNumber
-      this.model.pageSize = pageSize
-      this.onInfOitSearch()
+     // pageSize改变
+     handleSizeChange(val) {
+      this.model.pageNum = 1;
+      this.model.pageSize = val;
+      this.onInfOitSearch();
+    },
+    // 页码改变
+    handleCurrentChange(val) {
+      this.model.pageNum = val;
+      this.onInfOitSearch();
     },
     getCodesByKey(key) {
       return codes[key] ?? []