fix: 投资记账管理系统，分页统一修复。

src/views/invest/futures/index.vue

@@ -29,6 +29,7 @@
       <div class="content-con" v-loading="loading">
         <el-table v-loading="loading" :data="futureStocksList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
           <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="名称" align="center" prop="name" />
           <el-table-column label="账号" align="center" prop="code" />
           <el-table-column label="账户状态" align="center" prop="status">
@@ -40,11 +41,7 @@
           <el-table-column label="手续费" align="center" prop="commission" />
           <el-table-column label="保证金比例" align="center" prop="bond" />
           <el-table-column label="关联储蓄卡" align="center" prop="bankNameCode" />
-          <el-table-column label="开户日期" align="center" prop="activationDate" width="180">
-            <template #default="scope">
-              <span>{{ parseTime(scope.row.activationDate, '{y}-{m}-{d}') }}</span>
-            </template>
-          </el-table-column>
+          <el-table-column label="开户日期" align="center" prop="activationDate" width="120"> </el-table-column>
           <el-table-column label="备注" align="center" prop="remark" />
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template v-slot="scope">
@@ -56,7 +53,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>
     <!-- 添加或修改期货对话框 -->
@@ -259,6 +263,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.id)