Эх сурвалжийг харах

fix: 修改列表单页数量,增加100,200,300,500

yanglzh 1 жил өмнө
parent
commit
5bbebbbbb8

+ 8 - 17
src/components/pagination/index.vue

@@ -1,21 +1,11 @@
 <template>
-  <div :class="{'hidden':hidden}" class="pagination-container">
-    <el-pagination
-        :background="background"
-        v-model:current-page="currentPage"
-        v-model:page-size="pageSize"
-        :layout="layout"
-        :page-sizes="pageSizes"
-        :pager-count="pagerCount"
-        :total="total"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-    />
+  <div :class="{ 'hidden': hidden }" class="pagination-container">
+    <el-pagination :background="background" v-model:current-page="currentPage" v-model:page-size="pageSize" :layout="layout" :page-sizes="pageSizes" :pager-count="pagerCount" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
   </div>
 </template>
 
 <script lang="ts">
-import { toRefs, defineComponent,computed } from 'vue';
+import { toRefs, defineComponent, computed } from 'vue';
 const props = {
   total: {
     required: true,
@@ -32,7 +22,7 @@ const props = {
   pageSizes: {
     type: Array,
     default() {
-      return [10, 20, 30, 50]
+      return [10, 20, 30, 50, 100, 200, 300, 500]
     }
   },
   // 移动端页码按钮的数量端默认值5
@@ -56,8 +46,8 @@ const props = {
 export default defineComponent({
   name: 'pagination',
   props: props,
-  setup(props,{emit}){
-    const { page,limit,pageSizes } = toRefs(props);
+  setup(props, { emit }) {
+    const { page, limit, pageSizes } = toRefs(props);
     const currentPage = computed({
       get() {
         return page.value;
@@ -78,7 +68,7 @@ export default defineComponent({
       currentPage.value = 1
       emit('pagination', { page: currentPage.value, limit: val })
     };
-    const handleCurrentChange=(val:number) => {
+    const handleCurrentChange = (val: number) => {
       emit('pagination', { page: val, limit: pageSizes.value })
     }
     return {
@@ -96,6 +86,7 @@ export default defineComponent({
   background: #fff;
   padding: 32px 16px;
 }
+
 .pagination-container.hidden {
   display: none;
 }

+ 1 - 1
src/views/iot/network/server/component/list.vue

@@ -140,7 +140,7 @@
       @current-change="onHandleCurrentChange"
       class="mt15"
       :pager-count="5"
-      :page-sizes="[10, 20, 30]"
+      :page-sizes="[10, 20, 30, 50, 100, 200, 300, 500]"
       v-model:current-page="param.page"
       background
       v-model:page-size="param.pageSize"

+ 1 - 1
src/views/iot/network/tunnel/component/list.vue

@@ -38,7 +38,7 @@
             @current-change="onHandleCurrentChange"
             class="mt15"
             :pager-count="5"
-            :page-sizes="[10, 20, 30]"
+            :page-sizes="[10, 20, 30, 50, 100, 200, 300, 500]"
             v-model:current-page="param.page"
             background
             v-model:page-size="param.pageSize"

+ 1 - 1
src/views/system/assess/totalIndex/component/addItem.vue

@@ -39,7 +39,7 @@
 					</template>
 				</el-table-column>
 			</el-table>
-			<el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" class="mt15" :pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="tableData.param.pageNum" background v-model:page-size="tableData.param.pageSize"
+			<el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" class="mt15" :pager-count="5" :page-sizes="[10, 20, 30, 50, 100, 200, 300, 500]" v-model:current-page="tableData.param.pageNum" background v-model:page-size="tableData.param.pageSize"
 				layout="total, sizes, prev, pager, next, jumper" :total="tableData.total">
 			</el-pagination>