fix: 茅台预约系统，分页统一修复。

src/views/imaotai/iitem/index.vue

@@ -24,8 +24,10 @@
       </div>
       <div class="content-con" v-loading="loading">
         <el-table v-loading="loading" :data="iitemList" @selection-change="handleSelectionChange">
-          <!-- <el-table-column type="selection" width="55" align="center" /> -->
+          <!--       <el-table-column type="selection" width="55" align="center" />
+          <el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column> -->
           <!-- <el-table-column label="商品id" align="center" prop="itemId" /> -->
+          <el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column>
           <el-table-column label="商品Code" width="120" align="center" prop="itemCode" />
           <el-table-column label="商品名称" align="center" prop="title" />
           <el-table-column label="介绍" align="center" prop="content" />
@@ -36,7 +38,14 @@
           </el-table-column>
           <el-table-column label="创建时间" align="center" width="160" prop="createTime" />
         </el-table>
-        <el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
+        <el-pagination
+          small
+          background
+          layout="total,sizes, prev, pager, next"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
       </div>
     </div>
   </div>
@@ -96,6 +105,18 @@ const handleCurrentChange = (val) => {
   getList()
 }
 
+//每页显示条数改变
+const handleSizeChange = (val) => {
+  queryParams.value.pageSize = val
+  getList()
+}
+// 序号翻页递增
+const indexMethod = (index) => {
+  const nowPage = queryParams.value.pageNum //当前第几页，根据组件取值即可
+  const nowLimit = queryParams.value.pageSize //当前每页显示几条，根据组件取值即可
+  return index + 1 + (nowPage - 1) * nowLimit // 这里可以理解成一个公式
+}
+
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map((item) => item.itemId)

src/views/imaotai/ilog/index.vue

@@ -49,7 +49,9 @@
       </div>
       <div class="content-con" v-loading="loading">
         <el-table v-loading="loading" :data="ilogList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
-          <!-- <el-table-column type="selection" width="55" align="center" /> -->
+          <!--       <el-table-column type="selection" width="55" align="center" />
+          <el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column> -->
+          <el-table-column type="index" label="序号" :index="indexMethod" width="60"></el-table-column>
           <el-table-column label="用户" align="center" width="150" prop="mobile" />
           <el-table-column label="类型" align="center" width="150" prop="type">
             <template #default="scope">
@@ -73,7 +75,14 @@
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
+        <el-pagination
+          small
+          background
+          layout="total,sizes, prev, pager, next"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
       </div>
     </div>
     <!-- 添加或修改操作日志对话框 -->
@@ -197,6 +206,18 @@ const handleCurrentChange = (val) => {
   getList()
 }
 
+//每页显示条数改变
+const handleSizeChange = (val) => {
+  queryParams.value.pageSize = val
+  getList()
+}
+// 序号翻页递增
+const indexMethod = (index) => {
+  const nowPage = queryParams.value.pageNum //当前第几页，根据组件取值即可
+  const nowLimit = queryParams.value.pageSize //当前每页显示几条，根据组件取值即可
+  return index + 1 + (nowPage - 1) * nowLimit // 这里可以理解成一个公式
+}
+
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map((item) => item.logId)

src/views/imaotai/ishop/index.vue

@@ -39,6 +39,7 @@
       </div>
       <div class="content-con" v-loading="loading">
         <el-table v-loading="loading" :data="ishopList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
+          <el-table-column type="index" label="序号" :index="indexMethod" width="60"></el-table-column>
           <el-table-column label="门店id" width="150" align="center" prop="ishopId" />
           <el-table-column label="省份" width="150" align="center" prop="provinceName" />
           <el-table-column label="城市" width="100" align="center" prop="cityName" />
@@ -50,7 +51,14 @@
           <!-- <el-table-column label="公司名称" width="220" align="center" prop="tenantName" /> -->
           <el-table-column label="创建时间" align="center" width="160" prop="createTime" />
         </el-table>
-        <el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
+        <el-pagination
+          small
+          background
+          layout="total,sizes, prev, pager, next"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
       </div>
     </div>
   </div>
@@ -155,6 +163,18 @@ const handleCurrentChange = (val) => {
   getList()
 }
 
+//每页显示条数改变
+const handleSizeChange = (val) => {
+  queryParams.value.pageSize = val
+  getList()
+}
+// 序号翻页递增
+const indexMethod = (index) => {
+  const nowPage = queryParams.value.pageNum //当前第几页，根据组件取值即可
+  const nowLimit = queryParams.value.pageSize //当前每页显示几条，根据组件取值即可
+  return index + 1 + (nowPage - 1) * nowLimit // 这里可以理解成一个公式
+}
+
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map((item) => item.shopId)

src/views/imaotai/iuser/index.vue

@@ -23,6 +23,7 @@
       <div class="content-con" v-loading="loading">
         <el-table v-loading="loading" :data="iuserList" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" align="center" />
+          <el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column>
           <el-table-column label="手机号" width="120" align="center" prop="mobile" />
           <el-table-column label="姓名" width="100" align="center" prop="userName" />
           <el-table-column label="预约商品" align="center" prop="itemName" />
@@ -48,7 +49,14 @@
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
+        <el-pagination
+          small
+          background
+          layout="total,sizes, prev, pager, next"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
       </div>
     </div>
     <!-- 添加或修改账号管理对话框 -->
@@ -428,6 +436,18 @@ const handleCurrentChange = (val) => {
   getList()
 }
 
+//每页显示条数改变
+const handleSizeChange = (val) => {
+  queryParams.value.pageSize = val
+  getList()
+}
+// 序号翻页递增
+const indexMethod = (index) => {
+  const nowPage = queryParams.value.pageNum //当前第几页，根据组件取值即可
+  const nowLimit = queryParams.value.pageSize //当前每页显示几条，根据组件取值即可
+  return index + 1 + (nowPage - 1) * nowLimit // 这里可以理解成一个公式
+}
+
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map((item) => item.mobile)